/* CHAOSLESS — article & AOS guide elements (built from content/ by scripts/articles.py) */
.reading-page{background:var(--reader-bg);color:var(--reader-text)}
.reader-crumb a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.reader-crumb a:hover{border-bottom-color:#d97843}
.reader-cover h1{max-width:900px}

/* quick answer */
.art-answer{border-left:3px solid #d97843;background:var(--reader-surface);padding:24px 28px 6px;margin:0 0 56px;max-width:720px}
.art-answer-label{display:block;font:700 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#d97843;margin-bottom:12px}
.reading-content .art-answer p{font:400 calc(var(--read-size) + 1px)/1.7 var(--sans);margin:0 0 20px}

/* text */
.reading-content h3{font:500 clamp(24px,2.2vw,30px)/1.15 var(--editor);letter-spacing:-.01em;margin:38px 0 14px;color:var(--reader-text)}
.reading-content a{color:inherit;text-decoration:underline;text-decoration-color:#d97843;text-underline-offset:3px;text-decoration-thickness:1px}
.reading-content a:hover{color:#d97843}
.reading-content strong{font-weight:700}
.reading-content code{font:500 .9em ui-monospace,Menlo,monospace;background:var(--reader-surface);padding:1px 5px}
.reading-content ul,.reading-content ol{max-width:720px;margin:0 0 32px;padding-left:1.3em}
.reading-content li{font:400 var(--read-size)/1.75 var(--sans);color:var(--reader-text);margin:0 0 12px;padding-left:.2em}
.reading-content ul li::marker{color:#d97843}
.reading-content ol li::marker{color:#d97843;font-weight:700}

/* tables */
.art-table{max-width:720px;overflow-x:auto;margin:8px 0 40px;border-top:2px solid var(--reader-text)}
.art-table table{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--sans);color:var(--reader-text)}
.art-table th{text-align:left;font:700 10px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--reader-mute);padding:14px 12px 12px 0;border-bottom:1px solid var(--reader-rule)}
.art-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--reader-rule);font-variant-numeric:tabular-nums}
.art-table td:last-child,.art-table th:last-child{text-align:right;padding-right:0}
.art-table tr.art-total td{border-bottom-color:var(--reader-text)}

/* AOS steps */
.art-aos{max-width:720px;margin:10px 0 44px;background:#111;color:#eeebe5;padding:34px 36px 36px;position:relative;overflow:hidden}
.art-aos::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#d97843,#f6b27a 40%,transparent)}
.art-aos-head{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.art-aos-head span{font:600 13px/1 var(--serif);letter-spacing:.12em;color:#d97843}
.reading-content .art-aos-head h3{margin:0;color:#f3f2ee;font-size:clamp(24px,2.4vw,32px)}
.reading-content .art-aos li,.reading-content .art-aos p{color:#dcd8d1}
.reading-content .art-aos strong{color:#fff}
.reading-content .art-aos a{color:#f6b27a}
.reading-content .art-aos a.art-aos-cta,.art-aos-card a{display:inline-block;margin-top:8px;background:#d97843;color:#111;text-decoration:none;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:15px 20px}
.reading-content .art-aos a.art-aos-cta:hover,.art-aos-card a:hover{background:#f0905a;color:#111}

/* notes, FAQ, sources, disclaimer */
.art-note{max-width:720px;border:1px solid var(--reader-rule);padding:20px 24px 2px;margin:0 0 36px}
.art-faq{max-width:720px;border-bottom:1px solid var(--reader-rule)}
.art-faq:first-of-type{border-top:1px solid var(--reader-rule)}
.art-faq summary{cursor:pointer;list-style:none;font:500 clamp(21px,1.9vw,26px)/1.25 var(--editor);padding:20px 40px 20px 0;position:relative;color:var(--reader-text)}
.art-faq summary::-webkit-details-marker{display:none}
.art-faq summary::after{content:"+";position:absolute;right:4px;top:16px;font:300 28px/1 var(--sans);color:#d97843;transition:transform .2s}
.art-faq[open] summary::after{transform:rotate(45deg)}
.art-faq div{padding:0 0 6px}
.art-sources ul{list-style:none;padding:0}
.art-sources li{font-size:14px;line-height:1.6;color:var(--reader-mute);border-bottom:1px solid var(--reader-rule);padding:10px 0;margin:0}
.reading-content .art-disclaimer{font:400 13px/1.6 var(--sans);color:var(--reader-mute);border-top:1px solid var(--reader-rule);padding-top:18px;margin-top:20px}

/* right rail AOS card */
.art-aos-card{background:#111;color:#eeebe5;padding:22px 22px 26px;margin-bottom:34px}
.art-aos-card .reader-side-label{color:#b3b0ab}
.art-aos-card h3{font:400 30px/1.05 var(--serif);letter-spacing:-.04em;margin:18px 0 10px;color:#f3f2ee}
.art-aos-card p{font:400 13px/1.6 var(--sans);color:#cfcac2;margin:0 0 14px}

/* section cards */
.story .art-card-sub{font:400 13px/1.45 var(--sans);color:#e7e3dc;margin:8px 0 0;max-width:520px}

@media (max-width:760px){
 .art-answer{padding:20px 20px 4px}
 .art-aos{padding:26px 22px 28px}
 .art-table table{font-size:14px}
}

/* sticky bars: reading bar sits flush under the header (height measured in site.js), liquid glass */
.reading-page .reader-commandbar{top:var(--hdr-h,82px)}
.reading-page .reader-commandbar{
 background:rgba(243,242,238,.38);-webkit-backdrop-filter:blur(24px) saturate(185%);backdrop-filter:blur(24px) saturate(185%);
 border-bottom:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 28px rgba(10,10,10,.06)}
.reader-theme-dark .reading-page .reader-commandbar{background:rgba(20,20,20,.42);border-bottom-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.25)}
.reading-page .reader-actions button{background:rgba(255,255,255,.28)}
.reader-theme-dark .reading-page .reader-actions button{background:rgba(255,255,255,.06)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .reading-page .reader-commandbar{background:var(--reader-bg)}}
.reading-page .reader-actions button[aria-pressed="true"],.reading-page .reader-actions button:hover{background:var(--reader-text);color:var(--reader-bg)}
body.reader-theme-dark #site-header.chaos-new-header{background:rgba(18,18,18,.5);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.25)}
body.reader-theme-dark .chaos-new-header,body.reader-theme-dark .chaos-new-header .chaos-new-nav a,body.reader-theme-dark .chaos-new-header .chaos-flat-wordmark,body.reader-theme-dark .chaos-new-hamb{color:#eeebe5!important;-webkit-text-fill-color:#eeebe5!important}
body.reader-theme-dark .chaos-new-header .chaos-new-subscribe{background:#eeebe5!important;color:#141414!important;-webkit-text-fill-color:#141414!important}
body.reader-theme-light,body.reader-theme-dark{background:var(--reader-bg)}