html[data-style] .research-reader{min-width:0;scroll-margin-top:calc(var(--chrome-height,80px) + 16px);overflow:visible}
html[data-style] .research-reader-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:9px;color:var(--muted);flex-wrap:wrap}
html[data-style] .paper-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-block:1px solid var(--line);padding:12px 0;margin-top:22px}
html[data-style] .paper-navigation button{display:flex;align-items:center;gap:8px;min-height:38px;font-size:11px;padding:5px 8px;border:1px solid transparent;border-radius:4px}
html[data-style] .paper-navigation button:hover{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}
html[data-style] #paper-counter{font-family:var(--mono);font-size:10px;text-align:center;color:var(--accent);line-height:1.7;overflow-wrap:anywhere}
html[data-style] .paper-topic{font-size:10px;font-family:var(--mono);color:var(--muted);margin-top:27px;line-height:1.7}
html[data-style] .paper-content h2{font-size:clamp(34px,4vw,56px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 24px;overflow-wrap:anywhere}
html[data-style] .paper-content h2>span{font-family:var(--sans);font-size:17px;letter-spacing:0;line-height:1.7;font-weight:500;color:var(--text);display:block;margin-top:12px}
html[data-style] .paper-question{font-size:17px;font-weight:550;line-height:1.8;color:var(--text);margin-bottom:25px}
html[data-style] .paper-content h3{font-size:13px;line-height:1.5;font-weight:600;margin:23px 0 8px;color:var(--accent)}
html[data-style] .paper-content :is(.paper-context,.paper-approach,.paper-contribution,.paper-takeaway)>p{font-size:12px;line-height:1.95;color:var(--secondary)}
html[data-style] .paper-pipeline{list-style:none;padding:0;margin:25px 0;border-top:1px solid var(--strong-line)}
html[data-style] .paper-pipeline li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:13px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center;position:relative}
html[data-style] .step-number{font-family:var(--mono);font-size:10px;color:var(--accent);border:1px solid var(--line);height:30px;width:30px;display:grid;place-items:center}
html[data-style] .paper-pipeline strong{font-size:12px;font-weight:550;line-height:1.6}
html[data-style] .paper-pipeline p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:3px}
html[data-style] .paper-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px}
html[data-style] .paper-focus>div{background:var(--accent-soft);padding:14px;border:1px solid var(--line);border-radius:5px}
html[data-style] .paper-focus strong{font-size:11px;font-weight:550;line-height:1.7}
html[data-style] .paper-focus p{font-size:10px;color:var(--secondary);line-height:1.8;margin-top:6px}
html[data-style] #paper-tags{margin-top:22px}
html[data-style] .paper-reader-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--strong-line);padding-top:19px;margin-top:28px}
html[data-style] #paper-indicators{display:flex;gap:8px}
html[data-style] #paper-indicators button{width:34px;height:34px;border:1px solid var(--line);font-family:var(--mono);font-size:10px;border-radius:50%;color:var(--muted)}
html[data-style] #paper-indicators button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
html[data-style] #paper-next-bottom{display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:4px 12px;text-align:right;min-height:44px;padding:3px 0;color:var(--accent)}
html[data-style] #paper-next-bottom>span{font-size:9px;color:var(--muted)}
html[data-style] #paper-next-bottom strong{font-size:14px;font-weight:550;grid-row:2;line-height:1.5}
html[data-style] #paper-next-bottom svg{grid-column:2;grid-row:1/3;align-self:center;width:18px;height:18px}
html[data-style] #paper-next-bottom:hover{color:var(--text)}
html[data-style] .research-noscript{font-size:11px;line-height:1.8;margin-top:18px;color:var(--muted)}
html[data-style=cartoon] .paper-navigation{border-block:1.5px dashed var(--comic-ink)}
html[data-style=cartoon] .paper-navigation button{font-family:var(--comic-font);font-size:14px;min-height:40px}
html[data-style=cartoon] .paper-content h2>span,html[data-style=cartoon] .paper-content h3{font-family:var(--comic-font);font-weight:400}
html[data-style=cartoon] .paper-content h3{font-size:17px}
html[data-style=cartoon] .step-number{border:1.5px solid var(--comic-ink);background:var(--comic-yellow);color:var(--text);border-radius:7px;rotate:-3deg}
html[data-style=cartoon] .paper-pipeline{border-top:1.5px solid var(--comic-ink)}
html[data-style=cartoon] .paper-focus>div{border:1.5px solid var(--comic-ink);background:var(--comic-green);border-radius:7px;box-shadow:2px 2px 0 var(--comic-shadow)}
html[data-style=cartoon] .paper-focus>div:nth-child(2){background:var(--comic-peach)}
html[data-style=cartoon] #paper-indicators button{border:1.5px solid var(--comic-ink)}
html[data-style=cartoon] #paper-indicators button[aria-pressed=true]{background:var(--comic-yellow);color:var(--text);box-shadow:2px 2px 0 var(--comic-shadow);rotate:-5deg}
html[data-style=editorial] .step-number{border-radius:50%;background:var(--bg)}
@media(max-width:680px){html[data-style] .paper-navigation{gap:6px;padding:8px 0}html[data-style] .paper-navigation button{min-height:44px;font-size:11px;padding-inline:5px;gap:5px}html[data-style] #paper-counter{font-size:9px}html[data-style] .paper-content h2>span{font-size:16px}html[data-style] .paper-question{font-size:16px}html[data-style] .paper-content :is(.paper-context,.paper-approach,.paper-contribution,.paper-takeaway)>p{font-size:13px}html[data-style] .paper-pipeline p{font-size:11px}html[data-style] #paper-indicators button{height:40px;width:40px}html[data-style=cartoon] .paper-navigation button{font-size:13px}}
@media(max-width:380px){html[data-style] .paper-focus{grid-template-columns:minmax(0,1fr)}html[data-style] .paper-navigation button>span:not([aria-hidden]){display:none}html[data-style] .paper-navigation button{min-width:40px;justify-content:center}}
@media print{.paper-navigation,.paper-reader-footer{display:none!important}}

/* Four chapter selectors may need their own line on narrow cards. */
html[data-style] .paper-reader-footer { flex-wrap: wrap; }
html[data-style] #paper-indicators { flex-wrap: wrap; }
html[data-style] #paper-next-bottom { margin-left: auto; }