/*
 * GeneratePress shell integration for the locked Claude phone comparator.
 * This file may only control the theme container and repeat values that already
 * exist in design/claude-phone/design.css where GeneratePress uses !important.
 */
.hp-phone-comparator-page #page.grid-container{max-width:none;width:100%}
.hp-phone-comparator-page .site-content{padding:0}
.hp-phone-comparator-page .content-area,
.hp-phone-comparator-page .site-main,
.hp-phone-comparator-page .inside-article,
.hp-phone-comparator-page .entry-content{margin:0;max-width:none;padding:0;width:100%}
.hp-phone-comparator-page .hp-phone-comparator{margin:0;overflow:clip;width:100%}

.hp-phone-comparator-page .hp-phone-comparator h1,
.hp-phone-comparator-page .hp-phone-comparator h2,
.hp-phone-comparator-page .hp-phone-comparator h3,
.hp-phone-comparator-page .hp-phone-comparator h4{font-family:var(--font-head)!important;font-weight:600!important;color:var(--head)!important;letter-spacing:-.015em!important;line-height:1.12!important;margin:0!important;text-wrap:balance}
.hp-phone-comparator-page .hp-phone-comparator .hero h1{color:#fff!important;font-size:clamp(2.375rem,4.5vw,3.75rem)!important;max-width:17ch}
.hp-phone-comparator-page .hp-phone-comparator .faq-item summary h3{font-family:var(--font-body)!important;color:var(--head)!important;font-weight:700!important;letter-spacing:0!important}
.hp-phone-comparator-page .hp-phone-comparator a{color:var(--blue)}
.hp-phone-comparator-page .hp-phone-comparator a:hover{color:var(--teal-dark)}
.hp-phone-comparator-page .hp-phone-comparator a.btn-cta{background:#EB6E00;border-color:#EB6E00;color:#fff}
.hp-phone-comparator-page .hp-phone-comparator a.btn-cta:hover{background:#D96400;border-color:#D96400;color:#fff}
.hp-phone-comparator-page .hp-phone-comparator a.mini-cta{background:#EB6E00;color:#fff;text-decoration:none}
.hp-phone-comparator-page .hp-phone-comparator a.mini-cta:hover{color:#fff}
.hp-phone-comparator-page .hp-phone-comparator a.link-plain{color:#AFE9D6}
.hp-phone-comparator-page .hp-phone-comparator a.link-plain:hover{color:#fff}
.hp-phone-comparator-page .hp-phone-comparator .btn{font-family:var(--font-body)!important;font-size:1.0625rem!important;font-weight:700!important}