/* facilities page-specific CSS (from Claude Design) */
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.3s}
.fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.fcard .ph{aspect-ratio:16/9;background:linear-gradient(135deg,#3a4a52,#26323a);position:relative;display:grid;place-items:center;color:rgba(255,255,255,.5);font-size:2.4rem}
.fcard .ph .type{position:absolute;top:12px;left:12px}
.fcard .ph .av{position:absolute;bottom:12px;right:12px}
.fcard .b{padding:18px 20px}
.fcard h4{color:var(--brown);font-size:1.1rem;margin-bottom:3px}
.fcard .loc{color:var(--muted);font-size:.82rem;margin-bottom:12px}
.fcard .specs{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.fcard .specs .sp{font-size:.78rem;color:var(--brown)}
.fcard .specs .sp b{display:block;color:var(--green-deep);font-family:'Spectral';font-size:1rem}
.fcard .pr{font-family:'Spectral';font-weight:900;color:var(--green-deep);font-size:1.15rem}
.fcard .pr span{font-size:.74rem;font-weight:500;color:var(--muted);font-family:'Hanken Grotesk'}
.ftop{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}
.ftop select{padding:10px 14px;border:1px solid var(--line);border-radius:30px;font-family:inherit;font-size:.85rem;background:#fff}
.seg{display:inline-flex;background:var(--cream-deep);border-radius:30px;padding:4px}
.seg a{padding:8px 16px;border-radius:24px;font-size:.84rem;font-weight:600;color:var(--muted)}
.seg a.on{background:#fff;color:var(--green-deep);box-shadow:var(--shadow)}