.hero{padding:32px 0 36px}.hero h1{font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-display);margin:14px 0 10px}
.hero .intro{color:var(--slate-100);max-width:680px;margin:0 0 22px;font-size:15px}
.hero .stamp{font-size:12px;color:var(--slate-300);margin-top:14px}
.stats{display:flex;gap:32px;margin-top:22px;flex-wrap:wrap}.stats div{font:700 20px var(--font-sans)}.stats small{display:block;font:400 12px var(--font-sans);color:var(--slate-300);margin-top:2px}
.layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;margin-top:32px}
.aside{position:sticky;top:24px;display:grid;gap:16px}
.quote-card{padding:22px 24px;background:var(--surface-tint);border-color:transparent;box-shadow:none}.quote-card h3{font-size:17px}.quote-card p{font-size:13px;margin:8px 0 14px}
.facts{padding:20px 24px}.facts h3{font-size:15px;margin-bottom:10px}.facts dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 16px;font-size:13px}.facts dt{color:var(--text-muted)}.facts dd{margin:0;font-weight:600;color:var(--text-heading);text-align:right}
.list{display:grid;gap:12px}.rank{font:700 13px var(--font-sans);color:var(--text-muted);width:22px;flex:none;padding-top:3px}
.datagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.judgment{padding:16px 20px;display:grid;gap:6px}.judgment .cn{font:600 15px var(--font-sans);color:var(--text-heading)}.judgment .cite{font:500 12px var(--font-sans);color:var(--teal-600)}
.judgment .jm{font-size:13px;color:var(--text-muted)}.judgment .jl{font-size:13px}
.hlist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}
.hlist a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px 18px;font:500 14px var(--font-sans);color:var(--text-heading);text-decoration:none;transition:box-shadow .15s ease-out}
.hlist a:hover{box-shadow:var(--shadow-lifted)}.hlist a small{font-size:12px;color:var(--text-muted);font-weight:400;display:block;margin-top:2px}.hlist a .go{color:var(--teal-600);font-weight:600;white-space:nowrap}
.datum{background:var(--surface-tint);border-radius:var(--radius-lg);padding:16px 18px}.datum .n{font:700 24px var(--font-sans);color:var(--text-heading);letter-spacing:-0.02em}.datum .l{font-size:13px;color:var(--text-body);margin-top:4px}.datum .src{font-size:11px;color:var(--text-muted);margin-top:8px}
.dtable{border-radius:var(--radius-xl);overflow:hidden;margin-top:20px}.dtable table{width:100%;border-collapse:collapse;font-size:14px}.dtable th{text-align:left;font:600 11px var(--font-sans);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);padding:12px 18px;background:var(--gray-100)}
.dtable td{padding:12px 18px;border-top:1px solid var(--border-default);color:var(--text-body)}.dtable td:first-child{color:var(--text-heading);font-weight:500}
.dtable td.r{font-weight:600;color:var(--text-heading);text-align:right}
.srcline{font-size:13px;color:var(--text-muted);margin-top:10px}
.faq details{border-top:1px solid var(--border-default);padding:16px 0}.faq details:last-child{border-bottom:1px solid var(--border-default)}
.faq summary{font:600 15px var(--font-sans);color:var(--text-heading);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}.faq summary::after{content:"+";color:var(--teal-600);font-weight:600}.faq details[open] summary::after{content:"−"}
.faq details p{margin:10px 0 0;font-size:14px;max-width:720px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.step{padding:20px 22px}.step .n{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--teal-100);color:var(--teal-600);font:700 13px var(--font-sans);align-items:center;justify-content:center}.step h3{font-size:15px;margin:12px 0 6px}.step p{font-size:13px;margin:0}
.cta{padding:40px 0;margin-top:56px}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.cta h2{font-size:var(--text-xl)}.cta p{color:var(--slate-100);margin:6px 0 0;font-size:14px}
@media(max-width:820px){.layout{grid-template-columns:1fr}.steps,.datagrid{grid-template-columns:1fr 1fr}.aside{position:static}}