/* Frictions service and editorial presentation; original controls and article content remain native. */
body[data-fr-service],body[data-fr-blog]{margin:0;min-height:100vh;background:#f7f8f2;color:#152c26;font:16px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body[data-fr-service] *,body[data-fr-blog] *{box-sizing:border-box}
body[data-fr-service] :is(h1,h2,h3),body[data-fr-blog] :is(h1,h2,h3){color:#152c26;letter-spacing:-.035em;text-wrap:balance;line-height:1.2}
body[data-fr-service] :is(h1,h2,h3,p,li),body[data-fr-blog] :is(h1,h2,h3,p,li){overflow-wrap:anywhere}
body[data-fr-service] :is(a,button,input,select,textarea,summary):focus-visible,body[data-fr-blog] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #648632;outline-offset:4px}
body[data-fr-service] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;font:inherit;font-size:16px;color:#152c26;border-color:#bacbb0;border-radius:9px;background:#fff;line-height:1.5}
body[data-fr-service] :is(input[type=checkbox],input[type=radio]){accent-color:#315b3d}
body[data-fr-service] :is(button,.button){border-radius:9px;font-family:inherit}
body[data-fr-service] main :is(button[type=submit],button:not([type]),.button:not(.secondary)){background:#183f2c;border-color:#183f2c;color:#fff}
body[data-fr-service] main :is(button[type=submit],button:not([type]),.button:not(.secondary)):hover{background:#2b533c;border-color:#2b533c}
body[data-fr-service] :is(.card,.checkout-card,.purchase-payment,.purchase-summary){background:#fff;border:1px solid #dbe2d4;border-radius:20px;box-shadow:0 8px 28px #183b1f05}
body[data-fr-service] :is(.card.subtle,.purchase-summary,.purchase-access){background:#edf2e5;border-color:#dbe2d4}
body[data-fr-service] :is(.eyebrow,.login-eyebrow,.purchase-heading .eyebrow){color:#5d793b;letter-spacing:.12em;font-size:12px}
body[data-fr-service] main a{color:#315b3d;text-underline-offset:4px}
body[data-fr-service] :is(.skip,.login-skip){z-index:99}
body[data-fr-service] main.shell{width:min(1120px,calc(100% - 80px));max-width:none;margin:0 auto;padding:54px 0 64px}
body[data-fr-service].of-support main.shell>h1{font-size:clamp(2.3rem,4.5vw,3.6rem);max-width:840px;line-height:1.12;margin-bottom:20px}
body[data-fr-service].of-support main.shell>.lede{max-width:760px;color:#52675e;font-size:17px;margin-bottom:36px}
body[data-fr-service].of-support .columns{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:28px;align-items:start}
body[data-fr-service].of-support .card{padding:32px}
body[data-fr-service].of-support .field-pair{gap:20px}
body[data-fr-service] .checkout-main{width:min(920px,calc(100% - 80px));max-width:none;margin:0 auto;padding:52px 0 60px}
body[data-fr-service] .checkout-main>h1{font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.14;margin:0 0 30px}
body[data-fr-service] .checkout-main>.card{padding:36px}
body[data-fr-service] .checkout-main>.card h2{margin-top:34px;margin-bottom:13px;font-size:23px}
body[data-fr-service] .checkout-main>.card h2:first-child{margin-top:0}
body[data-fr-service] .checkout-main>.card p{font-size:15px;line-height:1.85;color:#425a4b}
body[data-fr-service] .checkout-shell{width:min(880px,calc(100% - 80px));max-width:none;margin:0 auto;padding:52px 0 60px}
body[data-fr-service] .checkout-card{padding:40px}
body[data-fr-service] .checkout-card h1{font-size:clamp(2rem,4vw,3rem);margin:28px 0 25px;line-height:1.15}
body[data-fr-service] .checkout-card h2{font-size:23px;margin-top:34px}
body[data-fr-service] .checkout-card p{color:#425a4b;font-size:15px;line-height:1.85}
body[data-fr-service].login-page .login-layout{width:min(1120px,calc(100% - 80px));max-width:none;margin:52px auto 64px;border:1px solid #dbe2d4;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #183b1f07;background:#fff}
body[data-fr-service].login-page .login-layout>main{padding:48px}
body[data-fr-service].login-page .login-story{background:#e8f0da;border-color:#dbe2d4;color:#183f2c}
body[data-fr-service].login-page .login-story :is(h2,p,span){color:inherit}
body[data-fr-service].login-page .login-story-copy h2 span{color:#426537}
body[data-fr-service].login-page .login-art{background:transparent}
body[data-fr-service].login-page .login-key{background:#d0fc73;color:#163d2a;border-color:#a2c870;box-shadow:0 12px 35px #24462b10}
body[data-fr-service].login-page .login-orbit{border-color:#a5bc8d}
body[data-fr-service].login-page main h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.15;color:#152c26}
body[data-fr-service].customer-portal .portal-layout{width:min(1280px,calc(100% - 64px));max-width:none;margin:40px auto 60px;border-color:#dbe2d4}
body[data-fr-service].customer-portal .portal-sidebar{background:#edf2e5;border-color:#dbe2d4;border-radius:16px}
body[data-fr-service].customer-portal .panel-navigation a[aria-current=page]{background:#dcebc7;color:#183f2c;border-color:#9fb985}
body[data-fr-service] .fr-service-context-footer{width:min(1120px,calc(100% - 80px));margin:0 auto;padding:0 0 35px;color:#60745e;font:12px/1.9 Inter,ui-sans-serif,system-ui,sans-serif}
body[data-fr-service] .fr-service-context-footer a{color:#315b3d;text-underline-offset:3px}
body[data-fr-service] .fr-service-context-footer nav{display:flex;gap:10px 22px;flex-wrap:wrap}
body[data-fr-service] .fr-service-context-footer p{margin:0 0 8px}
/* Native shared CSS has broad header/footer rules; contain the new public shell. */
body:is([data-fr-service],[data-fr-blog])>.fr-header{display:block;width:100%;max-width:none;min-height:0;height:auto;margin:0;padding:0;border:0;border-bottom:1px solid #ffffff16;border-radius:0;background:#10251f;color:#f7f8f2;box-shadow:none;position:relative;top:auto}
body:is([data-fr-service],[data-fr-blog]) .fr-header-inner{width:100%;max-width:1280px;min-height:92px;margin:auto;padding:24px 40px;display:flex;gap:40px;align-items:center;justify-content:initial}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-brand{padding:0;margin:0;text-decoration:none;display:inline-flex;flex-shrink:0}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-brand img,body:is([data-fr-service],[data-fr-blog]) .fr-footer .fr-brand img{display:block;width:181px;max-width:100%;height:auto;margin:0}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav{display:flex;align-items:center;justify-content:flex-end;gap:25px;margin-left:auto;padding:0;width:auto;background:transparent;border:0;position:static;box-shadow:none}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a{display:block;min-height:0;margin:0;padding:10px 0;border:0;border-radius:0;background:none;color:#d5e1d3;text-decoration:none;font:550 14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a:hover,body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a[aria-current=page]{color:#d0fc73}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav .fr-nav-cta{display:flex;gap:15px;background:#d0fc73;color:#10251f;border-radius:10px;padding:12px 18px}
body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-menu{display:none;width:auto;min-height:44px;margin:0 0 0 auto;padding:10px 13px;border:1px solid #728774;border-radius:9px;background:none;color:#f7f8f2;box-shadow:none;font:500 14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}
body:is([data-fr-service],[data-fr-blog])>.fr-footer{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#10251f;color:#d3e0cf;font:14px/1.7 Inter,ui-sans-serif,system-ui,sans-serif;text-align:left}
body:is([data-fr-service],[data-fr-blog]) .fr-footer p{color:#d3e0cf}
body:is([data-fr-service],[data-fr-blog]) .fr-footer a{color:#dce8d6;text-decoration:none;font-weight:400}
body:is([data-fr-service],[data-fr-blog]) .fr-footer a:hover{color:#d0fc73;text-decoration:underline}
body:is([data-fr-service],[data-fr-blog]) .fr-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body:is([data-fr-service],[data-fr-blog]) .fr-footer nav strong{color:#a4bd9c}
/* Native generated article markup, unchanged across publication. */
body[data-fr-blog]{background:#f7f8f2!important;background-image:none!important}
body[data-fr-blog] main.cms-blog{width:min(1200px,calc(100% - 80px));max-width:none;margin:0 auto;padding:52px 0 65px;color:#152c26}
body[data-fr-blog] :is(.of-journal-index,.cms-article){max-width:none;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
body[data-fr-blog] :is(.journal-hero,.journal-article-intro){background:#edf2e5;border:1px solid #dbe2d4;border-radius:22px;padding:38px 40px;box-shadow:none;color:#152c26}
body[data-fr-blog] .journal-hero h1{font-size:clamp(2.4rem,4.4vw,4rem);max-width:900px;line-height:1.08;color:#152c26;margin:15px 0 22px}
body[data-fr-blog] .journal-hero p{color:#52675e;max-width:740px;font-size:17px;line-height:1.75}
body[data-fr-blog] :is(.journal-kicker,.journal-eyebrow,.journal-category){color:#54743a}
body[data-fr-blog] .journal-latest{margin-top:42px}
body[data-fr-blog] .journal-section-heading{margin-bottom:22px}
body[data-fr-blog] .journal-section-heading h2{font-size:26px;color:#152c26}
body[data-fr-blog] .journal-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border:1px solid #dbe2d4;border-radius:20px;overflow:hidden;background:#fff;box-shadow:none;margin:0 0 26px}
body[data-fr-blog] .journal-feature>a{min-width:0;display:block;min-height:300px}
body[data-fr-blog] .journal-feature img{display:block;width:100%;height:100%;min-height:300px;max-height:410px;object-fit:cover;border-radius:0}
body[data-fr-blog] .journal-feature-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;background:#fff;min-width:0}
body[data-fr-blog] .journal-feature h2{font-size:clamp(1.65rem,2.5vw,2.3rem);line-height:1.2;margin:15px 0}
body[data-fr-blog] .journal-feature a,body[data-fr-blog] .journal-card a{color:#183f2c}
body[data-fr-blog] .journal-feature p,body[data-fr-blog] .journal-card p{color:#52675e;font-size:15px;line-height:1.75}
body[data-fr-blog] .journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
body[data-fr-blog] .journal-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dbe2d4;border-radius:18px;overflow:hidden;box-shadow:none}
body[data-fr-blog] .journal-card>a{display:block;margin:0}
body[data-fr-blog] .journal-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:0}
body[data-fr-blog] .journal-card-copy{padding:27px;display:flex;flex-direction:column;flex:1;background:#fff}
body[data-fr-blog] .journal-card h2,body[data-fr-blog] .journal-card h3{font-size:24px;line-height:1.25;margin:13px 0}
body[data-fr-blog] .journal-article-intro{margin-bottom:35px}
body[data-fr-blog] .journal-article-intro h1{font-size:clamp(2.15rem,3.5vw,3.35rem);line-height:1.13;color:#152c26;max-width:1000px}
body[data-fr-blog] .journal-article-intro p{color:#52675e;line-height:1.75}
body[data-fr-blog] .journal-reading-layout{gap:40px;margin-top:38px}
body[data-fr-blog] .journal-sidebar{min-width:0}
body[data-fr-blog] .journal-toc{background:#edf2e5;border-color:#dbe2d4;border-radius:14px}
body[data-fr-blog] .cms-prose{color:#253c2e;background:none;max-width:850px;font-size:16px;line-height:1.9}
body[data-fr-blog] .cms-prose h2{font-size:28px;line-height:1.25;margin-top:44px;color:#152c26}
body[data-fr-blog] .cms-prose h3{color:#244a31;font-size:22px}
body[data-fr-blog] .cms-prose a{color:#315b3d;text-underline-offset:4px}
body[data-fr-blog] .journal-related{margin-top:55px;padding-top:35px;border-top:1px solid #dbe2d4}
@media(max-width:1120px){body:is([data-fr-service],[data-fr-blog]) .fr-header-inner{gap:25px;padding-inline:30px}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav{gap:17px}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a{font-size:13px}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-brand img{width:164px}}
@media(max-width:960px){body:is([data-fr-service],[data-fr-blog]) .fr-header-inner{flex-wrap:wrap;min-height:78px;padding:19px 28px}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-menu:not([hidden]){display:flex;gap:15px;align-items:center}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px 20px;margin:0}body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a{padding:12px 8px}body:is([data-fr-service],[data-fr-blog]) .fr-header:has(.fr-menu:not([hidden])) .fr-nav{display:none}body:is([data-fr-service],[data-fr-blog]) .fr-header:has(.fr-menu[aria-expanded=true]) .fr-nav{display:flex}body[data-fr-service].login-page .login-layout{width:calc(100% - 48px)}body[data-fr-service].login-page .login-layout>main{padding:32px}body[data-fr-blog] main.cms-blog{width:calc(100% - 56px)}body[data-fr-blog] .journal-reading-layout{gap:28px}}
@media(max-width:700px){body:is([data-fr-service],[data-fr-blog]) .fr-header-inner{padding:17px 20px}body[data-fr-service] main.shell,body[data-fr-service] .checkout-main,body[data-fr-service] .checkout-shell{width:calc(100% - 40px);padding:34px 0 42px}body[data-fr-service].of-support .columns{grid-template-columns:1fr;gap:20px}body[data-fr-service].of-support .card,body[data-fr-service] .checkout-main>.card,body[data-fr-service] .checkout-card{padding:25px}body[data-fr-service].of-support .field-pair{grid-template-columns:1fr}body[data-fr-service].login-page .login-layout{width:calc(100% - 40px);margin:32px auto 40px;grid-template-columns:1fr}body[data-fr-service].login-page .login-layout>main{padding:27px}body[data-fr-service].login-page .login-story{display:none}body[data-fr-service].customer-portal .portal-layout{width:calc(100% - 32px);margin:25px auto 40px}body[data-fr-service] .fr-service-context-footer{width:calc(100% - 40px);padding-bottom:25px}body[data-fr-blog] main.cms-blog{width:calc(100% - 40px);padding:32px 0 42px}body[data-fr-blog] :is(.journal-hero,.journal-article-intro){padding:25px;border-radius:17px}body[data-fr-blog] .journal-feature,body[data-fr-blog] .journal-grid{grid-template-columns:1fr;gap:20px}body[data-fr-blog] .journal-feature{gap:0}body[data-fr-blog] .journal-feature>a,body[data-fr-blog] .journal-feature img{min-height:0;height:auto;aspect-ratio:16/9;max-height:none}body[data-fr-blog] .journal-feature-copy,body[data-fr-blog] .journal-card-copy{padding:25px}body[data-fr-blog] .journal-article-intro h1{font-size:2.1rem}body[data-fr-blog] .cms-prose h2{font-size:25px}body[data-fr-blog] .journal-reading-layout{display:block}body[data-fr-blog] .journal-sidebar{position:static;width:auto;max-width:none;margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){body:is([data-fr-service],[data-fr-blog]) *{scroll-behavior:auto!important;transition:none!important}}

body[data-fr-service] .fr-release-notice{margin:0 0 32px;padding:23px 27px;background:#edf2e5;border:1px solid #c9d8b7;border-left:3px solid #6c8d3f;border-radius:12px;font-size:14px;color:#425a4b}body[data-fr-service] .fr-release-notice strong{color:#244331;font-size:15px}body[data-fr-service] .fr-release-notice p{margin:10px 0 0;line-height:1.75}body[data-fr-service] .fr-release-notice a{font-weight:600}
/* Keep secondary native text readable in the light Frictions palette. */
body[data-fr-service]{--ink:#152c26;--muted:#52675e;--paper:#f7f8f2;--line:#dbe2d4;--accent:#d0fc73;--accent-ink:#183f2c;--story:#e8f0da;--story-muted:#526b47;--focus:#648632;--panel-focus:#648632}
body[data-fr-service] main :is(.hint,.muted,.portal-lede,.form-status,label>span,.steps span){color:#52675e}
body[data-fr-service] main h1 span,body[data-fr-service].login-page .login-story-foot{color:#526b47}
body[data-fr-service].login-page .login-story-foot{border-top-color:#c5d3b5}
body[data-fr-service].login-page .login-story-foot>span{background:#526b47}
/* Keep archive and checkout review on the same page canvas. */
body[data-fr-blog] main.cms-blog{background:transparent}
body[data-fr-blog] .journal-hero{max-width:none;width:100%}
body[data-fr-service].of-checkout:has(.of-purchase-review){background:#f7f8f2}
body[data-fr-service] .of-purchase-review{color:#152c26}
body[data-fr-service] .of-purchase-review :is(.purchase-heading>p:last-child,.purchase-sites,.purchase-tax,.purchase-intro,.purchase-renewal,.purchase-secure,.purchase-help,.purchase-back,.purchase-access p,.purchase-details p,.purchase-includes li,.checkout-currency label){color:#52675e}
body[data-fr-service] .of-purchase-review :is(.purchase-frequency,.purchase-price,.purchase-agreement a){color:#244331}
body[data-fr-service] .of-purchase-review .purchase-summary{background:#edf2e5;border-color:#dbe2d4}
body[data-fr-service] .of-purchase-review :is(.purchase-payment,.purchase-access,.purchase-details,.purchase-includes){border-color:#dbe2d4}
body[data-fr-service] .of-purchase-review .purchase-access{background:#f3f6ec}
body[data-fr-service] .of-purchase-review .purchase-submit{background:#183f2c;border-color:#183f2c;color:#fff}
body[data-fr-service] .of-purchase-review .purchase-submit:hover{background:#2b533c;border-color:#2b533c}
body[data-fr-service] .of-purchase-review .purchase-agreement input{accent-color:#315b3d}

body:is([data-fr-service],[data-fr-blog]) .fr-header .fr-nav a.fr-nav-cta[aria-current=page]{color:#10251f}

/* Keep native generic nav panels out of the shared public footer. */
body:is([data-fr-service],[data-fr-blog]) .fr-footer nav{background:transparent;border:0;padding:0;margin:0;flex-wrap:nowrap}
