/* A single reading surface, with the original-source action always at hand. */
.source-article.summary-screen{height:var(--summary-screen-height,calc(100svh - var(--chivi-header-height,120px) - 66px));max-width:800px;margin:0 auto;padding:12px 0 8px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.summary-screen>*{flex-shrink:0;min-width:0}
.summary-screen>.text-button{align-self:flex-start;font-size:12px;line-height:1.4;min-height:24px;display:inline-flex;align-items:center}
.summary-screen>.eyebrow{display:none}
.summary-screen>h1{font-size:clamp(22px,3vh,30px);font-weight:750;line-height:1.16;margin:0;letter-spacing:-.45px;max-height:none;overflow:visible;overflow-wrap:anywhere;text-wrap:pretty}
.summary-screen>.story-meta,.summary-screen>.article-meta,.summary-screen>.meta{font-size:11px;line-height:1.4;margin:0;gap:4px 7px;flex-wrap:wrap}
.summary-screen #media-summary-body{flex:1 1 0;min-height:72px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:14px;background:var(--soft,#f0f3ee)}
.summary-screen #media-summary-body::-webkit-scrollbar{display:none;width:0;height:0}
.summary-screen #media-summary-body:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.source-article.summary-screen .source-detail{margin:0;padding:14px 16px;background:transparent;border:0}
.summary-screen .source-detail>.eyebrow{display:block;font-size:10px;line-height:1.3;letter-spacing:.8px;color:var(--muted)}
.source-article.summary-screen .source-detail .lead{font-size:clamp(14px,1.95vh,17px);line-height:1.48;margin:10px 0 0;color:var(--ink);display:block;overflow:visible;-webkit-line-clamp:unset}
.summary-screen .source-detail h2{font-size:14px;line-height:1.3;margin:14px 0 6px}
.summary-screen .source-detail p{font-size:14px;line-height:1.45;margin:6px 0}
.summary-screen .source-detail .small-note{font-size:10px;line-height:1.4;margin:12px 0 0;color:var(--muted)}
.summary-screen .article-actions{display:flex;gap:8px;align-items:stretch;margin:0;padding:0;background:var(--paper,#fcfcf9)}
.summary-screen .article-actions .solid{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;line-height:1.25;white-space:normal;min-height:48px;padding:10px 14px;margin:0;text-align:center;border-radius:12px}
.summary-screen .article-actions svg{flex-shrink:0;width:18px;height:18px}
.summary-screen .article-actions .solid small{display:block;font-size:10px;font-weight:400;line-height:1.3;margin-top:3px}
.summary-screen .article-actions .outline{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;line-height:1.2;min-height:48px;padding:10px 12px;border-radius:12px}
.summary-screen>.small-note{font-size:10px;line-height:1.35;margin:0;color:var(--muted)}
.summary-screen>.source-rights-note{font-size:10px;line-height:1.4;margin:0;color:var(--muted)}
.summary-screen>.source-rights-note .text-button{font-size:10px;min-height:24px}
@media(max-width:680px){
 main.wrap:has(.summary-screen){padding-top:0;padding-bottom:0;min-height:0}
 .source-article.summary-screen{gap:8px;padding-top:10px}
 .summary-screen>h1{font-size:clamp(21px,6vw,26px);line-height:1.15}
 .source-article.summary-screen .source-detail{padding:13px 15px}
 .summary-screen .article-actions{flex-wrap:nowrap}
 .summary-screen .article-actions .solid{font-size:13px}
 .summary-screen .article-actions .outline{font-size:11px;padding:8px 10px}
 html:has(.summary-screen),body:has(.summary-screen){scrollbar-width:none}
 html:has(.summary-screen)::-webkit-scrollbar,body:has(.summary-screen)::-webkit-scrollbar{display:none;width:0}
}
@media(max-height:700px){.source-article.summary-screen{gap:6px;padding-top:6px}.summary-screen>h1{font-size:21px}.source-article.summary-screen .source-detail{padding:11px 13px}.source-article.summary-screen .source-detail .lead{font-size:14px}.summary-screen>.small-note{display:none}}