/* One-column reading layout for phones (SDSheet.readHTML). Uses the colours of the chosen look. --rs is the text size factor (A− / A+). */
.sheet.read{width:100%;min-height:0;padding:14px 12px 18px;gap:12px;--rs:1;--ly:calc(21px*var(--rs));--cs:calc(19px*var(--rs));--cb:calc(44px*var(--rs));background-image:var(--s-grid);background-size:20px 20px}
.rd-title{text-align:center;padding:6px 4px 10px;border-bottom:var(--s-bbw,2px) solid var(--s-ink)}
.rd-title h1{margin:0;font-family:var(--s-display);font-size:min(var(--s-titlesize),calc(34px*var(--rs)));line-height:1.1;font-weight:var(--s-weight);letter-spacing:.03em;text-wrap:balance}
.rd-title p{margin:4px 0 0;font-size:calc(16px*var(--rs));opacity:.8}
.rd-sec{display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid transparent;border-radius:12px}
.rd-sec.has-mark{border-color:rgba(47,123,255,.5);border-style:dashed}
.rd-sec.playing{border-style:solid;border-color:#2F7BFF;background:rgba(47,123,255,.10)}
.rd-sec.has-mark .rd-head{cursor:pointer}
.rd-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.rd-lab{display:inline-flex;align-items:center;gap:6px;font-family:var(--s-chipfont);font-size:calc(19px*var(--rs));text-transform:var(--s-chipcase);letter-spacing:.03em;font-weight:var(--s-weight);padding:2px 12px;border:var(--s-bw) var(--s-bstyle) var(--s-ink);border-radius:var(--s-rc0);background:var(--s-chipbg)}
.rd-chd{font-size:calc(16px*var(--rs));opacity:.85}
.rd-dyn{display:inline-flex;align-items:center;gap:4px;font-size:calc(14px*var(--rs));opacity:.85}
.rd-dyn b{font-weight:inherit}
.rd-sec.hl-orange .rd-lab{border-color:var(--s-orange);background:var(--s-orangeT);color:var(--s-orangeX)}
.rd-sec.hl-purple .rd-lab{border-color:var(--s-purple);background:var(--s-purpleT);color:var(--s-purpleX)}
.rd-sec.hl-teal .rd-lab{border-color:var(--s-teal);background:var(--s-tealT);color:var(--s-tealX)}
.rd-sec.hl-orange .lines{color:var(--s-orangeX)}
.rd-sec.hl-purple .lines{color:var(--s-purpleX)}
.rd-sec.hl-teal .lines{color:var(--s-tealX)}
.rd-notes{margin:0;padding-left:20px;font-size:calc(16px*var(--rs));opacity:.9}
.sheet.read .cs{padding:6px 8px 8px}
.sheet.read .crow.ktop{padding-top:calc(18px*var(--rs))}
.sheet.read .kbar .kmark{font-size:calc(13px*var(--rs));top:calc(-19px*var(--rs))}
.sheet.read .lines{font-size:var(--ly);line-height:1.25}
.sheet.read .ln{gap:0 8px}
.rd-foot{text-align:center;font-size:14px;opacity:.6;margin-top:4px}
.rd-empty{text-align:center;opacity:.7}
@media (max-width:420px){.sheet.read .crow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(20px*var(--rs))}.sheet.read .crow:not(.ktop){row-gap:calc(8px*var(--rs))}.sheet.read .kbar:nth-child(2n){box-shadow:inset -2px 0 0 #111}.sheet.read .kbar:nth-child(2n) .kbr{display:none}}
.sheet.read[data-look="table"] .rd-lab{border:0;background:none;padding:0;font-weight:700;text-transform:none;letter-spacing:0}