.housing-page{padding-bottom:3rem;background:var(--color-bg-light)}.housing-hero-plain{padding:3rem 0 2rem;position:relative;overflow:hidden;border-bottom:1px solid var(--color-border-light);margin-bottom:.75rem}.housing-hero-plain:before{content:"";position:absolute;top:0;right:0;width:320px;height:320px;background:var(--gradient-primary);border-radius:50%;opacity:.08;transform:translate(28%,-40%);pointer-events:none}.housing-hero-plain .container{position:relative;z-index:1;max-width:720px}.housing-hero-plain h1{margin:0 0 1rem;font-size:clamp(1.85rem,3.8vw,2.55rem);font-weight:700;line-height:1.22;color:var(--color-text-primary)}.housing-hero-plain p{margin:0;font-size:1.05rem;line-height:1.72;color:var(--color-text-secondary);font-weight:500;text-align:left;max-width:56ch}.housing-list-section{padding-top:0}.housing-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.housing-filter-btn{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-border-medium);background:var(--color-bg-white);color:var(--color-text-secondary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.housing-filter-btn:hover{border-color:var(--color-primary);background:var(--color-bg-white);color:var(--color-secondary)}.housing-filter-btn.is-active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-secondary)}.housing-cards{display:grid;gap:1.25rem}.housing-card{--gallery-fill-a: rgba(12, 192, 223, .1);--gallery-fill-b: rgba(12, 192, 223, .22);--card-accent: var(--color-primary);display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);align-items:stretch;gap:0;border-radius:12px;overflow:hidden;border:1px solid var(--color-border-light);border-left:4px solid var(--card-accent);background:var(--color-bg-white);box-shadow:0 4px 24px #2c363f12;transition:box-shadow .22s ease}.housing-card:hover{box-shadow:0 10px 36px #2c363f1f,0 0 0 1px color-mix(in srgb,var(--card-accent) 18%,transparent)}.housing-card--accent-studio{--card-accent: #0ea5e9;--gallery-fill-a: rgba(14, 165, 233, .14);--gallery-fill-b: rgba(14, 165, 233, .32)}.housing-card--accent-wg{--card-accent: #a855f7;--gallery-fill-a: rgba(168, 85, 247, .13);--gallery-fill-b: rgba(168, 85, 247, .32)}.housing-card--accent-hostel{--card-accent: #ea580c;--gallery-fill-a: rgba(234, 88, 12, .12);--gallery-fill-b: rgba(234, 88, 12, .28)}.housing-card--accent-yurt{--card-accent: #059669;--gallery-fill-a: rgba(5, 150, 105, .12);--gallery-fill-b: rgba(5, 150, 105, .3)}.housing-gallery-shell{position:relative;display:flex;flex-direction:column;align-self:stretch;min-height:0;width:100%;border-right:1px solid color-mix(in srgb,var(--card-accent) 22%,var(--color-border-light));background:linear-gradient(165deg,var(--gallery-fill-a) 0%,color-mix(in srgb,var(--color-bg-white) 82%,var(--gallery-fill-b)) 52%,var(--gallery-fill-b) 100%)}.housing-gallery-spacer{flex:1 1 0;min-height:5.5rem;width:100%;padding:.55rem .65rem .75rem;border-radius:0 0 0 11px;border-top:1px solid color-mix(in srgb,var(--card-accent) 35%,var(--color-border-light));background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-white) 55%,var(--gallery-fill-b)),color-mix(in srgb,var(--card-accent) 22%,#f1f5f9));display:flex;flex-direction:column;justify-content:flex-end}.housing-gallery-spacer-inner{display:flex;gap:.55rem;align-items:flex-start;padding:.45rem .5rem;border-radius:8px;background:#ffffffe0;border:1px solid var(--color-border-light);box-shadow:0 2px 10px #2c363f0f}.housing-gallery-spacer-ic{flex-shrink:0;margin-top:.12rem;font-size:1.05rem;color:var(--card-accent)}.housing-gallery-spacer-text{margin:0;font-size:.78rem;line-height:1.5;font-weight:600;color:var(--color-text-secondary)}.housing-type-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.38rem .65rem;border-radius:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px #2c363f1f}.housing-type-badge--studio{background:linear-gradient(135deg,#38bdf8,#0284c7)}.housing-type-badge--wg{background:linear-gradient(135deg,#c084fc,#9333ea)}.housing-type-badge--hostel{background:linear-gradient(135deg,#fb923c,#ea580c)}.housing-type-badge--yurt{background:linear-gradient(135deg,#34d399,#047857)}.housing-status-pill{position:absolute;top:.75rem;right:.75rem;z-index:2;max-width:56%;text-align:right;padding:.32rem .62rem;border-radius:6px;font-size:.6875rem;font-weight:700;color:var(--color-secondary);background:var(--color-bg-yellow-soft);border:1px solid rgba(255,210,31,.45)}.housing-gallery{position:relative;z-index:1;flex:0 0 auto;display:grid;gap:.55rem;padding:.65rem .65rem .6rem}.housing-main-shot{border-radius:8px;overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-bg-white);box-shadow:0 2px 8px #2c363f0f}.housing-main-image{width:100%;aspect-ratio:4 / 5;height:auto;min-height:0;max-height:420px;object-fit:cover;object-position:center;display:block}.housing-gallery-hint{margin:0;padding:0 0 .1rem;font-size:.6875rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.02em}.housing-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.38rem}.housing-thumb{border:2px solid transparent;background:var(--color-bg-white);padding:0;border-radius:6px;cursor:pointer;overflow:hidden;transition:border-color .15s ease}.housing-thumb:hover{border-color:var(--color-border-medium)}.housing-thumb img{width:100%;height:58px;object-fit:cover;display:block}.housing-thumb.is-active{border-color:var(--card-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--card-accent) 35%,transparent)}.housing-details{display:grid;gap:.85rem;align-content:start;padding:1rem 1.1rem 1.15rem;background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent) 5%,#fff),#fff 72%)}.housing-detail-head h2{margin:0 0 .35rem;font-size:1.32rem;line-height:1.26;color:#0f172a}.housing-subtitle{margin:0;font-size:.95rem;color:#64748b;font-weight:600}.housing-location-block{padding:.65rem .82rem;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 9%,#fff) 0%,var(--color-bg-blue-soft) 100%);border:1px solid color-mix(in srgb,var(--card-accent) 18%,var(--color-border-light))}.housing-location-main{margin:0 0 .28rem;font-weight:800;color:#1e293b;font-size:.95rem;display:flex;gap:.45rem;align-items:flex-start}.housing-location-extra,.housing-commute{margin:0;font-size:.86rem;color:#64748b;line-height:1.5;padding-left:1.5rem}.housing-commute{padding-top:.35rem;border-top:1px dashed rgba(148,163,184,.45);margin-top:.45rem}.housing-inline-ic{color:var(--card-accent, #6366f1);margin-top:.08rem;flex-shrink:0}.housing-wg-banner{border-radius:10px;padding:.82rem .92rem;background:var(--color-bg-yellow-soft);border:1px dashed rgba(203,213,225,.95);box-shadow:inset 0 1px #ffffffe6}.housing-wg-title{font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-secondary);margin-bottom:.65rem;display:flex;gap:.45rem;align-items:center}.housing-wg-rows{display:grid;gap:.72rem}@media (min-width: 620px){.housing-wg-rows{grid-template-columns:1fr 1fr}}.housing-wg-block{display:grid;gap:.4rem}.housing-wg-block--accent .housing-wg-label{color:#b45309}.housing-wg-block--accent .housing-wg-banner,.housing-wg-block--accent{background:transparent}.housing-wg-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.housing-pill-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.housing-pill-list li{margin:0}.housing-pill{display:inline-block;font-size:.78rem;font-weight:800;padding:.36rem .72rem;border-radius:999px;line-height:1.35;box-shadow:0 4px 10px #0f172a14}.housing-pill--female{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d;border:1px solid #f472b6}.housing-pill--male{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border:1px solid #60a5fa}.housing-pill--mixed{background:linear-gradient(135deg,#ede9fe,#e9d5ff);color:#5b21b6;border:1px solid #a78bfa}.housing-pill--info{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border:1px solid #fcd34d}.housing-wg-note{margin:.6rem 0 0;font-size:.85rem;line-height:1.62;color:#57534e;padding-top:.6rem;border-top:1px solid rgba(251,191,36,.35)}.housing-spec-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;border:0;list-style:none}.housing-spec-strip .housing-spec-chip{flex:1 1 calc(50% - .35rem);min-width:140px;margin:0;padding:.55rem .62rem;border-radius:12px;background:#f8fafceb;border:1px solid #e2e8f0}.housing-spec-chip--wide{flex:1 1 100%}.housing-spec-chip dt{margin:0;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;display:flex;align-items:center;gap:.32rem}.housing-spec-chip dt i{color:var(--card-accent);font-size:.74rem}.housing-spec-chip dd{margin:.26rem 0 0;font-size:.86rem;font-weight:700;color:#334155;line-height:1.4}.housing-money-row{display:flex;flex-wrap:wrap;gap:.65rem}.housing-price-box{flex:1 1 160px;padding:.65rem .85rem;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 14%,#fff),color-mix(in srgb,var(--card-accent) 6%,#f8fafc));border:1px solid color-mix(in srgb,var(--card-accent) 28%,var(--color-border-light))}.housing-price-box--muted{background:linear-gradient(145deg,var(--color-bg-gray) 0%,#f1f5f9 100%);border-color:var(--color-border-light);box-shadow:none}.housing-money-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.2rem}.housing-price-main{font-size:1.2rem;color:var(--card-accent);font-weight:800;line-height:1.25}.housing-tag-row{display:flex;flex-wrap:wrap;gap:.42rem}.housing-mini-tag{font-size:.7rem;font-weight:800;padding:.32rem .72rem;border-radius:999px;background:#e2e8f0b3;color:#475569;border:1px solid #cbd5e1}.housing-perks{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.housing-perks li{display:flex;gap:.62rem;align-items:flex-start;font-size:.875rem;line-height:1.54;color:#374151}.housing-perk-ic{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#fff,#f1f5f9);color:var(--card-accent);border:1px solid #e2e8f0;font-size:.9rem;box-shadow:0 3px 8px #0f172a12}.housing-details-expand{border-radius:14px;border:1px solid #e2e8f0;background:#ffffffeb;padding:.15rem .92rem}.housing-details-expand summary{cursor:pointer;padding:.65rem 0;font-weight:900;font-size:.92rem;color:#0f172a;list-style:none}.housing-details-expand summary::-webkit-details-marker{display:none}.housing-details-expand summary:before{content:"▸ ";display:inline-block;transition:transform .2s ease;color:var(--color-primary)}.housing-details-expand[open] summary:before{transform:rotate(90deg)}.housing-features{margin:0 0 .75rem;padding-left:1.1rem;display:grid;gap:.4rem;color:#334155;font-size:.88rem;line-height:1.58}@media (max-width: 980px){.housing-card{grid-template-columns:1fr}.housing-gallery-shell{border-right:none;border-bottom:1px solid color-mix(in srgb,var(--card-accent) 20%,var(--color-border-light))}.housing-gallery-spacer{flex:0 0 auto;min-height:0;margin-top:0;border-radius:0;border-top:1px solid var(--color-border-light);padding:.5rem .65rem .65rem}.housing-gallery-spacer-inner{padding:.4rem .5rem}.housing-gallery-spacer-text{font-size:.74rem}.housing-details{border-left:none}.housing-main-image{aspect-ratio:16 / 10;max-height:340px}.housing-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.housing-thumb img{height:52px}}@media (max-width: 420px){.housing-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.housing-thumb img{height:50px}}