.article-page{padding:calc(var(--nav-h) + 48px) 0 96px}.article-page .art{max-width:calc(760px + 2 * var(--gutter))}.article-page .crumb{letter-spacing:.06em;color:var(--color-ink-faint);margin-bottom:16px;font-size:12.5px;display:block}.article-page .crumb a:hover{color:var(--color-brass)}.article-page h1{margin-bottom:10px;font-size:clamp(34px,4.6vw,56px)}.article-page .art-date{color:var(--color-ink-faint);margin:0 0 24px;font-size:13px}.article-page .art-lead{color:var(--color-ink);margin:0 0 32px;font-size:19px;line-height:1.6}.article-page .art-cover{border-radius:4px;width:100%;height:auto;margin-bottom:32px}.article-page h2{margin:44px 0 14px;font-size:clamp(22px,2.4vw,28px);line-height:1.25}.article-page p,.article-page li{color:var(--color-ink-soft);font-size:16.5px;line-height:1.7}.article-page p{margin:0 0 16px}.article-page ul,.article-page ol{margin:0 0 18px;padding-left:0;list-style:none}.article-page li{margin-bottom:8px}.article-page .art>ol{counter-reset:step}.article-page .art>ol>li{counter-increment:step;margin-bottom:14px;padding-left:44px;position:relative}.article-page .art>ol>li:before{content:counter(step);background:var(--color-brass);width:28px;height:28px;color:var(--color-paper);border-radius:50%;place-items:center;font-size:14px;font-weight:600;line-height:1;display:grid;position:absolute;top:1px;left:0}.article-page .art>ul:not(.art-list)>li{padding-left:22px;position:relative}.article-page .art>ul:not(.art-list)>li:before{content:"";background:var(--color-brass);border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:4px}.article-page .art :is(p,td,dd) a,.article-page .art :is(ol,ul):not(.art-list) li a{color:var(--color-brass);text-decoration:none}:is(.article-page .art :is(p,td,dd) a,.article-page .art :is(ol,ul):not(.art-list) li a):hover{text-underline-offset:3px;text-decoration:underline}.article-page .art-table{margin:8px 0 24px;overflow-x:auto}.article-page .art-table table{border-collapse:collapse;width:100%;font-size:15px}.article-page .art-table th,.article-page .art-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);padding:10px 12px;line-height:1.5}.article-page .art-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);font-size:12px;font-weight:500}.article-page .art-table tbody th{color:var(--color-ink);white-space:nowrap;font-weight:600}.article-page .art-table td{color:var(--color-ink-soft)}.article-page figure{margin:12px 0 28px}.article-page figcaption{color:var(--color-ink-faint);margin-top:10px;font-size:13px;line-height:1.5}.article-page .proem-scheme{width:100%;height:auto;display:block}.article-page .proem-scheme .ps-wall{fill:var(--color-paper-warm);stroke:var(--color-line-strong)}.article-page .proem-scheme .ps-gap{fill:color-mix(in srgb, var(--color-brass) 22%, transparent);stroke:var(--color-line-strong)}.article-page .proem-scheme .ps-box{fill:var(--color-line-strong)}.article-page .proem-scheme .ps-leaf{fill:var(--color-ink)}.article-page .proem-scheme .ps-label{fill:var(--color-ink-soft);font-size:14px}.article-page .proem-scheme .ps-on-leaf{fill:var(--color-paper)}.article-page .proem-scheme .ps-dim line{stroke:var(--color-ink-faint);stroke-width:1px}.article-page .proem-scheme .ps-dim text{fill:var(--color-ink);font-size:13px}.article-page .art-palette ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;margin:0;padding:0;list-style:none;display:grid}.article-page .art-palette li{grid-template-rows:auto auto auto;grid-template-columns:34px 1fr;column-gap:12px;margin:0;font-size:14px;line-height:1.35;display:grid}.article-page .art-palette li .sw{border:1px solid var(--color-line-strong);background:repeating-linear-gradient(45deg, var(--color-paper-warm) 0 4px, var(--color-paper) 4px 8px);border-radius:50%;grid-row:1/4;width:34px;height:34px}.article-page .art-palette li .nm{color:var(--color-ink);font-weight:600}.article-page .art-palette li .cd,.article-page .art-palette li .cl{color:var(--color-ink-faint);font-size:12.5px}.article-page .art-faq{margin-top:48px}.article-page .art-faq dl{margin:0}.article-page .art-faq dl>div{border-top:1px solid var(--color-line);padding:16px 0}.article-page .art-faq dt{color:var(--color-ink);margin-bottom:6px;font-size:16px;font-weight:600}.article-page .art-faq dd{color:var(--color-ink-soft);margin:0;font-size:15.5px;line-height:1.65}.article-page .art-more{margin-top:40px}.article-page .art-more h2{margin-top:0;font-size:20px}.article-page .art-more p{flex-wrap:wrap;gap:8px;display:flex}.article-page .art-more li a{color:var(--color-brass)}.article-page .art-index{max-width:calc(1000px + 2 * var(--gutter))}.article-page .art-list{margin:24px 0 0;padding:0;list-style:none}.article-page .art-list li{border-top:1px solid var(--color-line);margin:0}.article-page .art-list a{grid-template-columns:240px 1fr;align-items:center;gap:28px;padding:24px 0;display:grid}.article-page .art-list .tx{grid-column:2}.article-page .art-list .th{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:opacity .25s var(--ease);border-radius:4px}.article-page .art-list .t{color:var(--color-ink);margin-bottom:6px;font-size:21px;font-weight:600;display:block}.article-page .art-list .d{color:var(--color-ink-soft);font-size:15px;line-height:1.6;display:block}.article-page .art-list a:hover .t{color:var(--color-brass)}.article-page .art-list a:hover .th{opacity:.88}@media (max-width:640px){.article-page .art-list a{grid-template-columns:1fr;gap:14px}.article-page .art-list .tx{grid-column:1}}