:root{--bg:oklch(97% .012 95);--surface:oklch(99% .006 95);--ink:oklch(26% .025 155);--muted:oklch(49% .025 140);--green:oklch(38% .061 158);--green-soft:oklch(92% .026 140);--line:oklch(30% .03 145 / .15);--warm:oklch(93% .025 82);--amber:oklch(43% .068 72);--white:#fff;--font-body:'Satoshi',sans-serif;--font-display:'Boska',serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.7rem,2.7vw,2.2rem);--text-hero:clamp(2.7rem,4.4vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius:10px}
[data-theme="dark"]{--bg:oklch(21% .018 155);--surface:oklch(25% .018 155);--ink:oklch(94% .016 95);--muted:oklch(74% .02 130);--green:oklch(75% .09 140);--green-soft:oklch(31% .035 150);--line:oklch(85% .03 145 / .18);--warm:oklch(30% .025 82);--amber:oklch(83% .07 78)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.55}button,input,select{font:inherit;color:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h2{font-size:var(--text-xl);font-weight:700;letter-spacing:-.045em}h3{font-size:var(--text-lg);letter-spacing:-.025em}p{color:var(--muted)}img{display:block;width:100%;object-fit:cover}select{border:0;background:transparent;cursor:pointer}select option{background:var(--surface);color:var(--ink)}[hidden]{display:none!important}.shell{width:min(1184px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-80px;z-index:10;padding:var(--space-4);background:var(--surface)}.skip:focus{top:8px}.header{border-bottom:1px solid var(--line);background:var(--bg)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.75rem;font-weight:900;letter-spacing:-.06em}.brand svg{width:32px;height:32px;color:var(--green)}.brand-dot{color:var(--green)}nav{display:flex;gap:var(--space-8);height:100%;align-items:center}.nav-link{font-size:var(--text-sm);padding:var(--space-3) 0;position:relative;min-height:44px;color:var(--muted)}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";height:2px;background:var(--green);position:absolute;left:0;right:0;bottom:0}.nav-end{display:flex;gap:var(--space-4);align-items:center}.saved-nav{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);min-height:44px}.saved-nav>span:first-child{font-size:1.5rem}.saved-nav.selected{color:var(--green);font-weight:700}#saved-count{background:var(--green-soft);border-radius:5px;min-width:22px;font-size:var(--text-xs);padding:0 var(--space-1)}.theme{width:44px;height:44px;font-size:1.5rem;border:1px solid var(--line);border-radius:50%}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);padding-top:var(--space-12);padding-bottom:var(--space-10);align-items:center}.eyebrow{font-size:var(--text-xs);letter-spacing:.14em;font-weight:700;color:var(--green);display:flex;align-items:center;gap:var(--space-2)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.hero h1{font-size:var(--text-hero);font-weight:500;letter-spacing:-.05em;margin-top:var(--space-5);line-height:1.07}.hero h1 span{font-family:var(--font-display);font-size:1.12em;letter-spacing:-.035em;color:var(--green);font-weight:500}.hero-copy>p{max-width:430px;margin-top:var(--space-5);font-size:var(--text-base);line-height:1.7}.hero-note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-top:var(--space-6);color:var(--muted)}.tiny-check{display:inline-grid;place-items:center;color:var(--green);font-weight:700;flex-shrink:0}.hero-photo{height:322px;position:relative;overflow:hidden;padding:0;border-radius:var(--radius);text-align:left;background:var(--green)}.hero-photo img{height:100%;transition:transform .5s}.hero-photo:hover img{transform:scale(1.035)}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(15,25,15,.7))}.photo-top{position:absolute;left:24px;top:24px;background:var(--bg);color:var(--ink);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);letter-spacing:.1em;border-radius:3px}.photo-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:1;color:white}.photo-caption small{display:block;font-size:var(--text-xs);letter-spacing:.15em;margin-bottom:var(--space-1)}.photo-caption strong{font-weight:500;font-size:var(--text-lg)}.photo-arrow{font-size:1.5rem;width:40px;height:40px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center}
.search-bar{display:grid;grid-template-columns:1fr 1.1fr auto;padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 24px oklch(30% .02 95 / .04);gap:var(--space-6);align-items:center}.search-field{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.field-label{font-size:var(--text-xs);letter-spacing:.11em;color:var(--muted);font-weight:700}.search-field select{width:100%;font-weight:500;min-height:26px}.goal-field{border-left:1px solid var(--line)}.select-line{display:flex;align-items:center;gap:var(--space-2)}.pin{font-size:var(--text-lg)}.primary{background:var(--green);color:var(--bg);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);font-weight:700;min-height:48px;padding:var(--space-3) var(--space-5);transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.search-submit{min-height:64px}.primary>span{font-size:var(--text-lg)}.quick-row{display:flex;gap:var(--space-2);align-items:center;padding-block:var(--space-4);font-size:var(--text-xs);flex-wrap:wrap}.quick-row>span{margin-right:var(--space-2);color:var(--muted)}.quick-row button{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:30px;min-height:38px}.quick-row button:hover,.quick-row button.selected{background:var(--green-soft);border-color:var(--green)}
.discovery{padding-top:var(--space-10);outline:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-8);gap:var(--space-4)}.section-heading h2{margin-top:var(--space-3);font-size:clamp(1.45rem,2vw,1.85rem)}.edition{font-size:var(--text-xs);white-space:nowrap;color:var(--muted)}.edition span{margin-inline:var(--space-2);opacity:.4}.results-layout{display:grid;grid-template-columns:214px 1fr;gap:var(--space-10)}.filters{border-top:1px solid var(--line);padding-top:var(--space-5)}.filter-head{display:flex;justify-content:space-between;align-items:center}.filter-head h3{font-size:var(--text-sm);font-weight:700}.text-button{font-size:var(--text-sm);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:var(--space-2) 0;color:var(--green)}fieldset{border:0;border-bottom:1px solid var(--line);margin:var(--space-5) 0 0;padding:0 0 var(--space-5)}legend{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-3)}fieldset label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);min-height:38px;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0}fieldset label span{margin-left:auto;color:var(--muted);font-size:var(--text-xs)}.filter-explainer{display:flex;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-xs)}.filter-explainer p{line-height:1.6}.method-link{display:flex;gap:var(--space-3);font-size:var(--text-xs);text-align:left;line-height:1.5;padding:var(--space-3) 0;margin-top:var(--space-2);text-decoration:underline;text-underline-offset:3px;color:var(--green)}.results-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:var(--space-5);padding-bottom:var(--space-5);font-size:var(--text-sm);gap:var(--space-3)}#result-count{color:var(--muted)}#result-count strong{color:var(--ink)}.sort-label{font-size:var(--text-xs);color:var(--muted)}.sort-label select{margin-left:var(--space-2);min-height:32px;color:var(--ink)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px oklch(20% .02 140 / .06)}.card-visual{height:180px;position:relative;background:var(--warm);overflow:hidden}.card-visual>button.visual-link{display:block;width:100%;height:100%;padding:0;text-align:left}.card-visual img{height:100%;object-fit:cover}.type-badge{position:absolute;top:12px;left:12px;background:var(--surface);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:4px;pointer-events:none}.save-button{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;background:var(--surface);font-size:1.5rem;color:var(--ink);display:grid;place-items:center}.save-button.saved{color:var(--green);background:var(--green-soft)}.type-art{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);color:var(--green);background:var(--green-soft)}.type-art.art-cafe{background:var(--warm);color:var(--amber)}.type-art small{letter-spacing:.14em;font-size:var(--text-xs);margin-bottom:var(--space-2)}.type-art strong{font-family:var(--font-display);font-weight:500;font-size:2.5rem;line-height:1}.card-body{padding:var(--space-5)}.location-label{font-size:var(--text-xs);color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}.card h3{margin-top:var(--space-2);font-size:var(--text-lg);line-height:1.25;letter-spacing:-.035em}.title-link{padding:0;text-align:left;font-weight:700}.title-link:hover{text-decoration:underline;text-underline-offset:4px}.card-description{font-size:var(--text-sm);margin-top:var(--space-2);min-height:44px;line-height:1.5}.tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-4)}.tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--green-soft);border-radius:4px;color:var(--green)}.tag.neutral{background:var(--warm);color:var(--amber)}.card-warning{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-3);min-height:36px}.card-bottom{border-top:1px solid var(--line);padding-top:var(--space-3);margin-top:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.price{font-size:var(--text-sm);font-weight:700}.price small{font-weight:400;color:var(--muted);font-size:var(--text-xs);display:block}.card-go{height:40px;width:40px;display:grid;place-items:center;background:var(--green-soft);border-radius:50%;font-size:var(--text-lg);color:var(--green)}.card-secondary{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);margin-top:var(--space-3);align-items:center}.card-secondary label{display:flex;gap:var(--space-2);align-items:center;cursor:pointer;min-height:28px}.source-link{font-size:var(--text-xs);color:var(--muted);text-decoration:underline;text-underline-offset:3px;min-height:28px;display:flex;align-items:center}.active-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.active-filter{border:1px solid var(--line);background:var(--green-soft);font-size:var(--text-xs);min-height:36px;padding:var(--space-2) var(--space-3);border-radius:20px;margin-bottom:var(--space-4)}.data-note{display:flex;gap:var(--space-3);padding:var(--space-6) 0;font-size:var(--text-sm)}.data-note strong{font-size:var(--text-sm);font-weight:500}.data-note p{font-size:var(--text-xs);margin-top:var(--space-1)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);padding-block:var(--space-12);border-top:1px solid var(--line);margin-top:var(--space-10)}.editorial h2{margin-top:var(--space-4);font-family:var(--font-display);font-weight:500;font-size:2.6rem;letter-spacing:-.03em}.editorial p{max-width:460px}.editorial .text-button{margin-top:var(--space-4)}.footer{padding-block:var(--space-6);margin-bottom:var(--space-12);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--muted)}.brand.small{font-size:1.4rem;color:var(--ink)}.footer .text-button{font-size:var(--text-xs)}.empty{grid-column:1/-1;padding:var(--space-12) var(--space-8);border:1px dashed var(--line);border-radius:var(--radius);text-align:center}.empty-symbol{font-family:var(--font-display);font-size:3rem;color:var(--green)}.empty h3{margin:var(--space-4) 0}.empty p{max-width:420px;margin:0 auto var(--space-6);font-size:var(--text-sm)}.note{padding:var(--space-4);font-size:var(--text-sm);background:var(--warm);border-radius:6px;margin-bottom:var(--space-4)}
dialog{width:min(830px,calc(100% - 40px));max-height:90dvh;border:1px solid var(--line);padding:0;border-radius:14px;background:var(--bg);color:var(--ink);overflow:auto;box-shadow:0 30px 90px #10201950}dialog::backdrop{background:#12231ccc;backdrop-filter:blur(4px)}.dialog-top{position:sticky;top:0;background:var(--bg);display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);z-index:2;border-bottom:1px solid var(--line)}.dialog-top span{font-size:var(--text-xs);color:var(--muted);letter-spacing:.1em}.close-button{width:44px;height:44px;font-size:1.5rem}.detail-content{padding:var(--space-8)}.detail-content h2{margin-top:var(--space-2)}.detail-intro{margin-top:var(--space-4)}.detail-image{height:230px;margin-top:var(--space-6);border-radius:8px}.detail-caption{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--muted)}.detail-caption a{text-decoration:underline}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-block:var(--space-6)}.detail-fact{border-bottom:1px solid var(--line);padding-bottom:var(--space-4)}.detail-fact small{display:block;font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-1)}.detail-fact strong{font-weight:500;font-size:var(--text-sm)}.detail-section{margin-top:var(--space-8)}.detail-section h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.option{padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:var(--space-3)}.option.matched{border-color:var(--green)}.option-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-2)}.option p{font-size:var(--text-sm)}.source-list{display:grid;gap:var(--space-3);padding:0;list-style:none}.source-list a{font-size:var(--text-sm);color:var(--green);text-decoration:underline;text-underline-offset:3px;display:block;overflow-wrap:anywhere;min-height:32px}.detail-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-8)}.secondary{border:1px solid var(--line);border-radius:6px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);min-height:48px}.method-content p{margin-block:var(--space-4)}.method-content ul{padding-left:var(--space-5);color:var(--muted);line-height:1.8}.compare-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border:1px solid var(--line);box-shadow:0 4px 32px #10201925;background:var(--surface);border-radius:var(--radius);padding:var(--space-3) var(--space-5);z-index:5;display:flex;gap:var(--space-5);align-items:center;font-size:var(--text-sm);width:max-content;max-width:calc(100% - 24px)}.compare-bar .text-button{padding-inline:var(--space-2)}.comparison-scroll{overflow:auto;margin-top:var(--space-6)}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:480px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:var(--space-4) var(--space-3);min-width:140px}th:first-child,td:first-child{font-weight:500;color:var(--muted);min-width:100px}th a{color:var(--green);text-decoration:underline}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:var(--ink);color:var(--bg);padding:var(--space-3) var(--space-5);border-radius:8px;font-size:var(--text-sm);z-index:20;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.body-modal{overflow:hidden}
@media(min-width:1400px){.hero-photo{height:340px}}
@media(max-width:950px){.shell{width:calc(100% - 48px)}.hero{gap:var(--space-8)}.hero h1{font-size:2.6rem}.hero-photo{height:310px}.nav{gap:var(--space-4)}nav{gap:var(--space-4)}.results-layout{grid-template-columns:190px 1fr;gap:var(--space-6)}.cards{gap:var(--space-4)}.card-body{padding:var(--space-4)}.card-visual{height:145px}.search-bar{gap:var(--space-3)}.search-field{padding-inline:var(--space-2)}.search-submit{gap:var(--space-3)}.edition{display:none}}
@media(max-width:700px){.shell{width:calc(100% - 32px)}.nav{height:72px}.brand{font-size:1.5rem}.brand svg{width:27px;height:27px}.nav nav{display:none}.saved-label{display:none}.nav-end{gap:var(--space-2)}.hero{grid-template-columns:1fr;padding-top:var(--space-8);gap:var(--space-6);padding-bottom:var(--space-6)}.hero-copy>p{max-width:100%;font-size:var(--text-sm);margin-top:var(--space-4)}.hero h1{font-size:clamp(2.5rem,9vw,3.5rem);margin-top:var(--space-4)}.hero-note{margin-top:var(--space-4);font-size:var(--text-xs)}.hero-photo{height:220px}.photo-caption{bottom:20px;left:20px;right:20px}.search-bar{grid-template-columns:1fr;gap:0;padding:var(--space-2)}.search-field{padding:var(--space-3)}.goal-field{border-left:0;border-top:1px solid var(--line)}.search-field select{min-height:36px}.search-submit{min-height:52px;margin-top:var(--space-2)}.quick-row{gap:var(--space-2)}.quick-row>span{width:100%}.quick-row button{min-height:44px}.discovery{padding-top:var(--space-6)}.section-heading{margin-bottom:var(--space-5)}.section-heading .eyebrow{font-size:var(--text-xs);letter-spacing:.09em}.section-heading h2{font-size:1.65rem}.results-layout{grid-template-columns:1fr;gap:var(--space-5)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding-top:var(--space-3)}.filter-head{grid-column:1/-1}.filters fieldset{margin:0;padding-bottom:var(--space-3)}fieldset label{min-height:44px;font-size:var(--text-xs)}legend{font-size:var(--text-xs)}.filter-explainer{grid-column:1/-1;margin:0}.method-link{display:none}.results-toolbar{padding-block:var(--space-3)}.cards{grid-template-columns:1fr;gap:var(--space-5)}.card-visual{height:190px}.card-body{padding:var(--space-5)}.card-description,.card-warning{min-height:0}.source-link,.card-secondary label{min-height:44px}.editorial{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-8);margin-top:var(--space-6)}.editorial h2{font-size:2.2rem}.footer{flex-wrap:wrap}.footer>span{font-size:var(--text-xs)}.footer .text-button{width:100%;text-align:left}.compare-bar{gap:var(--space-2);padding:var(--space-2);bottom:12px}.compare-bar>span{font-size:var(--text-xs);padding-left:var(--space-2)}.compare-bar .primary{gap:var(--space-2);padding-inline:var(--space-3);font-size:var(--text-xs)}dialog{width:calc(100% - 16px);max-height:94dvh;border-radius:10px}.detail-content{padding:var(--space-5)}.detail-content h2{font-size:1.8rem}.detail-stats{gap:var(--space-3)}.detail-image{height:180px}.option-heading{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.dialog-top{padding-inline:var(--space-4)}.sort-label{font-size:var(--text-xs)}.sort-label select{margin-left:0;max-width:110px}.detail-actions .primary{width:100%}}
.candidate-section{border-top:2px solid var(--line);padding-top:var(--space-8);margin-top:var(--space-8)}
.candidate-section>.eyebrow{color:var(--amber)}.candidate-section h2{margin-block:var(--space-3);font-size:var(--text-xl)}
.candidate-section>p{max-width:760px;font-size:var(--text-sm)}
#candidate-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-5)}
.candidate-card{border:1px dashed var(--amber);border-radius:var(--radius);padding:var(--space-5);background:var(--warm)}
.candidate-label{font-size:var(--text-xs);color:var(--amber);font-weight:700;letter-spacing:.06em;display:block;margin-bottom:var(--space-3)}
.candidate-card h3{margin-block:var(--space-2) var(--space-3)}.candidate-card p{font-size:var(--text-sm)}
.candidate-banner{background:var(--warm);border-left:3px solid var(--amber);padding:var(--space-4);margin-bottom:var(--space-5);font-size:var(--text-sm)}
.candidate-banner strong{color:var(--amber)}.candidate-banner p{margin-top:var(--space-2)}
.trust-legend a{text-decoration:underline;text-underline-offset:3px;color:var(--amber)}
@media(max-width:700px){#candidate-cards{grid-template-columns:1fr}.candidate-section h2{font-size:var(--text-lg)}}
.comparison-hint{display:none;font-size:var(--text-xs);color:var(--green);margin-top:var(--space-4)}
@media(max-width:700px){.comparison-hint{display:block}.comparison-scroll th:first-child,.comparison-scroll td:first-child{position:sticky;left:0;background:var(--bg);z-index:1;box-shadow:2px 0 0 var(--line)}}
/* Refined discovery: the search stays primary, evidence stays close to the decision. */
.hero{padding-top:var(--space-8);padding-bottom:var(--space-8)}
.hero-photo{height:270px}.hero h1{font-size:clamp(2.5rem,3.8vw,3.2rem)}
.hero-note{margin-top:var(--space-4)}.discovery{padding-top:var(--space-6)}
.search-submit #search-label{font-size:var(--text-sm)}
.refine-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:var(--space-5)}
.refine-bar .eyebrow{font-size:var(--text-xs);letter-spacing:.09em}.refine-bar p{color:var(--ink);margin-top:var(--space-1);font-size:var(--text-sm)}
.refine-actions{display:flex;gap:var(--space-2)}.mobile-filters{display:none}
.toolbar-actions{display:flex;align-items:center;gap:var(--space-4)}
.view-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:7px;gap:2px}
.view-switch button{font-size:var(--text-xs);min-height:34px;padding:var(--space-2) var(--space-3);border-radius:4px}
.view-switch button[aria-pressed=true]{background:var(--green-soft);color:var(--green);font-weight:700}
.trust-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-4)}
.trust-legend button{font-size:inherit;text-decoration:underline;text-underline-offset:3px;color:var(--green);padding:0}
.evidence{font-size:var(--text-xs);color:var(--green);margin-left:auto}.evidence.caution{color:var(--amber)}
.location-label{flex-wrap:wrap}.card-go{width:auto;border-radius:6px;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:44px;flex-shrink:0}
.card:hover{transform:none;border-color:var(--green)}
.list-view{grid-template-columns:1fr;gap:var(--space-4)}
.list-view .card{display:grid;grid-template-columns:210px 1fr}
.list-view .card-visual{height:100%;min-height:245px}
.list-view .card-body{padding:var(--space-5)}
.list-view .card-description,.list-view .card-warning{min-height:0}
.list-view .type-art{padding:var(--space-5);padding-bottom:var(--space-8)}
.list-view .type-art strong{font-size:var(--text-xl);overflow-wrap:anywhere}
.list-view .card-description{max-width:520px}
.list-view .tags{margin-top:var(--space-3)}
.list-view .card-secondary{margin-top:var(--space-2)}
.list-view .card-bottom{margin-top:var(--space-3)}
.relaxations{display:flex;flex-direction:column;gap:var(--space-2);max-width:420px;margin:var(--space-5) auto}
.relaxations p{margin-bottom:var(--space-2)}.relaxations button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:var(--space-3);background:var(--surface)}
.relaxations button:hover{border-color:var(--green)}.relaxations strong{white-space:nowrap;color:var(--green)}
#compare-count{display:flex;flex-direction:column;gap:var(--space-1)}#compare-count>strong{font-size:var(--text-xs)}
.compare-names{display:flex;flex-wrap:wrap;gap:var(--space-1)}.compare-names button{background:var(--green-soft);color:var(--green);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:4px;min-height:32px}
.detail-actions{position:sticky;bottom:0;background:var(--bg);padding-block:var(--space-4);border-top:1px solid var(--line)}
@media(min-width:701px){.filters{align-self:start;position:sticky;top:24px}}
@media(max-width:950px){.list-view .card{grid-template-columns:155px 1fr}.evidence{margin-left:0}.list-view .type-art{padding:var(--space-4)}.toolbar-actions{gap:var(--space-2)}}
@media(max-width:700px){
 .hero{position:relative;padding-top:var(--space-6);padding-bottom:var(--space-5);gap:0}
 .hero h1{font-size:2.45rem}.hero-copy>p{max-width:310px}.hero-photo{display:none}
 .hero-note{font-size:var(--text-xs);line-height:1.5;align-items:flex-start}
 .search-bar{grid-template-columns:1fr 1fr;padding:var(--space-2);gap:0}
 .search-field{padding:var(--space-2);min-width:0}.field-label{font-size:var(--text-xs);letter-spacing:.025em}
 .goal-field{border-top:0;border-left:1px solid var(--line)}.search-field select{font-size:var(--text-sm);min-height:44px;max-width:100%}
 .search-submit{grid-column:1/-1;min-height:48px}.pin{display:none}
 .quick-row{flex-wrap:nowrap;overflow:auto;padding-block:var(--space-3);margin-right:-16px;padding-right:16px}
 .quick-row>span{display:none}.quick-row button{flex-shrink:0}
 .section-heading{margin-bottom:var(--space-4)}.section-heading .eyebrow{display:none}.section-heading h2{font-size:var(--text-lg)}
 .refine-bar{display:block;padding:var(--space-3);margin-bottom:var(--space-3)}
 .refine-actions{margin-top:var(--space-3)}.refine-actions .secondary{min-height:44px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}
 .mobile-filters{display:inline-flex;align-items:center;gap:var(--space-3)}#filter-count{background:var(--green-soft);color:var(--green);padding:0 6px;border-radius:4px}
 .results-layout{gap:0}.filters{display:none;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filters.expanded{display:grid}
 .results-toolbar{align-items:flex-start;flex-wrap:wrap;gap:var(--space-2)}.toolbar-actions{justify-content:space-between;width:100%}
 .trust-legend{gap:var(--space-2);font-size:var(--text-xs)}.trust-legend button{min-height:32px}
 .list-view .card{display:block}.list-view .card-visual{min-height:0;height:110px}
 .list-view .card-visual img{object-position:50% 50%}
 .list-view .type-art{padding:var(--space-3) var(--space-4);justify-content:flex-end}.list-view .type-art small{display:none}
 .list-view .type-art strong{font-size:var(--text-xl)}.list-view .card-body{padding:var(--space-4)}
 .evidence{margin-left:auto}.card h3{font-size:var(--text-lg)}
 .card-secondary label,.source-link{min-height:36px}
 .compare-bar{flex-wrap:wrap;width:calc(100% - 24px);justify-content:space-between}
 #compare-count{width:100%;padding:var(--space-1)}.compare-names{gap:var(--space-2)}
 .compare-names button{min-height:36px}.compare-bar .primary{flex:1}
 body:has(.compare-bar:not([hidden])){padding-bottom:150px}
 .detail-actions{gap:var(--space-2)}.detail-actions .primary{width:auto;flex:1}.detail-actions .secondary{font-size:var(--text-xs);padding:var(--space-2)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Haarlem: editorial identity without unrelated venue photography. */
.hero .haarlem-feature{display:flex;flex-direction:column;justify-content:space-between;background:#dce4ce;color:#224832;padding:36px;text-decoration:none;box-sizing:border-box}
.haarlem-feature strong{font-family:Boska,serif;font-size:58px;font-weight:500;line-height:1.06}.haarlem-feature small{letter-spacing:.13em;font-size:11px}.haarlem-feature>span{font-size:13px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.evidence-fact{border:1px solid #cbd3c6;padding:15px;border-radius:6px;display:flex;flex-direction:column;gap:7px;overflow-wrap:anywhere}.evidence-fact p{margin:0;font-size:13px}.evidence-fact small,.evidence-fact a{font-size:12px}.muted{opacity:.7}@media(max-width:600px){.hero .haarlem-feature{display:none}.fact-grid{grid-template-columns:1fr}}
.hero .haarlem-feature::after{display:none}