.article-toolbar{max-width:1180px;margin:auto;display:flex;align-items:center;gap:12px;padding:18px 24px;font-size:12px;flex-wrap:wrap}.article-toolbar a{text-decoration:none;color:var(--blue)}.article-toolbar .view-toggle{margin-left:auto;border-color:var(--line)}.article-toolbar .view-toggle button{color:var(--ink);padding:8px 14px;cursor:pointer}.article-toolbar .view-toggle button.active{color:#fff;background:var(--blue)}.article-page .shell{max-width:1180px;grid-template-columns:minmax(0,1fr) 245px;gap:28px;padding-top:0}.article-related{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:18px}.article-related a{text-decoration:none;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--ink)}.article-page .col-main{grid-column:1;grid-row:2}.article-page .col-main>h1,.article-page .md-body h1{font-size:clamp(28px,3.3vw,42px);line-height:1.45}.article-page .card{padding:26px;margin:22px 0}.article-page .md-body p,.article-page .md-body li,.article-page .card p,.article-page .card li{font-size:15px;line-height:1.9}.article-page .md-body h2{font-size:23px;line-height:1.5}.article-page .md-body h3{font-size:18px}.article-page .md-body td,.article-page .md-body th{font-size:13px;min-width:100px}.article-page .col-right{display:block;grid-column:2;grid-row:2;position:sticky;top:calc(var(--article-header,76px) + 16px);max-height:calc(100dvh - var(--article-header,76px) - 32px);background:#f5f8fc;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:12px}.article-page .col-right summary{font-size:14px;font-weight:800;cursor:pointer}.article-page .col-right li{margin:12px 0;line-height:1.6}.article-page .col-right a{display:block;padding:3px}.article-page .col-main section,.article-page .col-main h2{scroll-margin-top:calc(var(--article-header,76px) + 28px)}.article-page a:focus-visible,.article-page summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:850px){.article-page .shell{grid-template-columns:minmax(0,1fr);padding:0 18px 55px;gap:14px}.article-page .col-right{grid-column:1;grid-row:2;position:static;max-height:none}.article-page .col-main{grid-column:1;grid-row:3}.article-page .col-right details[open]{max-height:55dvh;overflow:auto}.article-page .card{padding:20px 16px}.article-toolbar{padding:14px 18px}.article-related a{font-size:11px}}
