/* Reading-shelf layout, scoped to Notes; all themes use the existing palette. */
#notes .section-content{width:100%;max-width:1180px;margin-inline:auto}
#notes .section-heading{border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:42px;margin-bottom:26px;align-items:flex-end;gap:28px}
#notes .section-heading h2{font-size:clamp(38px,4.5vw,62px);line-height:1.12}
#notes .notes-intro{max-width:none;font-size:15px;line-height:1.8;margin:0;flex-shrink:0;color:var(--reading-muted)}
#notes .notes-status{max-width:none;margin:0 0 24px;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;color:var(--reading-muted)}
#notes .medium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
#notes .medium-card{border-radius:10px;border-color:color-mix(in srgb,var(--ink) 17%,transparent);background:color-mix(in srgb,var(--haze-tint) 82%,transparent);box-shadow:inset 0 1px 0 #ffffff15,0 12px 32px #061b2010}
#notes .medium-cover{aspect-ratio:16/9;border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
#notes .medium-body{padding:24px;gap:14px;background:color-mix(in srgb,var(--haze-tint) 76%,transparent)}
#notes .medium-meta{margin:0;align-items:center;justify-content:space-between;gap:10px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--reading-muted)}
#notes .medium-topics{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
#notes .medium-topic{padding:3px 6px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:3px;background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--reading-ink)}
#notes .medium-meta time{white-space:nowrap}
#notes .medium-card h3{font-family:inherit;font-size:clamp(22px,1.9vw,27px);font-weight:650;line-height:1.3;letter-spacing:-.025em;-webkit-line-clamp:2}
#notes .medium-card p{font-size:16px;line-height:1.75;color:var(--reading-muted)}
#notes .medium-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--reading-muted)}
#notes .medium-read{border:0;padding:0;font:inherit;letter-spacing:.035em;color:var(--reading-ink)}
#notes .medium-card:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#notes .notes-outro{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding-top:24px;margin-top:30px}
#notes .notes-outro p{font:italic 20px/1.5 Georgia,serif;margin:0;color:var(--reading-muted)}
#notes .notes-outro .button{min-height:44px;flex-shrink:0}
#notes .medium-empty{grid-column:1/-1}
@media(max-width:999px){#notes .medium-grid{grid-template-columns:minmax(0,1fr)}#notes .section-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){#notes .section-heading{padding-top:30px;align-items:flex-start;flex-direction:column;gap:18px}#notes .notes-intro{font-size:16px}#notes .medium-grid{grid-template-columns:minmax(0,1fr);gap:22px}#notes .medium-body{padding:20px}#notes .notes-outro{align-items:flex-start;flex-direction:column}#notes .notes-outro .button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){#notes .medium-card:hover,#notes .medium-card:hover img{transform:none}}