.screen-intro{padding-block:var(--space-20) var(--space-12)}.screen-intro h1{max-width:19ch;font-size:clamp(2.5rem,5.7vw,5rem)}.screen-lead{max-width:65ch;font-size:var(--text-lg);color:var(--text-2)}.screen-context{max-width:var(--measure);color:var(--text-3);font-size:var(--text-sm)}.screen-categories{gap:var(--space-3);padding-top:var(--space-6);flex-wrap:wrap;display:flex}.screen-categories a{align-items:center;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);display:flex}.screen-categories a:hover{background:var(--bg-surface)}.screen-categories span{color:var(--text-3);font-variant-numeric:tabular-nums}.screen-group{padding-block:var(--space-12);scroll-margin-top:var(--space-6)}.screen-group-title{justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.screen-group-title h2{margin:0;font-size:clamp(1.8rem,3vw,2.75rem)}.screen-group-title p{max-width:43ch;color:var(--text-2);font-size:var(--text-sm);margin:0}.screen-grid{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.screen-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);min-width:0;overflow:clip}.screen-card-link{border-radius:inherit;height:100%;text-decoration:none;display:block}.screen-card-image{padding:var(--space-4);padding-bottom:0}.screen-card-image img{border-radius:var(--radius);border:1px solid var(--border);width:100%;display:block}.screen-card-copy{padding:var(--space-6)}.screen-card-copy h3{justify-content:space-between;gap:var(--space-4);font-size:var(--text-xl);letter-spacing:-.025em;line-height:1.25;display:flex}.screen-card-copy h3 span{color:var(--text-3)}.screen-card-copy p{font-size:var(--text-sm);color:var(--text-2)}.screen-card-copy .screen-theme{font-size:var(--text-xs);margin-bottom:var(--space-3);color:var(--text-3)}.screen-card-more{font-size:var(--text-sm)}.screen-card-link:hover h3,.screen-card-link:hover .screen-card-more{text-underline-offset:var(--space-1);text-decoration:underline}.screen-card-link:active{background:var(--bg-subtle)}.screen-cta{padding-block:var(--space-20)}.screen-cta p{max-width:62ch;color:var(--text-2)}.screen-breadcrumb{gap:var(--space-3);font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.screen-detail-intro{padding-bottom:var(--space-8)}.screen-detail-intro h1{max-width:22ch}.screen-figure{margin-block:0}.screen-figure>a{border-radius:var(--radius-lg);display:block}.screen-figure img{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;display:block}.screen-figure figcaption{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-2);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.screen-figure figcaption a{min-height:var(--space-8)}.screen-details{gap:var(--space-16);padding-block:var(--space-20);grid-template-columns:1fr 1fr;display:grid}.screen-details h2{font-size:clamp(1.8rem,3vw,2.7rem)}.screen-details ul{margin:0;padding:0;list-style:none}.screen-details li{padding-block:var(--space-4);border-bottom:1px solid var(--border);color:var(--text-2)}.screen-about{padding-top:var(--space-10);color:var(--text-2)}.screen-related{padding-block:var(--space-8)}.screen-next{margin-top:var(--space-8);font-size:var(--text-sm);display:block}.gallery-link{width:fit-content;padding:var(--space-4) var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-full);margin-inline:auto;text-decoration:none;display:block}.gallery-link:hover{background:var(--bg-surface)}@media (width<=800px){.screen-grid{gap:var(--space-5)}.screen-details{gap:var(--space-6);grid-template-columns:1fr}.screen-group-title{align-items:start;gap:var(--space-4);flex-direction:column}.screen-about{padding-top:0}}@media (width<=540px){.screen-grid{grid-template-columns:1fr}.screen-intro{padding-top:var(--space-12)}.screen-categories{gap:var(--space-2)}.screen-categories a{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.screen-card-copy{padding:var(--space-5)}.screen-figure img{border-radius:var(--radius)}.screen-cta{padding-block:var(--space-16)}}
