.filter-universal-page{--filter-navy:#123047;--filter-teal:#16818c;--filter-mint:#e8f4f2;--filter-line:#c9dfe4;--filter-sand:#f5efe5}.filter-universal-page .guide-section:not(.guide-editorial-note)>h2+p>strong:first-child{color:var(--filter-navy)}.filter-hero{margin:0}.filter-hero-stage{position:relative;overflow:hidden;min-height:510px;border:1px solid var(--filter-line);border-radius:12px;background:#dfe8e8}.filter-hero-stage>img{display:block;width:100%;height:510px;object-fit:cover}.filter-hero-card{position:absolute;left:34px;bottom:34px;width:min(380px,calc(100% - 68px));padding:24px 26px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background:rgba(17,48,71,.92);box-shadow:0 18px 38px rgba(7,28,38,.2);color:#fff}.filter-hero-card small{display:block;color:#8fe0d7;font-size:11px;font-weight:800;letter-spacing:.14em}.filter-hero-card strong{display:block;margin:8px 0;font-size:clamp(27px,3.2vw,45px);line-height:1.03;letter-spacing:-.035em}.filter-hero-card p{margin:0;color:#d8e9ec;font-size:14px}.filter-label{position:absolute;top:22px;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.9);color:var(--filter-navy);font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 6px 18px rgba(17,48,71,.13)}.filter-label-crescent{left:22px}.filter-label-rectangular{right:22px}.filter-hero figcaption,.filter-photo figcaption,.filter-visual figcaption{margin:9px 0 0;color:#5d7480;font-size:13px;line-height:1.65}.filter-visual{margin:28px 0 34px}.compatibility-checkpoints,.housing-purpose{overflow:hidden;border:1px solid var(--filter-line);border-radius:13px;background:#f8fbfb}.compatibility-checkpoints header,.housing-purpose header{padding:24px 26px 18px}.compatibility-checkpoints header small,.housing-purpose header small{display:block;color:var(--filter-teal);font-size:11px;font-weight:800;letter-spacing:.13em}.compatibility-checkpoints header strong,.housing-purpose header strong{display:block;margin-top:7px;color:var(--filter-navy);font-size:23px;line-height:1.2}.checkpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--filter-line);border-top:1px solid var(--filter-line);border-bottom:1px solid var(--filter-line)}.checkpoint-grid section{position:relative;padding:22px 22px 23px 58px;background:#fff}.checkpoint-grid span{position:absolute;left:20px;top:22px;color:var(--filter-teal);font-size:12px;font-weight:800}.checkpoint-grid strong{display:block;color:var(--filter-navy);font-size:16px}.checkpoint-grid p{margin:6px 0 0!important;color:#5b727f;font-size:14px!important;line-height:1.55!important}.compatibility-checkpoints footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px;color:var(--filter-navy);font-size:12px}.compatibility-checkpoints footer i{color:var(--filter-teal);font-style:normal}.compatibility-checkpoints footer b{font-weight:800}.filter-universal-page .guide-table-scroll table{min-width:760px}.filter-universal-page .guide-table-scroll tbody th{width:21%}.filter-photo{margin:26px 0 32px}.filter-photo img{display:block;width:100%;height:auto;border:1px solid var(--filter-line);border-radius:11px;background:#eef2f1}.filter-photo-compact img{max-height:470px;object-fit:cover}.filter-video-comparison{margin:28px 0 32px}.filter-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.filter-video-card{overflow:hidden;border:1px solid var(--filter-line);border-radius:11px;background:#f8fbfb}.filter-video-card video{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f2f6f7}.filter-video-card strong{display:block;padding:16px 18px 0;color:var(--filter-navy);font-size:17px}.filter-video-card p{margin:7px 18px 18px!important;color:#536d79;font-size:14px!important;line-height:1.6!important}.filter-video-comparison>figcaption{margin:10px 2px 0;color:#5d7480;font-size:13px;line-height:1.65}.housing-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--filter-line);border-top:1px solid var(--filter-line)}.housing-columns section{padding:22px 25px;background:#fff}.housing-columns section:last-child{background:#fbf7ef}.housing-columns b{color:var(--filter-navy);font-size:17px}.housing-columns ul{margin:12px 0 0;padding-left:20px;color:#526c7a}.housing-columns li{margin:8px 0}.housing-stack{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;gap:3px;padding:18px;background:#edf5f4}.housing-stack span{display:grid;place-items:center;min-height:76px;padding:8px;border:1px solid #c2d9d8;border-radius:6px;background:#fff;color:#365a67;font-size:11px;font-weight:700;text-align:center}.housing-stack span:nth-child(3){background:#d8ece8;color:var(--filter-navy)}.compatibility-pack-example{overflow:hidden;border:1px solid var(--filter-line);border-radius:13px;background:#f8fbfb}.compatibility-pack-example header{padding:23px 25px 19px;border-bottom:1px solid var(--filter-line)}.compatibility-pack-example header small{display:block;color:var(--filter-teal);font-size:11px;font-weight:800;letter-spacing:.13em}.compatibility-pack-example header strong{display:block;margin-top:6px;color:var(--filter-navy);font-size:23px;line-height:1.2}.compatibility-pack-example header p{margin:6px 0 0!important;color:#607884;font-size:14px!important}.compatibility-pack-example dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.compatibility-pack-example dl div{padding:18px 22px;border-bottom:1px solid var(--filter-line);background:#fff}.compatibility-pack-example dl div:nth-child(odd){border-right:1px solid var(--filter-line)}.compatibility-pack-example dt{color:var(--filter-navy);font-size:13px;font-weight:800}.compatibility-pack-example dd{margin:6px 0 0;color:#566f7b;font-size:14px;line-height:1.55}.compatibility-pack-example footer{padding:15px 22px;background:#edf5f4;color:#486572;font-size:12px;line-height:1.55}.filter-faq h3{margin:27px 0 7px;color:var(--filter-navy);font-size:19px}.filter-faq p{margin-top:0!important}@media(max-width:760px){.filter-hero-stage{min-height:450px}.filter-hero-stage>img{height:450px}.filter-hero-card{left:16px;bottom:16px;width:calc(100% - 32px);padding:20px}.filter-hero-card strong{font-size:31px}.filter-label{top:12px}.filter-label-crescent{left:12px}.filter-label-rectangular{right:12px}.checkpoint-grid,.compatibility-pack-example dl,.filter-video-pair,.housing-columns{grid-template-columns:1fr}.compatibility-pack-example dl div:nth-child(odd){border-right:0}.compatibility-checkpoints footer{align-items:stretch;flex-direction:column;gap:7px;padding:16px 22px}.compatibility-checkpoints footer i{transform:rotate(90deg);align-self:flex-start;margin-left:30px}.housing-stack{grid-template-columns:1fr}.housing-stack span{min-height:48px}.filter-universal-page .guide-table-scroll table{min-width:700px}}@media(max-width:430px){.filter-hero-stage{min-height:420px}.filter-hero-stage>img{height:420px}.filter-label{font-size:9px}.filter-hero-card p{font-size:13px}}