.reading-desk{margin:clamp(24px,4vw,48px) 0 18px}
.desk-front{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(22px,5vw,68px)}
.desk-lead figure{margin:0 0 16px}
.desk-lead img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#131921}
.desk-lead figcaption{margin-top:6px;color:var(--muted);font-size:.75rem}
.desk-lead h2{font-size:clamp(27px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:9px 0}
.desk-lead p,.desk-practical dd{color:var(--muted);max-width:60ch}
.desk-reading h2,.desk-practical h2,.desk-browse{font-size:clamp(23px,2.8vw,34px);letter-spacing:-.03em;margin:0 0 12px}
.desk-reading ul{padding:0;margin:0;list-style:none}
.desk-reading li{border-top:1px solid var(--line);padding:17px 0}
.desk-reading li span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:6px}
.desk-reading li a{font-size:clamp(17px,2vw,24px);font-weight:750;line-height:1.2}
.desk-practical{border-block:1px solid var(--line);padding-block:24px;margin:28px 0}
.desk-practical dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}
.desk-practical dt{font-weight:800}
.desk-practical dd{margin:5px 0 0}
.desk-practical p{margin:16px 0 0}
.desk-practical a{color:var(--link);text-decoration:underline;text-underline-offset:.16em}
@media(max-width:720px){.desk-front,.desk-practical dl{grid-template-columns:minmax(0,1fr)}.desk-reading li{padding:12px 0}}