/* REM v3 compatibility skin (2026-10-25): restyles the older page content that renders inside the
   v3 layout (v3/base_compat.html) so every page reads as one design. Scoped to main.compat. */
main.compat{font-family:var(--sans);color:var(--ink)}
main.compat h1,main.compat h2,main.compat h3{font-family:var(--disp);letter-spacing:-.03em;color:var(--ink)}
main.compat h1{font-weight:300;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}
main.compat h2{font-weight:400;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.15}
main.compat h3{font-weight:500}
main.compat a{color:inherit}
main.compat p a,main.compat li a,main.compat td a{color:var(--blue)}
main.compat .crumbs{font-size:.84rem;color:var(--muted);padding-top:20px}
main.compat .crumbs a{color:var(--ink-2)}
/* buttons */
main.compat .btn{border-radius:8px;font-family:var(--sans);font-weight:600;min-height:46px;box-shadow:none;border:1px solid var(--silver)}
main.compat .btn--primary,main.compat .btn--wa,main.compat .btn--call{background:var(--graphite);color:#fff;border-color:var(--graphite)}
main.compat .btn--primary:hover,main.compat .btn--wa:hover{background:#1e252f;color:#fff}
main.compat .btn--ghost{background:#fff;color:var(--ink);border-color:var(--silver)}
/* cards + sections */
main.compat .pcard,main.compat .ratecard,main.compat .ratebox,main.compat .pd-aside,main.compat .qa,main.compat .band{border:1px solid var(--silver)!important;border-radius:14px!important;box-shadow:var(--hard)!important;background:#fff}
main.compat .band{background:linear-gradient(120deg,#fff,#f3f6fd 60%,#fff6ea)!important;color:var(--ink)}
main.compat .band *{color:var(--ink)!important}
main.compat .pcard-badge,main.compat .pgx-badge{background:rgba(255,255,255,.88)!important;color:var(--ink)!important;border-radius:4px}
main.compat .pcard-price,main.compat .pd-price{font-family:var(--disp);font-weight:400;letter-spacing:-.03em}
main.compat .pd-sec{margin-bottom:28px}
/* chips */
main.compat .lp-chip,main.compat .search-chips a,main.compat .chip{border:1px solid var(--silver)!important;border-radius:6px!important;background:#fff!important;color:var(--ink-2)!important;font-weight:500}
main.compat .lp-chip.on,main.compat .lp-chip:hover{border-color:var(--graphite)!important;color:var(--ink)!important}
/* tables */
main.compat table{border-collapse:collapse}
main.compat th{font:600 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
main.compat td,main.compat th{border-bottom:1px solid var(--line)}
/* forms */
main.compat input[type=text],main.compat input[type=tel],main.compat input[type=email],main.compat input[type=number],main.compat select,main.compat textarea{border:1px solid var(--silver);border-radius:8px;min-height:46px;font:500 .95rem var(--sans)}
main.compat input:focus,main.compat select:focus,main.compat textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}
/* old mobile bars sit above the new floating bar's slot */
.pd-actionbar,.bottombar{border-top:1px solid var(--silver)!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pd-actionbar .btn--wa,.bottombar .bb--wa{color:#fff}
@media (max-width:760px){main.compat{overflow-x:hidden}main.compat table{display:block;overflow-x:auto}}

/* one type system everywhere (owner: no mixed fonts) */
main.compat,main.compat p,main.compat li,main.compat td,main.compat th,main.compat label,main.compat input,main.compat select,main.compat textarea,main.compat button,main.compat .btn{font-family:var(--sans)!important}
main.compat h1,main.compat h2,main.compat h3,main.compat .lx-h,main.compat .pcard-price{font-family:var(--disp)!important;font-style:normal}
main.compat h1{font-weight:300!important}
main.compat h1 em,main.compat h2 em{font-style:normal!important;font-weight:500!important;background:var(--streak);-webkit-background-clip:text;background-clip:text;color:transparent!important}
/* luxury pages: white glass instead of the dark band (owner: "very whitish") */
main.compat .lx-top,main.compat .lx-band{background:linear-gradient(150deg,#fff 0%,#f4f6fb 55%,#fff7ec 100%)!important;color:var(--ink)!important;border-bottom:1px solid var(--silver)}
main.compat .lx-top *:not(.lx-btn):not(.lx-btn *),main.compat .lx-band *:not(.lx-btn):not(.lx-btn *){color:var(--ink)!important;border-color:var(--silver)!important}
main.compat .lx-top .lx-eyebrow,main.compat .lx-band .lx-eyebrow{color:#a77b2c!important}
main.compat .lx-btn--wa{background:var(--graphite)!important;color:#fff!important}
main.compat .lx-btn{border-radius:8px!important}