/* Shared content treatment for the non-calculator pages. The header uses site-header.css. */
body.pp-guide-page,body.pp-compare-page,body.pp-policy-page{
 --pp-cyan:#19c8ff;--pp-orange:#ff8a24;--pp-line:#315767;
 background:radial-gradient(ellipse at 83% 3%,rgba(0,159,239,.13),transparent 35%),linear-gradient(180deg,#071018,#0a1b25 54%,#071018)!important;
}
.pp-page-icon{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border:1px solid #3c6676;border-radius:13px;background:linear-gradient(145deg,#143546,#0b202c);color:var(--pp-cyan);box-shadow:0 8px 20px #0005,0 0 17px #009fef19}
.pp-page-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body.pp-guide-page .hero,body.pp-compare-page .hero{position:relative;isolation:isolate;overflow:hidden;padding:42px clamp(20px,4vw,44px)!important;margin:22px 0 24px;border:1px solid var(--pp-line);border-radius:20px;background:radial-gradient(circle at 88% 42%,#009fef2b,transparent 28%),linear-gradient(125deg,#122f3d,#0b202b 75%);box-shadow:0 18px 45px #0004}
@media(min-width:761px){body.pp-guide-page .hero,body.pp-compare-page .hero{padding-right:clamp(170px,20vw,230px)!important}}
body.pp-guide-page .hero:before,body.pp-compare-page .hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#19d8ff,#ff8a24)}
body.pp-guide-page .hero .pp-page-icon,body.pp-compare-page .hero .pp-page-icon{position:absolute;right:clamp(22px,5vw,66px);top:50%;transform:translateY(-50%);width:120px;height:120px;border-radius:25px;opacity:.85;color:#19d8ff;box-shadow:0 15px 35px #0006,0 0 38px #009fef30}
body.pp-guide-page .hero .pp-page-icon svg,body.pp-compare-page .hero .pp-page-icon svg{width:78px;height:78px}
body.pp-guide-page .hero h1,body.pp-compare-page .hero h1{max-width:720px;line-height:1.02;letter-spacing:-.035em}
body.pp-guide-page .hero .lead,body.pp-compare-page .hero .lead{max-width:750px;font-size:clamp(15px,1.5vw,18px);line-height:1.55}
body.pp-guide-page .card,body.pp-compare-page .section .card,body.pp-compare-page .insight-card{position:relative;min-width:0;border:1px solid var(--pp-line)!important;border-radius:15px!important;background:linear-gradient(155deg,#102a39,#0b202b 72%)!important;box-shadow:0 10px 28px #0003}
body.pp-guide-page .card:hover,body.pp-compare-page .section .card:hover{border-color:#4b8295!important}
body.pp-guide-page .card p,body.pp-compare-page .section .card p{font-size:13px!important;line-height:1.62!important;color:#b9cbd4!important}
body.pp-guide-page .card h2,body.pp-guide-page .card h3,body.pp-compare-page .section .card h3{font-size:17px!important;line-height:1.3!important;color:#f5f9fb!important}
body.pp-guide-page .card[data-pp-icon],body.pp-compare-page .section .card[data-pp-icon],body.pp-compare-page .insight-card[data-pp-icon]{padding:18px!important}
body.pp-guide-page .card[data-pp-icon] .pp-page-icon,body.pp-compare-page .section .card[data-pp-icon] .pp-page-icon,body.pp-compare-page .insight-card[data-pp-icon] .pp-page-icon{margin-bottom:14px}
body.pp-guide-page .section-title,body.pp-compare-page .section>h2{color:#ffad6c!important;letter-spacing:.06em}
body.pp-guide-page .section-title{font-size:12px!important;margin:22px 2px 12px!important}
body.pp-guide-page .num{width:32px;height:32px;background:linear-gradient(135deg,#ffab61,#ff7800);color:#17100a}
body.pp-guide-page .card[data-pp-icon]>.num{position:absolute;right:18px;top:18px}
body.pp-guide-page .faq,body.pp-guide-page .note,body.pp-compare-page .retailer-notice{border-color:var(--pp-line)!important;border-radius:13px!important;background:#0d2633!important}
body.pp-guide-page .faq strong{font-size:14px}body.pp-guide-page .faq p{font-size:12px;line-height:1.6}
body.pp-compare-page .insight-card strong{color:#f5f9fb}
body.pp-policy-page main{position:relative;margin-top:22px;padding:26px clamp(18px,4vw,38px) 36px;border:1px solid var(--pp-line);border-radius:20px;background:linear-gradient(145deg,#102a39,#0a1d28 30%,#081720 75%);box-shadow:0 18px 45px #0004}
body.pp-policy-page main>.pp-page-icon{position:absolute;right:clamp(18px,4vw,38px);top:25px;width:75px;height:75px;color:#19c8ff}
body.pp-policy-page main>.pp-page-icon svg{width:43px;height:43px}
body.pp-policy-page main .kicker,body.pp-policy-page main>h1,body.pp-policy-page main>.lead{max-width:calc(100% - 100px)}
body.pp-policy-page h2{padding-top:12px;border-top:1px solid #315767;margin-top:32px;color:#f5f9fb}
body.pp-policy-page .card,body.pp-policy-page .table-wrap{border-color:var(--pp-line);background:#0d2633}
body.pp-policy-page a{color:#75d8f2}
body.pp-light.pp-guide-page,body.pp-light.pp-compare-page,body.pp-light.pp-policy-page{background:#f1f4f6!important;--pp-line:#b9cbd3}
body.pp-light.pp-guide-page .hero,body.pp-light.pp-compare-page .hero,body.pp-light.pp-policy-page main{background:linear-gradient(145deg,#fff,#ecf5f8)!important;border-color:#b9cbd3;box-shadow:0 10px 24px #1b3f5314}
body.pp-light.pp-guide-page .card,body.pp-light.pp-compare-page .section .card,body.pp-light.pp-compare-page .insight-card,body.pp-light.pp-policy-page .card,body.pp-light.pp-policy-page .table-wrap{background:linear-gradient(160deg,#fff,#f4f8fa)!important;border-color:#b9cbd3!important;box-shadow:0 8px 18px #1b3f5310}
body.pp-light.pp-guide-page .card h2,body.pp-light.pp-guide-page .card h3,body.pp-light.pp-compare-page .section .card h3,body.pp-light.pp-policy-page h2{color:#1c2931!important}
body.pp-light.pp-guide-page .card p,body.pp-light.pp-compare-page .section .card p{color:#445c67!important}
body.pp-light.pp-guide-page .section-title,body.pp-light.pp-compare-page .section>h2{color:#8b480e!important}
body.pp-light.pp-guide-page .faq,body.pp-light.pp-guide-page .note,body.pp-light.pp-compare-page .retailer-notice{background:#fff!important;border-color:#b9cbd3!important}
body.pp-light .pp-page-icon{background:#e8f5fa;border-color:#a3cad8;color:#087eab;box-shadow:none}
body.pp-light.pp-compare-page .insight-card strong{color:#19252d}
body.pp-light.pp-policy-page a{color:#006d88}
@media(max-width:760px){body.pp-guide-page .hero,body.pp-compare-page .hero{padding:25px 20px!important}body.pp-guide-page .hero .pp-page-icon,body.pp-compare-page .hero .pp-page-icon{position:static;transform:none;width:56px;height:56px;margin-bottom:16px}body.pp-guide-page .hero .pp-page-icon svg,body.pp-compare-page .hero .pp-page-icon svg{width:32px;height:32px}body.pp-policy-page main>.pp-page-icon{position:static;width:48px;height:48px;margin-bottom:15px}body.pp-policy-page main>.pp-page-icon svg{width:27px;height:27px}body.pp-policy-page main .kicker,body.pp-policy-page main>h1,body.pp-policy-page main>.lead{max-width:100%}}

/* Use the supplied illustrated icon family throughout standalone pages. */
.pp-page-icon.pp-art-icon{border:0;background-color:transparent;background-repeat:no-repeat;box-shadow:none;overflow:hidden}
.pp-page-icon.pp-art-icon svg{display:none}
body.pp-compare-page .wrap{width:calc(100% - clamp(24px,4vw,80px))!important;max-width:none!important}
@media(max-width:650px){body.pp-compare-page .wrap{width:calc(100% - 20px)!important}}

@media(min-width:761px){
  body.pp-guide-page .wrap,body.pp-policy-page .wrap{width:calc(100% - clamp(24px,4vw,80px))!important;max-width:none!important}
}