.ct-intro{max-width:820px}
.ct-intro h1{max-width:15ch;line-height:1.02}
.ct-intro .lead{max-width:60ch}
.ct-tools{margin:clamp(22px,3vw,42px) 0 20px;align-items:end}
.ct-tools #ct-filter-label{font-size:15px;font-weight:720;margin:0 0 8px}
.ct-tools .count{padding-bottom:12px}
.ct-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3.3vw,46px) clamp(18px,3vw,42px);align-items:start}
.ct-world{min-width:0}
.ct-art{display:block;background:#ecd5b7;border-radius:8px;overflow:hidden}
.ct-art img{display:block;width:100%;aspect-ratio:2.6;height:auto;object-fit:cover}
.ct-copy{padding-top:15px}
.ct-copy p{margin:0 0 6px}
.ct-format{color:var(--muted);font-size:14px;font-weight:640}
.ct-copy h2{font-size:clamp(24px,2vw,34px);letter-spacing:-.04em;line-height:1.12;margin:3px 0 6px}
.ct-copy h2 a{text-decoration:none}
.ct-copy h2 a:hover,.ct-copy h2 a:focus-visible{text-decoration:underline}
.ct-copy .ct-meta{color:var(--clay);font-size:15px;font-weight:720}
.ct-copy>p:not(.ct-format,.ct-meta){max-width:48ch;line-height:1.5}
.ct-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:15px}
.ct-read{display:inline-flex;min-height:44px;align-items:center;font-size:15px;font-weight:700}
.ct-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ct-faq{margin-top:clamp(35px,5vw,65px);max-width:820px}
.ct-faq summary{padding:9px 0;font-weight:690;cursor:pointer}
.ct-faq details{margin:6px 0}.ct-faq details p{max-width:65ch;color:var(--muted)}
@media(max-width:680px){
 .ct-shelf{grid-template-columns:1fr;gap:27px}
 .ct-art img{aspect-ratio:2.7}
 .ct-tools{align-items:start;gap:3px}
 .ct-tools .count{padding-bottom:0}
 .ct-copy{padding-top:12px}
 .ct-tools .filters{gap:3px}
}
@media(max-width:420px){
 .ct-tools>div{width:100%}
 .ct-tools .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 .ct-tools{row-gap:12px}
}