.reading-surface{--rs-surface:var(--l-reading-surface);--rs-body:var(--l-reading-body);--rs-mute:var(--l-reading-mute);--rs-line:var(--l-reading-line);background:var(--rs-surface);color:var(--rs-body);font-family:var(--font-reading);padding:64px 56px 80px;position:relative}:root[data-mode=dark] .reading-surface,[data-mode=dark] .reading-surface{--rs-surface:var(--d-reading-surface);--rs-body:var(--d-reading-body);--rs-mute:var(--d-reading-mute);--rs-line:var(--d-reading-line)}@media (max-width:720px){.reading-surface{padding:36px 20px 56px}}.reading-surface:before{content:"";background:radial-gradient(ellipse at 50% 0%, color-mix(in oklab, var(--rs-body) 4%, transparent), transparent 60%), repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in oklab, var(--rs-body) 1.5%, transparent) 3px 4px);pointer-events:none;opacity:.6;position:absolute;inset:0}.reading-eyebrow{font-family:var(--font-mono);color:var(--rs-mute);text-transform:uppercase;letter-spacing:.1em;align-items:baseline;gap:14px;margin:0 0 16px;font-size:11px;display:flex}.reading-eyebrow .dash{background:var(--rs-line);flex:1;height:1px}.reading-eyebrow .meta{color:var(--rs-body);font-weight:600}.reading-title{font-family:var(--font-reading);letter-spacing:-.018em;color:var(--rs-body);text-wrap:pretty;max-width:22ch;margin:0 0 12px;font-size:44px;font-weight:600;line-height:1.1}@media (max-width:720px){.reading-title{font-size:30px}}.reading-deck{font-family:var(--font-display);color:var(--rs-mute);max-width:62ch;min-height:4.65em;margin:0 0 28px;font-size:15px;font-style:italic;line-height:1.55}.reading-grid{z-index:1;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;max-width:1040px;margin:0 auto;display:grid;position:relative}@media (max-width:960px){.reading-grid{grid-template-columns:1fr;gap:28px;max-width:none}}.passage{font-family:var(--font-reading);color:var(--rs-body);max-width:64ch;font-size:17.5px;line-height:1.62}.passage>p{text-wrap:pretty;margin:0 0 1.05em}.passage>p:first-of-type:first-letter{float:left;color:var(--rs-body);padding:.04em .12em 0 0;font-size:3.1em;font-weight:600;line-height:.92}.passage .para-num{font-family:var(--font-mono);color:var(--rs-mute);vertical-align:2px;letter-spacing:.05em;margin-right:8px;font-size:11px;font-weight:600}.passage mark{background:color-mix(in oklab, var(--rs-body) 8%, transparent);color:inherit;border-radius:2px;padding:0 2px}.gloss{background:linear-gradient(transparent 78%, color-mix(in oklab, var(--l-accent) 36%, transparent) 78% 96%, transparent 96%);cursor:help;appearance:none;font:inherit;color:inherit;border:0;padding:0 2px;display:inline;position:relative}.gloss:after{content:attr(data-gloss);font-family:var(--font-display);color:var(--rs-surface);background:var(--rs-body);white-space:normal;text-align:center;pointer-events:none;opacity:0;visibility:hidden;width:max-content;max-width:min(240px,100vw - 24px);transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;line-height:1.35;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-2px);box-shadow:0 4px 12px -6px #0006}.gloss:before{content:"";background:var(--rs-body);pointer-events:none;opacity:0;visibility:hidden;width:6px;height:6px;transition:opacity var(--motion-fast) var(--ease-out), transform var(--motion-fast) var(--ease-out);position:absolute;bottom:100%;left:50%;transform:translate(-50%,2px)rotate(45deg)}.gloss:hover:after,.gloss:focus:after,.gloss:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%,-6px)}.gloss:hover:before,.gloss:focus:before,.gloss:focus-visible:before{opacity:1;visibility:visible;transform:translate(-50%,-2px)rotate(45deg)}.reading-aside{flex-direction:column;gap:18px;display:flex;position:sticky;top:24px}@media (max-width:960px){.reading-aside{position:static}}.aside-card{background:color-mix(in oklab, var(--rs-body) 3.5%, var(--rs-surface));border:1px solid var(--rs-line);border-radius:var(--r-md);font-family:var(--font-display);padding:18px 18px 16px}.aside-card .kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--rs-mute);align-items:center;gap:8px;margin:0 0 10px;font-size:10.5px;display:flex}.aside-card .kicker:before{content:"";background:var(--l-accent);border-radius:50%;width:6px;height:6px}.aside-card h4{font-family:var(--font-reading);color:var(--rs-body);letter-spacing:-.01em;margin:0 0 8px;font-size:17px;font-weight:600}.aside-card p{color:var(--rs-mute);margin:0;font-size:13.5px;line-height:1.55}.aside-card .row{border-bottom:1px solid var(--rs-line);color:var(--rs-mute);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.aside-card .row:last-child{border-bottom:0;padding-bottom:0}.aside-card .row>span:first-child{flex:1;min-width:0}.aside-card .row .v{white-space:nowrap;color:var(--rs-body);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.lang-toggle{font-family:var(--font-mono);color:var(--l-accent-ink);background:color-mix(in oklab, var(--l-accent) 8%, transparent);border:1px dashed var(--l-accent);border-radius:var(--r-full);flex-wrap:wrap;align-items:center;gap:8px;min-height:calc(2.6em + 14px);margin-top:12px;padding:6px 10px;font-size:11px;line-height:1.3;display:inline-flex}.lang-toggle:before{content:"";background:var(--l-accent);border-radius:50%;width:5px;height:5px}.reading-questions{border-top:1px solid var(--rs-line);margin-top:36px;padding-top:22px}.reading-questions .kicker{font-family:var(--font-mono);color:var(--rs-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:11px}.reading-questions ol{font-family:var(--font-display);color:var(--rs-body);margin:0;padding-left:24px;font-size:14.5px;line-height:1.55}.reading-questions ol li{margin-bottom:10px}.reading-questions ol li .opts{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.reading-questions ol li .opt{font-family:var(--font-mono);background:var(--rs-surface);border:1px solid var(--rs-line);border-radius:var(--r-full);color:var(--rs-body);align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:inline-flex}.reading-questions ol li .opt .k{color:var(--rs-mute);font-weight:700}
