.n112t { --n112t-blue: #31579c; --n112t-navy: #0a2252; --n112t-green: #1fae61; --n112t-line: rgba(10, 34, 82, .12); color: inherit; line-height: 1.6; }
.n112t h2 { margin: 0 0 .6em; line-height: 1.25; }
.n112t section { margin: 0 0 2.2em; }
.n112t-hero { padding: 1.6em; border-radius: 18px; color: #fff; background: linear-gradient(135deg, var(--n112t-navy), var(--n112t-blue)); }
.n112t-hero h2 { color: #fff; font-size: 1.7em; }
.n112t-hero p { margin: 0 0 1em; opacity: .92; }
.n112t-kicker { font-size: .85em; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; opacity: .8; }
.n112t-button { display: inline-block; padding: .7em 1.2em; border-radius: 12px; background: #ffcc1a; color: var(--n112t-navy) !important; font-weight: 700; text-decoration: none !important; }
.n112t-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.n112t-card { padding: 1em; border: 1px solid var(--n112t-line); border-radius: 14px; background: rgba(49, 87, 156, .05); }
.n112t-card-label { display: block; font-size: .85em; font-weight: 600; opacity: .7; }
.n112t-card strong { display: block; font-size: 1.45em; line-height: 1.3; color: var(--n112t-blue); font-variant-numeric: tabular-nums; white-space: nowrap; }
.n112t-card-unit { font-size: .8em; opacity: .65; }
.n112t-muted { font-size: .9em; opacity: .7; }
.n112t-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--n112t-line); border-radius: 14px; overflow: hidden; }
.n112t-list li { display: flex; align-items: center; gap: 12px; padding: .7em 1em; border-bottom: 1px solid var(--n112t-line); }
.n112t-list li:last-child { border-bottom: 0; }
.n112t-rank { flex: 0 0 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .85em; background: rgba(49, 87, 156, .1); color: var(--n112t-blue); }
.n112t-list li:first-child .n112t-rank { background: #ffcc1a; color: var(--n112t-navy); }
.n112t-station { flex: 1; min-width: 0; }
.n112t-station strong, .n112t-station small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.n112t-station small { opacity: .65; }
.n112t-price { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--n112t-green); white-space: nowrap; }
.n112t-app { padding: 1.4em; border-radius: 18px; border: 1px solid var(--n112t-line); background: rgba(49, 87, 156, .05); }
.n112t-tips ul { padding-left: 1.2em; }
.n112t-tips li { margin-bottom: .5em; }
.n112t-faq details { border-bottom: 1px solid var(--n112t-line); padding: .8em 0; }
.n112t-faq summary { cursor: pointer; font-weight: 600; }
.n112t-faq p { margin: .6em 0 0; }
.n112t-source { margin-top: 1em; }