.preoccupation { width:min(100%,64rem); margin:0 auto; padding:clamp(36px,6vh,64px) 0 var(--space-16); }
.preoccupation > h1 { font-size:clamp(36px,4vw,52px); outline:none; }
.finder-intro { max-width:58ch; margin:var(--space-5) 0 var(--space-8); color:var(--muted); font:20px/1.65 var(--serif); }
.preoccupation fieldset { min-width:0; margin:var(--space-8) 0; padding:0; border:0; }
.preoccupation legend { font:24px/1.4 var(--serif); }
.finder-note,.finder-privacy { color:var(--muted); font:var(--type-label)/1.7 var(--sans); }
.finder-note { margin:var(--space-2) 0 var(--space-4); }
.finder-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); margin-top:var(--space-5); }
.finder-option { position:relative; display:flex; gap:var(--space-3); align-items:flex-start; padding:var(--space-5); border:1px solid var(--rule); border-radius:var(--radius); background:var(--surface); cursor:pointer; transition:background .18s,border-color .18s; }
.finder-option:hover,.finder-option:has(input:checked) { border-color:var(--action); background:var(--wash); }
.finder-option input { width:18px; height:18px; margin:5px 0 0; flex:none; accent-color:var(--action); }
.finder-option strong { display:block; font:21px/1.4 var(--serif); font-weight:400; }
.finder-option small { display:block; margin-top:var(--space-2); color:var(--muted); font:var(--type-small)/1.65 var(--sans); }
.finder-feeling { max-width:38rem; margin-block:var(--space-8); }
.finder-feeling select { display:block; width:100%; margin-top:var(--space-3); }
.finder-actions,.finder-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3) var(--space-6); }
.finder-navigation { margin-top:var(--space-8); padding-top:var(--space-4); border-top:1px solid var(--rule); }
.finder-privacy { margin-top:var(--space-5); }
.finder-reading,.finder-coverage { margin-block:var(--space-6); padding:var(--space-5); border-left:2px solid var(--wheat); background:var(--surface); font:18px/1.6 var(--serif); }
.finder-results { display:grid; gap:var(--space-6); }
.finder-card { display:grid; grid-template-columns:minmax(160px,1fr) minmax(0,2fr); overflow:hidden; border:1px solid var(--rule); border-radius:var(--radius-large); background:var(--surface); }
.finder-card > img { width:100%; height:100%; min-height:260px; object-fit:cover; }
.finder-card-copy { padding:clamp(20px,3vw,32px); }
.finder-card h2 { font:32px/1.2 var(--serif); }
.finder-card-copy > p:not(.eyebrow):not(.finder-note) { font:19px/1.6 var(--serif); }
.finder-card details { margin-block:var(--space-5); }
.finder-card summary { min-height:44px; padding-block:10px; cursor:pointer; font:var(--type-label)/1.6 var(--sans); color:var(--action); }
.finder-thought-label { margin:var(--space-4) 0 var(--space-2); color:var(--muted); font:var(--type-small)/1.5 var(--sans); }
.finder-card blockquote { font:22px/1.55 var(--serif); }
@media(max-width:600px) { .preoccupation { padding-block:var(--space-8) var(--space-12); } .finder-options { grid-template-columns:1fr; } .finder-option { padding:var(--space-4); } .finder-card { grid-template-columns:1fr; } .finder-card > img { max-height:200px; min-height:0; aspect-ratio:16/9; } .finder-actions > .button { width:100%; } }