.article-preview{background:var(--color-background);min-height:100vh}.article-preview__main{padding-top:var(--space-6);padding-bottom:var(--space-12)}.article-preview__notice{max-width:80rem;margin:0 auto var(--space-8);padding:var(--space-4) var(--space-6);border:1px solid var(--color-demo-border);background:var(--color-demo-surface);color:var(--color-text);border-left-width:4px}.article-preview__notice-label,.article-preview__notice p{margin:0}.article-preview__notice-label{color:var(--color-muted);font-size:var(--type-label);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.article-preview__notice-status{gap:var(--space-2) var(--space-6);margin:var(--space-2) 0;color:var(--color-demo);font-size:var(--type-metadata);letter-spacing:.055em;flex-wrap:wrap;font-weight:800;display:flex}.article-preview__notice>p:last-child{color:var(--color-muted);font-size:var(--type-caption)}.article-preview__article{max-width:80rem;margin-inline:auto}.article-preview__header{padding:var(--space-4) 0 var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-areas:"copy hero""metadata hero";align-items:start;gap:clamp(2rem,3.2vw,3rem);display:grid}.article-preview__copy{grid-area:copy;min-width:0}.article-preview__metadata{grid-area:metadata;min-width:0}.article-preview__category{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--type-label);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.article-preview__header h1{max-width:18ch;font-family:var(--font-editorial,Georgia, "Times New Roman", serif);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(2.85rem,4.05vw,3.625rem);font-weight:600;line-height:1.04}.article-preview__byline{margin:var(--space-3) 0 0;color:var(--color-muted);font-family:var(--font-ui,Arial, Helvetica, sans-serif);font-size:clamp(.9rem,1.4vw,1rem);font-weight:650;line-height:1.45}.article-preview__desk{margin:var(--space-6) 0 0;color:var(--color-text);font-size:var(--type-metadata);font-weight:700}.article-preview__byline-note{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--type-caption)}.article-preview__date{gap:var(--space-1) var(--space-3);margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--type-caption);flex-wrap:wrap;display:flex}.article-preview__date span:before{content:"·";margin-right:var(--space-3)}.article-preview__actions{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.article-preview__action{justify-content:center;align-items:center;gap:var(--space-2);min-width:5.25rem;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font:inherit;font-size:var(--type-caption);cursor:not-allowed;border-radius:4px;font-weight:700;display:inline-flex}.article-preview__action .rb-icon{flex:none;width:18px;height:18px}.article-preview__action:focus-visible,.article-preview__review summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.article-preview__actions-note{color:var(--color-muted);font-size:var(--type-caption)}.article-preview__body{max-width:var(--container-reading);margin:var(--space-10,2.5rem) auto var(--space-12);color:var(--color-text);font-family:var(--font-editorial,Georgia, "Times New Roman", serif);overflow-wrap:anywhere;font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.82}.article-preview__body p{margin:0}.article-preview__body p+p{margin-top:1.55em}.article-preview__hero{grid-area:hero;align-self:start;min-width:0;margin:0}.article-preview__hero img{aspect-ratio:16/9;object-fit:contain;background:var(--color-surface);width:100%;height:auto;display:block}.article-preview__sources,.article-preview__review{max-width:var(--container-reading);padding:var(--space-6) 0;border-top:1px solid var(--color-border);margin:0 auto}.article-preview__review{margin-top:var(--space-6)}.article-preview__sources h2{margin:0 0 var(--space-3);font-family:var(--font-editorial,Georgia, "Times New Roman", serif);font-size:var(--type-compact);letter-spacing:-.02em;font-weight:600}.article-preview__review summary{width:fit-content;color:var(--color-text);font-family:var(--font-editorial,Georgia, "Times New Roman", serif);font-size:var(--type-compact);letter-spacing:-.02em;cursor:pointer;font-weight:600}.article-preview__review summary::marker{color:var(--color-accent)}.article-preview__review[open] summary{margin-bottom:var(--space-4)}.article-preview__sources>p{margin:0 0 var(--space-3);color:var(--color-muted);font-size:var(--type-caption)}.article-preview__sources ul{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.article-preview__sources li{gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--color-border);display:grid}.article-preview__sources a{width:fit-content;color:var(--color-accent);font-size:var(--type-metadata);text-underline-offset:.2em;font-weight:700;text-decoration-thickness:.08em}.article-preview__sources a:hover{color:var(--color-hover)}.article-preview__sources li span{color:var(--color-muted);font-size:var(--type-caption)}.article-preview__review dl{gap:var(--space-2);margin:0;display:grid}.article-preview__review dl>div{gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(9rem,.7fr) minmax(0,1fr);display:grid}.article-preview__review dt{color:var(--color-muted)}.article-preview__review dd{color:var(--color-text);font-family:var(--font-ui,Arial, Helvetica, sans-serif);font-size:var(--type-caption);margin:0;font-weight:700}.article-preview__footer{max-width:var(--container-reading);margin:var(--space-4) auto 0;padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--type-caption)}.article-preview__footer p{margin:0}.article-preview__back-to-top{z-index:20;border:1px solid var(--color-border);background:var(--color-surface);width:48px;height:48px;color:var(--color-accent);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;inset-block-end:calc(24px + env(safe-area-inset-bottom,0px));inset-inline-end:calc(24px + env(safe-area-inset-right,0px))}.article-preview__back-to-top[hidden]{display:none}.article-preview__back-to-top svg{width:22px;height:22px;display:block}.article-preview__back-to-top:hover{background:var(--color-background);color:var(--color-hover)}.article-preview__back-to-top:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (width<=64rem){.article-preview__header{gap:var(--space-6);grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""hero""metadata"}.article-preview__copy,.article-preview__hero,.article-preview__metadata{width:min(100%, var(--container-reading));margin-inline:auto}.article-preview__header h1{max-width:20ch;font-size:clamp(2.75rem,5.6vw,3.5rem)}}@media (width<=47.999rem){.article-preview__back-to-top{inset-block-end:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:calc(16px + env(safe-area-inset-right,0px))}.article-preview__main{padding-top:var(--space-3);padding-bottom:var(--space-8)}.article-preview__notice{margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.article-preview__notice-status{gap:var(--space-1);display:grid}.article-preview__header{padding-top:var(--space-2);padding-bottom:var(--space-4);gap:var(--space-5,1.25rem)}.article-preview__header h1{max-width:17ch;font-size:clamp(2rem,8.6vw,2.75rem);line-height:1.06}.article-preview__desk{margin-top:var(--space-4)}.article-preview__date{gap:var(--space-1);display:grid}.article-preview__date span:before{content:"";margin:0}.article-preview__body{margin-top:var(--space-6);margin-bottom:var(--space-8);font-size:1.08rem;line-height:1.78}.article-preview__hero{width:100%}.article-preview__sources,.article-preview__review{padding-block:var(--space-4)}.article-preview__actions{gap:var(--space-2)}.article-preview__actions-note{flex-basis:100%}.article-preview__review dl>div{grid-template-columns:minmax(0,1fr);gap:0}}