.article-index,.article-detail{padding-bottom:100px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.article-card{background:#102524;border:1px solid #bbad873d;border-radius:4px;overflow:hidden}.article-card>a{text-decoration:none;display:block}.article-card img{aspect-ratio:2.5;object-fit:cover;width:100%;height:auto;transition:transform .4s}.article-card:hover img{transform:scale(1.025)}.article-card>a>div{padding:28px}.article-card small,.article-heading small{color:#b2b6a8;font-size:13px}.article-card h3{margin:14px 0;font-size:clamp(20px,1.8vw,25px);line-height:1.5}.article-card p,.article-index-note p{color:#adbab0;line-height:1.9}.article-index-note{border-top:1px solid #bbad873d;margin-top:52px;padding-top:24px}.article-heading h1{margin:18px 0;font-size:clamp(30px,4.2vw,52px);line-height:1.4}.article-heading>p{color:#aebeb4;font-size:18px;line-height:1.9}.article-cover{margin:36px 0 52px}.article-cover img{object-fit:cover;border-radius:4px;width:100%;height:auto;max-height:520px}.article-cover figcaption{text-align:right;color:#a4aaa1;margin-top:10px;font-size:12px}.article-reading{grid-template-columns:230px minmax(0,760px);justify-content:center;align-items:start;gap:64px;display:grid}.article-toc{border-left:1px solid #bdad7d66;padding-left:22px;position:sticky;top:100px}.article-toc nav{gap:16px;margin:24px 0;display:grid}.article-toc a{color:#b9c7bc;font-size:14px}.article-toc p{color:#99a99f;font-size:12px;line-height:1.8}.article-body{color:#d0d8ce;min-width:0;font-size:18px;line-height:2}.article-body section{margin-bottom:44px;scroll-margin-top:100px}.article-body h2{color:#e1dbc1;font-size:27px;line-height:1.5}.article-body p{margin:22px 0}.article-body footer{border-top:1px solid #bdad7d44;padding-top:20px;font-size:15px}.article-tags{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.article-tags span{background:#bbad8715;border:1px solid #bbad8733;border-radius:20px;padding:3px 10px;font-size:12px}.article-reference{display:inline;position:relative}.article-reference>a{color:#d8c38a;text-underline-offset:5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.entity-preview{z-index:20;left:var(--preview-left,0px);color:#d3ddd1;background:#192e2a;border:1px solid #bba570;border-radius:6px;width:280px;padding:18px;font-size:14px;line-height:1.6;display:block;position:absolute;bottom:100%;box-shadow:0 12px 36px #0008}.entity-preview small,.entity-preview strong,.entity-preview>span,.entity-preview em{display:block}.entity-preview strong{color:#ead7a1;margin:7px 0;font-size:18px}.entity-preview em{color:#aaad97;margin-top:10px;font-size:12px;font-style:normal}.article-reference:hover>.entity-preview,.article-reference:focus-within>.entity-preview{display:block}.article-reference>a:focus-visible{outline-offset:4px;outline:2px solid #d8c38a}@media (max-width:800px){.article-grid{grid-template-columns:1fr}.article-reading{grid-template-columns:1fr;gap:26px}.article-toc{position:static}.article-toc nav{grid-template-columns:1fr 1fr}.article-heading{text-align:left}.article-cover{margin:24px 0}.article-body{font-size:17px}.entity-preview{width:auto;max-width:none;position:fixed;bottom:85px;left:16px;right:16px}.article-card>a>div{padding:22px}}.article-heading{text-align:left;max-width:1054px;margin:30px auto}.article-heading h1{letter-spacing:0;font-size:clamp(26px,2.65vw,38px);line-height:1.45}.article-summary{background:#142c29;border:1px solid #b9aa7744;border-left:3px solid #b7a574;border-radius:4px;margin:24px 0 16px;padding:20px 24px}.article-summary>span{color:#c4b483;letter-spacing:.15em;font-size:12px}.article-summary p{color:#bdcbc0;margin:8px 0 0;font-size:16px;line-height:1.85}.article-cover{width:100%;margin:8px 0 28px}.article-cover img{aspect-ratio:2.5;object-fit:cover;max-height:300px}.article-reading{grid-template-columns:220px minmax(0,760px);gap:48px}@media (max-width:800px){.article-reading{grid-template-columns:minmax(0,1fr);gap:20px}.article-cover-spacer{display:none}.article-summary{padding:16px}.article-heading h1{font-size:26px}.article-cover img{max-height:220px}}.article-scope-nav{flex-wrap:wrap;gap:12px;margin:24px 0 32px;display:flex}.article-scope-nav a{border:1px solid var(--border);border-radius:20px;padding:8px 16px}.article-scope-section{margin-bottom:40px;scroll-margin-top:100px}.article-scope-section>h2{margin-bottom:20px;font-size:24px}.article-heading h1{text-wrap:balance}.article-hero{max-width:760px;margin:0 auto}.article-hero .article-cover{margin:8px 0 28px}.article-hero .article-cover img{display:block}