.otc-pg{--pg-ink:#111;--pg-muted:#686862;--pg-line:#deddd7;--pg-surface:#f7f6f2;--pg-accent:#6e8fff;color:var(--pg-ink);font-family:inherit}
.otc-pg *{box-sizing:border-box}
.otc-pg__heading{margin:0 0 25px}.otc-pg__eyebrow,.otc-pg__step{color:var(--pg-accent);font-size:10px;font-weight:700;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.otc-pg__heading h3{font-size:clamp(27px,3vw,40px);font-weight:600;line-height:1.05;margin:0 0 9px;text-transform:uppercase}.otc-pg__heading>p:last-child,.otc-pg__room-heading p,.otc-pg__sizes-heading>p:last-child{color:var(--pg-muted);font-size:13px;line-height:1.5;margin:0}
.otc-pg__rooms{display:flex;gap:8px;margin:0 -2px 27px;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x proximity;scrollbar-width:thin}.otc-pg__room{background:#fff;border:1px solid var(--pg-line);color:var(--pg-ink);cursor:pointer;flex:0 0 92px;font:inherit;min-height:114px;padding:5px;scroll-snap-align:start;text-align:center}.otc-pg__room img{aspect-ratio:1;display:block;height:72px;object-fit:cover;width:100%}.otc-pg__room span{display:block;font-size:10px;font-weight:650;line-height:1.2;padding:6px 0 1px}.otc-pg__room:hover,.otc-pg__room:focus-visible,.otc-pg__room.is-active{border-color:var(--pg-accent);box-shadow:0 0 18px #6e8fff40;outline:0}.otc-pg__room.is-active{background:var(--pg-surface)}
.otc-pg__panel[hidden]{display:none!important}.otc-pg__room-heading{align-items:center;background:var(--pg-surface);display:grid;gap:13px;grid-template-columns:100px minmax(0,1fr);margin-bottom:26px;padding:11px}.otc-pg__room-heading img{aspect-ratio:1;display:block;height:100px;object-fit:cover;width:100%}.otc-pg__room-heading h4,.otc-pg__comparison h4{font-size:23px;line-height:1.1;margin:0 0 7px;text-transform:uppercase}.otc-pg__sizes-heading{border-bottom:1px solid var(--pg-line);margin:0 0 15px;padding-bottom:13px}.otc-pg__sizes-heading .otc-pg__step{margin-bottom:5px}.otc-pg__cards{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}.otc-pg__card{border:1px solid var(--pg-line);min-width:0}.otc-pg__image-button,.otc-pg__comparison-button{background:var(--pg-surface);border:0;color:var(--pg-ink);cursor:zoom-in;display:block;padding:0;position:relative;width:100%}.otc-pg__image-button img{aspect-ratio:3/2;display:block;height:auto;object-fit:contain;width:100%}.otc-pg__image-button>span,.otc-pg__comparison-button>span{background:#fffdf8ed;border:1px solid var(--pg-line);bottom:7px;font-size:15px;line-height:1;padding:6px;position:absolute;right:7px}.otc-pg__card-copy{padding:11px}.otc-pg__card-copy h5{font-size:19px;line-height:1.15;margin:0 0 3px}.otc-pg__card-copy>p{color:var(--pg-muted);font-size:11px;line-height:1.45;margin:0 0 9px}.otc-pg__card-copy .otc-pg__cm{color:var(--pg-ink);font-weight:650}.otc-pg__card-links{border-top:1px solid var(--pg-line);display:flex;flex-wrap:wrap;gap:9px;padding-top:9px}.otc-pg__card-links a,.otc-pg__png{color:var(--pg-ink);font-size:11px;font-weight:650;text-decoration:none}.otc-pg__card-links a:hover,.otc-pg__png:hover{text-decoration:underline}
.otc-pg__comparison{border-top:1px solid var(--pg-line);margin:25px 0 0;padding-top:24px}.otc-pg__comparison>p:not(.otc-pg__step){color:var(--pg-muted);font-size:13px;line-height:1.5;margin:0 0 14px}.otc-pg__comparison-image{border:1px solid var(--pg-line);display:block;height:auto;object-fit:contain;width:100%}.otc-pg__doormat-note{font-size:13px;font-weight:650}.otc-pg__footnote{border-top:1px solid var(--pg-line);color:var(--pg-muted);font-size:11px;line-height:1.5;margin:28px 0 15px;padding-top:15px}.otc-pg__full-guide{align-items:center;border:1px solid var(--pg-ink);color:var(--pg-ink);display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:13px;text-decoration:none}.otc-pg__full-guide:hover{border-color:var(--pg-accent);box-shadow:0 0 18px #6e8fff40}
.otc-pg__room-heading{display:block;padding:17px}
@media(max-width:600px){.otc-pg__heading h3{font-size:29px}.otc-pg__room{flex-basis:83px;min-height:105px}.otc-pg__room img{height:63px}.otc-pg__room-heading{grid-template-columns:80px minmax(0,1fr)}.otc-pg__room-heading img{height:80px}.otc-pg__room-heading h4{font-size:20px}}
@media(max-width:340px){.otc-pg__cards{grid-template-columns:1fr}}