.reading-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-block:48px 36px;border-bottom:1px solid var(--line)}
  h1{font:700 clamp(32px,4vw,52px)/1.3 Georgia,"Songti SC",serif;margin:0}h1 span{color:var(--gold);margin-left:8px}
  .reading-intro p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:15px}
  .reading-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:22px;font-size:14px}.reading-actions a{text-decoration:none}.reading-primary{background:var(--blue);color:white;padding:12px 18px;border-radius:6px}.reading-primary:hover{color:white;background:var(--ink)}
  .reading-count{display:grid;justify-items:end;flex-shrink:0;gap:5px;color:var(--muted);font-size:13px}.reading-count strong{font:64px/1 Georgia,serif;color:var(--blue)}.reading-count small{margin-top:10px}
  .reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;padding-block:32px 56px}.reading-index{position:sticky;top:24px;align-self:start;display:grid;gap:7px}.reading-index p{font-size:12px;color:var(--muted);margin:0 0 12px}.reading-index a{padding:12px 8px;text-decoration:none;font-size:14px;border-bottom:1px solid var(--line)}.reading-index a:hover{background:var(--mint)}.reading-index a span{font:12px Consolas,monospace;color:var(--muted);margin-right:14px}.reading-index .reading-home{font-size:12px;margin-top:20px;border:0}
  .reading-collection{scroll-margin-top:24px;margin-bottom:44px}.reading-collection header{margin-bottom:20px}.reading-collection h2{font:700 25px/1.5 Georgia,"Songti SC",serif;margin:0}.reading-collection header>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}
  .reading-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reading-resource{background:#ffffffa8;border:1px solid var(--line);border-radius:8px;padding:22px;min-width:0}.reading-resource-top{display:flex;gap:10px;font-size:11px;color:var(--muted)}.reading-resource-top span:first-child{color:var(--blue);font-weight:700}.reading-resource h3{font-size:17px;line-height:1.5;margin:14px 0 6px}.reading-resource h3 a{text-decoration:none}.reading-resource h3 a span{margin-left:8px;color:var(--gold)}.reading-original{font:12px/1.6 Georgia,serif;color:var(--muted);margin:0;overflow-wrap:anywhere}.reading-description{font-size:13px;line-height:1.8;margin:14px 0}.reading-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;color:var(--muted)}.reading-tags span{padding:4px 6px;background:var(--mint);border-radius:3px}.reading-cost{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}.reading-resource details{font-size:12px;line-height:1.8;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.reading-resource summary{cursor:pointer;color:var(--blue)}.reading-resource details p{color:var(--muted)}.reading-footnote{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
  @media(max-width:900px){.reading-layout{grid-template-columns:1fr;gap:28px}.reading-index{position:static;display:flex;flex-wrap:wrap;gap:8px}.reading-index p,.reading-index .reading-home{display:none}.reading-index a{border:1px solid var(--line);border-radius:6px;padding:9px}.reading-index a span{margin-right:7px}}
  @media(max-width:560px){.reading-intro{padding-block:32px 24px;align-items:start;gap:12px}.reading-count{display:none}.reading-resources{grid-template-columns:1fr}.reading-resource{padding:20px}.reading-collection h2{font-size:22px}.reading-actions{gap:16px}.reading-layout{padding-top:24px}}
.reading-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding-block:22px;border-bottom:1px solid var(--line)}.reading-filters label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.reading-filters label:first-child{flex:1;min-width:180px}.reading-filters input,.reading-filters select,.reading-filters button{box-sizing:border-box;min-height:40px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);padding:8px 10px;font:14px/1.5 Arial,sans-serif;max-width:100%}.reading-filters button{cursor:pointer}.reading-filters button:hover{background:var(--mint)}.reading-filters [role=status]{font-size:12px;color:var(--muted);padding-bottom:10px}@media(max-width:560px){.reading-filters label:first-child{flex-basis:100%}.reading-filters label:not(:first-child){flex:1}.reading-filters select{width:100%}}