.reader{box-sizing:border-box;width:min(1200px,100vw - 2 * var(--gutter));max-width:none;max-height:calc(100dvh - 2 * var(--gutter));border:1px solid var(--line-2);background:var(--paper);color:var(--ink);overscroll-behavior:contain;border-radius:12px;padding:0;overflow:auto}.reader::backdrop{background:#1213118c}html:has(.reader[open]){scrollbar-gutter:stable;overflow:hidden}.rd-head{z-index:1;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;display:flex;position:sticky;top:0}.rd-head h2{min-width:0;font:400 1.5rem/1.2 var(--f-display);text-wrap:balance;flex:0 auto;margin:0}.rd-badge{border:1px solid var(--line-2);font:400 .875rem/1.4 var(--f-brush);color:var(--ink-soft);border-radius:999px;flex:none;padding:2px 10px}.rd-x{min-block-size:44px;min-inline-size:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;order:1;place-items:center;margin-inline-start:auto;padding:0;display:inline-grid}.rd-x:hover{background:var(--line)}.rd-x svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round}.rd-sub{margin:0 0 var(--sp-1);font:400 .8125rem/1.45 var(--f-sans);color:var(--ink-soft);flex:1 0 100%;order:2}.rd-body{padding:var(--sp-4)}@media (width<=600px){.reader{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}}