/* Reading navigation extends the existing adoptie.ai orange editorial system. */
.article-reading-layout{--reading-offset:120px;--reading-scroll-margin:12px;display:grid;grid-template-columns:240px minmax(0,740px);justify-content:center;align-items:start;gap:64px;padding-top:28px;padding-bottom:22px}
.article-reading-content.article-body{width:100%;min-width:0;padding:0;margin:0}
.article-reading-content.article-body>*{max-width:100%}
.article-reading-content [data-reading-heading]{scroll-margin-top:var(--reading-scroll-margin)}
.article-reading-content [data-reading-heading]:focus{outline:0}
.article-reading-content [data-reading-heading]:focus-visible{outline:3px solid var(--orange-ink);outline-offset:6px}
.article-reading-sidebar{position:sticky;top:var(--reading-offset);min-width:0;max-height:calc(100svh - var(--reading-offset) - 24px);font-size:14px;line-height:1.45;color:var(--muted)}
.article-reading-status{padding-bottom:22px}
.article-reading-status-label{display:flex;justify-content:space-between;gap:14px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:9px}
.article-reading-status-label [data-reading-percent]{font-variant-numeric:tabular-nums;color:var(--ink)}
.article-reading-status progress{display:block;width:100%;height:4px;border:0;border-radius:0;overflow:hidden;appearance:none;background:var(--soft);accent-color:var(--orange-ink)}
.article-reading-status progress::-webkit-progress-bar{background:var(--soft)}
.article-reading-status progress::-webkit-progress-value{background:var(--orange-ink)}
.article-reading-status progress::-moz-progress-bar{background:var(--orange-ink)}
.article-reading-disclosure{border:0;margin:0}
.article-reading-disclosure>summary{min-height:44px;padding:10px 0;color:var(--ink);font-size:14px;font-weight:750;line-height:1.5;cursor:pointer}
.article-reading-disclosure nav{max-height:calc(100svh - var(--reading-offset) - 144px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;padding:4px 8px 4px 0}
.article-reading-disclosure ol{list-style:none;padding:0;margin:0}
.article-reading-disclosure li{position:relative;padding:0;margin:0}
.article-reading-disclosure li:not(:last-child)::before{content:'';position:absolute;left:8px;top:22px;height:100%;border-left:1px dotted var(--rule);pointer-events:none}
.article-reading-disclosure a{position:relative;display:block;min-height:44px;padding:11px 0 11px 27px;font-size:13px;font-weight:500;line-height:1.5;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.article-reading-disclosure a::before{content:'';position:absolute;left:4px;top:17.5px;width:9px;height:9px;border:1px solid var(--rule);border-radius:50%;background:var(--paper);box-sizing:border-box}
.article-reading-disclosure .reading-level-3 a{padding-left:37px;font-size:12px}
.article-reading-disclosure .reading-level-3 a::before{left:5px;top:18.5px;width:7px;height:7px}
.article-reading-disclosure a:hover{color:var(--orange-ink);text-decoration:underline;text-underline-offset:4px}
.article-reading-disclosure a[aria-current="location"]{color:var(--orange-ink);font-weight:750}
.article-reading-disclosure a[aria-current="location"]::before{border-color:var(--orange-ink);background:var(--orange)}
.article-reading-disclosure a[data-reading-complete]::before{border-color:var(--muted);background:var(--muted)}
.article-reading-top-progress{position:fixed;z-index:32;top:var(--reading-header-height,94px);left:0;width:100%;height:3px;background:var(--rule);pointer-events:none}
.article-reading-top-progress>span{display:block;width:100%;height:100%;background:var(--orange-ink);transform:scaleX(0);transform-origin:left}
@media(min-width:1100px){.article-reading-disclosure>summary{list-style:none;cursor:default}.article-reading-disclosure>summary::-webkit-details-marker{display:none}}
@media(min-width:1100px) and (max-width:1199px){.article-reading-layout{grid-template-columns:210px minmax(0,740px);gap:40px}}
@media(max-width:1099px){.article-reading-layout{display:block;padding-top:22px}.article-reading-sidebar{position:static;max-height:none;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--rule)}.article-reading-status{padding-bottom:4px;max-width:100%}.article-reading-status-label{margin-bottom:8px}.article-reading-disclosure nav{max-height:none;overflow:visible;padding-bottom:8px}.article-reading-disclosure>summary{font-size:14px}.article-reading-content.article-body{padding-top:0}}
@media(max-width:700px){.article-reading-layout{padding-top:18px;padding-bottom:12px}.article-reading-sidebar{margin-bottom:0}.article-reading-disclosure a{font-size:13px}.article-reading-status-label{font-size:12px}.article-reading-content .article-utility{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.article-reading-layout{scroll-behavior:auto}.article-reading-top-progress>span{transition:none}}