/* Article + guides index layout. Uses site.css variables. */
.article-main{background:var(--cream);padding:48px 0 96px}
.article{width:min(760px,calc(100% - 36px));margin-inline:auto}
.article .crumbs{color:var(--muted);margin-bottom:28px}
.article .disclosure{margin:0 0 32px}
.article .disclosure p{margin:0}
.article .disclosure strong:first-child{display:inline;text-transform:none;letter-spacing:0;font-size:inherit}
.article .draft-note{border:1px dashed #9aa894;padding:12px 16px;font-size:13px;color:#55655a;margin:0 0 20px}
.article .draft-note p{margin:0}
.article h1{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:1.05;font-size:clamp(36px,5.4vw,58px);margin:0 0 26px;overflow-wrap:break-word;hyphens:auto}
.article h2{font-family:var(--serif);font-weight:400;letter-spacing:-.03em;line-height:1.15;font-size:clamp(26px,3.4vw,36px);margin:48px 0 16px;overflow-wrap:break-word;hyphens:auto}
.article h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:32px 0 12px}
.article p,.article li{font-size:17px;line-height:1.7}
.article ul,.article ol{padding-left:1.3em}
.article li{margin-bottom:6px}
.article a{text-decoration:underline;text-underline-offset:3px;color:var(--ink);overflow-wrap:anywhere}
.article a:hover{color:var(--red)}
.article blockquote{margin:24px 0;padding:16px 20px;background:var(--paper);border-left:4px solid var(--orange)}
.article blockquote p{margin:0 0 8px}.article blockquote p:last-child{margin:0}
.article hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.article code{font-size:.9em;background:var(--paper);padding:1px 4px;overflow-wrap:anywhere}
.table-scroll{overflow-x:auto;margin:20px 0;-webkit-overflow-scrolling:touch;border:1px solid var(--line)}
.table-scroll table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.5}
.table-scroll th,.table-scroll td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.table-scroll th{background:var(--paper);font-weight:750}
.article li,.article p,.article td{overflow-wrap:break-word}
.language a{display:block;color:#506157;font-size:12px;letter-spacing:.04em;font-weight:800;padding:9px 8px}
.language a.active{background:var(--forest);color:#fff}
.guides-list{list-style:none;padding:0!important;margin:0 0 40px}
.guides-list li{border-top:1px solid var(--line);padding:16px 0;margin:0}
.guides-list a{font-family:var(--serif);font-size:22px;text-decoration:none}
.guides-list p{margin:6px 0 0;font-size:15px;color:#5a695f}
@media(max-width:680px){.article-main{padding:32px 0 70px}.article p,.article li{font-size:16px}.language a{padding:8px 7px;font-size:12px}}
@media(max-width:390px){.language a{padding:7px 5px}}