/* HOPPT custom battery page. Styles are deliberately scoped to this page. */
.hoppt-custom{--hcu-green:#0ca37d;--hcu-dark:#123d32;--hcu-muted:#5d726b;color:var(--hcu-dark);font-size:16px;line-height:1.65}
.hoppt-custom *{box-sizing:border-box}
.hoppt-custom [hidden]{display:none!important}
.hoppt-custom .hcu-wrap{width:88%;max-width:1360px;margin:0 auto}
.hoppt-custom h1,.hoppt-custom h2,.hoppt-custom h3{color:var(--hcu-dark);font-family:'Hind-Bold',sans-serif;line-height:1.2;margin:0}
.hoppt-custom h1{font-size:clamp(34px,3.5vw,54px);max-width:660px;letter-spacing:-.7px}
.hoppt-custom h2{font-size:clamp(28px,2.5vw,38px);letter-spacing:-.3px}
.hoppt-custom h3{font-size:21px}
.hoppt-custom p{margin:0;color:var(--hcu-muted)}
.hoppt-custom a{color:#087e61;text-decoration:none}
.hoppt-custom button,.hoppt-custom input,.hoppt-custom select,.hoppt-custom textarea{font:inherit}
.hoppt-custom a:focus-visible,.hoppt-custom button:focus-visible,.hoppt-custom summary:focus-visible{outline:3px solid #0ca37d;outline-offset:5px}
.hoppt-custom .hcu-hero{padding:28px 0 50px;background:#f1f8f5}
.hoppt-custom .hcu-crumb{font-size:14px;color:var(--hcu-muted);margin-bottom:36px}
.hoppt-custom .hcu-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:7%;align-items:center}
.hoppt-custom .hcu-eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:#087e61;margin:0 0 16px}
.hoppt-custom .hcu-lead{font-size:18px;line-height:1.75;margin-top:24px;max-width:640px}
.hoppt-custom .hcu-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.hoppt-custom .hcu-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#087e61;color:white;padding:13px 24px;border-radius:5px;font-weight:600}
.hoppt-custom .hcu-button:hover{background:#05664e}
.hoppt-custom .hcu-text-link{font-weight:600;display:inline-flex;align-items:center;gap:12px}
.hoppt-custom .hcu-text-link:hover{text-decoration:underline}
.hoppt-custom .hcu-families{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:#446b5e;font-size:14px}
.hoppt-custom .hcu-families span:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hcu-green);margin-right:8px;vertical-align:middle}
.hoppt-custom .hcu-hero-visual{margin:0;background:white;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px rgba(20,71,53,.09);border:1px solid #e1ebe5}
.hoppt-custom .hcu-hero-visual img{display:block;width:100%;height:auto;max-height:390px;object-fit:cover}
.hoppt-custom .hcu-hero-visual figcaption{padding:18px 24px;border-top:1px solid #e7eee9;display:flex;flex-direction:column;gap:4px}
.hoppt-custom .hcu-hero-visual figcaption span{font-size:10px;letter-spacing:1.4px;color:#087e61}
.hoppt-custom .hcu-hero-visual figcaption strong{font-size:19px;font-weight:600}
.hoppt-custom .hcu-section-nav{border-bottom:1px solid #dfe9e4;background:white}
.hoppt-custom .hcu-section-nav .hcu-wrap{display:flex;gap:36px;align-items:center;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.hoppt-custom .hcu-section-nav a{font-size:15px;font-weight:600}
.hoppt-custom .hcu-section-nav a:last-child{margin-left:auto}
.hoppt-custom .hcu-section{padding-top:64px;padding-bottom:64px}
.hoppt-custom [id]{scroll-margin-top:125px}
.hoppt-custom .hcu-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.hoppt-custom .hcu-section-intro{max-width:740px;margin-top:16px;margin-bottom:30px;font-size:17px}
.hoppt-custom .hcu-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hoppt-custom .hcu-option{display:flex;align-items:flex-start;gap:18px;padding:26px;border:1px solid #dce8e2;border-radius:8px}
.hoppt-custom .hcu-number{color:#0a8c6c;background:#eaf6f0;border-radius:5px;padding:5px 9px;font-size:14px;font-weight:600;flex-shrink:0}
.hoppt-custom .hcu-option h3{font-size:20px;margin:5px 0 12px}
.hoppt-custom .hcu-option p{font-size:16px;line-height:1.65}
.hoppt-custom .hcu-process-band{background:#f3f8f5}
.hoppt-custom .hcu-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.hoppt-custom .hcu-step{border-top:2px solid #0ca37d;background:white;padding:28px;border-radius:0 0 6px 6px}
.hoppt-custom .hcu-step-top{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.hoppt-custom .hcu-step-top span{font-size:30px;line-height:1;font-family:'Hind-Bold',sans-serif;color:#64bba2}
.hoppt-custom .hcu-step h3{font-size:20px}
.hoppt-custom .hcu-step ol{list-style:none;padding:0;margin:0}
.hoppt-custom .hcu-step li{position:relative;padding-left:17px;color:var(--hcu-muted);margin:9px 0;font-size:16px}
.hoppt-custom .hcu-step li:before{content:'';width:5px;height:5px;background:#0ca37d;border-radius:50%;position:absolute;left:0;top:11px}
.hoppt-custom .hcu-applications{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hoppt-custom .hcu-application{display:flex;flex-direction:column;min-width:0;border:1px solid #dbe8e1;border-radius:10px;overflow:hidden;background:white;box-shadow:0 12px 30px rgba(13,67,49,.045);transition:transform .2s,box-shadow .2s}
.hoppt-custom .hcu-application:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(13,67,49,.1)}
.hoppt-custom .hcu-application-media{overflow:hidden;background:#eaf1ed}
.hoppt-custom .hcu-application img{width:100%;height:auto;aspect-ratio:16/8.5;object-fit:cover;display:block}
.hoppt-custom .hcu-application-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.hoppt-custom .hcu-application-index{color:#078766;font-size:11px;font-weight:700;letter-spacing:.12em}
.hoppt-custom .hcu-application h3{margin:10px 0;font-size:21px;line-height:1.27}
.hoppt-custom .hcu-application-body>p{font-size:15px;line-height:1.65}
.hoppt-custom .hcu-application-focus{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:19px;font-size:13px;line-height:1.5}
.hoppt-custom .hcu-application-focus strong{color:#164333}
.hoppt-custom .hcu-application-focus span{color:#5c7165}
.hoppt-custom .hcu-application-body>a{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:17px;font-size:14px;font-weight:700}
.hoppt-custom .hcu-application-body>a:hover{text-decoration:underline}
.hoppt-custom .hcu-application-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding:25px 30px;border-left:4px solid #0ca37d;border-radius:0 8px 8px 0;background:#edf7f1}
.hoppt-custom .hcu-application-cta strong{display:block;color:#143d31;font-size:19px}
.hoppt-custom .hcu-application-cta p{margin-top:4px}
.hoppt-custom .hcu-application-cta a{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;color:#087e61;font-weight:700}
.hoppt-custom .hcu-support-band{background:#f3f8f5}
.hoppt-custom .hcu-support-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;margin-bottom:30px}
.hoppt-custom .hcu-support-intro>p{font-size:17px;line-height:1.7}
.hoppt-custom .hcu-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hoppt-custom .hcu-benefit{background:white;padding:28px;border-radius:8px}
.hoppt-custom .hcu-benefit img{display:block;margin-bottom:20px}
.hoppt-custom .hcu-benefit h3{margin-bottom:15px}
.hoppt-custom .hcu-benefit ul{margin:0;padding-left:18px;list-style:disc;color:var(--hcu-muted);font-size:15px}
.hoppt-custom .hcu-benefit li{margin:8px 0}
.hoppt-custom .hcu-inquiry{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:5%;align-items:start}
.hoppt-custom .hcu-inquiry-intro>p:not(.hcu-eyebrow){margin-top:20px}
.hoppt-custom .hcu-checklist{margin-top:30px;padding:24px;background:#f0f7f3;border-radius:8px}
.hoppt-custom .hcu-checklist h3{font-size:18px;margin-bottom:12px}
.hoppt-custom .hcu-checklist ul{margin:0;padding-left:18px;color:var(--hcu-muted);list-style:disc;font-size:15px}
.hoppt-custom .hcu-checklist li{margin:10px 0}
.hoppt-custom .hcu-contact-note{margin-top:26px;font-size:15px}
.hoppt-custom .hcu-contact-note a{display:inline-block;margin-top:6px;font-weight:600;overflow-wrap:anywhere}
.hoppt-custom .hcu-form-card{border:1px solid #dce8e1;border-radius:10px;padding:28px;background:white;box-shadow:0 10px 30px rgba(20,71,53,.04);min-width:0}
.hoppt-custom .hcu-tabs{display:flex;border:1px solid #bddbcf;padding:5px;border-radius:7px;background:#f1f7f4;gap:5px;margin-bottom:26px}
.hoppt-custom .hcu-tabs button{flex:1;min-width:0;background:transparent;border:0;border-radius:4px;color:#426657;cursor:pointer;font-size:16px;line-height:1.4;font-weight:600;padding:13px 10px}
.hoppt-custom .hcu-tabs button[aria-selected=true]{background:#087e61;color:white;box-shadow:0 2px 5px rgba(10,60,40,.1)}
.hoppt-custom .hcu-form-title{font-size:21px;margin:0 0 24px}
.hoppt-custom .wpcf7 form{margin:0;padding:0}
.hoppt-custom .hcu-fieldset{border:0;padding:0;margin:0 0 26px;min-width:0}
.hoppt-custom .hcu-fieldset legend{display:block;width:100%;padding:0 0 12px;margin:0 0 18px;border-bottom:1px solid #e5ece8;font-size:17px;font-weight:600;color:#1c4638}
.hoppt-custom .hcu-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hoppt-custom .hcu-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:500;color:#244d3f;margin:0}
.hoppt-custom .hcu-field>span:first-child{line-height:1.5}
.hoppt-custom .hcu-field br,.hoppt-custom .hcu-fields>br{display:none}
.hoppt-custom .hcu-field .wpcf7-form-control-wrap{width:100%;display:block}
.hoppt-custom .hcu-field input,.hoppt-custom .hcu-field select,.hoppt-custom .hcu-field textarea{display:block;width:100%;max-width:100%;height:auto;min-height:46px;background:#fbfdfc;border:1px solid #c9d9d1;border-radius:5px;color:#1c4638;padding:10px 12px;box-shadow:none;font-size:15px;line-height:1.5;margin:0}
.hoppt-custom .hcu-field textarea{min-height:125px;resize:vertical}
.hoppt-custom .hcu-field input::placeholder,.hoppt-custom .hcu-field textarea::placeholder{color:#73857c;opacity:1}
.hoppt-custom .hcu-field input:focus,.hoppt-custom .hcu-field select:focus,.hoppt-custom .hcu-field textarea:focus{border-color:#0a9772;outline:2px solid #d1ece0;outline-offset:1px}
.hoppt-custom .hcu-form-note{font-size:13px;line-height:1.6;margin:-5px 0 18px}
.hoppt-custom .hcu-advanced{padding:14px 16px;border:1px solid #dfe9e3;border-radius:5px;margin-bottom:24px;background:#f8fbf9}
.hoppt-custom .hcu-advanced summary{cursor:pointer;color:#087e61;font-size:15px;font-weight:600;list-style:revert}
.hoppt-custom .hcu-advanced[open] .hcu-fields{margin-top:18px}
.hoppt-custom .hcu-consent{font-size:13px;margin:20px 0;color:var(--hcu-muted)}
.hoppt-custom .hcu-consent .wpcf7-list-item{margin:0}
.hoppt-custom .hcu-consent label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.hoppt-custom .hcu-consent input{width:16px;height:16px;margin:3px 0 0;accent-color:#087e61;flex-shrink:0}
.hoppt-custom .wpcf7-turnstile{max-width:100%;margin:18px 0}
.hoppt-custom .wpcf7 input[type=submit]{display:inline-block;min-width:180px;min-height:48px;border:0;border-radius:5px;background:#087e61;color:white;padding:12px 28px;font-size:16px;font-weight:600;cursor:pointer}
.hoppt-custom .wpcf7 input[type=submit]:hover{background:#05664e}
.hoppt-custom .wpcf7-not-valid-tip{font-size:13px;margin-top:5px}
.hoppt-custom .wpcf7-response-output{margin:20px 0 0!important;padding:12px 15px!important;font-size:15px}
@media(max-width:1100px){.hoppt-custom .hcu-hero-grid{gap:5%}.hoppt-custom h1{font-size:38px}.hoppt-custom .hcu-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hoppt-custom .hcu-option{padding:22px}.hoppt-custom .hcu-inquiry{grid-template-columns:minmax(0,1fr)}.hoppt-custom .hcu-inquiry-intro{max-width:760px;margin-bottom:28px}.hoppt-custom .hcu-inquiry-intro .hcu-checklist{display:none}.hoppt-custom .hcu-form-card{padding:28px}.hoppt-custom .hcu-process{gap:16px}.hoppt-custom .hcu-step{padding:22px}.hoppt-custom .hcu-section-nav .hcu-wrap{gap:24px}}
@media(max-width:767px){.hoppt-custom .hcu-wrap{width:92%}.hoppt-custom .hcu-hero{padding:22px 0 32px}.hoppt-custom .hcu-crumb{margin-bottom:28px}.hoppt-custom .hcu-hero-grid{grid-template-columns:1fr;gap:30px}.hoppt-custom h1{font-size:36px}.hoppt-custom .hcu-lead{font-size:17px;margin-top:20px}.hoppt-custom .hcu-hero-visual{max-width:480px;width:100%;margin:auto}.hoppt-custom .hcu-hero-visual img{max-height:300px;object-fit:contain;background:#eee}.hoppt-custom .hcu-actions{gap:18px}.hoppt-custom .hcu-families{gap:8px 20px;margin-top:22px}.hoppt-custom .hcu-section-nav .hcu-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding-top:16px;padding-bottom:16px}.hoppt-custom .hcu-section-nav a{font-size:14px}.hoppt-custom .hcu-section-nav a:last-child{margin-left:0}.hoppt-custom .hcu-section{padding-top:40px;padding-bottom:40px}.hoppt-custom .hcu-section-top{display:block}.hoppt-custom .hcu-section-top>a{margin-top:20px}.hoppt-custom .hcu-eyebrow{font-size:11px;margin-bottom:12px}.hoppt-custom .hcu-options,.hoppt-custom .hcu-process,.hoppt-custom .hcu-benefits{grid-template-columns:1fr;gap:16px}.hoppt-custom .hcu-applications{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hoppt-custom .hcu-application img{aspect-ratio:4/3}.hoppt-custom .hcu-application figcaption{font-size:15px;padding:12px;line-height:1.4}.hoppt-custom .hcu-support-intro{grid-template-columns:1fr;gap:18px}.hoppt-custom .hcu-fields{grid-template-columns:1fr;gap:16px}.hoppt-custom .hcu-form-card{padding:20px 16px}.hoppt-custom .hcu-tabs{gap:3px;padding:4px}.hoppt-custom .hcu-tabs button{font-size:14px;padding:11px 8px}.hoppt-custom .hcu-field input,.hoppt-custom .hcu-field select,.hoppt-custom .hcu-field textarea{font-size:16px}.hoppt-custom [id]{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.hoppt-custom *{scroll-behavior:auto!important}}

/* Detailed, editable engineering and trust content. */
.hoppt-custom .hcu-detail-heading{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px 72px;align-items:end;margin-bottom:34px}
.hoppt-custom .hcu-detail-heading>p{max-width:65ch;font-size:17px;line-height:1.75}
.hoppt-custom .hcu-detail-number{display:block;color:#087e61;font-size:12px;font-weight:700;letter-spacing:.12em}
.hoppt-custom .hcu-review{background:#fff}
.hoppt-custom .hcu-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.hoppt-custom .hcu-review-card{min-width:0;padding:30px;border:1px solid #d8e7df;border-radius:10px;background:#f9fcfa;box-shadow:0 12px 28px rgba(8,72,50,.04)}
.hoppt-custom .hcu-review-card h3{margin:15px 0 10px;font-size:23px}
.hoppt-custom .hcu-review-card p{max-width:55ch;line-height:1.7}
.hoppt-custom .hcu-review-card ul{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.hoppt-custom .hcu-review-card li{padding:6px 11px;border:1px solid #cce7d8;border-radius:99px;background:#eef8f2;color:#235b45;font-size:13px;line-height:1.35}
.hoppt-custom .hcu-review-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:26px;padding:19px 22px;border-left:3px solid #0ca37d;background:#eef7f2;color:#30594a;line-height:1.55}
.hoppt-custom .hcu-review-note strong{color:#143d31}
.hoppt-custom .hcu-review-note a{margin-left:auto;font-weight:700;white-space:nowrap}
.hoppt-custom .hcu-validation{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(128deg,#073e33 0%,#0b5b4a 62%,#087a62 100%)}
.hoppt-custom .hcu-validation:before{content:'';position:absolute;z-index:-1;right:-140px;top:-190px;width:530px;height:530px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.02)}
.hoppt-custom .hcu-validation .hcu-eyebrow{color:#a5e5c9}
.hoppt-custom .hcu-validation h2,.hoppt-custom .hcu-validation h3{color:#fff}
.hoppt-custom .hcu-validation .hcu-detail-heading>p{color:#d9eee5}
.hoppt-custom .hcu-validation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hoppt-custom .hcu-validation-card{min-width:0;display:flex;flex-direction:column;padding:29px;border:1px solid rgba(255,255,255,.21);border-radius:10px;background:rgba(255,255,255,.08);backdrop-filter:blur(3px)}
.hoppt-custom .hcu-validation-card .hcu-detail-number{color:#a5e5c9;font-size:22px}
.hoppt-custom .hcu-validation-card h3{margin:21px 0 11px;font-size:22px}
.hoppt-custom .hcu-validation-card p{color:#d9eee5;line-height:1.7}
.hoppt-custom .hcu-validation-card>div{margin-top:auto;padding-top:25px;color:#fff;line-height:1.55}
.hoppt-custom .hcu-validation-card>div span{display:block;margin-bottom:7px;color:#a5e5c9;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.hoppt-custom .hcu-validation-foot{margin-top:22px;color:#cde9da;font-size:14px}
.hoppt-custom .hcu-examples{background:#f8faf7}
.hoppt-custom .hcu-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hoppt-custom .hcu-example-card{display:flex;flex-direction:column;min-width:0;padding:27px;border:1px solid #d8e7df;border-radius:10px;background:#fff}
.hoppt-custom .hcu-example-top{display:flex;justify-content:space-between;gap:12px;align-items:start;color:#087e61;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.hoppt-custom .hcu-example-top b{color:#a9c9b6;font-size:20px;line-height:1}
.hoppt-custom .hcu-example-card h3{margin:28px 0 12px;font-size:24px}
.hoppt-custom .hcu-example-card>p{line-height:1.7}
.hoppt-custom .hcu-example-config{margin:22px 0;padding:13px 16px;border-left:3px solid #0a9c73;background:#eaf6ef;color:#124735;font-size:17px;font-weight:700;line-height:1.5}
.hoppt-custom .hcu-example-review{margin-bottom:22px}
.hoppt-custom .hcu-example-review strong{display:block;margin-bottom:5px;color:#173e30}
.hoppt-custom .hcu-example-review p{line-height:1.65}
.hoppt-custom .hcu-example-card>a{margin-top:auto;font-weight:700;text-underline-offset:4px}
.hoppt-custom .hcu-example-card>a:hover{text-decoration:underline}
.hoppt-custom .hcu-examples-foot{margin-top:20px;font-size:14px}
.hoppt-custom .hcu-trust-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}
.hoppt-custom .hcu-trust-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border:1px solid #bdd9c9;border-radius:5px;background:#fff;color:#087e61;font-weight:700}
.hoppt-custom .hcu-trust-links a:hover{border-color:#087e61;background:#f8fffa}
.hoppt-custom .hcu-faq{background:#fff}
.hoppt-custom .hcu-faq-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px 100px}
.hoppt-custom .hcu-faq-intro p:not(.hcu-eyebrow){margin:18px 0 24px;line-height:1.75}
.hoppt-custom .hcu-faq-intro>a{font-weight:700}
.hoppt-custom .hcu-faq-items{border-top:1px solid #d7e7df}
.hoppt-custom .hcu-faq-items details{border-bottom:1px solid #d7e7df}
.hoppt-custom .hcu-faq-items summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 3px;cursor:pointer;list-style:none;color:#173e30;font-size:18px;font-weight:700;line-height:1.4}
.hoppt-custom .hcu-faq-items summary::-webkit-details-marker{display:none}
.hoppt-custom .hcu-faq-items summary span{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#eaf6ef;color:#087e61;font-size:23px;font-weight:400}
.hoppt-custom .hcu-faq-items details[open] summary span{transform:rotate(45deg)}
.hoppt-custom .hcu-faq-items details p{padding:0 42px 22px 3px;line-height:1.75}
@media(max-width:1100px){
  .hoppt-custom .hcu-detail-heading{gap:24px 36px}
  .hoppt-custom .hcu-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hoppt-custom .hcu-faq-grid{gap:40px}
}
@media(max-width:767px){
  .hoppt-custom .hcu-section-nav .hcu-wrap{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:22px;scrollbar-width:thin}
  .hoppt-custom .hcu-section-nav a{flex:0 0 auto;white-space:nowrap}
  .hoppt-custom .hcu-detail-heading,.hoppt-custom .hcu-faq-grid{grid-template-columns:1fr;gap:18px}
  .hoppt-custom .hcu-detail-heading>p{font-size:16px}
  .hoppt-custom .hcu-review-grid,.hoppt-custom .hcu-validation-grid,.hoppt-custom .hcu-example-grid{grid-template-columns:1fr}
  .hoppt-custom .hcu-review-card,.hoppt-custom .hcu-validation-card,.hoppt-custom .hcu-example-card{padding:24px}
  .hoppt-custom .hcu-review-note a{margin-left:0}
  .hoppt-custom .hcu-validation-card>div{margin-top:0}
  .hoppt-custom .hcu-faq-items summary{font-size:17px}
  .hoppt-custom .hcu-application-body{padding:20px}
  .hoppt-custom .hcu-application-cta{align-items:flex-start;flex-direction:column;padding:22px}
}