
.article-shell{max-width:860px;margin:auto;padding:48px 24px 64px}.article-shell h1{font-size:clamp(2rem,5vw,3.5rem);max-width:23ch;line-height:1.1}.article-meta{color:var(--muted);font-size:.875rem;margin:16px 0 32px}.article-body h2{font-size:1.75rem;margin:48px 0 20px}.article-body h3{font-size:1.25rem;margin:32px 0 16px}.article-body p,.article-body li{max-width:68ch}.article-body p{margin:16px 0}.article-body li+li{margin-top:12px}.article-body ul,.article-body ol{padding-left:24px;margin:20px 0}.article-overview{padding-bottom:8px}.article-note,.article-flow{padding:20px 24px;margin:24px 0;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0}.article-note p{margin:0}.article-flow{font-weight:500;line-height:1.9}.article-shot{margin:28px 0 36px}.article-shot>a{display:block;width:fit-content;max-width:100%;background:white;border:1px solid var(--line);border-radius:10px;padding:8px}.article-shot img{display:block;max-width:100%;height:auto}.article-shot figcaption{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:12px;max-width:68ch}.article-shot .image-zoom{display:inline-flex;min-height:44px;align-items:center;font-size:.875rem}.article-table{overflow-x:auto;margin:24px 0}.article-table table{border-collapse:collapse;width:100%;font-size:1rem}.article-table th,.article-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px}.article-table th{background:var(--surface-alt)}.article-table td:first-child{font-weight:600}.article-cta{margin:48px 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:20px}.article-cta h2{margin-top:0}.article-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.article-consent{font-size:.875rem;color:var(--muted)}.article-toc{font-size:1rem;margin:24px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-toc ul{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;list-style:none;margin:0;padding:0}.article-body .article-toc li{margin:0;max-width:none}.article-toc ul li a,.article-toc ul li:last-child a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:1rem;font-weight:500;line-height:1.4;text-decoration:none}.article-toc ul li a:hover{text-decoration:underline;text-underline-offset:.2em;color:var(--accent-hover)}.article-footer{border-top:1px solid var(--line);padding:24px;color:var(--muted);font-size:.875rem}.article-footer .wrap{display:flex;flex-wrap:wrap;gap:24px}.article-footer a{display:inline-flex;min-height:44px;align-items:center}.article-index{max-width:1000px;margin:auto;padding:64px 24px}.article-list{margin-top:40px}.article-list article{border-top:1px solid var(--line);padding:32px 0}.article-list h2{font-size:1.5rem;max-width:30ch}.article-list p{margin:16px 0}.article-home-preview{margin-top:24px;padding:24px 0;border-top:1px solid var(--line)}.article-home-preview h3{max-width:34ch}.article-home-preview p{margin:12px 0 20px}.checklist li{padding-left:6px}.checklist strong{display:block}.checklist li+li{margin-top:20px}.reading-header .brand{max-width:50%}.article-kicker{margin-bottom:16px;color:var(--accent);font-weight:600;font-size:.875rem}.article-top-link{font-size:1rem;min-height:44px;display:inline-flex;align-items:center}.article-maintenance{border-top:1px solid var(--line);padding-top:20px;font-size:.875rem;color:var(--muted)}
@media(max-width:640px){.article-shell{padding:32px 20px 48px}.article-body h2{font-size:1.5rem;margin-top:36px}.article-body h3{font-size:1.1875rem}.article-note,.article-flow{padding:16px}.article-cta{padding:20px}.article-actions{flex-direction:column;align-items:stretch}.article-table th,.article-table td{padding:10px 8px;font-size:.875rem}.article-shell p,.article-shell li{font-size:1.0625rem}.article-shell .article-consent,.article-shell figcaption{font-size:.875rem}.article-index{padding:40px 20px}.reading-header .wrap{gap:12px}.reading-header .brand{font-size:.875rem}.article-footer .wrap{padding:0}}
@media print{nav,.article-actions,.image-zoom,.article-footer,.article-toc{display:none}.article-shell{max-width:none;padding:0}.article-body h2,.article-body h3{break-after:avoid}.article-shot{break-inside:avoid}.article-note,.article-cta{background:white}.article-shell h1{font-size:26pt}.article-shell p,.article-shell li{font-size:11pt}}

.article-toc{position:static;z-index:auto;background:transparent;backdrop-filter:none}
@media(max-width:640px){.article-table table{table-layout:fixed}.article-table th,.article-table td{overflow-wrap:normal;word-break:normal;hyphens:none}.article-table th:nth-child(1){width:27%}.article-table th:nth-child(2){width:24%}.article-table th:nth-child(3){width:49%}}

.article-breadcrumbs{position:static;z-index:auto;background:transparent;backdrop-filter:none;border:0;margin:0 0 28px;font-size:.875rem}.article-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;list-style:none;padding:0;margin:0}.article-breadcrumbs li{display:flex;align-items:baseline;min-width:0;max-width:100%;color:var(--muted);font-size:.875rem}.article-breadcrumbs li+li::before{content:"/";padding:0 10px;color:var(--muted)}.article-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.article-breadcrumbs [aria-current="page"]{padding:8px 0;overflow-wrap:anywhere}.article-meta a{color:inherit}

.article-preview-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start}.article-cover{min-width:0;margin:0}.article-cover>a{display:block;border-radius:10px;overflow:hidden}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9}.article-cover figcaption{margin-top:8px;color:var(--muted);font-size:.75rem;line-height:1.5}.article-preview-copy{min-width:0}.article-list .article-preview-copy .article-meta{margin-top:0}.article-preview-copy h2{margin-top:12px}.article-cover>a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:700px){.article-preview-card{grid-template-columns:minmax(0,1fr);gap:20px}}

.article-hero{margin:28px 0 32px}.article-hero img{display:block;width:100%;height:auto;border-radius:10px}.article-hero figcaption{margin-top:10px;color:var(--muted);font-size:.875rem;line-height:1.65}
