.housing-strip{background:#070c09;color:#fff;display:flex;align-items:center;gap:8px;padding:10px 3%;flex-wrap:wrap;border-bottom:1px solid #424b3c}
.housing-strip>span{color:#ffea00;font-size:10px;font-weight:800;letter-spacing:1px;margin-right:6px}
.housing-strip button,.housing-strip>a{font:inherit;font-size:12px;line-height:1.4;padding:8px 12px;border:1px solid #535e4c;border-radius:4px;background:#161d17;color:#fff;cursor:pointer;min-height:36px}
.housing-strip button:hover,.housing-strip>a:hover{border-color:#ffea00;color:#ffea00}
.housing-strip small{font-size:10px;color:#c3ccc2}
.housing-detail{background:#101710;color:#fff;width:min(880px,94vw);max-height:88dvh;overflow:auto;border:1px solid #ffea00;padding:28px;border-radius:6px}
.housing-detail::backdrop{background:#000b}
.housing-detail h2{font-size:30px;margin:10px 0 18px}
.housing-detail h3{font-size:20px;letter-spacing:0;color:#ffea00;margin:20px 0 8px}
.housing-detail p{font-size:14px;line-height:1.65}
.housing-detail .housing-close{float:right;background:#ffea00;color:black;border:0;padding:9px 14px;cursor:pointer}
.housing-detail a{color:#ffea00;text-decoration:underline}
@media(max-width:800px){.housing-strip{flex-wrap:nowrap;overflow-x:auto;padding:8px 18px}.housing-strip>*{flex-shrink:0}.housing-strip button,.housing-strip>a{min-height:40px}.housing-detail{padding:20px}}