.directory-hero{padding:56px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:30px}.directory-hero h1{font-size:clamp(34px,4vw,54px);margin:12px 0 18px}.directory-hero .hero-copy{max-width:670px}.directory-count{padding:24px 30px;border:1px solid #36574f;border-radius:12px;min-width:190px;background:#152f2d}.directory-count strong{display:block;color:var(--accent);font-size:46px;line-height:1.1}.directory-count span{font-size:12px;color:var(--muted)}.guide-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.guide-tabs a{padding:14px 0;text-decoration:none;color:var(--muted);font-size:14px}.guide-tabs a[aria-current]{color:var(--accent);border-bottom:2px solid var(--accent)}.directory-tools{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(130px,1fr));gap:14px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.directory-tools label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.directory-tools input,.directory-tools select{width:100%;min-width:0;border:1px solid #405863;border-radius:6px;background:#0e1d27;color:var(--ink);padding:11px;font:inherit;font-size:14px}.directory-tools select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.directory-tools .extras{grid-column:1/-1;flex-direction:row;align-items:center;font-size:13px}.extras input{width:17px;height:17px;accent-color:var(--accent)}.result-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0;font-size:13px;color:var(--muted)}.text-button{border:0;background:none;color:var(--accent);padding:8px;text-decoration:underline;text-underline-offset:4px}.directory-note{border-left:2px solid #557f74;padding-left:15px;color:var(--muted);font-size:13px;margin:0 0 28px;max-width:960px}.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.building-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#13242e}.building-card header{padding:23px 24px 0}.building-card .category{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#91b6ba;display:flex;justify-content:space-between;gap:12px}.building-card h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:9px 0 4px;overflow-wrap:anywhere}.building-card .use{font-size:12px;color:var(--muted)}.building-card .headline-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 24px 18px;gap:12px}.headline-stats dt{color:#93abb4;font-size:10px;margin-bottom:3px}.headline-stats dd{font-size:17px;font-weight:600;margin:0;line-height:1.4;font-variant-numeric:tabular-nums}.effect-preview{padding:0 24px 20px;display:flex;flex-wrap:wrap;gap:7px}.effect-tag{font-size:11px;line-height:1.5;background:#1d3b35;color:#a1ebd2;border:1px solid #35554d;border-radius:5px;padding:5px 8px}.effect-tag.negative{color:#f7bcae;background:#3a292b;border-color:#674749}.effect-tag.neutral{background:#1c303c;color:#b6cbd5;border-color:#334b59}.building-card summary{padding:14px 24px;cursor:pointer;border-top:1px solid var(--line);color:var(--accent);font-size:13px;font-weight:600}.building-card details[open] summary{background:#1b3339}.building-detail{padding:22px 24px 24px}.building-detail h3{font-size:14px;margin:22px 0 10px;color:#d0ece3}.building-detail h3:first-child{margin-top:0}.building-detail ul{padding-left:18px;margin:0 0 20px;color:#bdcfd4;font-size:13px;line-height:1.75}.building-detail li{margin-bottom:10px}.stat-list{margin:0;font-size:12px;line-height:1.65}.stat-list div{display:grid;grid-template-columns:minmax(130px,1fr) 1.15fr;gap:15px;padding:9px 0;border-bottom:1px solid #273d48}.stat-list dt{color:#9bb8c1}.stat-list dd{margin:0;color:#e1eced;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.share-building{display:inline-block;margin-top:18px;font-size:12px}.directory-empty{padding:48px 24px;text-align:center;border:1px solid var(--line);border-radius:12px}.directory-empty p{color:var(--muted);margin:12px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:30px 0 20px}.pagination button{padding:10px 19px;border:1px solid #4a6d65;border-radius:7px;background:#19322f;color:#b5eddb;font:inherit;font-size:13px}.pagination button:disabled{opacity:.35;cursor:default}.pagination span{font-size:13px;color:var(--muted)}.directory-explainer{margin:25px 0 50px;padding:24px;border:1px solid var(--line);border-radius:10px}.directory-explainer summary{cursor:pointer;font-size:14px;color:#bedbd3}.directory-explainer p{font-size:13px;color:var(--muted);margin-top:14px}.directory-link-card{margin:0 0 32px;padding:22px 26px;border:1px solid #436e61;border-radius:10px;background:#17312e;display:flex;align-items:center;justify-content:space-between;gap:22px}.directory-link-card h2{font-size:22px}.directory-link-card p{font-size:13px;color:#a8c5c0;margin-top:7px}.directory-link-card .button{white-space:nowrap}
@media(max-width:900px){.directory-tools{grid-template-columns:1fr 1fr}.directory-count{display:none}.directory-grid{gap:13px}.building-card header,.building-detail{padding-left:18px;padding-right:18px}.building-card .headline-stats{margin-left:18px;margin-right:18px}.effect-preview{padding-left:18px;padding-right:18px}}
@media(max-width:620px){.directory-hero{padding-top:32px}.directory-grid{grid-template-columns:1fr}.directory-tools{padding:16px;gap:12px}.directory-tools label:first-child{grid-column:1/-1}.directory-tools label:nth-child(4){grid-column:1/-1}.directory-tools input,.directory-tools select{font-size:16px}.directory-note{font-size:12px}.building-card h2{font-size:23px}.directory-link-card{align-items:flex-start;flex-direction:column}.guide-tabs{gap:20px}.stat-list div{grid-template-columns:1fr 1fr}.directory-explainer{padding:19px}}
@media print{.directory-tools,.pagination,.guide-tabs,.result-line,.directory-count{display:none}.directory-grid{display:block}.building-card{break-inside:avoid;background:white;color:black;border-color:#ccc;margin-bottom:20px}.building-card h2,.headline-stats dd{color:black}}