.article-hero{padding:56px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(800px 320px at 80% 0%,rgba(0,194,168,0.08),transparent 60%),radial-gradient(700px 320px at 0% 100%,rgba(59,120,189,0.08),transparent 60%),var(--bg)}.article-hero .container{max-width:880px}.crumbs{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.06em;color:var(--ink-3);margin-bottom:28px}.crumbs a{color:var(--ink-3);border-bottom:1px solid transparent}.crumbs a:hover{color:var(--ink);border-color:var(--accent)}.crumbs .sep{opacity:0.5}.article-meta-row{display:flex;flex-wrap:wrap;gap:12px 20px;font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-3);margin-bottom:22px}.article-meta-row .cat{color:var(--accent-deep);font-weight:500;padding:4px 10px;border-radius:999px;background:var(--accent-soft);letter-spacing:0.08em}.article-meta-row time{color:var(--ink-2)}.article-hero h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-0.025em;line-height:1.08;text-wrap:balance;margin-bottom:18px}.article-hero .deck{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--ink-2);text-wrap:pretty;max-width:60ch;line-height:1.55}.article-cover{margin:40px auto 0;max-width:1080px;height:clamp(220px,32vw,360px);border-radius:var(--radius-lg);position:relative;overflow:hidden;border:1px solid var(--line)}.article-cover .label{position:absolute;left:22px;bottom:18px;font-family:var(--font-mono);font-size:0.78rem;color:rgba(255,255,255,0.85);letter-spacing:0.08em;text-transform:uppercase;background:rgba(6,18,38,0.55);padding:6px 12px;border-radius:999px;backdrop-filter:blur(6px);z-index:2}.article-cover-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.article-cover-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,18,38,0.5) 100%)}.article-cover--photo{background:#0b1d33}.article-cover--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.article-cover--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,38,0.15) 0%,transparent 40%,rgba(6,18,38,0.55) 100%);background-image:linear-gradient(180deg,rgba(6,18,38,0.15) 0%,transparent 40%,rgba(6,18,38,0.55) 100%)!important}.article-cover[data-tone="a"]{background:linear-gradient(135deg,#0b1d33,#1d3a66)}.article-cover[data-tone="a"]::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,194,168,0.35),transparent 35%),radial-gradient(circle at 80% 70%,rgba(59,120,189,0.4),transparent 40%),repeating-linear-gradient(45deg,transparent 0 24px,rgba(255,255,255,0.04) 24px 25px)}.article-cover[data-tone="b"]{background:linear-gradient(135deg,#102a3a,#093658)}.article-cover[data-tone="b"]::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 30%,rgba(0,194,168,0.35),transparent 40%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,255,255,0.05) 18px 19px)}.article-cover[data-tone="c"]{background:linear-gradient(135deg,#06384a,#0b1d33)}.article-cover[data-tone="c"]::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 80%,rgba(0,194,168,0.4),transparent 40%),conic-gradient(from 90deg at 60% 40%,transparent 0deg,rgba(255,255,255,0.05) 90deg,transparent 180deg)}.article-cover[data-tone="d"]{background:linear-gradient(135deg,#112742,#2a3a55)}.article-cover[data-tone="d"]::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(0,194,168,0.35),transparent 40%),repeating-radial-gradient(circle at 50% 50%,transparent 0 22px,rgba(255,255,255,0.06) 22px 23px)}.article-body{padding:64px 0 80px}.article-body .container{max-width:760px;display:grid;grid-template-columns:1fr;gap:0}.prose{font-size:1.075rem;line-height:1.75;color:var(--ink-2)}.prose>* + *{margin-top:1.25em}.prose h2{font-size:1.65rem;letter-spacing:-0.02em;color:var(--ink);margin-top:2.2em;margin-bottom:0.4em;padding-top:0.4em;border-top:1px solid var(--line);position:relative}.prose h2::before{content:"";display:block;width:32px;height:2px;background:var(--accent);margin-bottom:14px}.prose h3{font-size:1.2rem;letter-spacing:-0.015em;color:var(--ink);margin-top:1.8em;margin-bottom:0.3em}.prose p{color:var(--ink-2)}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--ink);border-bottom:1px solid var(--accent);transition:background 0.15s}.prose a:hover{background:var(--accent-soft)}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:0.4em}.prose blockquote{margin:2em 0;padding:22px 28px;background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);font-size:1.15rem;line-height:1.55;color:var(--ink);font-style:normal;text-wrap:pretty}.prose blockquote p{color:var(--ink)}.prose code{font-family:var(--font-mono);font-size:0.9em;background:var(--bg-elev);border:1px solid var(--line);padding:2px 6px;border-radius:4px}.prose figure{margin:2em 0}.prose figure .placeholder{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background:repeating-linear-gradient(135deg,var(--bg-elev) 0 14px,var(--bg) 14px 28px);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase}.prose figcaption{font-family:var(--font-mono);font-size:0.78rem;color:var(--ink-3);margin-top:10px;letter-spacing:0.04em}.prose table{width:100%;border-collapse:collapse;font-size:0.95rem;margin:2em 0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.prose th,.prose td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}.prose th:last-child,.prose td:last-child{border-right:0}.prose th{background:var(--bg-elev);font-weight:600;color:var(--ink);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.06em}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg-elev) 50%,transparent)}.prose .pullquote{margin:2.2em 0;font-family:var(--font-sans);font-size:1.5rem;line-height:1.3;letter-spacing:-0.015em;color:var(--ink);font-weight:600;text-wrap:balance;padding-left:28px;border-left:3px solid var(--accent)}.article-end{margin-top:72px;padding:32px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.article-end .end-copy h3{font-size:1.2rem;margin-bottom:6px}.article-end .end-copy p{color:var(--ink-2);font-size:0.95rem}@media (max-width:700px){.article-end{grid-template-columns:1fr}}.related{padding:64px 0 96px;background:var(--bg-elev);border-top:1px solid var(--line)}.related .container{max-width:1180px}.related h2{font-size:1.4rem;letter-spacing:-0.02em;margin-bottom:24px}.related .kicker{display:block;margin-bottom:8px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:900px){.related-grid{grid-template-columns:1fr}}.related .insight{background:var(--bg)}.prose .btn{border-bottom:0}.prose a.btn:hover{background:var(--ink)}.prose .btn-primary{color:var(--bg)}.prose .btn-primary:hover{background:var(--navy-700);color:var(--bg)}.prose .btn-ghost{color:var(--ink)}.prose .btn-accent{color:#042520}.article-contents{margin:0 0 32px;padding:24px;border:1px solid var(--line);border-radius:12px}.article-contents h2{margin-top:0;font-size:1.15rem}.article-contents ul{margin-bottom:0}.article-body h2[id]{scroll-margin-top:100px}
.table-scroll{max-width:100%;overflow-x:auto;margin:2em 0}.prose .table-scroll table{margin:0}.table-scroll:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}