/* Public reading surfaces; shared semantic tokens own both themes. */
/* Owner-approved one-shot topic introduction; all geometry is static. */
.ar-opener{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-lg);padding:28px;margin-bottom:28px;isolation:isolate}
.ar-opener-copy{min-width:0}.ar-opener .ar-breadcrumb,.ar-opener .ar-dek,.ar-opener .ar-meta{color:var(--text-inverse);opacity:.85}.ar-opener .ar-tags a{background:transparent;color:var(--text-inverse);border-color:currentColor}.ar-opener h1{color:var(--text-inverse)}
.ar-opener-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:start;margin-top:20px}.ar-opener-controls{display:grid}.ar-opener-controls button{grid-area:1/1;font:inherit;min-height:48px}.ar-opener-controls button[hidden]{display:inline-flex;visibility:hidden;pointer-events:none}.ar-opener-controls .button{color:var(--text-inverse);background:transparent;border:1px solid currentColor;cursor:pointer}.ar-opener-controls .button:hover{background:var(--surface-overlay)}.ar-opener-start{position:relative;min-height:48px}.ar-opener-start::after{content:"";position:absolute;inset:-4px;border:2px solid var(--action-brand-bg);border-radius:inherit;opacity:0;pointer-events:none}
.ar-opener-route{min-width:0}.ar-opener-route h2{font-size:1rem;margin:6px 0 14px;color:var(--text-inverse)}.ar-opener-route ol{position:relative;list-style:none;padding:0;margin:0}.ar-opener-route ol::before{content:"";position:absolute;inset-block:20px;inset-inline-start:16px;width:2px;background:var(--action-brand-bg);opacity:.45;transform-origin:top}
.ar-opener-route li{position:relative}.ar-opener-route a{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:8px 6px;min-height:44px;border-radius:var(--radius-md);color:var(--text-inverse);text-decoration:none}.ar-opener-route a::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--action-brand-bg);opacity:0;pointer-events:none;z-index:-1}.ar-opener-route a:hover,.ar-opener-route a:focus-visible{outline:2px solid var(--action-brand-bg);outline-offset:-2px}.ar-opener-node{display:block;width:12px;height:12px;margin:8px 4px 0;border-radius:50%;background:var(--action-brand-bg)}.ar-opener-route b{display:block;font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere}.ar-opener-route small{display:block;height:3.4em;line-height:1.7;font-size:.8125rem;overflow:hidden;opacity:.8;transform-origin:top;overflow-wrap:anywhere}
.ar-opener.play .ar-opener-route ol::before{animation:ar-op-line var(--op-line) 1s both linear}.ar-opener.play .ar-opener-route li{animation:ar-op-enter .5s var(--op-enter) both}.ar-opener.play .ar-opener-node{animation:ar-op-node var(--op-highlight) var(--op-delay) both}.ar-opener.play .ar-opener-route a::before{animation:ar-op-highlight var(--op-highlight) var(--op-delay) both}.ar-opener.play .ar-opener-route small{animation:ar-op-description var(--op-highlight) var(--op-delay) both}.ar-opener.play .ar-opener-start::after{animation:ar-op-pulse 1.4s var(--op-pulse) 2 both}
@keyframes ar-op-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ar-op-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ar-op-node{0%,100%{opacity:.55;transform:scale(1)}35%,70%{opacity:1;transform:scale(1.45)}}@keyframes ar-op-highlight{0%,100%{opacity:0}20%,70%{opacity:.18}}@keyframes ar-op-description{0%{opacity:0;transform:scaleY(.8)}25%,75%,100%{opacity:.8;transform:scaleY(1)}}@keyframes ar-op-pulse{0%,100%{opacity:0;transform:scale(1)}40%{opacity:.8;transform:scale(1.08)}}
@media(max-width:899px){.ar-opener{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 18px}.ar-opener-route small{opacity:0}.ar-opener.play .ar-opener-route small{animation-name:ar-op-mobile-description}.ar-opener-route a:focus-visible small{opacity:.8}@keyframes ar-op-mobile-description{0%,100%{opacity:0;transform:scaleY(.8)}25%,75%{opacity:.8;transform:scaleY(1)}}}
@media(prefers-reduced-motion:reduce){.ar-opener.play *,.ar-opener.play *::before,.ar-opener.play *::after{animation:none!important}.ar-opener-route small{opacity:.8}}
.ar-library,.ar-article{padding-block:40px 64px;color:var(--text-primary)}
.ar-intro{margin-block-end:32px}.ar-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.875rem;color:var(--text-secondary);margin-block-end:18px}.ar-breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.ar-intro h1,.ar-article-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.5;font-weight:900;margin:0 0 12px;letter-spacing:-.025em}.ar-intro p,.ar-dek{font-size:1.125rem;line-height:1.9;color:var(--text-secondary);max-width:52em;margin:0}
.ar-tools{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;border-block:1px solid var(--border-default);padding-block:18px}.ar-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1}.ar-tags a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-primary);font-size:.875rem;text-decoration:none}.ar-tags a span{font-size:.75rem;color:var(--text-secondary)}.ar-tags [aria-current]{border-color:var(--text-link);color:var(--text-link);background:var(--color-accent-surface)}
.ar-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%}.ar-search input{min-width:0;width:220px;max-width:100%;min-height:44px;font:inherit;font-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:8px 16px;background:var(--surface-card);color:var(--text-primary)}.ar-search>a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-link)}
.ar-results{display:flex;justify-content:space-between;gap:12px;align-items:center;color:var(--text-secondary);font-size:.875rem;padding-block:18px}.ar-results a{min-height:44px;display:inline-flex;align-items:center;color:var(--text-link)}
.ar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ar-featured{margin-bottom:28px}.ar-card{min-width:0;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-card)}.ar-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.ar-card-link:hover :is(h2,h3){color:var(--text-link)}.ar-card-link:focus-visible{outline:3px solid var(--border-focus);outline-offset:-4px}.ar-card-copy{padding:22px;display:flex;flex:1;flex-direction:column;gap:12px;min-width:0}.ar-card h2,.ar-card h3{margin:0;font-size:1.25rem;line-height:1.7;font-weight:800;overflow-wrap:anywhere}.ar-card p{margin:0;color:var(--text-secondary);font-size:1rem;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.ar-read{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:auto;color:var(--text-link);font-weight:700;font-size:.875rem}.ar-read span{font-size:1.25rem}
.ar-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--text-secondary);font-size:.8125rem;line-height:1.8}.ar-category{color:var(--text-link);font-weight:700}.ar-category:empty{display:none}.ar-badge{background:var(--color-accent-surface);color:var(--text-link);border-radius:var(--radius-pill);padding:4px 12px}
.ar-cover{aspect-ratio:1200/630;position:relative;overflow:hidden;background:var(--surface-subtle);isolation:isolate}.ar-cover img{display:block;width:100%;height:100%;object-fit:cover}.ar-cover-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:20px;text-align:center;background:var(--surface-subtle);color:var(--text-secondary);font-size:clamp(.875rem,2vw,1.125rem);font-weight:700;overflow:hidden}.ar-cover-mark{font-family:var(--font-family-latin);font-size:clamp(2rem,6vw,4rem);line-height:1;color:var(--text-link)}.ar-cover-mark>span{color:var(--border-strong)}
.ar-card--featured{padding:20px}.ar-card--featured .ar-card-link{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.ar-card--featured .ar-cover{border-radius:var(--radius-md)}.ar-card--featured .ar-card-copy{padding:8px}.ar-card--featured :is(h2,h3){font-size:clamp(1.4rem,2.5vw,2rem)}
.ar-empty{grid-column:1/-1;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:48px 24px;color:var(--text-secondary)}.ar-empty h2{color:var(--text-primary)}.ar-pagination{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:32px}
.ar-next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);padding:28px;margin-top:48px}.ar-next-step h2{margin:0;font-size:1.375rem}.ar-next-step>div{display:flex;flex-wrap:wrap;gap:12px}
.ar-home,.ar-related{padding-block:56px}.ar-section-heading{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:24px}.ar-section-heading h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:8px 0}.ar-section-heading p{color:var(--text-secondary);margin:0;line-height:1.9}.ar-kicker{color:var(--text-link);font-size:.875rem;font-weight:700}
.ar-article-header{margin-bottom:24px}.ar-article-header .ar-tags{margin-bottom:12px}.ar-article-header .ar-meta{margin-top:18px}.ar-skip{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:var(--text-link)}.ar-hero{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:40px}.ar-hero .ar-cover-placeholder{padding:40px}.ar-hero .ar-cover-placeholder>span:last-child{max-width:38em}
.ar-reader-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px}.ar-reader-layout--plain{display:block}.ar-reader-main{min-width:0;max-width:760px;margin-inline:auto;width:100%}.ar-reader-nav{min-width:0;align-self:start;position:sticky;top:100px;max-height:calc(100dvh - 120px);overflow:auto}.ar-toc summary{font-weight:700;font-size:.875rem;min-height:44px;cursor:pointer}.ar-toc ol,.ar-toc-sheet ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--border-default)}.ar-toc a,.ar-toc-sheet nav a{display:flex;align-items:center;min-height:44px;padding:8px 14px;color:var(--text-secondary);font-size:.875rem;line-height:1.8;text-decoration:none;border-inline-start:2px solid transparent;margin-inline-start:-2px}.ar-toc-level-3 a{padding-inline-start:28px}.ar-toc [aria-current],.ar-toc-sheet [aria-current]{color:var(--text-link);border-color:var(--text-link);background:var(--color-accent-surface)}
.ar-prose{font-size:1.125rem;line-height:2.1;overflow-wrap:anywhere}.ar-prose p{margin:0 0 22px}.ar-prose h2{font-size:clamp(1.375rem,2.5vw,1.875rem);line-height:1.7;border-top:1px solid var(--border-default);padding-top:24px;margin:44px 0 18px}.ar-prose h3{font-size:1.25rem;line-height:1.8;margin:28px 0 14px}.ar-prose h2,.ar-prose h3,.ar-prose{scroll-margin-top:110px}.ar-prose li{margin-bottom:10px}.ar-prose a{color:var(--text-link);text-underline-offset:4px}.ar-prose blockquote{margin:28px 0;border-inline-start:4px solid var(--text-link);padding:18px 24px;background:var(--surface-card);border-radius:var(--radius-sm)}.ar-prose blockquote p:last-child{margin-bottom:0}.ar-prose pre{direction:ltr;text-align:left;overflow:auto;white-space:pre;max-width:100%;font: .875rem/1.8 var(--font-family-mono);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:20px}.ar-prose code{direction:ltr;unicode-bidi:isolate;font-family:var(--font-family-mono);font-size:.9em}.ar-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:1rem}.ar-prose td,.ar-prose th{padding:12px;border:1px solid var(--border-default)}.ar-heading-link{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:.875rem;opacity:.6;text-decoration:none;margin-inline-start:4px}.ar-heading-link:hover,.ar-heading-link:focus-visible{opacity:1}
.ar-end{margin-top:40px;border-top:1px solid var(--border-default);padding-top:24px}.ar-end h2{font-size:1.5rem;margin:0 0 20px}.ar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ar-actions a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;background:var(--surface-inverse);color:var(--text-inverse);padding:16px 20px;border-radius:var(--radius-md);font-weight:700;text-decoration:none}.ar-actions a:hover{outline:2px solid var(--text-link)}.ar-share{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.ar-share>a{min-height:44px;display:inline-flex;align-items:center;color:var(--text-link)}.ar-copy-status{font-size:.875rem;color:var(--text-secondary)}.ar-copy-fallback{width:100%;min-height:44px;font-size:1rem;direction:ltr;border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px;margin-top:10px}
.ar-adjacent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;border-top:1px solid var(--border-default);padding-top:28px}.ar-adjacent a{display:flex;flex-direction:column;gap:10px;justify-content:center;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:20px;color:var(--text-primary);text-decoration:none}.ar-adjacent small{color:var(--text-secondary)}.ar-adjacent a:hover{border-color:var(--text-link)}
.ar-progress{position:fixed;inset:0 0 auto;height:3px;z-index:var(--z-popover);pointer-events:none}.ar-progress>span{display:block;width:100%;height:100%;background:var(--text-link);transform:scaleX(0);transform-origin:left center}.ar-toc-fab{display:none}.ar-toc-sheet{margin:auto 0 0;width:100%;max-width:none;max-height:min(80dvh,680px);padding:24px max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:auto;overscroll-behavior:contain}.ar-toc-sheet::backdrop{background:var(--surface-overlay)}.ar-toc-sheet header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.ar-toc-sheet h2{font-size:1.25rem;margin:0}.ar-sheet-open{overflow:hidden}.ar-toc-fab[hidden],.ar-copy-fallback[hidden]{display:none}
@media(min-width:801px){.ar-toc summary{pointer-events:none;list-style:none}.ar-toc summary::-webkit-details-marker{display:none}}
.ar-prose h2,.ar-prose h3{position:relative;padding-inline-end:44px}.ar-heading-link{position:absolute;inset-inline-end:0;top:0;margin:0}
.ar-library .ar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}.ar-library .ar-tags{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;min-width:0}.ar-library .ar-tags a{flex-shrink:0;white-space:nowrap}.ar-library .ar-search input{width:190px}
@media(max-width:1000px){.ar-library .ar-tools{grid-template-columns:minmax(0,1fr)}.ar-library .ar-search input{width:auto}}
.ar-progress>span{transform-origin:left center}[dir="rtl"] .ar-progress>span{transform-origin:right center}
.ar-toc-sheet header{position:sticky;top:0;z-index:1;background:var(--surface-card);padding-block:10px}
.ar-mobile-toc{display:none}
.ar-cover{flex:none;width:100%}.ar-cover img{position:absolute;inset:0}
@media(max-width:800px){.ar-reader-nav{display:none}.ar-mobile-toc{display:block;margin-bottom:24px}}
@media(max-width:800px){.ar-reader-layout{display:block}.ar-reader-nav{position:static;max-height:none;margin-bottom:24px}.ar-toc-fab:not([hidden]){display:flex;position:fixed;inset-inline-end:20px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:var(--z-sticky);align-items:center;gap:12px;min-height:52px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:10px 20px;box-shadow:var(--shadow-sm);background:var(--surface-card);color:var(--text-primary);font:700 1rem var(--font-family-base);cursor:pointer}.ar-hero{margin-bottom:28px}.ar-prose{font-size:1.0625rem;line-height:2}.ar-actions{grid-template-columns:1fr}.ar-adjacent{gap:12px}.ar-adjacent a{padding:16px}.ar-article-header h1{font-size:clamp(1.75rem,6vw,2.75rem)}}
@media(max-width:1000px){.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-search{width:100%}.ar-search input{flex:1}.ar-card--featured .ar-card-link{gap:20px}}
@media(max-width:600px){.ar-library,.ar-article{padding-block:20px 40px}.ar-grid{grid-template-columns:minmax(0,1fr);gap:20px}.ar-card--featured{padding:12px}.ar-card--featured .ar-card-link{display:flex;gap:10px}.ar-card--featured .ar-card-copy{padding:12px}.ar-card-copy{padding:20px}.ar-tools{gap:14px}.ar-tags a{padding-inline:12px}.ar-next-step{padding:22px}.ar-next-step>div,.ar-next-step .button{width:100%}.ar-next-step>div{flex-direction:column}.ar-home,.ar-related{padding-block:32px}}
@media(prefers-reduced-motion:reduce){.ar-library *,.ar-article *,.ar-home *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}