:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#152239;background:#f3f5f8;font-size:15px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:240px;background:#102239;color:white;padding:36px 25px;position:fixed;inset:0 auto 0 0}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:#53d7c4}.brand span{color:white}aside p{font-size:12px;color:#a5b6c9}nav{display:grid;gap:10px;margin-top:42px}nav a{padding:12px 14px;text-decoration:none;border-radius:9px;color:#d6e1ed}nav a:hover{background:#203c58}main{margin-left:240px;padding:40px;max-width:1550px;width:calc(100% - 240px)}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 28px}h2{font-size:19px;margin:0 0 20px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#72849a}.card{background:white;border:1px solid #dfe5ed;border-radius:16px;padding:26px;margin-bottom:22px;box-shadow:0 3px 15px #10223904}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.stats strong{display:block;font-size:34px;margin-top:15px}.stats span{color:#61728a}label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}input:not([type=checkbox]){display:block;width:100%;border:1px solid #cad3df;background:#fbfcfe;padding:12px;border-radius:8px;margin-top:8px;font:inherit;color:#152239}input:focus{outline:2px solid #4bbdaf}.check{display:flex;align-items:center;gap:8px;font-weight:500}input[type=checkbox]{width:17px;height:17px;accent-color:#087e73}button,.button{border:0;background:#087e73;color:white;padding:12px 19px;font:inherit;font-weight:600;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}.quiet{background:transparent;border:1px solid #4b6076}.danger{background:#a8313e}.delete{margin-top:25px;border-top:1px solid #e5eaf0;padding-top:20px}.muted{color:#64758b;font-size:13px;line-height:1.7}.notice{padding:16px;background:#e0f4ee;border-radius:10px;margin-bottom:20px}.narrow{max-width:490px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:12px;color:#6a7b90;background:#f6f8fb;padding:13px}td{padding:16px 13px;border-bottom:1px solid #edf0f4;font-size:13px;overflow-wrap:anywhere}a{color:#087e73}.toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}@media(max-width:950px){aside{width:185px;padding:28px 16px}main{margin-left:185px;width:calc(100% - 185px);padding:25px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){body{display:block}aside{position:static;width:100%;padding:15px 20px}.brand{font-size:25px}aside p{margin:4px 0}nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}nav a{padding:7px;font-size:12px}nav form{margin-left:auto}nav button{padding:7px;font-size:12px}main{margin:0;width:100%;padding:24px 16px}.grid{grid-template-columns:1fr}.card{padding:20px}h1{font-size:27px}}

select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cad3df;border-radius:8px;background:#fbfcfe;font:inherit}.inactive{padding:22px;border:1px solid #e7b7b7;background:#fff0f0;border-radius:12px;margin-bottom:24px;color:#8b2432}.inactive strong{font-size:21px}.inactive p{line-height:1.6;margin-bottom:0}

.stack{display:flex;flex-direction:column;gap:0;max-width:640px}.domain-card{max-width:850px;border-left:4px solid #087e73}.domain-card select{max-width:640px}.domain-card h2{padding-bottom:16px;border-bottom:1px solid #edf0f4}.secondary{background:#e8eef4;color:#23415a}h3{font-size:16px;margin-top:24px}

.language{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:18px}.language a{text-decoration:none;color:#61728a;padding:6px 9px;border-radius:6px}.language a[aria-current=true]{background:#087e73;color:white}footer{margin-top:40px;padding-top:20px;border-top:1px solid #dfe5ed;color:#6a7b90;font-size:12px}footer a{font-weight:600;text-decoration:none}
.audit-detail{min-width:260px;max-width:650px}.audit-detail summary{cursor:pointer;color:#087e73;font-weight:600;white-space:nowrap;padding:5px 0}.audit-detail table{margin-top:12px;min-width:300px}.audit-detail td{padding:9px;font-size:12px}.audit-detail th{padding:9px}.audit-detail[open]{padding-bottom:8px}

/* Public storefront: isolated from the authenticated panel. */
body.storefront{display:block;background:#f8fafb;color:#12263c}.store-header{max-width:1240px;margin:auto;padding:26px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e8ed;gap:25px}.store-brand{font-size:24px;font-weight:800;text-decoration:none;color:#12263c;letter-spacing:-1px}.store-brand>span{color:#087e73}.store-brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:#758495}.store-nav{display:flex;align-items:center;gap:25px}.store-nav>a{font-size:13px;text-decoration:none;color:#32495d}.store-lang{font-size:12px;white-space:nowrap}.store-lang a{text-decoration:none;color:#687b8d}.store-lang a[aria-current=true]{color:#087e73;font-weight:800}.store-nav .store-login{border:1px solid #cad7df;padding:10px 17px;border-radius:8px;font-weight:600}.store-main{width:100%;max-width:1240px;margin:0 auto;padding:0 40px}.store-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;padding:80px 0 72px}.store-eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#087e73}.store-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-2px;margin:22px 0}.store-hero h1 span{color:#087e73}.store-intro{font-size:16px;line-height:1.9;color:#617487;max-width:560px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.text-link{font-size:13px;text-decoration:none;font-weight:600}.hero-pills{display:flex;gap:12px;margin-top:35px}.hero-pills span{font-size:12px;border:1px solid #d9e6e7;border-radius:30px;padding:8px 16px;color:#526e76;background:#eef5f4}.price-card{padding:34px 36px;border-radius:22px;background:#122b3d;color:#fff;box-shadow:0 20px 45px #122b3d18}.price-card .store-eyebrow{color:#65d5bf}.price{font-size:72px;font-weight:700;letter-spacing:-4px;line-height:1.2}.price-unit{color:#a3bbca;margin:0 0 26px;font-size:14px}.price-card>p:not(.store-eyebrow){font-size:13px}.price-card ul{padding:20px 0 24px;border-top:1px solid #355063;list-style:none;line-height:2.5;font-size:14px;margin:24px 0 0}.price-card li:before{content:'✓';margin-right:12px;color:#65d5bf}.price-card .button{width:100%;text-align:center;background:#55cbb2;color:#102b3c}.price-card .payment-hint{color:#a3bbca;line-height:1.6;font-size:11px!important;margin:16px 0 0}.store-section{padding:52px 0;border-top:1px solid #e1e8ed;scroll-margin-top:20px}.store-section h2{font-size:28px;letter-spacing:-.7px;margin:14px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:28px;border:1px solid #e0e8ed;border-radius:14px;background:white}.feature-number{font-size:11px;letter-spacing:2px;color:#8ba2b3}.feature-card h3{font-size:16px;margin:16px 0 10px}.feature-card p,.steps-grid p{font-size:13px;color:#65798b;line-height:1.8;margin:0}.store-limits{font-size:12px;color:#738497;line-height:1.8;margin-top:22px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.step-number{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;background:#e2f1ec;color:#087e73;border-radius:50%;font-weight:700}.steps-grid h3{font-size:16px;margin:18px 0 10px}.faq-section{max-width:820px;margin:auto}.faq-section details{border-bottom:1px solid #e1e8ed;padding:20px 0}.faq-section summary{cursor:pointer;font-size:15px;font-weight:600}.faq-section details p{font-size:14px;color:#617487;line-height:1.8}.store-footer{max-width:1240px;margin:30px auto 0;padding:25px 40px 35px;display:flex;justify-content:space-between;border-top:1px solid #e1e8ed}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 0}.order-layout h1{font-size:36px}.order-price{font-size:40px;color:#087e73;font-weight:700}.order-price span{font-size:13px;color:#64758b;font-weight:400}.order-card{padding:32px;border:1px solid #e0e8ed;border-radius:16px;background:white}.order-card>div p{line-height:1.8}.storefront a:focus-visible,.storefront summary:focus-visible{outline:3px solid #087e73;outline-offset:4px}
@media(max-width:1000px){.store-hero{gap:35px}.store-nav{gap:15px}.order-layout{gap:35px}}@media(max-width:760px){.store-header{padding:20px;gap:10px}.store-main{padding:0 20px}.store-hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.store-hero h1{letter-spacing:-1px;font-size:38px}.hero-actions{gap:18px}.feature-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr;gap:25px}.store-nav .desktop-link{display:none}.store-brand{font-size:20px}.store-nav{gap:12px}.store-login{padding:8px 12px!important}.order-layout{grid-template-columns:1fr;padding:40px 0;gap:25px}.store-footer{padding:25px 20px;gap:20px}.price-card{padding:28px}.store-section{padding:35px 0}}@media(max-width:420px){.feature-grid{grid-template-columns:1fr}.store-hero h1{font-size:32px}.store-brand small{letter-spacing:2px}.store-nav{gap:8px}.store-nav .store-login{font-size:12px}.hero-actions{flex-wrap:wrap}.store-footer{flex-direction:column}.order-card{padding:22px}}
.store-main>.order-card{margin:48px auto;max-width:540px}.storefront .order-card h1{font-size:30px;line-height:1.3;letter-spacing:-.8px}.domain-card form+form{margin-top:22px}
/* Product checkout */
.demo-banner{margin:28px 0 20px;padding:13px 18px;background:#fff8e9;border:1px solid #ead8b3;border-radius:10px;color:#765622;font-size:12px;line-height:1.7}.demo-banner strong{letter-spacing:1px;font-size:11px}.checkout-steps{display:flex;gap:25px;padding:0;margin:25px 0 40px;list-style:none;color:#8391a2;font-size:13px}.checkout-steps li{display:flex;align-items:center;gap:9px}.checkout-steps li>span{display:grid;place-items:center;width:28px;height:28px;background:#edf1f5;border-radius:50%;font-weight:700}.checkout-steps li.current{color:#087e73;font-weight:700}.checkout-steps li.current>span{background:#d8f0e8}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:38px;align-items:start;margin-bottom:60px}.checkout-layout h1{font-size:32px;letter-spacing:-1px}.checkout-intro{padding:30px 0}.checkout-intro>p{color:#64758b;line-height:1.8}.storefront .checkout-summary{position:static;inset:auto;width:auto;background:#f5f8fa;color:#152239;padding:30px;border:1px solid #dde5ed;border-radius:16px}.checkout-summary h2{font-size:23px}.checkout-domain{font-weight:700;font-size:19px;overflow-wrap:anywhere}.checkout-total{border-top:1px solid #dde5ed;padding-top:24px;margin-top:26px;display:flex;justify-content:space-between;align-items:center}.checkout-total strong{font-size:27px;color:#087e73}.sample-card{border-radius:14px;background:linear-gradient(125deg,#102239,#244967);padding:24px;color:white;box-shadow:0 12px 28px #10223919;margin-bottom:22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.sample-card>span{font-size:11px;letter-spacing:2px;color:#a4c9d7}.sample-card>strong{font-size:23px;letter-spacing:2px;padding:24px 0}.sample-card>div{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sample-fields input{background:#f2f5f8}.checkout-layout button.secondary{margin-top:12px}.success-mark{display:grid;place-items:center;width:56px;height:56px;background:#dcf3e8;color:#087e73;border-radius:50%;font-size:30px;margin-bottom:24px}.success-card h2{margin-top:32px}.dns-value{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f8;padding:16px;border-radius:8px;font-size:12px;line-height:1.8}.checkout-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}@media(max-width:760px){.checkout-layout{grid-template-columns:1fr;gap:24px}.checkout-steps{gap:14px;font-size:11px}.checkout-steps li{gap:5px}.checkout-steps li>span{width:23px;height:23px}.sample-card>strong{font-size:19px}.checkout-heading{align-items:flex-start;flex-direction:column}}

/* Domain lists use native keyboard-accessible accordions without JavaScript. */
.domain-accordion{padding:0;overflow:hidden}.domain-accordion>summary{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:18px 22px;cursor:pointer;list-style:none}.domain-accordion>summary::-webkit-details-marker{display:none}.domain-accordion>summary::before{content:"▸";color:#087e73}.domain-accordion[open]>summary::before{content:"▾"}.domain-accordion>summary:focus-visible{outline:3px solid #087e73;outline-offset:-3px}.domain-name{font-weight:700;overflow-wrap:anywhere}.domain-status{font-size:12px;padding:3px 9px;background:#edf1f5;border-radius:12px}.domain-target,.domain-owner{font-size:13px;color:#64758b;overflow-wrap:anywhere}.domain-content{padding:22px;border-top:1px solid #dde5ed}.domain-content form{margin-top:0}.domain-content form.delete{margin-top:24px}@media(max-width:760px){.domain-accordion>summary{padding:16px;gap:8px 12px}.domain-content{padding:16px}.domain-target{flex-basis:100%;padding-left:22px}}

.security-box{margin-top:24px;padding:18px;background:#f5f8fa;border:1px solid #dde5ed;border-radius:10px}.security-box code{display:block;overflow-wrap:anywhere;white-space:normal}.security-box form{margin-top:16px}

.store-nav{flex-wrap:wrap;justify-content:flex-end}.store-section{scroll-margin-top:24px}.feature-card p{line-height:1.75}@media(max-width:1000px){.store-nav{gap:14px}.store-nav .desktop-link{font-size:13px}}

.account-identity{display:flex;justify-content:space-between;gap:24px;padding:16px 20px;margin:0 0 24px;background:#f1f6f8;border:1px solid #dce7ed;border-radius:12px;overflow-wrap:anywhere}.account-identity>div{display:flex;flex-direction:column;gap:5px}.identity-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5e7283}.account-identity strong{font-size:16px;color:#152239}.wait-overlay[hidden]{display:none}.wait-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(10,25,42,.72);backdrop-filter:blur(4px)}.wait-card{width:min(100%,480px);padding:36px;border-radius:18px;background:white;color:#152239;text-align:center;box-shadow:0 24px 80px #0005}.wait-card h2{font-size:28px;margin:18px 0 12px}.wait-card p{line-height:1.65}.wait-card strong{display:block;color:#087e73;margin:22px 0}.wait-spinner{display:inline-block;width:42px;height:42px;border:4px solid #dbe8ed;border-top-color:#087e73;border-radius:50%;animation:gate-spin 1s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}form[aria-busy="true"] button{pointer-events:none}.copy-field{margin:20px 0}.copy-field>label{font-weight:700;margin-bottom:8px;display:block}.copy-row{display:flex;align-items:stretch;gap:10px}.copy-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;background:#f4f7fa;overflow-wrap:anywhere}.copy-row .copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;white-space:nowrap;min-width:105px}.copy-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.copy-status{min-height:1.3em;font-size:12px;color:#087e73;margin:6px 0 0}.dns-steps{padding-left:24px;line-height:1.8}.dns-steps li{padding:8px 0 8px 6px}.dns-type,.dns-note{padding:16px;border-radius:10px;background:#eef7f5;line-height:1.75}.dns-domain{font-size:18px}.dns-instructions .notice{line-height:1.7;margin:24px 0}@media(max-width:760px){.account-identity{flex-direction:column;gap:14px;padding:16px}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%;width:100%}.copy-row .copy-button{width:100%}.wait-card{padding:24px}.wait-card h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.wait-spinner{animation:none}}

.dns-lights{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.dns-indicator{display:inline-block;width:.65rem;height:.65rem;border-radius:50%;background:#b91c1c;margin-right:.25rem}.dns-indicator.ok{background:#15803d}.dns-indicator.bad{background:#b91c1c}.warning-dialog{max-width:32rem;width:calc(100% - 3rem);border:0;border-radius:1rem;padding:2rem;color:#172b46;box-shadow:0 20px 70px #0005}.warning-dialog::backdrop{background:#07182bbf}.warning-dialog button{margin-top:1rem}

/* Compact ownership setup: two complete DNS cards on desktop. */
.dns-setup{margin:24px 0 36px;width:100%;min-width:0}.dns-setup-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}.storefront .dns-setup-heading h1{font-size:28px;margin:0}.dns-setup-heading>strong{color:#087e73;overflow-wrap:anywhere}.dns-setup-heading>p{flex-basis:100%;margin:2px 0;color:#617487;font-size:13px;line-height:1.5}.dns-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.dns-setup .order-card{min-width:0;padding:22px;margin:0;max-width:none}.dns-setup h2{margin:0 0 12px;font-size:19px}.dns-setup h3{margin:14px 0 8px;font-size:14px}.dns-setup p{font-size:12px;line-height:1.55;margin:10px 0}.dns-setup .copy-field{margin:10px 0}.dns-setup .copy-field>label{font-size:12px;margin-bottom:2px}.dns-setup .copy-row input,.dns-setup .copy-row textarea{font:12px ui-monospace,SFMono-Regular,monospace;padding:9px;margin-top:0;border:1px solid #cad3df;border-radius:7px;background:#f4f7fa;color:#152239;min-width:0}.dns-setup .copy-row textarea{flex:1;resize:vertical;width:100%;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.dns-setup .copy-row .copy-button{min-width:72px;padding:9px 10px;font-size:12px;align-self:stretch}.dns-setup .copy-status{min-height:0;margin:2px 0;font-size:11px}.dns-setup .copy-status:empty{display:none}.dns-setup .dns-note,.dns-setup .notice{padding:10px;margin:12px 0;line-height:1.55}.dns-setup table{table-layout:fixed}.dns-setup th,.dns-setup td{padding:7px 8px;font-size:12px}.dns-setup .dns-diagnostics{margin:14px 0;font-size:12px}.dns-diagnostics>summary{cursor:pointer;font-weight:600;color:#087e73}.dns-diagnostics .tablewrap{margin-top:8px;max-height:230px;overflow:auto}.confirmation-card{text-align:center}.confirmation-card .success-mark{margin:0 auto 18px}.confirmation-card>p{overflow-wrap:anywhere}.confirmation-card .button{margin:12px 0}
@media(max-width:900px){.dns-setup-grid{grid-template-columns:1fr}.dns-setup .order-card{padding:18px}.dns-setup .copy-row{flex-wrap:nowrap}.dns-setup .copy-row input,.dns-setup .copy-row textarea{flex:1;flex-basis:auto;width:0}.dns-setup .copy-row .copy-button{width:auto;min-width:66px}.dns-setup-heading{gap:8px}.storefront .dns-setup-heading h1{font-size:25px}}

.incomplete-order-delete{margin-top:12px;padding-top:12px;border-top:1px solid #e1e8ed}.incomplete-order-delete .check{margin-bottom:8px;font-size:12px}.incomplete-order-delete button{padding:8px 12px;font-size:12px}

/* Shared SecuraWall brand and accessible in-page dialogs. */
.brand-shield{width:1.25em;height:1.4em;flex:none;color:#43b8a5;vertical-align:middle}.brand-word{display:inline-block}.panel-brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.7px}.panel-brand .brand-word>span{color:#43b8a5}.store-brand{display:flex;align-items:center;column-gap:9px;flex-wrap:wrap}.store-brand small{flex-basis:100%;padding-left:calc(1.25em + 9px)}.brand-caption{line-height:1.9}.version-button{display:inline;padding:2px 5px;margin:0;background:transparent;border:1px solid #476071;color:#b8ded8;font:inherit;font-size:12px;border-radius:5px;text-decoration:underline;cursor:pointer}.version-button:hover{background:#254358}.version-button:focus-visible{outline:2px solid #59d4ba;outline-offset:3px}.app-dialog{width:min(560px,calc(100% - 32px));max-height:80vh;overflow:auto;border:1px solid #dce6ed;border-radius:16px;padding:28px;color:#152239;background:#fff;box-shadow:0 24px 90px #0005}.app-dialog::backdrop{background:#102239bb;backdrop-filter:blur(3px)}.app-dialog h2{margin:0 0 20px;font-size:25px}.app-dialog h3{margin:22px 0 10px;font-size:16px}.app-dialog p,.app-dialog li{font-size:14px;line-height:1.7}.app-dialog li{margin:6px 0}.app-dialog .dialog-actions{margin-top:24px;text-align:right}.app-dialog .dialog-actions button{min-width:100px}.paid-service-period{margin-bottom:24px}.billing-domain{font-weight:600;overflow-wrap:anywhere}@media(max-width:600px){.panel-brand{font-size:23px}.app-dialog{padding:22px}.store-brand{font-size:20px}}

.store-footer .version-button{color:#087e73;border-color:#bdd8d2}.store-footer .version-button:hover{background:#e7f4ef}

.panel-brand{color:#fff;text-decoration:none}.panel-brand:focus-visible{outline:2px solid #59d4ba;outline-offset:4px}

.about-footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;font-size:12px;line-height:1.8;color:#617487}.about-footer a{color:#087e73}.store-about{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.about-hero{max-width:850px;padding:60px 0 36px}.about-hero h1{font-size:42px;line-height:1.2;margin:20px 0}.about-hero>p{line-height:1.85;color:#536478}.about-grid h2{font-size:21px}.about-grid .button{margin-top:22px}.about-grid{margin-bottom:40px}@media(max-width:600px){.about-hero{padding-top:35px}.about-hero h1{font-size:32px}.about-grid{grid-template-columns:1fr}.store-about{font-size:12px}.store-header{flex-wrap:wrap}}

.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.health-grid>div{border:1px solid var(--border,#dce4ee);border-radius:10px;padding:16px}.health-grid .dns-indicator{margin-right:8px}.health-grid p{margin-bottom:0}

/* Compact native card checkout. Card preview values stay in the browser. */
.compact-payment{grid-template-columns:minmax(0,1fr) 285px;gap:22px;margin:24px auto 40px;max-width:1120px}.compact-payment>.order-card{padding:24px;min-width:0}.compact-payment .checkout-summary{position:static;padding:24px}.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.storefront .payment-heading h1{font-size:25px;margin:0}.payment-secure{font-size:10px;font-weight:700;letter-spacing:.6px;color:#087e73;padding:7px 10px;background:#eef8f5;border:1px solid #cde6de;border-radius:20px;white-space:nowrap}.payment-caption{font-size:12px;color:#617487;margin:9px 0 20px}.card-entry{display:grid;grid-template-columns:minmax(230px,1fr) minmax(210px,1.05fr);gap:22px;align-items:center}.card-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:1.586;border-radius:17px;padding:20px;background:radial-gradient(circle at 100% 0,rgba(50,205,174,.26),transparent 55%),linear-gradient(130deg,#0c2037,#204966);color:#fff;box-shadow:0 12px 25px rgba(16,34,57,.18);display:flex;flex-direction:column;justify-content:space-between}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:10px}.card-bank{font-size:11px;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8dedf}.card-brand{font-size:14px;letter-spacing:.3px;text-align:right}.card-chip{width:35px;height:27px;border-radius:6px;background:linear-gradient(135deg,#ead8ad,#b39b68);border:1px solid #c4ad7a;margin:9px 0;position:relative}.card-chip span{position:absolute;inset:8px 0;border-top:1px solid #9b875d;border-bottom:1px solid #9b875d}.card-digits{font:clamp(12px,1.45vw,18px) ui-monospace,SFMono-Regular,monospace;white-space:nowrap;letter-spacing:.6px;margin:6px 0 13px}.card-bottom>div{display:flex;flex-direction:column;gap:4px;min-width:0}.card-bottom>div:first-child{flex:1}.card-label{font-size:8px;letter-spacing:1.5px;color:#b8cbd5}.card-bottom strong{font-size:11px;letter-spacing:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-fields label,.billing-grid label{margin:0 0 10px;font-size:12px}.compact-payment input:not([type=checkbox]){padding:10px 11px;margin-top:5px;font-size:13px;width:100%;min-width:0}.payment-pair,.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.card-information{font-size:11px!important;line-height:1.5!important;color:#617487;min-height:32px;margin:0!important}.billing-heading{font-size:15px;margin:23px 0 12px;padding-top:17px;border-top:1px solid #e5ebf1}.billing-grid label:nth-child(5){grid-column:1/-1}.payment-privacy{font-size:11px;line-height:1.6;color:#617487;margin:12px 0}.payment-terms{font-size:11px;line-height:1.6;align-items:flex-start}.payment-submit{width:100%;margin-top:12px;padding:13px}.compact-payment .checkout-summary h2{font-size:18px}.compact-payment .checkout-summary p{font-size:12px}
@media(max-width:1050px){.compact-payment{grid-template-columns:minmax(0,1fr) 250px}.card-entry{grid-template-columns:1fr}.card-preview{max-width:330px;justify-self:center}.card-digits{font-size:18px}}@media(max-width:760px){.compact-payment{grid-template-columns:1fr;margin-top:18px}.compact-payment>.order-card{padding:18px}.compact-payment .checkout-summary{order:2}.card-preview{max-width:350px}.payment-heading{align-items:flex-start}.storefront .payment-heading h1{font-size:22px}.billing-grid{gap:0 10px}}@media(max-width:390px){.billing-grid{grid-template-columns:1fr}.billing-grid label:nth-child(5){grid-column:auto}.card-preview{padding:17px}.card-digits{font-size:14px;letter-spacing:.2px}}

.mfa-qr svg{max-width:240px;height:auto;background:#fff;border-radius:12px;padding:12px}.mail-preview{max-height:600px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.mfa-qr+ p code{overflow-wrap:anywhere}

/* Compact grouped portal navigation with independent vertical scrolling. */
.panel-sidebar{padding:22px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.panel-sidebar .brand-caption{line-height:1.7;margin:10px 0 18px}
.panel-menu>summary{font-weight:700;padding:10px 6px;cursor:pointer}
.panel-sidebar nav{display:block;margin:8px 0 0}
.panel-sidebar .nav-group{border-top:1px solid #294059;padding-top:8px;margin-top:8px}
.panel-sidebar .nav-group>summary{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#a5b6c9;cursor:pointer;padding:5px 8px}
.panel-sidebar nav a{display:block;padding:8px 10px;font-size:13px;margin:2px 0}
.panel-sidebar nav form{margin:16px 8px 8px}
.panel-sidebar nav button{width:100%;padding:9px}
.panel-sidebar a:focus-visible,.panel-sidebar summary:focus-visible{outline:2px solid #53d7c4;outline-offset:2px}
@media(max-width:760px){body:not(.storefront){display:block}.panel-sidebar{position:static;width:100%;padding:12px 18px;max-height:none}.panel-sidebar .brand-caption{margin:4px 0}.panel-sidebar .panel-brand{font-size:25px}.panel-sidebar .panel-menu>summary{padding:10px 0}.panel-sidebar .panel-menu nav{max-height:55vh;overflow-y:auto}.panel-sidebar+main{margin:0;width:100%;padding:22px 16px}}

/* Country choices share compact billing field dimensions. */
.compact-payment select{width:100%;min-width:0;padding:10px 11px;margin-top:5px;font:inherit;font-size:13px;background:#fff;color:#152239;border:1px solid #cbd5e1;border-radius:8px}.compact-payment select:focus-visible{outline:2px solid #087e73;outline-offset:2px}

.mfa-qr svg{width:480px;max-width:100%;height:auto}.support-card textarea{display:block;width:100%;min-width:0;min-height:200px;padding:14px;font:inherit;font-size:14px;line-height:1.6;border:1px solid #cbd5e1;border-radius:10px;resize:vertical;box-sizing:border-box;margin-top:8px;background:#fff}.support-card textarea:focus-visible{outline:2px solid #087e73;outline-offset:2px}.support-message{padding:16px;margin:16px 0;background:#f3f7fa;border:1px solid #e1e8ef;border-radius:10px}.support-message time{font-size:12px;color:#617487}.support-email{margin-bottom:24px}

.payment-charge{padding:16px;margin:18px 0;background:#f1f8f6;border:1px solid #cee4dc;border-radius:12px}.payment-charge h2{font-size:16px;margin:0 0 10px}.payment-charge [data-payment-total]{font-size:17px;font-weight:650;overflow-wrap:anywhere}.payment-charge .muted{font-size:12px;line-height:1.5}.payment-submit:disabled{opacity:.6;cursor:not-allowed}

.ticket-selected{background:#173047;color:#fff;font-weight:700}.ticket-selected a{color:#fff}.ticket-expanded>td{padding:18px;background:#f6f9fc}.support-thread{scroll-margin-top:20px;min-width:0}.support-actions{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:start}.support-status{padding:18px;border:1px solid #d9e2ea;border-radius:12px;background:#fff}.support-status h3{margin-top:0}.support-status p{font-size:12px;line-height:1.5}.support-reply{margin:0}.billing-grid input,.billing-grid select{height:44px;min-height:44px;padding:10px 12px;font:inherit;font-size:13px;box-sizing:border-box}.statement-note{font-size:12px;padding:12px;background:#f1f5f9;border-radius:8px;line-height:1.6}@media(max-width:760px){.support-actions{grid-template-columns:1fr}.ticket-expanded>td{padding:12px}}

/* Checkout total: label above amount on every screen size. */
.checkout-summary .checkout-total{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}
.checkout-summary .checkout-total strong{display:block;overflow-wrap:anywhere}

/* Customer control center: compact, readable summaries without horizontal scrolling. */
.customer-overview{min-width:0}.overview-toolbar,.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.overview-toolbar{margin-bottom:18px}.overview-toolbar p{font-size:14px;margin:0;font-weight:600}.overview-toolbar p span{display:block;color:#6a7b90;font-size:11px;font-weight:400;margin-top:5px}.overview-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.customer-overview .button{font-size:12px;padding:9px 12px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.overview-metric{border:1px solid #dce5ec;border-radius:12px;background:#fff;padding:17px 18px;min-width:0}.overview-metric>span,.overview-label{font-size:11px;font-weight:700;color:#61728a;letter-spacing:.02em}.overview-metric>strong{display:block;font-size:29px;margin:7px 0;color:#153346}.overview-metric small{color:#7a8b9b;font-size:11px}.customer-overview .card{padding:20px;margin-bottom:18px}.overview-heading{margin-bottom:15px}.overview-heading h2{margin:0;font-size:17px}.overview-heading>a{font-size:12px;font-weight:600}.overview-heading .muted{font-size:11px}.overview-domain{display:grid;grid-template-columns:minmax(145px,1.35fr) minmax(155px,1.25fr) minmax(100px,.9fr) minmax(110px,.8fr) minmax(105px,.8fr);gap:12px;padding:17px 0;border-top:1px solid #e4ebf0;align-items:start;min-width:0}.overview-domain>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.overview-domain strong{font-size:13px;overflow-wrap:anywhere}.overview-domain span:not(.overview-badge){font-size:11px;color:#64758b;overflow-wrap:anywhere}.overview-domain small{font-size:10px;line-height:1.5;color:#7a8b9b;overflow-wrap:anywhere}.overview-badge{display:inline-block;border-radius:5px;padding:4px 6px;font-size:10px;line-height:1.3;font-weight:600;max-width:100%;overflow-wrap:anywhere}.overview-badge.ok{background:#e3f4ed;color:#196a4c}.overview-badge.bad{background:#fff0ec;color:#9c3e31}.overview-badge.pending{background:#edf1f5;color:#5b6b7d}.overview-domain a:not(.button){font-size:11px}.overview-domain-reason{grid-column:1/-1;padding:9px 12px;border-radius:7px;background:#fff8eb;color:#875626;font-size:11px;line-height:1.6;margin:0}.overview-footnote{color:#7a8b9b;font-size:10px;line-height:1.6;margin:8px 0 0}.overview-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.overview-panels>.card{min-width:0}.overview-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e8edf2;min-width:0;overflow-wrap:anywhere}.overview-list-row>div:first-child{min-width:0;flex:1}.overview-list-row strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.overview-list-row small{display:block;font-size:10px;color:#72859a;margin-top:4px;line-height:1.5;overflow-wrap:anywhere}.overview-list-row>span,.overview-list-row>div:last-child>a{font-size:11px;max-width:36%;flex-shrink:0;line-height:1.5}.overview-ticket-link{text-decoration:none;color:#203a50}.overview-ticket-link:hover{background:#f6faf9}.overview-ticket-link>span{color:#087e73}.overview-account{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.overview-account>div{display:flex;flex-direction:column;gap:6px;min-width:0}.overview-account strong{font-size:13px;overflow-wrap:anywhere}.overview-account small{color:#72859a;font-size:11px}.overview-account .overview-account-actions{flex-direction:row;flex-wrap:wrap}.overview-activity>summary{cursor:pointer;padding:15px 18px;border:1px solid #dce5ec;border-radius:10px;background:#fff;color:#23415a;font-size:13px;font-weight:600}.overview-activity[open]>.card{margin-top:12px}.overview-activity summary:focus-visible,.overview-ticket-link:focus-visible{outline:2px solid #087e73;outline-offset:3px}
@media(max-width:1200px){.overview-domain{grid-template-columns:minmax(150px,1.2fr) minmax(155px,1.2fr) minmax(110px,1fr)}.overview-domain-renewal{grid-column:1}.overview-domain-actions{grid-column:2/4;flex-direction:row!important;align-items:center!important;flex-wrap:wrap}.overview-metric{padding:14px}.overview-metric>strong{font-size:26px}}
@media(max-width:700px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-panels{grid-template-columns:1fr}.overview-domain{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.overview-domain-name{grid-column:1/-1}.overview-domain-actions{grid-column:1/-1}.overview-domain-renewal{grid-column:auto}.customer-overview .card{padding:17px}.overview-heading .muted{flex-basis:100%}.overview-toolbar>div{width:100%}.overview-metric small{font-size:10px}.overview-account{align-items:flex-start}.overview-account>div{flex-basis:100%}}

.overview-domain-list{max-height:440px;overflow-y:auto;scrollbar-gutter:stable}.overview-domain-list:focus-visible{outline:2px solid #087e73;outline-offset:3px}@media(max-width:700px){.overview-domain-list{max-height:none;overflow:visible}}

/* Sidebar identity and restrained domain suffix. */
.brand-word>.brand-suffix{font-size:.48em;font-weight:600;letter-spacing:0;margin-left:2px;color:inherit}.panel-sidebar .account-identity{flex-direction:column;gap:12px;margin:16px 0 0;padding:13px 12px;background:#193248;border-color:#2a465e;border-radius:9px}.panel-sidebar .account-identity .identity-label{font-size:9px;color:#a8bdcc}.panel-sidebar .account-identity strong{font-size:12px;line-height:1.45;color:#edf6fa}.panel-sidebar .account-identity>div{gap:4px}.panel-sidebar .account-identity+details{margin-top:18px}@media(max-width:760px){.panel-sidebar .account-identity{flex-direction:row;flex-wrap:wrap;gap:12px 24px;padding:11px 12px}.panel-sidebar .account-identity>div{min-width:0;flex:1}.panel-sidebar .account-identity strong{font-size:12px}}

/* Account context sits in the top-right gutter without an extra content row. */
main{position:relative}
main>.account-identity{position:absolute;top:10px;right:20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:16px;margin:0;padding:0;background:transparent;border:0;border-radius:0;min-height:0;max-width:calc(100% - 40px);line-height:16px}
main>.account-identity>div{display:flex;flex-direction:row;align-items:baseline;gap:5px;min-width:0;max-width:50%}
main>.account-identity .identity-label{font-size:9px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:#718096;white-space:nowrap;flex:none}
main>.account-identity strong{font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px;color:#34445b}
@media(max-width:760px){main>.account-identity{top:7px;right:16px;gap:12px;max-width:calc(100% - 32px)}main>.account-identity strong{font-size:10px;max-width:140px}main>.account-identity .identity-label{font-size:8px}}

.store-nav .store-panel{background:#118453;border-color:#118453;color:#fff}.store-nav .store-panel:hover{background:#0b6941;color:#fff}.try-fallback[hidden]{display:none}.try-fallback{padding:12px;border:1px solid #d1e4db;border-radius:8px;background:#f0f8f4}

/* Compact administration, scoped away from customer and checkout screens. */
:is(.admin-panel,.customer-panel) main{padding:24px 28px;max-width:none;min-width:0}
:is(.admin-panel,.customer-panel) h1{font-size:25px;margin:4px 0 18px;letter-spacing:-.6px}
:is(.admin-panel,.customer-panel) h2{font-size:17px;margin-bottom:12px}
:is(.admin-panel,.customer-panel) h3{font-size:14px}
:is(.admin-panel,.customer-panel) .card{padding:18px;margin-bottom:14px;border-radius:12px;min-width:0}
:is(.admin-panel,.customer-panel) .grid{gap:14px}
:is(.admin-panel,.customer-panel) .stats .card{padding:15px 18px}
:is(.admin-panel,.customer-panel) .stats span{font-size:12px}
:is(.admin-panel,.customer-panel) .stats strong{font-size:27px;margin-top:8px}
:is(.admin-panel,.customer-panel) label{margin-bottom:12px;font-size:12px}
:is(.admin-panel,.customer-panel) input:not([type=checkbox]),:is(.admin-panel,.customer-panel) select{padding:9px 11px;margin-top:5px;min-height:38px;font-size:13px}
:is(.admin-panel,.customer-panel) button,:is(.admin-panel,.customer-panel) .button{font-size:12px;padding:9px 12px;line-height:1.4}
:is(.admin-panel,.customer-panel) th{padding:9px 10px;font-size:11px}
:is(.admin-panel,.customer-panel) td{padding:10px;font-size:12px;line-height:1.5}
:is(.admin-panel,.customer-panel) td .button{margin:2px}
:is(.admin-panel,.customer-panel) .toolbar{gap:12px;margin-bottom:14px;flex-wrap:wrap}
:is(.admin-panel,.customer-panel) .muted{font-size:12px;line-height:1.55}
:is(.admin-panel,.customer-panel) .notice{padding:12px;margin-bottom:14px}
:is(.admin-panel,.customer-panel) .delete{margin-top:16px;padding-top:14px}
:is(.admin-panel,.customer-panel) .domain-content{padding-top:14px}
:is(.admin-panel,.customer-panel) .panel-sidebar{padding:18px 14px}
:is(.admin-panel,.customer-panel) .panel-sidebar nav{gap:6px}
:is(.admin-panel,.customer-panel) .panel-sidebar nav a{padding:7px 10px;font-size:12px}
:is(.admin-panel,.customer-panel) .panel-sidebar .nav-group>summary{padding:7px 10px}
:is(.admin-panel,.customer-panel) .admin-overview .tablewrap{max-height:350px;overflow:auto;overscroll-behavior:contain}
:is(.admin-panel,.customer-panel) .admin-overview th{position:sticky;top:0;z-index:1;background:#f6f8fb}
:is(.admin-panel,.customer-panel) footer{margin-top:22px;font-size:11px}
@media(max-width:760px){:is(.admin-panel,.customer-panel) main{margin:0;width:100%;padding:18px 16px}:is(.admin-panel,.customer-panel) .panel-sidebar{padding:12px 16px}:is(.admin-panel,.customer-panel) .card{padding:15px}:is(.admin-panel,.customer-panel) h1{font-size:23px}:is(.admin-panel,.customer-panel) .grid{gap:10px}:is(.admin-panel,.customer-panel) .admin-overview .tablewrap{max-height:300px}}

/* Corporate footer and local legal pages. */
.corporate-footer{margin:18px 0 0;padding:18px 0;border-top:1px solid #dce4ec;font-size:12px;color:#617487;min-width:0;clear:both}
.storefront>.corporate-footer,.storefront>.about-footer{width:calc(100% - 48px);max-width:1200px;margin:18px auto 0}
.corporate-quick{display:flex;gap:10px 24px;justify-content:space-between;flex-wrap:wrap;line-height:1.7}
.corporate-quick a{display:inline-block;margin:0 2px}
.corporate-details{margin-top:10px}.corporate-details>summary{cursor:pointer;font-weight:600;padding:7px 0}
.corporate-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:14px 0}
.corporate-facts>div{min-width:0}.corporate-facts>div:last-child{grid-column:1/-1}
.corporate-facts dt{font-size:11px;color:#64758b;margin-bottom:5px;font-weight:600}.corporate-facts dd{font-size:13px;margin:0;line-height:1.6;color:#20364b;overflow-wrap:anywhere}
.legal-links{margin-top:16px}.legal-links>strong{font-size:10px;letter-spacing:.08em}
.legal-links nav{display:flex;flex-wrap:wrap;gap:10px 18px;margin:9px 0 0}.legal-links nav a{padding:0;color:#087e73;font-size:12px;text-decoration:none}.legal-links nav a:hover{text-decoration:underline;background:none}
.corporate-contact{padding:22px;border:1px solid #dce4ec;border-radius:12px;background:#fff;margin:24px 0;font-size:14px;line-height:1.7}
.corporate-contact h2{font-size:20px;margin:0 0 12px}.corporate-contact a{overflow-wrap:anywhere}
.legal-document{max-width:940px;margin:24px auto 40px;line-height:1.75}.legal-document>header{margin-bottom:24px}.legal-document h1{font-size:30px;margin:8px 0 12px}.legal-document>section{padding:20px 24px;border:1px solid #dce4ec;background:#fff;border-radius:12px;margin-bottom:14px}.legal-document h2{font-size:18px;margin:0 0 12px}.legal-document p{font-size:14px;margin:10px 0;overflow-wrap:anywhere}
/* Structured administrator overview and detail forms. */
:is(.admin-panel,.customer-panel) .admin-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}
:is(.admin-panel,.customer-panel) .admin-overview>.grid,:is(.admin-panel,.customer-panel) .admin-overview>p,:is(.admin-panel,.customer-panel) .admin-overview>details,:is(.admin-panel,.customer-panel) .admin-overview>.notice{grid-column:1/-1}
:is(.admin-panel,.customer-panel) .admin-overview>.card:last-child{grid-column:1/-1}
:is(.admin-panel,.customer-panel) .table-scroll{overflow:auto;max-height:65vh}:is(.admin-panel,.customer-panel) .table-scroll thead th{position:sticky;top:0;z-index:1;background:#f6f8fb}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;align-items:start}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>p{grid-column:1/-1;margin:6px 0 10px}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>button{justify-self:start}
:is(.admin-panel,.customer-panel) .admin-domain-details .delete{grid-column:1/-1;order:99}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>p{grid-column:1/-1;margin:6px 0}
:is(.admin-panel,.customer-panel) .security-box{margin:0;padding:15px;min-width:0;border-radius:10px}:is(.admin-panel,.customer-panel) .security-box p{font-size:12px;line-height:1.55}
:is(.admin-panel,.customer-panel) .admin-customer-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
:is(.admin-panel,.customer-panel) .admin-customer-card>h2,:is(.admin-panel,.customer-panel) .admin-customer-card>p{grid-column:1/-1;margin:0}
:is(.admin-panel,.customer-panel) .admin-customer-card>form{padding:14px;border:1px solid #e1e8ef;border-radius:10px;background:#f9fbfc;min-width:0}
:is(.admin-panel,.customer-panel) .admin-customer-card>.delete{grid-column:1/-1;margin-top:4px}
:is(.admin-panel,.customer-panel) .admin-customer-card input,:is(.admin-panel,.customer-panel) .admin-customer-card select{background:#fff}
@media(max-width:1050px){:is(.admin-panel,.customer-panel) .admin-overview{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.corporate-facts{grid-template-columns:1fr}.corporate-contact{padding:16px}.legal-document h1{font-size:25px}.legal-document>section{padding:16px}.storefront>.corporate-footer,.storefront>.about-footer{width:calc(100% - 32px)}:is(.admin-panel,.customer-panel) .admin-customer-card{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child,:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr}}

/* Administration workspace redesign: narrow navigation and dense functional groups. */
:is(.admin-panel,.customer-panel){font-size:13px}:is(.admin-panel,.customer-panel) .panel-sidebar{width:196px;padding:16px 12px;background:#0e2335}
:is(.admin-panel,.customer-panel) .panel-brand{font-size:19px;gap:6px;letter-spacing:-.5px}:is(.admin-panel,.customer-panel) .panel-menu>summary{padding:8px 6px;font-size:12px}
:is(.admin-panel,.customer-panel) .panel-sidebar .nav-group{margin-top:6px;padding-top:5px}:is(.admin-panel,.customer-panel) .panel-sidebar .nav-group>summary{padding:5px 7px;font-size:10px;letter-spacing:.06em}
:is(.admin-panel,.customer-panel) .panel-sidebar nav a{padding:7px 9px;margin:1px 0;font-size:12px;border-radius:6px;line-height:1.3}
:is(.admin-panel,.customer-panel) main{margin-left:196px;width:calc(100% - 196px);padding:18px 22px;max-width:none}
:is(.admin-panel,.customer-panel) main>h1{font-size:22px;margin:0 0 16px;line-height:1.4;padding-right:250px}
:is(.admin-panel,.customer-panel) .account-identity{right:22px;top:17px;gap:16px}:is(.admin-panel,.customer-panel) .account-identity strong{font-size:11px}:is(.admin-panel,.customer-panel) .identity-label{font-size:8px}
:is(.admin-panel,.customer-panel) .card{padding:14px 16px;border-radius:10px;margin-bottom:12px;box-shadow:none}
:is(.admin-panel,.customer-panel) h2{font-size:15px;line-height:1.4;margin-bottom:10px}:is(.admin-panel,.customer-panel) h3{font-size:13px;margin:14px 0 8px}
:is(.admin-panel,.customer-panel) p{font-size:12px;line-height:1.55;margin:8px 0}:is(.admin-panel,.customer-panel) .grid{gap:12px}
:is(.admin-panel,.customer-panel) .stats .card{padding:12px 15px;background:linear-gradient(120deg,#fff,#f4f9fa);border-left:3px solid #149486}
:is(.admin-panel,.customer-panel) .stats strong{font-size:23px;margin-top:5px}:is(.admin-panel,.customer-panel) .stats span{font-size:11px}
:is(.admin-panel,.customer-panel) .admin-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
:is(.admin-panel,.customer-panel) .admin-overview>.grid{order:0}:is(.admin-panel,.customer-panel) .admin-overview>.card{order:1}:is(.admin-panel,.customer-panel) .admin-overview>.admin-snapshot-note{order:2}
:is(.admin-panel,.customer-panel) .admin-overview>.admin-activity{order:3;grid-column:1/-1}
:is(.admin-panel,.customer-panel) .admin-overview .tablewrap{max-height:240px}:is(.admin-panel,.customer-panel) th{padding:8px 9px;font-size:10px}:is(.admin-panel,.customer-panel) td{padding:8px 9px;font-size:12px;line-height:1.35}
:is(.admin-panel,.customer-panel) .table-scroll{max-height:60vh}:is(.admin-panel,.customer-panel) .table-scroll table{min-width:500px}
:is(.admin-panel,.customer-panel) .toolbar{justify-content:space-between;gap:10px;margin-bottom:10px}:is(.admin-panel,.customer-panel) .toolbar h2{margin:0}
:is(.admin-panel,.customer-panel) button,:is(.admin-panel,.customer-panel) .button{font-size:11px;padding:8px 11px;border-radius:6px}:is(.admin-panel,.customer-panel) label{font-size:11px;margin-bottom:10px}
:is(.admin-panel,.customer-panel) input:not([type=checkbox]),:is(.admin-panel,.customer-panel) select{min-height:35px;padding:8px 10px;font-size:12px;border-radius:6px}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content{gap:12px}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>.security-box{padding:12px}
:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{max-width:none;grid-template-columns:minmax(120px,1fr) minmax(200px,1.5fr) minmax(80px,.5fr)}
:is(.admin-panel,.customer-panel) .admin-customer-card{gap:10px 14px}:is(.admin-panel,.customer-panel) .admin-customer-card>form{padding:12px}
.admin-activity>summary{padding:12px 16px;background:#fff;border:1px solid #dfe5ed;border-radius:8px;cursor:pointer;font-weight:600;color:#23415a;margin-bottom:12px}
.admin-activity[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.admin-activity[open]>.card{border-top:0}
.av-settings fieldset{border:0;padding:0;margin:0;min-width:0}.av-settings fieldset:disabled{opacity:.65}:is(.admin-panel,.customer-panel) .av-settings .grid{grid-template-columns:1fr 1fr;max-width:480px}
:is(.admin-panel,.customer-panel) .corporate-footer{padding:12px 0;margin-top:12px}:is(.admin-panel,.customer-panel) .corporate-quick,:is(.admin-panel,.customer-panel) .legal-links nav a{font-size:11px}
@media(max-width:900px){:is(.admin-panel,.customer-panel) .admin-overview{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr 1fr}:is(.admin-panel,.customer-panel) main>h1{padding-right:200px}}
@media(max-width:760px){:is(.admin-panel,.customer-panel) .panel-sidebar{position:static;width:100%;padding:10px 16px}:is(.admin-panel,.customer-panel) main{margin:0;width:100%;padding:16px}:is(.admin-panel,.customer-panel) main>h1{padding-right:0;padding-top:34px}:is(.admin-panel,.customer-panel) .account-identity{right:16px;top:10px}:is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .card{padding:12px}:is(.admin-panel,.customer-panel) .admin-overview .tablewrap{max-height:220px}}

:is(.admin-panel,.customer-panel) .admin-shortcuts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;order:-1}
:is(.admin-panel,.customer-panel) .admin-overview>.card:last-child{grid-column:auto}
:is(.admin-panel,.customer-panel) .admin-overview>.admin-security-warnings{grid-column:1/-1;max-height:170px;overflow:auto}
:is(.admin-panel,.customer-panel) .admin-antivirus-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
:is(.admin-panel,.customer-panel) .admin-antivirus-layout>.card:last-child{grid-column:1/-1}
:is(.admin-panel,.customer-panel) .av-settings .card,:is(.admin-panel,.customer-panel) .av-settings p{margin-bottom:8px}
:is(.admin-panel,.customer-panel) .domain-actions{display:flex;gap:8px;flex-wrap:wrap}
:is(.admin-panel,.customer-panel) .panel-sidebar nav form{margin:10px 4px 0}
:is(.admin-panel,.customer-panel) .panel-sidebar nav a[aria-current=page]{background:#1f665f;color:#fff;border-left:3px solid #68d6bd;padding-left:6px}
@media(max-width:1000px){:is(.admin-panel,.customer-panel) .admin-antivirus-layout{grid-template-columns:1fr}}

:is(.admin-panel,.customer-panel) .admin-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
:is(.admin-panel,.customer-panel) .settings-group{border:1px solid #e0e8ee;background:#f8fafb;padding:12px;border-radius:8px;min-width:0;margin:0}
:is(.admin-panel,.customer-panel) .settings-wide,:is(.admin-panel,.customer-panel) .settings-save{grid-column:1/-1}
:is(.admin-panel,.customer-panel) .settings-group .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(.admin-panel,.customer-panel) .settings-wide .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(.admin-panel,.customer-panel) .settings-group h2{margin:0 0 10px}
:is(.admin-panel,.customer-panel) .card.domain-card{max-width:none}
@media(max-width:1000px){:is(.admin-panel,.customer-panel) .settings-group .grid{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .settings-wide .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:is(.admin-panel,.customer-panel) .admin-settings-form{grid-template-columns:1fr}:is(.admin-panel,.customer-panel) .settings-wide .grid{grid-template-columns:1fr}}

.delivery-history-table{table-layout:fixed;width:100%;min-width:880px}
.delivery-history-table th,.delivery-main-row td{vertical-align:top;overflow-wrap:anywhere}
.delivery-history-table th:last-child{width:46px}
.delivery-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:5px;background:transparent;color:#087e73;cursor:pointer;box-shadow:none}
.delivery-toggle:hover,.delivery-toggle:focus-visible{background:#dcebe8;color:#075d56}
.delivery-arrow{font-size:18px;line-height:1;transform-origin:center}
.delivery-toggle[aria-expanded="true"] .delivery-arrow{transform:rotate(90deg)}
.delivery-main-row.delivery-row-open td{background:#163449;color:#fff}
.delivery-row-open .delivery-toggle{color:#8ee0cf}
.delivery-detail-row[hidden]{display:none!important}
.delivery-detail-row>td{padding:16px;background:#edf4f7}
.delivery-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.delivery-details dl div:last-child{grid-column:1/-1}
.delivery-details dt{font-size:11px;color:#63758a;font-weight:600}
.delivery-details dd{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#163449}
@media(max-width:760px){.delivery-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

.compact-footer .footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 18px}
.compact-footer nav,.compact-footer .footer-contact{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:11px;line-height:1.5}
.compact-footer .footer-contact{margin:7px 0}
.compact-footer .legal-links{margin:7px 0 0;display:block}
.compact-footer .legal-links nav a{padding:0;background:none;border:0;border-radius:0}
.compact-footer .corporate-details{margin-top:7px}
.compact-footer .corporate-details>summary{padding:3px 0;font-size:11px;font-weight:400}
.compact-footer .corporate-contact{margin-top:10px;padding:14px;background:#f6f8fb}
.storefront .store-footer{padding-bottom:6px;margin-bottom:0}
.storefront>.compact-footer{margin-top:6px;padding-top:12px;padding-bottom:16px}

.compact-footer .legal-links nav{margin-top:0}

.activity-main-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:7px;background:#f1f5f8;font-size:13px}.activity-main-row.delivery-row-open{background:#163449;color:#fff}.overview-activity{margin-top:14px}.account-identity{flex-wrap:wrap}.account-identity strong{overflow-wrap:anywhere}
body:not(.storefront)>main{display:flex;flex-direction:column;min-height:100vh}
body:not(.storefront)>main>.corporate-footer.compact-footer{margin-top:auto;padding-top:18px}
body.storefront{display:flex;flex-direction:column;min-height:100vh}
body.storefront>.store-main{flex:1}
.corporate-footer.compact-footer{background:#f1f5f8;color:#42596b;border-top:1px solid #cddae3;padding:14px 16px 12px;border-radius:8px 8px 0 0;font-size:11px}
.corporate-footer.compact-footer a,.corporate-footer.compact-footer nav a{color:#244b63;text-decoration:none;padding:0;border-radius:0;background:transparent;font-size:11px}
.corporate-footer.compact-footer a:hover,.corporate-footer.compact-footer nav a:hover{color:#102c40;text-decoration:underline;background:transparent}
.corporate-footer.compact-footer a:focus-visible{outline:2px solid #087e73;outline-offset:3px}
.corporate-footer.compact-footer nav{margin:0;gap:4px 13px}
.corporate-footer.compact-footer .footer-top{gap:6px 18px}
.corporate-footer.compact-footer .footer-contact{margin:7px 0;gap:4px 13px}
.corporate-footer.compact-footer .corporate-details{margin-top:7px;border-top:1px solid #dae3ea;padding-top:5px}
.corporate-footer.compact-footer .corporate-details>summary{color:#42596b}
:is(.admin-panel,.customer-panel) main>h1{padding-right:0}
@media(max-width:760px){:is(.admin-panel,.customer-panel) main>h1{padding-top:0}.compact-footer .footer-top{align-items:flex-start}.compact-footer .footer-top nav{width:100%}.corporate-footer.compact-footer{padding:12px}}

/* Compact signed-in context aligned with the current page or checkout steps. */
.page-heading-row,.checkout-context-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-heading-row{margin-bottom:20px}.page-heading-row h1{margin:0}.page-account-context{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#244b63;min-width:0}.page-account-context span{overflow-wrap:anywhere}.page-account-context small{color:#64758b;margin-right:4px}.checkout-context-row{margin:25px 0 30px}.checkout-context-row .checkout-steps{margin:0;flex-wrap:wrap}#my-activity-details[hidden]{display:none!important}
@media(max-width:760px){.page-account-context{gap:8px 14px}.checkout-context-row{gap:12px}.page-heading-row{gap:10px}}

.overview-activity .activity-main-row{justify-content:flex-start;gap:10px}.overview-activity .activity-main-row .delivery-toggle{flex-shrink:0}.why-section{background:#f1f7f7;border:1px solid #dce9e8;border-radius:16px;padding:30px;margin-top:8px}.why-section .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:22px}.why-actions>a:not(.button){color:#12685d;font-size:13px;font-weight:600}@media(max-width:760px){.why-section{padding:20px}.why-section .feature-grid{grid-template-columns:1fr}}

.delivery-mode-widget{min-width:0}.delivery-mode-widget [hidden]{display:none!important}.checked-mx-list{padding-left:20px;line-height:1.8;overflow-wrap:anywhere}.customer-overview .overview-activity{padding:14px;border:1px solid #dce5ec;border-radius:10px}.overview-activity .activity-main-row{border-radius:7px}#my-activity-details>.card{margin-top:12px;margin-bottom:0}

.smtp-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:7px;background:#f1f5f8}.smtp-history-heading h2{margin:0;font-size:16px}.smtp-history-heading.delivery-row-open{background:#163449;color:#fff}.smtp-history-heading.delivery-row-open h2{color:inherit}.smtp-status-history [hidden]{display:none!important}.smtp-status-history>div[id]{margin-top:12px}

.smtp-history-heading .delivery-toggle{margin-left:0;flex:0 0 28px;color:#12834f;background:#e4f4eb}.smtp-history-heading .delivery-toggle:hover,.smtp-history-heading .delivery-toggle:focus-visible{color:#086236;background:#ccebd9}.smtp-history-heading.delivery-row-open .delivery-toggle{color:#97efb8;background:#234b43}.domain-entry-warning{padding:12px 14px;border:1px solid #e5d4a9;border-radius:8px;background:#fff9eb;color:#735924;font-size:12px;line-height:1.7}.domain-entry-warning strong{display:block;margin-bottom:3px}

.compact-domain-security{padding:14px}.compact-domain-security>h3{margin:0 0 6px}.compact-domain-security>p{margin:5px 0;font-size:12px;line-height:1.5}.security-record-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:12px 0}.security-record-card{min-width:0;padding:12px;border:1px solid #dce5ec;border-radius:8px;background:#f7fafc}.security-record-card h4{margin:0 0 8px;font-size:13px}.security-record-card p{font-size:11px;line-height:1.5;margin:5px 0}.security-record-card .copy-field{margin:7px 0}.security-record-card .copy-field>label{font-size:11px;margin-bottom:2px}.security-record-card .copy-row{flex-wrap:nowrap;gap:6px}.security-record-card .copy-row input,.security-record-card .copy-row textarea{flex:1;width:0;min-width:0;padding:7px;margin:0;font:11px ui-monospace,SFMono-Regular,monospace}.security-record-card .copy-row textarea{line-height:1.5;resize:vertical}.security-record-card .copy-button{width:auto;min-width:60px;padding:7px 8px;font-size:11px}.security-record-card .copy-status:empty{display:none}.dns-rule-details{font-size:11px;margin:8px 0}.dns-rule-details summary{cursor:pointer;font-weight:600}.compact-domain-security form button{padding:8px 12px;font-size:12px}@media(max-width:800px){.security-record-grid{grid-template-columns:1fr}}

/* v4.9.46: compact domain settings, left SMTP toggle, separated deletion. */
.smtp-history-heading{justify-content:flex-start;gap:9px}.smtp-history-heading h2{flex:1;min-width:0;overflow-wrap:anywhere}
.domain-edit-workspace{min-width:0}.domain-status-grid,.domain-protection-grid,.domain-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.domain-status-grid>.card,.domain-protection-grid>.card{min-width:0;height:100%}
.domain-edit-workspace .smtp-check-summary .toolbar{justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;gap:8px}.domain-edit-workspace .smtp-check-summary h2{margin:0;font-size:16px}.smtp-check-facts{display:flex;flex-wrap:wrap;gap:12px 28px}.smtp-check-facts>span{min-width:0;flex:1}.smtp-check-facts small{display:block;font-size:11px;color:#64758b;margin-bottom:4px}.smtp-check-facts strong{font-size:12px;overflow-wrap:anywhere}
.domain-settings-group{margin:0;min-width:0;padding:12px;border:1px solid #e0e7ee;border-radius:8px;background:#f9fbfc}.domain-settings-group legend{font-size:13px;font-weight:700;padding:0 6px;color:#23415a}.domain-policy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.domain-edit-workspace label{font-size:12px;margin-bottom:12px}.domain-edit-workspace input:not([type=checkbox]),.domain-edit-workspace select{padding:9px 10px;margin-top:5px;min-width:0;width:100%;font-size:12px}.domain-edit-workspace .stack{max-width:none}.domain-edit-workspace .av-settings fieldset{border:0;padding:0;margin:0}.domain-edit-workspace .av-settings h3{font-size:14px;margin:14px 0 9px}.domain-save-actions{margin-top:12px}.domain-reset-policy{margin-top:12px;padding-top:12px;border-top:1px solid #e1e7ed}.domain-reset-policy .button,.domain-reset-policy button{font-size:11px;padding:8px 10px}
.customer-panel .domain-edit-workspace .domain-delete-zone{margin-top:38px;padding:18px;border:1px solid #e3bac0;border-top:4px solid #b34754;background:#fffafb}.domain-delete-zone .deletion-warning{color:#873642;font-size:12px;line-height:1.65;margin:10px 0 18px}.domain-delete-zone .check{align-items:flex-start;line-height:1.65;color:#873642;max-width:760px}.domain-delete-zone .check input{flex-shrink:0;margin-top:3px}.domain-delete-controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:18px}.domain-delete-controls label{width:300px;max-width:100%;margin:0}.domain-delete-controls button{margin-bottom:0}
.admin-smtp-histories>.smtp-status-history{padding:8px!important;margin-bottom:8px!important;box-shadow:none}.admin-smtp-histories>.smtp-status-history:last-child{margin-bottom:0!important}
@media(max-width:1000px){.domain-protection-grid{grid-template-columns:1fr}}@media(max-width:760px){.domain-status-grid,.domain-settings-grid{grid-template-columns:1fr}.domain-delete-controls{align-items:stretch}.domain-delete-controls label{width:100%}.domain-delete-controls button{align-self:flex-start}}@media(max-width:420px){.domain-policy-fields{grid-template-columns:1fr}.smtp-check-facts>span{flex-basis:100%}}

/* Public guidance: do not inherit the dark sidebar navigation palette. */
.storefront .about-hero{color:#12263c;background:transparent}
.storefront .about-hero h1,.storefront .store-section h2,.storefront .feature-card h3{color:#12263c}
.storefront .store-section>p,.storefront .feature-card>p{color:#42566b}
.storefront .sales-resources{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.storefront .sales-resources a{color:#075f57;background:#e8f3f0;border:1px solid #c5ded8;padding:9px 13px;font-size:14px;font-weight:600;text-decoration:none}
.storefront .sales-resources a:hover{color:#fff;background:#075f57;border-color:#075f57}
.storefront .sales-resources a:focus-visible{outline:3px solid #075f57;outline-offset:3px}

/* Shared public resource cards and DNS checker. */
.storefront .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.storefront .resource-card{display:flex;flex-direction:column;position:relative;padding:24px;border:1px solid #d5e3e5;border-radius:14px;background:#fff;color:#12263c;text-decoration:none;box-shadow:0 3px 14px #10223905;transition:border-color .15s,box-shadow .15s}
.storefront .resource-card:hover{border-color:#087e73;box-shadow:0 6px 20px #087e7314}
.storefront .resource-card:focus-visible{outline:3px solid #087e73;outline-offset:3px}
.storefront .resource-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:16px;border-radius:9px;background:#e8f3f0;color:#075f57;font-size:22px}
.storefront .resource-card h3{margin:0 0 10px;font-size:19px;color:#12263c}
.storefront .resource-card p{margin:0 0 18px;line-height:1.65;color:#42566b;font-size:14px}
.storefront .resource-cta{margin-top:auto;font-size:13px;font-weight:700;color:#075f57}
.storefront .mx-tool{max-width:100%;margin-bottom:32px}.storefront .mx-input{display:flex;gap:12px;align-items:center}.storefront .mx-input input{margin:0;flex:1;min-width:0}.storefront .mx-input button{white-space:nowrap}.storefront .mx-tool label{margin:0 0 8px}.storefront .mx-tool h2{margin-top:28px}.storefront .mx-tool li{line-height:1.7;margin:9px 0}.storefront .mx-tool td{color:#12263c}.storefront .mx-tool table{min-width:650px}
.storefront .guide-article{max-width:900px;color:#42566b;line-height:1.85}.storefront .guide-article section{margin:30px 0;scroll-margin-top:20px}.storefront .guide-article h2{color:#12263c;font-size:24px;margin:0 0 12px}.storefront .guide-toc{margin:0 0 22px;padding:20px;background:#e8f3f0;border-radius:12px;gap:7px}.storefront .guide-toc a{color:#075f57;padding:3px 0;border-radius:0}.storefront .guide-toc a:hover{background:transparent;text-decoration:underline}
@media(max-width:900px){.storefront .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.storefront .resource-grid{grid-template-columns:1fr}.storefront .resource-card{padding:20px}.storefront .mx-input{flex-direction:column;align-items:stretch}.storefront .mx-tool{padding:18px}.storefront .store-nav{gap:10px}.storefront .guide-article h2{font-size:21px}}

/* Editorial navigation shares the light public palette. */
.storefront .public-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0 0;font-size:12px;color:#536478}
.storefront .public-breadcrumb a{padding:0;color:#075f57;border-radius:0}
.storefront .public-breadcrumb a:hover{background:transparent;text-decoration:underline}
.storefront .public-breadcrumb [aria-current=page]{overflow-wrap:anywhere}
.storefront .public-breadcrumb+.about-hero{padding-top:26px}
.storefront .guide-group{margin:0 0 35px}.storefront .guide-group>h2{font-size:23px;color:#12263c;margin-bottom:20px}
.storefront .guide-reference-list{padding-left:20px}.storefront .guide-reference-list li{margin:8px 0;overflow-wrap:anywhere}
.storefront .guide-inline-links{display:flex;flex-wrap:wrap;gap:10px}
.storefront .guide-inline-links a{padding:10px 14px;border:1px solid #c5ded8;border-radius:8px;background:#e8f3f0;color:#075f57;text-decoration:none;font-size:14px;font-weight:600}
.storefront .guide-inline-links a:hover{background:#075f57;color:#fff}
.storefront .guide-inline-links a:focus-visible{outline:3px solid #075f57;outline-offset:3px}

.storefront .sales-faq details{border:1px solid #d5e3e5;border-radius:10px;background:#fff;margin:10px 0;color:#12263c}
.storefront .sales-faq summary{padding:16px 18px;cursor:pointer;font-weight:600;line-height:1.6;color:#12263c}
.storefront .sales-faq details[open]{border-color:#087e73}.storefront .sales-faq details[open] summary{color:#075f57}
.storefront .sales-faq details p{padding:0 18px 18px;margin:0;color:#42566b;line-height:1.85}
.storefront .sales-faq summary:focus-visible{outline:3px solid #087e73;outline-offset:2px;border-radius:10px}
.storefront .faq-more{margin:0 0 28px;font-weight:600}.storefront .faq-more a{color:#075f57}
/* v4.9.51: domain details use explicit grids instead of legacy stack widths. */
.admin-panel .admin-domain-details .domain-content{gap:12px;min-width:0}
.admin-panel .admin-domain-details .domain-content>*{min-width:0;overflow-wrap:anywhere}
.admin-panel .admin-domain-details .domain-content>form:first-child{gap:8px 16px;padding:0 0 14px;border-bottom:1px solid #dce5ed}
.admin-panel .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:minmax(160px,.8fr) minmax(240px,1.6fr);align-items:start;gap:14px}
.admin-panel .admin-domain-details .delivery-mode-widget{min-width:0;width:100%}
.admin-panel .admin-domain-details [data-manual-delivery]{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px}
.admin-panel .admin-domain-details [hidden]{display:none!important}
.admin-panel .admin-domain-details label{min-width:0;margin:0 0 8px;line-height:1.4}
.admin-panel .admin-domain-details input:not([type=checkbox]),.admin-panel .admin-domain-details select{width:100%;min-width:0;box-sizing:border-box}
.admin-panel .admin-domain-details .check{align-self:center;display:flex;align-items:flex-start;gap:8px}
.admin-panel .admin-domain-details .check input{flex:none;margin-top:3px}
.admin-panel .admin-domain-details .delete{margin-top:20px;padding:16px;border:1px solid #e7c8c8;border-radius:10px;background:#fffafa}
.admin-panel .admin-domain-details .delete label:not(.check){max-width:360px}
.admin-panel .admin-domain-details .security-box{padding:14px;background:#f7fafc;border:1px solid #dce5ed}
.dns-record-group{min-width:0;border-top:1px solid #dce5ed;padding:12px 0;margin-top:12px}.dns-record-group h3{margin:0 0 6px}.dns-record-value{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;background:#f2f6fa;color:#172d43;border:1px solid #dce5ed;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;max-width:100%;box-sizing:border-box}
.smtp-tool-fields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px}.smtp-tool-fields input,.smtp-tool-fields select{width:100%;min-width:0;box-sizing:border-box}.mx-tool .check{display:flex;align-items:flex-start;gap:8px;margin:16px 0}.mx-tool .check input{flex:none;width:auto;margin-top:4px}
@media(max-width:900px){.admin-panel .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr}.admin-panel .admin-domain-details .domain-content{grid-template-columns:1fr}}
@media(max-width:600px){.admin-panel .admin-domain-details .domain-content>form:first-child,.admin-panel .admin-domain-details [data-manual-delivery],.smtp-tool-fields{grid-template-columns:1fr}.admin-panel .admin-domain-details .delete{padding:12px}.dns-record-value{font-size:12px}}
.server-settings-grid,.server-test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.server-settings-grid>* ,.server-test-grid>*{min-width:0}.server-test-grid>form{padding:14px;border:1px solid #dce5ed;border-radius:10px;background:#f7fafc}.server-settings-grid input,.server-test-grid input:not([type=checkbox]),.server-test-grid select{width:100%;min-width:0;box-sizing:border-box}.admin-test-result{border:1px solid #dce5ed;border-radius:8px;padding:12px;margin:10px 0;overflow-wrap:anywhere}.admin-test-result>summary{cursor:pointer;font-weight:600;color:#087e73}.admin-test-result[open]>summary{color:#12263c;margin-bottom:12px}@media(max-width:700px){.server-settings-grid,.server-test-grid{grid-template-columns:1fr}}

.inline-smtp-check{min-width:165px}.inline-smtp-check .check{font-size:.78rem}.inline-smtp-result{min-width:210px;max-width:430px;font-size:.82rem}.inline-smtp-result pre{white-space:pre-wrap;overflow-wrap:anywhere}.inline-smtp-result h4{margin:.6rem 0 .25rem}

/* v4.9.56: target identity above full-width protocol observations. */
.mx-smtp-results{margin:22px 0}.mx-smtp-card{border:1px solid #d7e4ec;border-radius:12px;margin:14px 0;padding:16px;min-width:0;overflow-wrap:anywhere;background:#fff}.mx-smtp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin:-16px -16px 14px;background:#e8f2f6;border-radius:12px 12px 0 0;color:#16394c}.mx-smtp-heading h3{margin:4px 0;font-size:18px;color:#16394c}.mx-smtp-heading p{margin:4px 0;font-size:13px}.mx-test-state{flex:none;font-size:12px;font-weight:700;border:1px solid #bdd4df;border-radius:20px;padding:6px 10px;background:#fff;color:#21485b}.mx-smtp-card.smtp-tested{border-color:#1b8a78}.smtp-tested .mx-smtp-heading{background:#dff3ec;color:#12564b}.smtp-tested .mx-smtp-heading h3{color:#12564b}.inline-smtp-check{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:8px 0}.inline-smtp-check .check{font-size:13px;margin:0}.inline-smtp-result{width:100%;max-width:none;min-width:0;font-size:14px}.smtp-observation{margin-top:16px;border-top:1px solid #dce6ed;padding-top:16px}.smtp-result-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.smtp-result-heading h3{margin:0;font-size:18px}.smtp-result-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}.smtp-result-badge.ok{background:#daf3e8;color:#105943}.smtp-result-badge.pending{background:#fff0d3;color:#78551a}.smtp-timing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.smtp-timing-grid>div{background:#f3f7fa;border-radius:8px;padding:12px}.smtp-timing-grid small,.smtp-timing-grid strong{display:block}.smtp-timing-grid small{color:#587080;margin-bottom:4px}.smtp-tls-box{border:1px solid #e3d2a8;background:#fff9ed;border-radius:10px;padding:14px;margin:16px 0;overflow-wrap:anywhere}.smtp-tls-box.tls-ok{border-color:#b5decf;background:#f0faf5}.smtp-tls-box h4{margin:0 0 10px;color:#795619}.smtp-tls-box.tls-ok h4{color:#105943}.smtp-tls-box p{margin:7px 0;line-height:1.6}.smtp-protocol-details>summary{cursor:pointer;font-weight:700;padding:10px 0}.smtp-protocol-details pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.release-notes-top{position:sticky;top:0;display:flex;justify-content:flex-end;padding:8px 0;background:#fff;z-index:2;border-bottom:1px solid #dde6ec}.release-technical{padding:12px;border:1px solid #dce5ed;background:#f5f8fb;border-radius:8px;margin:14px 0}.release-technical summary{cursor:pointer;font-weight:700}
/* Independent workspace classes avoid inherited accordion grids. */
.admin-panel .admin-domain-workspace{display:grid;gap:18px;min-width:0}.admin-panel .domain-main-card,.admin-panel .domain-delete-card{padding:18px;border:1px solid #dce5ed;border-radius:12px;background:#fff;min-width:0}.admin-panel .domain-main-card>.toolbar{margin-bottom:16px;align-items:center;flex-wrap:wrap}.admin-panel .domain-save-form{display:grid;gap:16px}.admin-panel .domain-save-form fieldset{margin:0;padding:14px;border:1px solid #dce5ed;border-radius:10px;min-width:0}.admin-panel .domain-save-form legend{font-weight:700;padding:0 6px;color:#24445a}.admin-panel .domain-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-panel .domain-secondary-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start;min-width:0}.admin-panel .domain-secondary-grid>*{min-width:0;margin:0}.admin-panel .domain-workspace-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-panel .admin-domain-workspace label{margin:0 0 10px;line-height:1.5}.admin-panel .admin-domain-workspace input:not([type=checkbox]),.admin-panel .admin-domain-workspace select{width:100%;min-width:0;box-sizing:border-box}.admin-panel .admin-domain-workspace [data-manual-delivery]{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:16px}.admin-panel .admin-domain-workspace [hidden]{display:none!important}.admin-panel .admin-domain-workspace .check{display:flex;gap:8px;align-items:flex-start}.admin-panel .admin-domain-workspace .check input{flex:none;margin-top:4px}.admin-panel .domain-delete-card{margin-top:12px;background:#fffafa;border-color:#e6c9c9}.admin-panel .domain-delete-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.admin-panel .domain-delete-controls>label{width:min(100%,340px);margin:0}.admin-panel .domain-save-actions{border-top:1px solid #e4ebf0;padding-top:14px}.admin-panel .domain-secondary-grid .security-record-grid{grid-template-columns:1fr}.admin-panel .admin-domain-workspace button,.admin-panel .domain-workspace-actions .button{white-space:normal;max-width:100%;overflow-wrap:anywhere}
@media(max-width:1100px){.admin-panel .domain-secondary-grid{grid-template-columns:1fr}}@media(max-width:700px){.smtp-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-smtp-heading{align-items:flex-start;flex-direction:column}.admin-panel .domain-identity-grid,.admin-panel .admin-domain-workspace [data-manual-delivery]{grid-template-columns:1fr}.admin-panel .domain-main-card,.admin-panel .domain-delete-card{padding:12px}}

.health-check-time{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #e3ebf1;color:#607487;font-size:11px;line-height:1.6;overflow-wrap:anywhere}

/* CSP-compatible support and diagnostic styling. */
.support-message-body{white-space:pre-wrap;overflow-wrap:anywhere}
.gateway-check-ok{color:#16803c}
.gateway-check-warning{color:#b42318}
.payment-state-details{display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);gap:.3rem .75rem;margin:.7rem 0;font-size:.85rem;line-height:1.45}.payment-state-details dt{color:#52647b;font-weight:600}.payment-state-details dd{margin:0;color:#17283f;overflow-wrap:anywhere}@media(max-width:600px){.payment-state-details{grid-template-columns:1fr;gap:.15rem}.payment-state-details dd{margin-bottom:.4rem}}

/* One compact payment notice: result, code, meaning and action. */
.payment-feedback{margin:16px 0 20px;padding:16px 18px;border:1px solid #d7e3ec;border-left:4px solid #299c90;border-radius:12px;background:#f4f8fb;color:#17283f;min-width:0}
.payment-feedback .payment-feedback-summary{margin:0 0 12px;font-size:.88rem;line-height:1.6;color:#233c52}
.payment-feedback .payment-state-details{margin:0;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:8px 18px;font-size:.85rem;line-height:1.5}
.payment-feedback .payment-state-details dt{color:#52647b}.payment-feedback .payment-state-details dd{color:#17283f}
@media(max-width:600px){.payment-feedback{padding:12px 14px}.payment-feedback .payment-state-details{grid-template-columns:1fr;gap:3px}.payment-feedback .payment-state-details dd{margin-bottom:7px}}

.overview-without-queue .overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.overview-without-queue .overview-domain{grid-template-columns:minmax(145px,1.35fr) minmax(155px,1.25fr) minmax(110px,.8fr) minmax(105px,.8fr)}
.statistics-domain>summary{cursor:pointer;font-weight:600;padding:8px 0}.statistics-domain>.card{margin-top:12px}
@media(max-width:700px){.overview-without-queue .overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-without-queue .overview-domain{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the domain Statistics link below Health at every viewport width. */
.overview-health-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}

/* Shared interface baseline. Keep component exceptions above; place responsive
   rules after the baseline so desktop minimums cannot override narrow layouts. */
:root{--ink:#152b40;--muted:#52677c;--line:#dce5ed;--surface:#fff;--canvas:#f4f7fa;--accent:#087e73;--radius:12px}
html{scroll-padding-top:24px}
button,.button,input,select,textarea{line-height:1.5}
button,.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
button:hover,.button:hover{filter:brightness(.96)}
button:disabled{opacity:.55;cursor:not-allowed}
button[aria-disabled=true],input[aria-disabled=true]{opacity:.55;cursor:wait}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #37b5a4;outline-offset:3px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #37b5a4;outline-offset:2px}
textarea{display:block;width:100%;min-width:0;margin-top:8px;padding:12px;border:1px solid #cad3df;border-radius:8px;background:#fbfcfe;font:inherit;color:var(--ink);resize:vertical}
input:not([type=checkbox]),select{min-width:0;max-width:100%}
.check{align-items:flex-start;line-height:1.6}.check input{flex:none;margin-top:3px}
.toolbar,.hero-actions,.hero-pills{flex-wrap:wrap}
.tablewrap,.table-scroll{max-width:100%;min-width:0;overscroll-behavior-x:contain}
.card,.grid>*{min-width:0}
pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

/* Public pages: one navigation on every screen, restrained spacing and cards. */
.store-header{width:100%;padding:22px 32px;gap:20px}
.store-header .store-brand{flex:none;font-size:22px}
.store-menu{min-width:0}
.store-menu>summary{display:none;cursor:pointer;font-weight:600;color:var(--ink);padding:10px 14px;border:1px solid var(--line);border-radius:8px}
.store-header .store-nav{display:flex;align-items:center;gap:12px;margin:0}
.store-header .store-nav>a{padding:8px 4px;color:#314c62;font-size:12px;border-radius:6px;white-space:nowrap}
.store-header .store-nav>a:hover{background:#eaf3f2;color:#086d63}
.store-header .store-nav .store-login{padding:9px 14px}
.store-header .store-nav .store-panel{color:#fff}
.store-main{padding:0 32px;min-width:0}
.store-hero{gap:48px;padding:60px 0}
.store-hero>*{min-width:0}
.store-hero h1{letter-spacing:-1.3px;overflow-wrap:anywhere}
.store-intro{line-height:1.75;color:var(--muted)}
.hero-actions{gap:16px}.hero-pills{gap:8px;margin-top:26px}
.hero-pills span{padding:7px 12px}
.price-card{border-radius:16px;padding:30px;box-shadow:0 12px 30px #10223912}
.feature-grid,.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-card{border-radius:var(--radius);padding:24px}
.feature-card p,.steps-grid p,.store-limits{color:var(--muted)}
.store-section{padding:44px 0}
.store-section h2{line-height:1.35;margin-bottom:24px}
.store-footer{width:100%;padding:20px 32px}

/* Administrator and customer workspaces share the same readable scale. */
:is(.admin-panel,.customer-panel){font-size:14px;background:var(--canvas);color:var(--ink)}
:is(.admin-panel,.customer-panel) .panel-sidebar{width:220px;padding:24px 16px;overflow-y:auto;scrollbar-gutter:stable}
:is(.admin-panel,.customer-panel) .panel-brand{font-size:21px;margin-bottom:18px}
:is(.admin-panel,.customer-panel) .panel-menu>summary{font-size:13px}
:is(.admin-panel,.customer-panel) .panel-sidebar .nav-group{margin-top:10px;padding-top:8px}
:is(.admin-panel,.customer-panel) .panel-sidebar .nav-group>summary{font-size:11px;color:#adc0d0;letter-spacing:.06em;padding:8px}
:is(.admin-panel,.customer-panel) .panel-sidebar nav a{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:8px}
:is(.admin-panel,.customer-panel) .panel-sidebar nav a[aria-current=page]{padding-left:9px}
:is(.admin-panel,.customer-panel) main{margin-left:220px;width:calc(100% - 220px);padding:28px 32px;min-width:0}
:is(.admin-panel,.customer-panel) main>h1{font-size:26px;line-height:1.3;padding:0;margin:0 0 24px;letter-spacing:-.5px;overflow-wrap:anywhere}
:is(.admin-panel,.customer-panel) .page-heading-row{align-items:flex-start;margin-bottom:24px;gap:12px 24px}
:is(.admin-panel,.customer-panel) .page-heading-row h1{font-size:26px;line-height:1.3;letter-spacing:-.5px}
.page-account-context{max-width:100%;line-height:1.6}.page-account-context>span{min-width:0;overflow-wrap:anywhere}
:is(.admin-panel,.customer-panel) .card{padding:20px;border-radius:var(--radius);margin-bottom:18px;border-color:var(--line)}
:is(.admin-panel,.customer-panel) h2{font-size:18px;margin:0 0 14px}
:is(.admin-panel,.customer-panel) h3{font-size:15px;line-height:1.5;margin:18px 0 10px}
:is(.admin-panel,.customer-panel) p,:is(.admin-panel,.customer-panel) .muted{font-size:13px;line-height:1.7}
:is(.admin-panel,.customer-panel) .muted{color:var(--muted)}
:is(.admin-panel,.customer-panel) label{font-size:13px;line-height:1.5;margin-bottom:16px}
:is(.admin-panel,.customer-panel) input:not([type=checkbox]),:is(.admin-panel,.customer-panel) select,:is(.admin-panel,.customer-panel) textarea{font-size:14px;min-height:42px;padding:10px 12px;border-radius:8px;margin-top:6px}
:is(.admin-panel,.customer-panel) button,:is(.admin-panel,.customer-panel) .button{font-size:13px;padding:10px 14px;border-radius:8px;line-height:1.5}
:is(.admin-panel,.customer-panel) .toolbar{gap:12px;margin-bottom:16px;align-items:center}
:is(.admin-panel,.customer-panel) th{font-size:12px;line-height:1.5;padding:11px 12px;font-weight:600}
:is(.admin-panel,.customer-panel) td{font-size:13px;line-height:1.55;padding:12px}
:is(.admin-panel,.customer-panel) th,:is(.admin-panel,.customer-panel) td{vertical-align:top}
:is(.admin-panel,.customer-panel) .settings-group{padding:18px;border-radius:10px}
:is(.admin-panel,.customer-panel) .settings-group label:last-child{margin-bottom:0}
:is(.admin-panel,.customer-panel) .admin-antivirus-layout,:is(.admin-panel,.customer-panel) .admin-settings-form{gap:18px}
:is(.admin-panel,.customer-panel) .security-box{padding:18px}
:is(.admin-panel,.customer-panel) .admin-overview{gap:0 18px}
:is(.admin-panel,.customer-panel) .stats span{font-size:13px}
.customer-overview .overview-metric>span,.customer-overview .overview-domain small{font-size:12px;color:var(--muted)}
.customer-overview .overview-metric small{font-size:12px;line-height:1.6}
.customer-overview .overview-domain{gap:18px;padding:18px 0}
.health-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:16px}
.health-grid>div{background:#f8fafc;min-width:0;overflow-wrap:anywhere}
.statistics-domain{margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 18px}
.statistics-domain>summary{padding:16px 0;line-height:1.5;overflow-wrap:anywhere}
.statistics-domain>.card{margin-top:0}
.delivery-history-table{min-width:660px}
:is(.admin-panel,.customer-panel) .delivery-toggle{width:36px;height:36px;padding:0;flex:none}
.delivery-history-table th:last-child{width:60px}
.delivery-details{padding:4px;max-width:100%}
.delivery-details dl{gap:16px}
.delivery-details dt{font-size:12px}.delivery-details dd{font-size:13px;line-height:1.6}
.delivery-details h3{padding-top:16px;border-top:1px solid #d3e1e9}
.delivery-details ul{padding-left:20px;line-height:1.8}
.activity-main-row{gap:12px;overflow-wrap:anywhere}
.compact-footer{line-height:1.7}.compact-footer nav,.compact-footer .footer-contact{font-size:12px}

/* Authentication pages use the public brand, a centered form and normal flow. */
body.auth-panel{display:block;background:var(--canvas)}
.auth-panel .panel-sidebar{position:static;width:100%;padding:24px 32px;background:#102239}
.auth-panel .panel-brand{max-width:960px;margin:auto;font-size:24px}
body.auth-panel>main{width:100%;max-width:1024px;margin:0 auto;padding:40px 32px;min-height:calc(100vh - 86px)}
.auth-panel>main>h1,.auth-panel>main>.narrow,.auth-panel>main>.notice,.auth-panel>main>p{width:100%;max-width:490px;margin-left:auto;margin-right:auto}
.auth-panel>main>h1{font-size:28px}
.auth-panel .narrow{padding:28px}

@media(max-width:1100px){
  .store-header{flex-wrap:wrap;align-items:flex-start;gap:12px}
  .store-menu{margin-left:auto}.store-menu>summary{display:list-item;list-style-position:inside}
  .store-menu[open]{width:100%;order:2}
  .store-header .store-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}
  .store-header .store-nav>a,.store-header .store-nav .desktop-link{display:block;padding:12px;white-space:normal}
  .store-hero{gap:28px}.order-layout,.checkout-layout{gap:28px}
  .overview-without-queue .overview-domain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .overview-without-queue .overview-domain-renewal{grid-column:auto}
  .overview-without-queue .overview-domain-actions{grid-column:auto;align-items:flex-start!important}
  :is(.admin-panel,.customer-panel) .admin-overview{grid-template-columns:1fr}
}
@media(max-width:760px){
  .store-header{padding:18px 20px}.store-main{padding:0 20px}.store-footer{padding:20px}
  .store-header .store-brand{font-size:20px}
  .store-header .store-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-hero{grid-template-columns:1fr;padding:36px 0;gap:28px}
  .store-hero h1{font-size:36px;letter-spacing:-1px;margin:16px 0}
  .store-intro{font-size:15px}.price-card{padding:26px}
  .feature-grid,.steps-grid{grid-template-columns:1fr;gap:16px}
  .store-section{padding:32px 0}.store-section h2{font-size:25px}
  body:is(.admin-panel,.customer-panel){display:flex;flex-direction:column}
  body:is(.admin-panel,.customer-panel)>main{min-height:0;flex:1}
  :is(.admin-panel,.customer-panel) .panel-sidebar{position:static;width:100%;padding:16px 20px}
  :is(.admin-panel,.customer-panel) .panel-brand{margin-bottom:4px}
  :is(.admin-panel,.customer-panel) .panel-menu nav{display:block;max-height:60vh;overflow-y:auto}
  :is(.admin-panel,.customer-panel) .panel-sidebar nav a{display:block;padding:12px}
  :is(.admin-panel,.customer-panel) main{margin:0;width:100%;padding:24px 20px}
  :is(.admin-panel,.customer-panel) main>h1{font-size:24px;padding:0;margin-bottom:20px}
  :is(.admin-panel,.customer-panel) .page-heading-row h1{font-size:24px}
  .page-account-context{flex-basis:100%}
  :is(.admin-panel,.customer-panel) .card{padding:16px;margin-bottom:16px}
  :is(.admin-panel,.customer-panel) button,:is(.admin-panel,.customer-panel) .button{min-height:44px}
  :is(.admin-panel,.customer-panel) .delivery-toggle{width:44px;height:44px;padding:0}
  .delivery-history-table th:last-child{width:68px}
  :is(.admin-panel,.customer-panel) .grid{grid-template-columns:1fr;gap:14px}
  :is(.admin-panel,.customer-panel) .admin-domain-details .domain-content>form:first-child>.stack{grid-template-columns:1fr}
  .overview-without-queue .overview-domain-name,.overview-without-queue .overview-domain-actions{grid-column:1/-1}
  .overview-panels{grid-template-columns:1fr}
  .overview-domain-list{max-height:none;overflow:visible}
  .delivery-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auth-panel .panel-sidebar{padding:20px}.auth-panel>main{padding:28px 20px}
  .auth-panel .narrow{padding:22px}
}
@media(prefers-reduced-motion:reduce){.wait-spinner{animation:none}.delivery-arrow{transition:none}html{scroll-behavior:auto}}
@media(max-width:420px){
  .store-main,:is(.admin-panel,.customer-panel) main{padding-left:16px;padding-right:16px}
  .store-hero h1{font-size:32px}.hero-actions{align-items:flex-start;flex-direction:column}
  .hero-pills span{font-size:11px}.price-card{padding:22px}
  .overview-without-queue .overview-domain{grid-template-columns:1fr}
  .overview-without-queue .overview-domain>*{grid-column:auto}
  .smtp-timing-grid{grid-template-columns:1fr}
}

/* v4.9.84 account and security visibility refinements */
.account-summary{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;flex-wrap:wrap}
.account-summary h2{margin:5px 0 4px;font-size:24px}.account-summary p{margin:0}
.account-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;flex:1;min-width:360px}
.account-summary-grid span{border:1px solid #dfe7ef;border-radius:11px;background:#f8fbfd;padding:13px;min-width:0}
.account-summary-grid small{display:block;color:#718096;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.account-summary-grid strong{display:block;font-size:13px;overflow-wrap:anywhere;color:#152239}
.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.account-settings-grid>.card{margin-bottom:0;min-width:0}.account-danger-zone{grid-column:1/-1;border-color:#f0c4c8;background:#fffafa}.account-danger-zone h2{color:#8f2530}
.security-decisions table td{vertical-align:top}.security-decisions td:nth-child(3){max-width:260px;overflow-wrap:anywhere}.security-decisions td:nth-child(8){font-size:12px;color:#526477;max-width:260px;overflow-wrap:anywhere}
.admin-antivirus-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:18px;align-items:start}.admin-antivirus-layout>.card,.admin-antivirus-layout>.security-decisions{min-width:0}
@media(max-width:980px){.admin-antivirus-layout,.account-settings-grid{grid-template-columns:1fr}.account-summary-grid{grid-template-columns:1fr;min-width:0;width:100%}}

.queue-diagnostic{max-width:34rem;overflow-wrap:anywhere}.queue-diagnostic p{margin:.4rem 0}.queue-diagnostic summary{cursor:pointer}

/* Decorative motion uses only local SVG and compositor transforms. */
.storefront .motion-icon{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 12px 18px 0;border-radius:14px;background:linear-gradient(135deg,#e2f3ed,#edf3fc);color:#087e73;vertical-align:middle}
.storefront .motion-icon svg{display:block;width:32px;height:32px;transform-origin:center}.storefront .motion-icon.motion-visible svg{animation:feature-icon-arrive 3.6s ease-in-out 1}
.storefront .motion-icon-2 svg,.storefront .motion-icon-5 svg{animation-delay:.15s}.storefront .motion-icon-3 svg,.storefront .motion-icon-6 svg{animation-delay:.3s}
.storefront .feature-motion-card:hover .motion-icon svg{animation:feature-icon-hover .8s ease-in-out 1}
.storefront .feature-motion-card .feature-number{vertical-align:middle;margin-bottom:18px}
@keyframes feature-icon-arrive{0%,100%{transform:translateY(0) rotate(0)}20%,60%{transform:translateY(-4px) rotate(-3deg)}40%,80%{transform:translateY(1px) rotate(3deg)}}
@keyframes feature-icon-hover{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-5deg)}}
.domain-health-overview .toolbar{flex-wrap:wrap}.domain-health-overview td{vertical-align:top}.domain-health-overview td:last-child{max-width:40rem}
@media(prefers-reduced-motion:reduce){.storefront .motion-icon svg,.storefront .feature-motion-card:hover .motion-icon svg{animation:none;transform:none}}

.notification-application-status{max-width:30rem;min-width:15rem;white-space:normal}.notification-application-status p{font-size:.85em;line-height:1.5;margin:.4rem 0;overflow-wrap:anywhere}

/* Activity values have independent columns inside the expanded outer row. */
.audit-detail{max-width:none;min-width:0;width:100%}
.audit-change-scroll{width:100%;max-width:100%;overflow-x:auto}
.audit-detail .audit-change-table{width:100%;min-width:620px;table-layout:fixed;margin-top:0}
.audit-change-table .audit-field-col{width:28%}
.audit-change-table col:not(.audit-field-col){width:36%}
.audit-detail .audit-change-table th{white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:12px;vertical-align:top}
.audit-detail .audit-change-table td{padding:12px;vertical-align:top;word-break:normal;overflow-wrap:anywhere;line-height:1.6}
.audit-detail .audit-change-table td:first-child{overflow-wrap:normal;font-weight:600;color:#355269}
.audit-mx-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.audit-mx-list li{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.audit-mx-priority{flex:none;color:#567086;font-size:11px}
.payment-processing{text-align:center;max-width:680px;margin:32px auto}
.payment-processing .wait-spinner{display:inline-block}
.payment-processing[hidden],.store-main:has(> [data-payment-complete])>.payment-processing{display:none}
.payment-return-progress{display:flex;align-items:center;gap:10px;color:#087e73;font-size:13px;line-height:1.6}
.payment-return-progress .wait-spinner{width:18px;height:18px;flex:none;border-width:2px}

.overview-purchase{align-items:flex-start;gap:14px}
.overview-purchase>div{min-width:0}
.overview-purchase small{overflow-wrap:anywhere}
.overview-purchase-status{flex:none;font-size:12px;color:#355269;text-align:right;max-width:45%;line-height:1.5}
@media(max-width:520px){.overview-purchase{flex-wrap:wrap}.overview-purchase-status{max-width:100%;text-align:left}}

/* Ticket controls stay in page flow, outside the scrolling ticket list. */
.support-thread{margin-top:24px;padding-top:20px;border-top:1px solid #d9e2ea}
.support-thread-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.support-thread-heading h2{flex:1;min-width:0;margin:0;overflow-wrap:anywhere}
.support-thread-heading .support-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px;margin:0;max-width:100%;box-sizing:border-box}
.support-thread-heading .support-status form{margin:0}
.support-thread-heading .support-status button{margin:0}
.support-thread>.support-reply{margin-top:20px}
/* Start off-path to suppress round-cap dots; draw from left to tip. */
.brand-check{stroke-dasharray:1 1.2;stroke-dashoffset:0;animation:brand-check-draw 8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes brand-check-draw{
  0%,8%{stroke-dashoffset:1.1;opacity:0}
  12%{stroke-dashoffset:1.1;opacity:1}
  48%,86%{stroke-dashoffset:0;opacity:1}
  96%,100%{stroke-dashoffset:0;opacity:0}
}
@media(prefers-reduced-motion:reduce){.brand-check{animation:none;stroke-dashoffset:0;opacity:1}}

/* MailFlow product identity and dedicated product/update pages. */
.store-brand,.panel-brand{align-items:flex-start}
.brand-lockup{display:flex;flex-direction:column;min-width:0;gap:4px;max-width:310px}
.brand-word{display:block;line-height:1.15;letter-spacing:-.5px}
.brand-word .brand-product{color:inherit;font-size:.72em;font-weight:600;letter-spacing:-.2px}
.brand-tagline{display:block;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:0;color:#466276}
.brand-services{display:block;font-size:9px;font-weight:400;line-height:1.5;letter-spacing:0;color:#647b8c;max-width:280px}
.store-header .brand-shield{flex:none;width:32px;height:36px;margin-top:1px}
.store-header .store-brand{font-size:24px;max-width:355px;gap:9px;white-space:normal;flex-wrap:nowrap}
.store-header .store-brand .brand-lockup{flex:1;min-width:0}
.store-header .store-nav{flex-wrap:wrap;justify-content:flex-end;gap:7px 11px}
.store-header .store-menu{flex:1;min-width:0}
:is(.admin-panel,.customer-panel) .panel-brand{font-size:18px;gap:7px;white-space:normal}
:is(.admin-panel,.customer-panel) .panel-brand .brand-shield{width:25px;height:29px;flex:none}
:is(.admin-panel,.customer-panel) .brand-word .brand-product{display:block;font-size:.8em;margin-top:3px}
:is(.admin-panel,.customer-panel) .brand-tagline{font-size:10px;color:#bdd3df}
:is(.admin-panel,.customer-panel) .brand-services{font-size:9px;color:#9cb8c9}
.auth-panel .brand-lockup{max-width:340px}
.hero-copy h1>span[lang=en]{font-size:.63em;line-height:1.25;display:inline-block;margin-top:12px}
.hero-scope{font-size:13px;line-height:1.7;color:var(--muted);max-width:600px}
.hero-icon-label{display:flex;align-items:center;gap:10px}
.storefront .hero-icon-label .motion-icon{width:38px;height:38px;margin:0;border-radius:12px;flex:none}
.storefront .hero-icon-label .motion-icon svg{width:25px;height:25px}
.storefront .steps-grid .step-number{vertical-align:middle}
.storefront .resource-card .motion-icon{margin-bottom:14px}
.storefront .faq-section h2 .motion-icon{margin-bottom:0}
.storefront .feature-motion-card:focus-visible .motion-icon svg,
.storefront .feature-motion-card:focus-within .motion-icon svg{animation:feature-icon-hover .8s ease-in-out 1}
.product-page-hero{max-width:850px;padding-bottom:20px}
.product-page-hero h1,.updates-header h1{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1px}
.updates-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.updates-jump a{padding:10px 15px;border:1px solid var(--line);border-radius:9px;color:#087e73;font-size:13px;text-decoration:none}
.release-history{padding-bottom:40px;max-width:1000px;margin:0 auto}
.release-entry{margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;scroll-margin-top:20px}
.release-entry>summary{cursor:pointer;padding:20px 24px;color:var(--ink)}
.release-entry>summary h2{display:inline;font-size:18px;line-height:1.5}
.release-entry[open]>summary{border-bottom:1px solid var(--line);background:#f2f8f7;border-radius:12px 12px 0 0}
.release-content{padding:20px 26px;line-height:1.8;color:#40596b;overflow-wrap:anywhere}
.release-content h4{color:var(--ink);margin:22px 0 8px;font-size:16px}
.release-content li{margin:7px 0}
@media(max-width:1100px){.store-header .store-menu[open]{flex-basis:100%}.store-header .store-nav{justify-content:stretch}}
@media(max-width:760px){.store-header .store-brand{font-size:22px;max-width:100%}.brand-lockup{max-width:280px}.brand-services{max-width:250px}.store-header .store-menu{flex:0 1 auto}.store-header .store-menu[open]{flex:1 0 100%}.release-entry>summary{padding:16px}.release-entry>summary h2{font-size:16px}.release-content{padding:16px}.hero-copy h1>span[lang=en]{font-size:.68em}}
@media(prefers-reduced-motion:reduce){.storefront .feature-motion-card:focus-visible .motion-icon svg,.storefront .feature-motion-card:focus-within .motion-icon svg{animation:none}}
/* Reserve room for the complete Details heading and its toggle. */
.delivery-history-table th:last-child{width:6rem;min-width:6rem;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.delivery-history-table .delivery-main-row td:last-child{white-space:nowrap;overflow-wrap:normal;text-align:center}

.auth-panel .auth-product-links{display:flex;flex-wrap:wrap;gap:8px 18px;max-width:960px;margin:18px auto 0}.auth-panel .auth-product-links a{color:#087e73;padding:4px 0;font-size:12px}

.home-detail-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 36px;font-size:14px}.home-detail-links a{color:#087e73;text-decoration:none}.home-detail-links a:hover{text-decoration:underline}

/* v4.9.112: stacked domain fields and responsive account actions. */
.account-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.account-action-row>form{margin:0;padding:0;border:0;display:block}
.account-action-row>button,.account-action-row>form>button{margin:0}
.domain-edit-workspace .domain-settings-grid,.domain-edit-workspace .domain-protection-grid,.domain-edit-workspace .domain-status-grid,.domain-edit-workspace .domain-policy-fields,.domain-edit-workspace .security-record-grid,.domain-edit-workspace [data-manual-delivery],.domain-edit-workspace .stack{grid-template-columns:minmax(0,1fr)}
.admin-panel .admin-domain-workspace .domain-identity-grid,.admin-panel .admin-domain-workspace .domain-secondary-grid,.admin-panel .admin-domain-workspace [data-manual-delivery]{grid-template-columns:minmax(0,1fr)}
.paid-service-period>.billing-domain:first-child{margin-top:0;font-size:17px;font-weight:700}
@media(max-width:760px){
 .account-action-row{flex-direction:column;align-items:stretch}
 .account-action-row>form,.account-action-row>button,.account-action-row>form>button{width:100%}
 .domain-edit-workspace .domain-save-actions,.domain-edit-workspace .domain-delete-controls,.admin-domain-workspace .domain-workspace-actions{flex-direction:column;align-items:stretch}
 .domain-edit-workspace .domain-delete-controls button,.admin-domain-workspace .domain-workspace-actions>button,.admin-domain-workspace .domain-workspace-actions>.button{width:100%}
}

/* Three cumulative package sales cards. */
.package-home-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;padding:42px 0 36px}
.package-home-hero .hero-scope{color:#607487;font-size:15px;line-height:1.85;max-width:390px;margin:0}
.package-heading{text-align:center;max-width:720px;margin:0 auto 30px}.package-heading h2{margin:10px 0 14px}.package-heading>p:last-child{color:#607487;line-height:1.8}
.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.package-card{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid #dbe5eb;border-radius:20px;background:#fff;box-shadow:0 10px 26px #10223908;transition:transform .2s,box-shadow .2s}
.package-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px #10223912}.package-card-secure{border:2px solid #188678;padding:27px}.package-card-full{background:#122b3d;color:#fff;border-color:#122b3d}
.package-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-label{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#087e73}.package-top .motion-icon{margin:0;flex-shrink:0}.package-card h3{font-size:23px;line-height:1.25;margin:20px 0 10px;letter-spacing:-.5px}.package-summary{font-size:14px;line-height:1.7;color:#607487;min-height:48px;margin:0 0 22px}
.package-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-height:62px}.package-price strong{font-size:43px;letter-spacing:-1.5px;line-height:1.2}.package-currency{font-size:12px;font-weight:700}.package-cycle{font-size:13px;color:#607487}.package-price-pending strong{font-size:26px;letter-spacing:-.5px}.package-price-note{font-size:11px;color:#607487;margin:7px 0 23px;line-height:1.6}
.package-features{padding:22px 0 0;margin:0;list-style:none;border-top:1px solid #e1e8ed}.package-features li{display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:1.7;padding:7px 0}.package-features li>span:first-child{color:#087e73;flex-shrink:0;font-weight:800}.package-features .not-included{color:#758495}.package-features .not-included>span:first-child{color:#758495}
.package-bottom{margin-top:auto;padding-top:24px}.package-buy{display:block;width:100%;text-align:center;box-sizing:border-box;font-size:14px}.package-bottom p{font-size:11px;color:#607487;line-height:1.6;margin:13px 0 0}.package-buy:disabled{cursor:default;background:#edf1f4;color:#667988;border:1px solid #dbe5eb;opacity:1}.package-scope{max-width:900px;margin:25px auto 0;color:#607487;font-size:12px;line-height:1.8;text-align:center}
.package-card-full .package-label,.package-card-full .package-features li>span:first-child{color:#65d5bf}.package-card-full .package-summary,.package-card-full .package-cycle,.package-card-full .package-price-note,.package-card-full .package-bottom p{color:#b6cbd8}.package-card-full .package-features{border-color:#355063}.package-card-full .package-buy:not(:disabled){background:#55cbb2;color:#102b3c}
@media(max-width:900px){.package-grid{gap:14px}.package-card{padding:22px}.package-card-secure{padding:21px}.package-card h3{font-size:21px}.package-price strong{font-size:36px}.package-price-pending strong{font-size:24px}}
@media(max-width:760px){.package-grid{grid-template-columns:minmax(0,1fr);gap:18px}.package-card{padding:26px}.package-card-secure{padding:25px}.package-summary{min-height:0}.package-home-hero{grid-template-columns:1fr;gap:20px;padding:32px 0}.package-home-hero .hero-scope{max-width:none}.package-heading{text-align:left}.package-scope{text-align:left}.package-price strong{font-size:42px}.package-price-pending strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.package-card{transition:none}.package-card:hover{transform:none}}

.package-card .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.package-price strong{display:inline-flex;align-items:flex-start}.package-price-minor{font-size:.45em;letter-spacing:0;line-height:1.3;margin-top:.14em}.package-grid-selected{grid-template-columns:minmax(0,1fr)}.signup-package .package-section{padding:0;border:0}.signup-package .package-heading{text-align:left;margin-bottom:20px}.signup-package .package-heading h2{font-size:23px}.signup-package .package-scope{display:none}.package-signup-layout{align-items:start}.package-signup-layout>.order-card h1{margin-top:0}.package-change-links{font-size:13px;line-height:1.8;margin:18px 0}.package-signup-layout .package-card{box-shadow:none}
/* Signup package information must never inherit the fixed portal sidebar. */
.storefront .signup-package{position:static;inset:auto;top:auto;left:auto;right:auto;bottom:auto;width:auto;min-width:0;height:auto;max-height:none;overflow:visible;background:transparent;color:inherit;padding:0;border:0;box-shadow:none;z-index:auto}
.storefront .package-signup-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:30px}
.storefront .package-signup-layout>*{min-width:0;max-width:100%}.storefront .package-signup-layout .order-card{width:100%;box-sizing:border-box}.storefront .package-signup-layout input{max-width:100%;box-sizing:border-box}
@media(max-width:760px){.storefront .package-signup-layout{grid-template-columns:minmax(0,1fr);gap:24px}}

.storefront .package-signup-layout{display:grid;width:100%;max-width:1120px;margin:28px auto 60px;box-sizing:border-box}.storefront .package-signup-layout>.signup-package,.storefront .package-signup-layout>.order-card{grid-column:auto;min-width:0}

/* Compact white product banners: vertical inset is 80% of the previous
   package hero's 42px/36px desktop and 32px mobile padding. */
.storefront .mailflow-banner-zone{background:#fff;padding:33.6px 28px 28.8px;border-bottom:1px solid #e1e8ed;margin:0 -28px 18px;border-radius:0 0 18px 18px}
.mailflow-banner-track{min-width:0}.mailflow-banner{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:36px;align-items:center;min-height:250px;box-sizing:border-box}
.mailflow-banner[hidden]{display:none}.mailflow-banner-copy{max-width:760px;min-width:0}.mailflow-banner-label{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#087e73;margin:0 0 12px}
.storefront .mailflow-banner h1,.storefront .mailflow-banner h2{font-size:clamp(28px,3.3vw,42px);line-height:1.18;letter-spacing:-1px;color:#12263c;margin:0 0 16px;max-width:720px}
.mailflow-banner-description{font-size:15px;line-height:1.75;color:#526779;margin:0 0 20px;max-width:680px}.mailflow-banner .button{display:inline-block;font-size:13px;padding:11px 18px}
.mailflow-banner-art{display:grid;place-items:center;min-width:0}.storefront .mailflow-banner-art .motion-icon{width:150px;height:150px;border-radius:50%;margin:0;background:#fff;border:1px solid #d9e8e5;color:#087e73;box-shadow:0 0 0 14px #f5faf8,0 0 0 28px #fbfdfc}.storefront .mailflow-banner-art .motion-icon svg{width:86px;height:86px}
.mailflow-banner-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:16px}.mailflow-banner-controls button{width:auto;margin:0;padding:7px 12px;min-height:34px;font-size:11px;border:1px solid #d5e3e0;background:#fff;color:#526779;border-radius:18px}.mailflow-banner-controls button[aria-pressed=true]{background:#e9f5f0;color:#075f57;border-color:#087e73}.mailflow-banner-controls .banner-play{margin-left:auto}
@media(max-width:760px){.storefront .mailflow-banner-zone{padding:25.6px 16px;margin:0 -16px 14px}.mailflow-banner{grid-template-columns:minmax(0,1fr);gap:0;min-height:300px}.mailflow-banner-art{display:none}.mailflow-banner-controls{gap:6px}.mailflow-banner-controls button{padding:7px 9px}.mailflow-banner-controls .banner-play{margin-left:0}.mailflow-banner-description{font-size:14px}.storefront .mailflow-banner h1,.storefront .mailflow-banner h2{font-size:29px}}
@media(prefers-reduced-motion:no-preference){.mailflow-banner:not([hidden]){animation:mailflow-banner-appear .35s ease-out}@keyframes mailflow-banner-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}

.package-setup-steps{padding-left:28px;max-width:950px;counter-reset:setup}.package-setup-steps li{padding:0 0 20px 8px;line-height:1.75}.package-setup-steps h3{font-size:18px;margin:0 0 6px;color:#12263c}.package-setup-steps p{margin:0;color:#526779}.package-controls table{width:100%;min-width:700px;border-collapse:collapse;background:#fff}.package-controls th,.package-controls td{padding:15px;text-align:left;vertical-align:top;line-height:1.7;border-bottom:1px solid #e0e8ed;color:#42566b}.package-controls th{color:#12263c}.package-controls th:first-child{width:24%}.package-controls td:nth-child(2){width:22%;font-size:12px}.package-flow{margin:20px 0 34px;background:#fff;border:1px solid #dbe8e4;border-radius:16px;padding:24px}.package-flow figcaption{font-size:20px;font-weight:700;color:#12263c;margin:0 0 18px}.package-flow-scroll{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.package-flow svg{display:block;width:100%;min-width:680px;max-width:960px;margin:0 auto}.flow-node rect{fill:#eef8f3;stroke:#a9d4c4;stroke-width:1.5}.flow-node text{fill:#173b35;font:17px system-ui,sans-serif}.flow-reject rect{fill:#fff1f0;stroke:#e5b0ab}.flow-hold rect{fill:#fff8e8;stroke:#e2cc93}.flow-arrow-label{fill:#526779;font:14px system-ui,sans-serif;paint-order:stroke;stroke:#fff;stroke-width:4px}.package-flow-scroll:focus-visible{outline:3px solid #087e73;outline-offset:3px}@media(max-width:760px){.package-flow{padding:16px}.package-flow figcaption{font-size:17px}.package-setup-steps{padding-left:22px}}

/* Only Wall changes color in the public website brand lockup. */
.storefront .brand-word>.brand-wall{color:#12263c}

.delivery-security{margin-top:1.2rem;padding:1rem;border-top:1px solid #dbe5ed;background:#fff}.delivery-security dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.delivery-security dt{font-weight:600}.delivery-security dd{margin:.25rem 0;overflow-wrap:anywhere}@media(max-width:640px){.delivery-security dl{grid-template-columns:1fr}}

.delivery-message-link{border:0;background:transparent;color:#1578b9;padding:0;text-decoration:underline;cursor:pointer;font:inherit}

.trust-content{max-width:1100px;margin:0 auto;padding:0 1rem}.trust-card{background:#fff;border:1px solid #dbe5ed;border-radius:14px;padding:1.4rem;margin:1rem 0}.trust-card p{line-height:1.75}.trust-navigation,.trust-language{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.trust-navigation a,.trust-language a{padding:.5rem .7rem;background:#edf5fb;border-radius:8px;color:#126ba3}.floating-support{position:fixed;right:1rem;bottom:1rem;z-index:20;background:#116943;color:#fff;padding:.7rem 1rem;border-radius:24px;box-shadow:0 4px 14px #0002}.portal-demo{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid #dbe5ed;border-radius:14px;overflow:hidden;background:#fff}.portal-demo aside{background:#edf5fb;padding:1.2rem}.portal-demo>div{padding:1.2rem;min-width:0}.demo-control{display:inline-block;padding:.4rem .7rem;background:#edf5fb;border-radius:6px}.trust-language{justify-content:flex-end}@media(max-width:700px){.portal-demo{grid-template-columns:1fr}.portal-demo aside ul{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0}.floating-support{font-size:.85rem;bottom:.6rem;right:.6rem}}

/* Public information centre: isolate from portal nav/aside rules. */
.storefront .trust-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:24px 0 0;padding:0;position:static}
.storefront .trust-navigation a{display:block;min-width:0;margin:0;padding:16px 18px;border:1px solid #cbdde9;background:#fff;color:#17476a;line-height:1.5;text-decoration:none;border-radius:10px;overflow-wrap:break-word;font-weight:600;font-size:14px}
.storefront .trust-navigation a:hover,.storefront .trust-navigation a:focus-visible{background:#eaf4fb;color:#0b385c;border-color:#6da4c8}
.trust-hero{padding-bottom:24px}.trust-content{width:100%;min-width:0;padding:0}.trust-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.trust-card-grid .trust-card{margin:0;min-width:0}.trust-card h2{font-size:20px;margin:0 0 12px;line-height:1.35}.trust-card p,.trust-card li{font-size:15px;color:#43566b;line-height:1.75}.trust-card ul,.trust-card ol{padding-left:22px;margin:0 0 16px}.trust-card li+li{margin-top:12px}.trust-overview{background:#edf5fb;border:1px solid #d3e3ef;border-radius:12px;padding:24px;margin:20px 0}.trust-overview p{line-height:1.75}.trust-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-example-label{padding:12px 16px;background:#edf5fb;border-radius:8px;color:#43566b;line-height:1.6}
.storefront .portal-demo aside{position:static;inset:auto;width:auto;min-width:0;height:auto;margin:0;background:#edf5fb;color:#17354b;padding:22px}.storefront .portal-demo aside p{color:#526d82;font-size:14px}.portal-demo-sidebar ul{list-style:none;margin:24px 0 0;padding:0}.portal-demo-sidebar li{padding:10px 0;color:#36556b}.portal-demo-main h2{margin:22px 0 12px}.portal-demo-main h2:first-child{margin-top:0}.portal-demo-main p{line-height:1.6}.portal-demo-main{min-width:0;overflow:hidden}.portal-demo table{min-width:480px}.delivery-security[hidden]{display:none!important}
.storefront .floating-support{display:flex;align-items:center;justify-content:center;position:fixed;right:24px;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:0;background:#059669;border:2px solid #059669;color:#fff;border-radius:50%;z-index:80;text-decoration:none;box-shadow:0 8px 24px #0003;transition:transform .2s,background .2s}
.floating-support svg{display:block;width:28px;height:32px;position:relative;z-index:2}.floating-support .support-tooltip{position:absolute;right:68px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#111827;color:white;padding:7px 12px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.floating-support:hover,.floating-support:focus-visible{background:#047857;transform:translateY(-2px)}.floating-support:hover .support-tooltip,.floating-support:focus-visible .support-tooltip{opacity:1}.support-pulse{position:absolute;inset:0;background:#a7f3d0;border-radius:50%;opacity:.45;animation:support-pulse 2s ease-out infinite;pointer-events:none}@keyframes support-pulse{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.55);opacity:0}}
@media(max-width:900px){.storefront .trust-navigation,.trust-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.storefront .trust-navigation,.trust-card-grid,.trust-setup-grid{grid-template-columns:minmax(0,1fr)}.trust-card,.trust-overview{padding:20px}.storefront .portal-demo{grid-template-columns:minmax(0,1fr)}.storefront .floating-support{right:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.trust-next-step{padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.support-pulse{animation:none;display:none}.storefront .floating-support{transition:none}}

/* Mailbox identity and shared-quota actions; desktop pair, mobile stack. */
.mailbox-address-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end}
.mailbox-address-row label{min-width:0}.mailbox-address-row select,.mailbox-address-row input{width:100%;box-sizing:border-box}
.quarantine-user-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.quarantine-user-actions form{flex:1 1 220px;min-width:0}
.app-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px)}
@media(max-width:640px){.mailbox-address-row{grid-template-columns:1fr}.quarantine-user-actions{display:block}.quarantine-user-actions form{margin-bottom:16px}}

/* Shared IT and mailbox quarantine: concise rows, details loaded only by View. */
body.auth-panel.mailbox-panel>main{max-width:1500px;padding:32px}
.mailbox-panel>main>h1{max-width:none}
.quarantine-list,.mailbox-quarantine-panel{min-width:0}
.quarantine-list>.toolbar{align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.quarantine-list>.toolbar h2{margin-bottom:8px}
.quarantine-list>.toolbar p{margin:0;max-width:720px}
.delivery-history-table.quarantine-table{min-width:0;table-layout:fixed;width:100%}
.quarantine-table th:nth-child(1){width:11%}
.quarantine-table th:nth-child(2){width:16%}
.quarantine-table th:nth-child(3){width:16%}
.quarantine-table th:nth-child(4){width:8%}
.quarantine-table th:nth-child(5){width:20%}
.delivery-history-table.quarantine-table th:last-child{width:17rem;min-width:0;white-space:normal}
.quarantine-table .quarantine-main-row>td{vertical-align:top;padding:16px 12px}
.quarantine-table .quarantine-main-row>td:last-child{white-space:normal;text-align:left}
.quarantine-queue-id{display:block;margin-top:6px;color:#627489;font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}
.quarantine-score{display:inline-block;border-radius:6px;background:#f1f5f9;padding:4px 8px;font-weight:700;font-variant-numeric:tabular-nums}
.quarantine-reason{color:#b42318!important;font-weight:750;line-height:1.55;overflow-wrap:anywhere}
.quarantine-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.quarantine-actions .button,.quarantine-actions button{padding:9px 11px;font-size:12px;line-height:1.25;min-height:34px;text-align:center;margin:0}
.quarantine-actions .quarantine-action-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin:0;max-width:100%;min-width:0}
.quarantine-actions .quarantine-action-form:has(.quarantine-review-reason){flex:1 1 100%}
.quarantine-actions input.quarantine-review-reason{margin:0;padding:8px;font-size:12px;min-width:0;flex:1 1 100%;width:100%}
.quarantine-actions button[disabled]{opacity:.5;cursor:not-allowed}
.quarantine-main-row.delivery-row-open>td{background:#eaf3f5;color:#163449}
.quarantine-detail-row>td{padding:20px;background:#f2f6f9}
.quarantine-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.quarantine-detail-heading h3{margin:0}
.quarantine-detail-heading .button{padding:8px 14px;font-size:13px}
.quarantine-reason-panel{padding:16px 18px;background:#fff2f1;border:1px solid #f5c5bf;border-radius:10px;margin-bottom:20px}
.quarantine-reason-panel h4{margin:0 0 6px;color:#7d2520;font-size:12px}
.quarantine-reason-panel p{margin:0}
.quarantine-message{margin-top:24px;padding:20px;background:#fff;border:1px solid #dfe7ee;border-radius:10px;min-width:0}
.quarantine-message h3{margin:0 0 12px}
.quarantine-message .mail-preview{font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.6;background:#f7f9fb;border-radius:8px;padding:16px;margin:0;max-height:420px;white-space:pre-wrap;overflow-wrap:anywhere}
.quarantine-headers{margin-top:16px}
.quarantine-headers summary{cursor:pointer;color:#087e73;font-weight:600;margin-bottom:10px}
.quarantine-detail-content .delivery-security{border:1px solid #dfe7ee;border-radius:10px;margin-top:20px;padding:20px;min-width:0}
.quarantine-retention{margin:18px 0 0}
.quarantine-empty{padding:30px 16px!important;color:#63758a}
.quarantine-account-heading,.quarantine-account-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.quarantine-account-heading{margin-bottom:20px}
.quarantine-account-heading h2{margin:0 0 6px}
.quarantine-account-heading p{margin:0;overflow-wrap:anywhere}
.quarantine-account-actions form{margin:0}
.quarantine-account-actions .button,.quarantine-account-actions button{font-size:12px;padding:9px 12px}
.quarantine-account-summary{display:grid;grid-template-columns:minmax(180px,.5fr) minmax(0,1fr);gap:16px;margin-bottom:22px}
.quarantine-account-summary>div{padding:14px 16px;background:#f4f7fa;border:1px solid #e1e8ee;border-radius:9px}
.quarantine-account-summary span{display:block;color:#64758b;font-size:12px;margin-bottom:5px}
.quarantine-account-summary strong{font-size:13px;overflow-wrap:anywhere}
.quarantine-overflow-note{padding:14px 16px;border-left:3px solid #b45309;background:#fff8eb;border-radius:7px;font-size:13px;line-height:1.6;margin:16px 0}
@media(max-width:1100px) and (min-width:641px){
 .quarantine-table-wrap{overflow:auto}
 .delivery-history-table.quarantine-table{min-width:900px}
}
@media(max-width:640px){
 body.auth-panel.mailbox-panel>main{padding:24px 14px}
 .quarantine-list,.mailbox-quarantine-panel{padding:16px}
 .quarantine-account-summary{grid-template-columns:1fr;gap:10px}
 .quarantine-list>.toolbar{flex-wrap:wrap}
 .quarantine-table-wrap{overflow:visible}
 .delivery-history-table.quarantine-table{min-width:0;table-layout:auto}
 .quarantine-table>thead{display:none}
 .quarantine-table,.quarantine-table>tbody,.quarantine-table>tbody>tr{display:block;width:100%}
 .quarantine-table .quarantine-main-row{border:1px solid #dfe7ee;border-radius:10px;margin:12px 0;background:#fff;padding:8px 12px}
 .quarantine-table .quarantine-main-row>td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;border:0;width:100%}
 .quarantine-main-row>td::before{content:attr(data-label);font-size:11px;color:#64758b;font-weight:600}
 .quarantine-table .quarantine-main-row>td:last-child{display:block}
 .quarantine-main-row>td:last-child::before{display:block;margin:0 0 8px}
 .quarantine-actions{gap:8px}
 .quarantine-queue-id{grid-column:2;margin-top:0}
 .quarantine-score{justify-self:start}
 .quarantine-main-row.delivery-row-open{background:#eaf3f5}
 .quarantine-main-row.delivery-row-open>td{background:transparent}
 .quarantine-detail-row>td{display:block;width:100%;padding:14px 10px;border-radius:10px}
 .quarantine-detail-content .delivery-details dl{grid-template-columns:1fr}
 .quarantine-message,.quarantine-detail-content .delivery-security{padding:14px}
 .quarantine-reason-panel{padding:12px}
 .quarantine-message .mail-preview{padding:12px;font-size:12px}
}

.quarantine-main-row .quarantine-reason{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.quarantine-overflow-label{display:block;color:#9a4a06;font-size:11px;font-weight:650;margin-top:6px}

/* Shared quarantine and delivery security tables. */
.security-rules-table{width:100%;table-layout:auto!important}
.security-rules-table th:first-child,.security-rules-table td:first-child{width:6rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.security-rules-table td:nth-child(2){overflow-wrap:anywhere;min-width:10rem}
.security-rules-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere;min-width:15rem}
.delivery-history-detail-content .delivery-details{padding:0;background:transparent}
@media(max-width:640px){.security-rules-table{min-width:540px}.delivery-history-detail-content{padding:14px}}

.delivery-status{font-weight:750;line-height:1.55;overflow-wrap:anywhere}
.delivery-status-success{color:#087e73!important}
.delivery-status-failure{color:#b42318!important}
.delivery-status-pending{color:#945c08!important}
.delivery-result-panel{background:#f7fafb;border-color:#dfe7ee}
.delivery-log-table .quarantine-main-row>td:last-child{white-space:normal;text-align:left}

.mx-ip small{display:block;color:#617285;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.mx-smtp-card form[data-diagnostic]{display:inline-block;margin:8px 0}
.dns-diagnostic td{white-space:pre-wrap;overflow-wrap:anywhere}
.dns-level-error td{color:#b42318;background:#fff1f0}
.dns-level-warning td{color:#805600;background:#fff8d9}
.dns-level-ok td{color:#17664f}

.mx-smtp-card>.inline-smtp-result:empty{display:none}
.mx-smtp-card>.inline-smtp-check{display:inline-block;margin-right:8px}

.topic-panel{display:block;min-width:0;border:1px solid #dce5ed;border-radius:10px;background:white;margin:12px 0;grid-column:1/-1}
.topic-panel>summary{padding:16px 20px;font-size:15px;font-weight:700;color:#163449;cursor:pointer;list-style-position:inside}
.topic-panel[open]>summary{background:#edf4f7;border-bottom:1px solid #dce5ed;border-radius:10px 10px 0 0}
.topic-panel-content{padding:4px 16px 16px;min-width:0}
.topic-panel-content>section.card{box-shadow:none;border:0;margin:0;padding:16px 0}
.domain-edit-workspace,.domain-protection-grid{display:block!important}
@media(max-width:640px){.topic-panel>summary{padding:14px}.topic-panel-content{padding:4px 12px 12px}}

/* IT statistics workspace: one horizontal navigation row and one active panel. */
#statistics-workspace{min-width:0;max-width:100%;grid-column:1/-1}
.statistics-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:16px;background:#fff;border:1px solid #dce5ed;border-radius:12px}
.statistics-filters label{margin:0;font-size:13px;font-weight:700;color:#334e63}
.statistics-filters select{width:auto;min-width:125px;max-width:100%;margin:0}
.statistics-filters #statistics-domain{min-width:220px}
.statistics-filters button{margin:0 0 0 auto;white-space:nowrap}
.statistics-tabs{overflow-x:auto;max-width:100%;border-bottom:2px solid #dce5ed;-webkit-overflow-scrolling:touch;margin:0 0 12px}
.statistics-tabs [role=tablist]{display:flex;flex-wrap:nowrap;gap:4px;width:max-content;min-width:100%}
.statistics-tabs [role=tab]{display:block;flex:0 0 auto;padding:13px 17px;border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap;font-weight:700;font-size:14px;color:#496479;border-radius:8px 8px 0 0}
.statistics-tabs [role=tab][aria-selected=true]{color:#0875b9;background:#edf6fc;border-bottom-color:#0875b9}
.statistics-tabs [role=tab]:focus-visible{outline:2px solid #0875b9;outline-offset:-3px}
.statistics-update-status{font-size:12px;color:#617285;min-height:20px;margin:8px 0 14px}
#statistics-workspace[aria-busy=true] .statistics-update-status{color:#0875b9;font-weight:700}
#statistics-content{display:block;min-width:0;min-height:240px}
#statistics-content>section.card{margin:0 0 18px}
.statistics-domain-heading{font-size:17px;margin:20px 0 12px;overflow-wrap:anywhere}
#statistics-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
[data-statistics-detail]:not(:empty){margin:22px 0;padding:18px;background:#f3f7fa;border:1px solid #dce5ed;border-radius:12px}
@media(max-width:640px){.statistics-filters{gap:8px}.statistics-filters #statistics-domain{min-width:0;width:100%}.statistics-filters button{margin-left:0}.statistics-tabs [role=tab]{padding:12px 14px}}

/* Shared portal workspace: preserve form boundaries while showing one section. */
[data-portal-workspace]{min-width:0;max-width:100%;grid-column:1/-1}
.portal-tabs [role=tab]{cursor:pointer}
.portal-update-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0 18px;font-size:13px;color:#52697a}
.portal-update-bar button{flex:0 0 auto;margin:0}
.portal-enhanced .portal-panels{display:block;min-width:0}
.portal-enhanced [data-portal-panel][hidden]{display:none!important}
.portal-enhanced [data-portal-panel]{width:100%;max-width:none;box-sizing:border-box;margin:0 0 20px;min-width:0}
.portal-enhanced details[data-portal-panel]>summary{display:none}

.portal-enhanced .account-settings-grid,.portal-enhanced .domain-edit-workspace,.portal-enhanced .domain-protection-grid{display:block!important;width:100%;max-width:none}
.portal-enhanced .domain-edit-workspace>.grid{display:block}
.portal-enhanced [data-portal-panel] form{max-width:none;width:100%;box-sizing:border-box}
.portal-enhanced fieldset{min-width:0}
.portal-enhanced [data-portal-panel]>.grid,.portal-enhanced [data-portal-panel] form>.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.portal-enhanced input:not([type=checkbox]):not([type=radio]),.portal-enhanced select,.portal-enhanced textarea{max-width:100%;box-sizing:border-box}
.portal-enhanced [aria-busy=true]{cursor:progress}
.statistics-intervals{width:100%;max-width:none!important;box-sizing:border-box}
.statistics-interval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px;margin:20px 0}
.statistics-interval-grid>div{padding:22px;background:#f3f7fa;border:1px solid #dae5ed;border-radius:10px}
.statistics-interval-grid span{display:block;margin-bottom:10px;color:#52697a}
.statistics-interval-grid strong{display:block;font-size:24px;font-weight:750;color:#173b54}
.storefront .package-order-workspace{width:100%;max-width:1120px!important;margin:28px auto;padding:30px;box-sizing:border-box}
.package-order-workspace .package-order-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;margin:22px 0}
.package-order-workspace .package-order-choices .button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:70px;padding:18px;white-space:normal;box-sizing:border-box}
.package-order-workspace .existing-package-domains{list-style:none;padding:0;display:grid;gap:16px}
.package-order-workspace .existing-package-domains>li{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid #dce5ed;border-radius:10px;padding:22px;background:#f8fafc}
.package-order-workspace form{margin-top:24px;border-top:1px solid #dce5ed;padding-top:24px;max-width:none}
.package-order-workspace form>label{max-width:700px}
@media(max-width:640px){.portal-update-bar{align-items:flex-start;flex-direction:column}.storefront .package-order-workspace{padding:20px}.package-order-workspace .existing-package-domains>li{padding:16px}.portal-tabs [role=tab]{padding:12px 14px}}
.portal-enhanced .admin-antivirus-layout{display:block!important;min-width:0}
.portal-enhanced .admin-antivirus-main,.portal-enhanced .admin-antivirus-side{display:contents!important}

/* Always show overflow controls when more horizontal sections exist. */
.tab-scroll-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:6px;min-width:0;max-width:100%;margin:0 0 14px}
.tab-scroll-shell>.statistics-tabs{margin:0;min-width:0;width:100%;scrollbar-width:thin}
.tab-scroll-button{margin:0!important;padding:10px 12px!important;border:1px solid #b8ccdc;background:#eaf4fc;color:#075f9a;font-weight:750;border-radius:7px;white-space:nowrap;min-width:40px;cursor:pointer}
.tab-scroll-button[hidden]{display:none!important}
.tab-scroll-button:disabled{opacity:.35;cursor:default}
.tab-scroll-shell:has(>.tab-scroll-button[hidden]){grid-template-columns:minmax(0,1fr)}
.tabs-more-right>.statistics-tabs{box-shadow:inset -10px 0 8px -9px #0875b9}
.tabs-more-left>.statistics-tabs{box-shadow:inset 10px 0 8px -9px #0875b9}
.portal-subpanels{display:block!important;min-width:0}
.portal-subpanels>fieldset[hidden],.portal-enhanced [data-portal-panel][hidden],.portal-enhanced details[data-portal-panel][hidden]>*{display:none!important}
.portal-subtabs [role=tab]{border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;margin:0}
.portal-subtabs [role=tab][aria-selected=true]{background:#edf6fc;border-bottom-color:#0875b9}
@media(max-width:640px){.tab-scroll-button{padding:8px!important;font-size:12px}}

.portal-enhanced .domain-accordion:not([data-portal-panel]){display:block;border:0;padding:0;background:transparent}
.portal-enhanced .domain-accordion:not([data-portal-panel])>summary{display:none}

.record-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:16px 0;grid-column:1/-1}.record-pagination>.button{margin:0}.record-pagination [aria-disabled=true],.record-pagination button:disabled{opacity:.45;pointer-events:none}.record-pagination span:not(.button){font-size:13px;color:#52697a}
tr[hidden],details[hidden]{display:none!important}

.dns-check-results dt{font-weight:700;margin-top:14px}.dns-check-results dd{margin:6px 0}.dns-result-ok{color:#087b45}.dns-result-bad{color:#b52332}.dns-result-pending{color:#986400}

/* Readable pointer, keyboard and selected states across portal/public controls. */
body :is(a.button,button,[role=tab]):is(:hover,:active,:focus-visible){
 background:#075f9a;color:#fff;filter:none;
}
body :is(.statistics-tabs,.portal-subtabs) [role=tab][aria-selected=true]{
 background:#075f9a;color:#fff;border-bottom-color:#054b79;
}
body :is(a.button,button,[role=tab]):is(:hover,:active,:focus-visible) :is(span,strong,small),
body :is(.statistics-tabs,.portal-subtabs) [role=tab][aria-selected=true] :is(span,strong,small){color:inherit}
body :is(a.button,button,[role=tab]):focus-visible{outline:2px solid #075f9a;outline-offset:3px}
.protection-domain-filter{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 20px}
.protection-domain-filter label{flex:1;min-width:220px;max-width:560px;margin:0}
.protection-domain-filter button{margin:0}
.protection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:20px 0}
.protection-summary>div{padding:16px;background:#f3f7fa;border-radius:8px}
.protection-summary dt{color:#52697a;font-size:13px;margin-bottom:8px}
.protection-summary dd{margin:0}

/* v4.9.184: cloud service and comparison, Safari-safe intrinsic grids. */
.cloud-steps,.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;list-style:none}.cloud-steps li,.provider-card{min-width:0;padding:1.2rem;border:1px solid #dce5ee;border-radius:14px;background:#fff}.cloud-steps strong,.cloud-steps span{display:block}.cloud-steps span{margin-top:.5rem}.provider-mark{display:block;width:160px;max-width:100%;height:64px;margin:0 0 1rem;fill:currentColor}.cloudflare-mark{color:#f48120}.ovh-mark{color:#000e9c}.cluster-mark{display:block;height:64px;color:#143b68}.cluster-mark svg{width:64px;height:64px}.provider-attribution{font-size:.85rem;color:#526276}.cloud-compare-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dce5ee;border-radius:12px}.cloud-compare{width:100%;min-width:740px;border-collapse:collapse;table-layout:fixed}.cloud-compare th,.cloud-compare td{padding:1rem;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #dce5ee}.cloud-compare thead th{background:#143b68;color:#fff}.cloud-compare tbody tr:nth-child(even){background:#f4f7fb}.cloud-compare th:first-child{width:26%}.release-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.release-category{min-width:0;border:1px solid #dce5ee;border-radius:12px;padding:1rem;background:#fff}.release-category h3{margin-top:0;color:#143b68}.release-category li{overflow-wrap:anywhere}.release-entry summary h2{font-size:1.1rem}.release-entry{scroll-margin-top:1rem}@media(max-width:800px){.cloud-steps,.provider-grid,.release-content{grid-template-columns:1fr}.provider-card{padding:1rem}}

/* v4.9.185: compact, visible trust row inside the first banner. */
.banner-benefits{display:flex;flex-wrap:wrap;gap:6px 12px;margin:14px 0 12px}.banner-benefits span{font-size:12px;font-weight:700;color:#075f57}.banner-benefits span::before{content:"✓ ";color:#087e73}.banner-trust{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}.banner-provider{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#143b68;padding:6px 0}.banner-provider svg{width:38px;height:30px;fill:currentColor;flex-shrink:0}.banner-provider-cf svg{color:#f48120}.banner-provider-ovh svg{color:#000e9c}.banner-provider strong,.banner-provider small{display:block;line-height:1.35}.banner-provider strong{font-size:13px}.banner-provider small{font-size:11px;color:#526779}.banner-provider:hover strong,.banner-provider:focus-visible strong{text-decoration:underline}.banner-provider:focus-visible{outline:2px solid #143b68;outline-offset:4px;border-radius:4px}.mailflow-banner-copy:has(.banner-trust) .mailflow-banner-description{margin-bottom:14px}@media(max-width:760px){.banner-trust{gap:8px 16px}.banner-benefits{gap:5px 10px}.banner-benefits span{font-size:11px}}

/* v4.9.186 public information hierarchy; portal controls are unaffected. */
.grouped-store-nav{gap:12px;align-items:center}.store-nav-group{position:relative}.store-nav-group>summary{cursor:pointer;list-style:none;color:#233f50;padding:10px 8px;font-size:13px;font-weight:650}.store-nav-group>summary::after{content:" ▾"}.store-nav-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:220px;max-width:90vw;background:#fff;border:1px solid #dce5ee;border-radius:12px;box-shadow:0 14px 35px #12263c20;padding:8px}.store-nav-dropdown a{display:block!important;padding:9px 12px!important;white-space:normal}.store-nav-group:not([open])>.store-nav-dropdown{display:none}.storefront .trust-hero,.storefront .product-page-hero{padding-top:25px;padding-bottom:22px}.trust-navigation{display:flex!important;flex-wrap:wrap;gap:8px;margin:24px 0!important}.trust-navigation a{padding:8px 12px!important;font-size:12px}.review-table{width:100%;min-width:600px;border-collapse:collapse}.review-table th,.review-table td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #dce5ee;white-space:normal;overflow-wrap:anywhere}.review-table thead{background:#143b68;color:white}.review-table th:first-child{width:30%}.review-table tr:nth-child(even){background:#f4f7fb}.release-pager{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0}.release-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.release-filter label{max-width:260px}.release-filter button{width:auto}.package-grid-selected .package-heading,.package-grid-selected .package-top{display:none}.signup-package .package-heading{display:none}.package-grid-selected .package-card{padding:22px;min-height:0}.selected-package-detail summary{cursor:pointer;font-weight:700;color:#143b68;padding:12px 0}.package-sending-limit{font-size:12px;color:#526779}.review-demo{padding:24px;border:1px solid #dce5ee;border-radius:14px;background:white}.review-demo-actions{display:flex;flex-wrap:wrap;gap:10px}.review-demo-actions button{width:auto}#review-demo-output{padding:20px;margin:20px 0;border-left:4px solid #087e73;background:#f2f8f6}.mailflow-banner-zone>.banner-benefits{margin-top:18px}.store-footer{display:flex;flex-wrap:wrap;gap:15px}.grouped-store-nav a.store-signup{background:#087e73;color:#fff;padding:10px 16px;border-radius:8px}@media(max-width:760px){.grouped-store-nav{display:flex;flex-wrap:wrap!important;gap:8px}.store-nav-dropdown{left:0;right:auto;min-width:200px}.review-demo{padding:16px}.trust-navigation a{flex:1 1 180px}.release-filter{align-items:stretch}}@media print{.store-header,.store-footer,.floating-support,.trust-navigation{display:none!important}.cloud-compare-scroll{overflow:visible}.review-table{min-width:0}.store-main{max-width:none}.trust-card{break-inside:avoid}}

.cloud-compare thead a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* v4.9.190: button disclosures, no nested native details rendering. */
.store-header #store-navigation .store-nav-group>.store-nav-dropdown[hidden],
.store-header #store-navigation>.grouped-store-nav[hidden]{display:none!important}
.store-header #store-navigation .store-nav-group>.store-nav-dropdown:not([hidden]){display:block!important}
.store-header #store-navigation{display:block;position:relative}
.store-header #store-navigation .store-nav-trigger,.store-header #store-navigation .store-menu-toggle{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:auto;min-height:40px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:8px;font:600 13px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:normal;text-transform:none;color:#233f50;background:#fff;box-shadow:none;cursor:pointer}
.store-header #store-navigation button:hover,.store-header #store-navigation button:focus-visible,.store-header #store-navigation button[aria-expanded=true]{background:#143b68;color:#fff}
.store-header #store-navigation button span{color:inherit}
.store-header #store-navigation button:focus-visible{outline:2px solid #087e73;outline-offset:3px}
@media(min-width:1101px){.store-header #store-navigation>.store-menu-toggle{display:none}.store-header #store-navigation>.grouped-store-nav{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center}.store-header #store-navigation .store-nav-group{position:relative;width:auto}}
@media(max-width:1100px){.store-header #store-navigation{flex:1 0 100%;width:100%;order:2}.store-header #store-navigation>.grouped-store-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:8px}.store-header #store-navigation .store-nav-group{width:100%}.store-header #store-navigation .store-nav-trigger{width:100%}.store-header #store-navigation .store-nav-group>.store-nav-dropdown{position:static;min-width:0;width:100%;max-width:100%}}

.store-header{position:relative;z-index:300;overflow:visible}
.store-header #store-navigation .store-nav-group{border:0;margin:0;padding:0;background:transparent;box-shadow:none;overflow:visible;flex:0 0 auto}
.store-header #store-navigation .store-nav-group>.store-nav-dropdown{box-sizing:border-box;background:#fff;color:#233f50;float:none;columns:auto;padding:8px;isolation:isolate;z-index:301}
.store-header #store-navigation .store-nav-dropdown a,.store-header #store-navigation .store-nav-dropdown a:visited{display:block!important;position:static;float:none;width:100%;box-sizing:border-box;height:auto;margin:0;padding:10px 12px!important;transform:none;white-space:normal;color:#233f50;background:#fff;text-decoration:none;font-size:13px;line-height:1.5;border-radius:6px}
.store-header #store-navigation .store-nav-dropdown a:hover,.store-header #store-navigation .store-nav-dropdown a:focus-visible{background:#143b68;color:#fff}
.store-header #store-navigation .store-login{background:#fff;color:#233f50}
.store-header #store-navigation .store-signup{background:#087e73;color:#fff;padding:10px 16px}
.store-header #store-navigation .store-login:hover,.store-header #store-navigation .store-signup:hover{background:#143b68;color:#fff}
@media(min-width:1101px){.store-header #store-navigation .store-nav-group>.store-nav-dropdown{position:absolute;top:100%;right:0;left:auto;width:240px;min-width:240px;max-width:calc(100vw - 32px);margin:0}}
/* Live public service status: scoped, responsive, no invented uptime. */
#service-status-live{margin:22px auto 36px;max-width:1120px}
.status-overall{padding:24px;border-radius:12px;border:1px solid #d9e4ec;background:#edf3f7}.status-overall h2{margin:0 0 7px;font-size:24px}.status-overall p{margin:0;color:inherit}
.status-overall.status-ok{background:#eaf7f1;color:#075f43;border-color:#c9e8d9}.status-overall.status-bad{background:#fff1e9;color:#8f3d13;border-color:#efd4bf}.status-overall.status-unknown{background:#edf1f5;color:#40576c}
.status-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 24px;color:#52697d;font-size:12px}
.status-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.status-component{min-width:0;padding:20px;border:1px solid #dce5ef;background:#fff;border-radius:11px}.status-component h3{margin:16px 0 6px;font-size:16px}.status-component p{font-size:13px;color:#52697d;margin:0}
.status-badge{display:inline-block;font-size:12px;font-weight:650;border-radius:5px;padding:4px 8px;background:#e9eff5;color:#40576c}.status-badge.status-ok{background:#eaf7f1;color:#075f43}.status-badge.status-bad{background:#fff0e6;color:#8f3d13}
.status-scope,.status-legend{font-size:12px;color:#52697d;line-height:1.6}.status-section{margin-top:30px}.status-section h2{font-size:20px}.status-history-row{margin:16px 0}.status-history-row strong{display:block;font-size:13px;margin-bottom:7px}.status-bars{display:grid;grid-template-columns:repeat(90,minmax(0,1fr));gap:3px;height:25px}.status-day{border-radius:2px;background:#bdcad6}.status-day.status-ok{background:#259273}.status-day.status-bad{background:#c84b3e}.status-day.status-partial{background:#d29d30}.status-history-labels{display:flex;justify-content:space-between;font-size:12px;color:#52697d}
.status-notice{padding:18px 20px;margin:12px 0;border:1px solid #dce5ef;background:#fff;border-radius:10px}.status-notice>summary{cursor:pointer;font-weight:650;color:#19344b}.status-notice p{white-space:pre-wrap;overflow-wrap:anywhere;color:#40576c}
@media(max-width:700px){.status-components{grid-template-columns:repeat(2,minmax(0,1fr))}.status-bars{gap:2px}}@media(max-width:430px){.status-components{grid-template-columns:1fr}.status-component{padding:16px}.status-overall{padding:18px}.status-overall h2{font-size:20px}}

/* Domain delivery is independent of the Antispam form. */
.domain-settings-card .domain-settings-grid,.delivery-settings-v2 .domain-settings-grid{display:block}
form[data-protection-policy] [data-policy-affixes][hidden]{display:none!important}
form[data-protection-policy] select[multiple]{min-height:180px;width:100%;max-width:100%}
form[data-protection-policy] textarea{min-height:110px}

/* Compact DNS values, identical in administrator and IT health views. */
.compact-domain-security .copy-row input,.compact-domain-security .copy-row textarea{font-weight:700;font-size:12px;color:#152239}
.compact-domain-security .security-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-domain-security .security-record-card .copy-row input{height:auto;min-height:36px}
.compact-domain-security .security-record-card .copy-field{margin:5px 0}
@media(max-width:800px){.compact-domain-security .security-record-grid{grid-template-columns:minmax(0,1fr)}}

.av-settings>.file-types-v2,.sanesecurity-settings>.sanesecurity-policy{border-top:1px solid #dce5ec;margin-top:20px;padding-top:18px}
.sanesecurity-settings h3,.av-settings>.file-types-v2 h3{margin:0 0 12px}

.intrusion-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end}.intrusion-settings label{font-weight:650}.intrusion-settings input{font-weight:700}.intrusion-area{min-width:0;margin:16px 0;padding:16px;border:1px solid #d9e3ee;border-radius:10px}

/* Session-free protected-link page. */
body.safe-link-page{display:block;line-height:1.7}.safe-link-page main{margin:0 auto;width:100%;max-width:780px;padding:48px 20px}.safe-link-page .card{max-width:none}.safe-link-page #link-host{overflow-wrap:anywhere;font-weight:700}.safe-link-page [hidden]{display:none!important}.safe-link-page .wait-spinner{margin-bottom:20px}
/* Public directories belong to the header; footer details stay closed until opened. */
.storefront .grouped-public-footer{display:flex;align-items:flex-start;gap:14px 28px;flex-wrap:wrap}
.storefront .grouped-public-footer>details{flex:1 1 220px;max-width:100%}
.storefront .grouped-public-footer>details>summary{cursor:pointer;font-weight:600;padding:4px 0}
.storefront .grouped-public-footer nav{display:grid;gap:8px;margin-top:12px}
.store-header #store-navigation .store-nav-dropdown{max-height:min(70vh,640px);overflow-y:auto;overscroll-behavior:contain}
.status-meta .status-refresh-button{width:auto;margin:0;padding:7px 12px;font-size:12px}

/* Compact mobile navigation: keep the toggle beside the brand. */
.store-header #store-navigation>.store-menu-toggle svg{display:block;flex:none}
@media(max-width:1100px){
 .store-header .store-brand{max-width:calc(100% - 60px);min-width:0}
 .store-header #store-navigation{position:static;flex:0 0 auto;width:auto;order:0;margin-left:auto}
 .store-header #store-navigation>.store-menu-toggle{width:44px;height:44px;min-height:44px;padding:10px;justify-content:center;border-color:var(--line)}
 .store-header #store-navigation>.grouped-store-nav{position:absolute;left:0;right:0;top:100%;width:100%;min-width:0;max-height:60vh;max-height:60dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;margin:0;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 12px 24px #10223918;z-index:302}
}

/* v239: a visual, responsive explanation of the existing mail gateway. */
.storefront .mailflow-banner{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:40px;align-items:center}
.storefront .mailflow-banner-zone{background:radial-gradient(ellipse at 90% 20%,#dff4ef 0,transparent 55%),linear-gradient(135deg,#f5f9fc,#fff);border:1px solid #dae5ec;border-radius:22px}
.storefront .mailflow-banner-art{display:grid;width:100%;min-width:0}
.flow-visual{box-sizing:border-box;width:100%;max-width:410px;padding:23px;border:1px solid #d8e5eb;border-radius:20px;background:#ffffffeb;box-shadow:0 18px 50px #12283c12;color:#173148;text-align:center}
.flow-caption,.flow-kicker{font-size:10px;font-weight:700;letter-spacing:.12em;color:#506879}.flow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#148779;margin-right:7px}
.flow-endpoint{padding:10px;border:1px solid #e0e8ee;background:#f6f9fb;border-radius:10px;font-weight:600;font-size:14px}.flow-endpoint small{display:block;font-size:11px;font-weight:400;margin-top:3px}
.flow-caption{margin-bottom:15px}.flow-path{height:22px;width:2px;background:#b8d8d1;margin:auto;position:relative;overflow:hidden}.flow-path:after{content:"";position:absolute;top:0;left:0;width:2px;height:8px;background:#087f72}
.flow-gateway{padding:20px 12px;border-radius:14px;background:#102c40;color:#fff;box-shadow:0 7px 18px #102c4020}.flow-kicker{color:#9bdacf;display:block;margin-bottom:8px}.flow-gateway strong{font-size:20px}.flow-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:13px}.flow-checks span{border:1px solid #476578;border-radius:6px;padding:5px;font-size:10px}.flow-visual>p{font-size:10px;line-height:1.5;color:#526879;margin:13px 0 0}
.security-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.security-highlight-grid article{position:relative;padding:27px;border:1px solid #dae5ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px #10223906}.security-highlight-grid h3{font-size:22px;line-height:1.25;margin:12px 0}.security-highlight-grid article>p:not(.store-eyebrow){color:#536477;line-height:1.75}.highlight-number{display:block;color:#0b8376;font-size:34px;font-weight:700;margin-bottom:24px}.security-highlight-grid a{display:inline-flex;gap:16px;font-weight:600;padding-top:12px}.security-highlights>h2{max-width:680px}
.storefront .google-reputation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;background:#102c40;color:#fff;border-radius:20px;padding:36px}.google-reputation .store-eyebrow{color:#9bdacf}.google-reputation p{color:#deeaee;line-height:1.75}.google-reputation h2,.google-reputation h3{color:#fff}.reputation-scope{border:1px solid #466273;border-radius:14px;padding:23px}.reputation-scope ul{padding-left:20px;line-height:1.8}.google-reputation summary{color:#a9e2d7}.google-reputation details p{font-size:13px}
.capability-details{border-top:1px solid #e0e8ee;margin-top:16px;padding-top:12px}.capability-details summary,.reputation-scope summary{cursor:pointer;font-weight:600;padding:7px 0}.capability-details p{font-size:13px;line-height:1.7}.google-provider-mark{font-size:28px;color:#147b72}.banner-trust{flex-wrap:wrap}
@media(prefers-reduced-motion:no-preference){.flow-path:after{animation:flow-transit 2.8s linear infinite}.security-highlight-grid article{transition:transform .2s ease,box-shadow .2s ease}.security-highlight-grid article:hover{transform:translateY(-4px);box-shadow:0 14px 30px #10223910}@keyframes flow-transit{from{transform:translateY(-8px)}to{transform:translateY(30px)}}}
@media(max-width:900px){.storefront .mailflow-banner{gap:22px;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr)}.security-highlight-grid{gap:12px}.security-highlight-grid article{padding:20px}.storefront .google-reputation{gap:22px;padding:26px}}
@media(max-width:760px){.storefront .mailflow-banner{grid-template-columns:minmax(0,1fr);gap:24px}.storefront .mailflow-banner-art{display:grid}.flow-visual{max-width:460px;padding:16px}.flow-gateway{padding:14px 10px}.flow-path{height:16px}.flow-caption{margin-bottom:10px}.security-highlight-grid{grid-template-columns:minmax(0,1fr)}.highlight-number{float:right;margin:0 0 10px 12px;font-size:28px}.storefront .google-reputation{grid-template-columns:minmax(0,1fr);padding:22px 18px}.reputation-scope{padding:16px}.storefront .mailflow-banner-zone{border-radius:0}.banner-provider{max-width:100%;min-width:0}.banner-provider small{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.flow-path:after{animation:none}.security-highlight-grid article{transition:none}.security-highlight-grid article:hover{transform:none}}
/* v240: official product artwork, shared provider alignment. */
.banner-provider .google-webrisk-mark{width:34px;height:34px;flex:0 0 34px}.google-provider-heading{display:flex;align-items:center;gap:14px}.google-provider-heading>.google-webrisk-mark{width:48px;height:48px;flex:0 0 48px;background:#fff;border-radius:10px;padding:7px;box-sizing:border-box}.google-provider-heading h2{margin:0}.status-change-history>summary{cursor:pointer;font-weight:600;padding:12px 0;color:#183448}.status-meta [data-status-age]{font-weight:600}
/* v241: readable headings, practical benefits and quiet local SVG motion. */
.brand-shield .brand-check{stroke:#12263c}
.storefront .store-section h1,.storefront .trust-hero h1{color:#12263c;line-height:1.16;letter-spacing:-.025em;font-size:clamp(28px,3.2vw,44px);max-width:950px}
.storefront .store-section h2{color:#173a59;line-height:1.25;letter-spacing:-.015em}.storefront .store-eyebrow{color:#27536e;font-weight:700;letter-spacing:.1em}
.storefront .google-reputation{background:#102c40;color:#f3f8fc}.storefront .google-reputation h2,.storefront .google-reputation h3{color:#fff}.storefront .google-reputation p,.storefront .google-reputation .store-intro,.storefront .google-reputation li{color:#e5eff6;opacity:1}.storefront .google-reputation .store-eyebrow{color:#a9e6dc}.storefront .google-reputation summary,.storefront .google-reputation a{color:#b5f0e4}.storefront .google-reputation .reputation-scope{background:#17384e;border-color:#607e91}.storefront .google-reputation summary:focus-visible,.storefront .google-reputation a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.storefront .section-motion-icon{display:inline-grid;margin-bottom:12px;background:#eaf1f8;color:#235b83}.storefront .trust-card>.section-motion-icon{width:44px;height:44px}.storefront .trust-card>.section-motion-icon svg{width:28px;height:28px}
.status-component .status-badge[role=img]{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;background:#e6f5ec;color:#157341}.status-component .status-badge.status-bad[role=img]{background:#fcecee;color:#b32135}.status-component .status-badge.status-unknown[role=img]{background:#edf1f5;color:#5c6978}.status-icon-legend{display:flex;gap:16px;flex-wrap:wrap}.status-icon-legend span:first-child{color:#157341}.status-icon-legend span:nth-child(2){color:#b32135}
.why-securawall-link{position:fixed;left:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 13px;border-radius:28px;background:#12263c;color:#fff;text-decoration:none;box-shadow:0 5px 20px #10223925;border:1px solid #36526a;font-size:12px;font-weight:600}.why-securawall-link:hover{background:#234967;color:#fff}.why-securawall-link:focus-visible{outline:3px solid #087e73;outline-offset:4px}.why-banner-action{margin:18px 0 28px}.why-value-strip{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.why-value-strip span{padding:10px 14px;border:1px solid #d3e3ed;background:#edf5fa;color:#17435e;border-radius:9px;font-weight:600;font-size:13px}.why-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.why-example{padding:28px;border:1px solid #dae5ec;border-radius:16px;background:#fff;box-shadow:0 7px 24px #10223906;min-width:0}.why-example h2{color:#173a59;font-size:23px;line-height:1.3}.why-example dl{margin:20px 0}.why-example dt{font-weight:700;font-size:13px;color:#24536d;margin-top:17px}.why-example dd{margin:5px 0 0;color:#425a6c;line-height:1.7}.why-example summary{font-weight:600;color:#24536d;cursor:pointer;padding:9px 0}.why-example details p{font-size:13px;color:#52677c;line-height:1.7}.why-next{margin-top:28px}
@media(max-width:760px){.why-example-grid{grid-template-columns:minmax(0,1fr);gap:16px}.why-example{padding:22px}.why-securawall-link{left:12px;bottom:14px;width:44px;height:44px;box-sizing:border-box;padding:9px}.why-securawall-link>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.google-provider-heading{align-items:flex-start}.storefront .google-reputation h2{font-size:25px;overflow-wrap:anywhere}.google-provider-heading>.google-webrisk-mark{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:no-preference){.storefront section:hover>.section-motion-icon svg{animation:feature-icon-hover .8s ease-in-out 1}}
@media(prefers-reduced-motion:reduce){.storefront section:hover>.section-motion-icon svg{animation:none;transform:none}}

/* Two base services and a separate optional relay add-on. */
.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-grid-selected{grid-template-columns:minmax(0,1fr)}.relay-addon-section{border:1px solid #bed0e5;border-radius:18px;padding:28px;background:linear-gradient(120deg,#edf4fc,#fff);color:#183956}.relay-addon-section h2,.relay-addon-section strong{color:#143b68}.relay-addon-section .store-eyebrow{color:#235c99}.relay-addon-offer{margin:24px 0;padding:22px;border:1px solid #b6cbe3;border-radius:12px;background:#f0f6fd;color:#183956;min-width:0}.relay-addon-offer legend{font-weight:700;padding:0 8px;color:#143b68}.relay-addon-offer input[type=checkbox]{width:auto}.addon-order-summary dl{display:grid;grid-template-columns:1fr auto;gap:12px}.addon-order-summary dd{margin:0}.addon-hint{padding-top:12px;border-top:1px solid #dbe5f0}@media(max-width:760px){.package-grid{grid-template-columns:minmax(0,1fr)}.relay-addon-section,.relay-addon-offer{padding:20px}.addon-order-summary dl{grid-template-columns:1fr}.addon-order-summary dd{margin-bottom:10px}}

/* Slide-specific scope badges and grouped package navigation. */
.mailflow-banner-footer{grid-column:1/-1;min-width:0}.mailflow-banner-footer>.banner-benefits{margin-top:18px}.storefront .mailflow-banner{row-gap:0}.storefront .store-nav-section{margin:0;padding:10px 0;border-top:1px solid #dce5ee}.storefront .store-nav-section:first-child{border-top:0;padding-top:0}.storefront .store-nav-section-title{margin:4px 12px 6px;color:#536779;font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:750}.storefront .store-package-dropdown{min-width:260px;max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:760px){.storefront .mailflow-banner{row-gap:24px}.mailflow-banner-footer>.banner-benefits{margin-top:0}.storefront .store-package-dropdown{min-width:0;max-height:65vh}.store-nav-section-title{padding-top:3px}}

/* Shared menu typography, compact banners and clearer purchase cards. */
.store-header #store-navigation .store-nav-section-title{font:600 13px/1.5 system-ui,-apple-system,sans-serif;color:#233f50;letter-spacing:normal;text-transform:none;margin:4px 12px 6px}
.store-header #store-navigation .store-nav-section{border-color:#dce5ee;background:#fff}
/* Vertical spacing/minimum dimensions use 70% of the previous values; content can grow rather than clip. */
.storefront .mailflow-banner-zone{padding-top:23.52px;padding-bottom:20.16px}
.storefront .mailflow-banner{min-height:175px;column-gap:28px}
.storefront .mailflow-banner-label{margin-bottom:8.4px}
.storefront .mailflow-banner h1,.storefront .mailflow-banner h2{margin-bottom:11.2px}
.storefront .mailflow-banner-description{margin-bottom:14px;line-height:1.6}
.storefront .mailflow-banner .flow-visual{padding:16.1px}
.storefront .mailflow-banner .flow-caption{margin-bottom:10.5px}
.storefront .mailflow-banner .flow-endpoint{padding:7px}
.storefront .mailflow-banner .flow-path{height:15.4px}
.storefront .mailflow-banner .flow-gateway{padding:14px 8.4px}
.storefront .mailflow-banner .flow-kicker{margin-bottom:5.6px}
.storefront .mailflow-banner .flow-checks{margin-top:9.1px;gap:4.2px}
.storefront .mailflow-banner .flow-checks span{padding:3.5px}
.storefront .mailflow-banner .flow-visual>p{margin-top:9.1px}
.storefront .mailflow-banner-footer>.banner-benefits{margin-top:12.6px;margin-bottom:8.4px}
.storefront .mailflow-banner-footer .banner-provider{padding-top:4.2px;padding-bottom:4.2px}
.storefront .mailflow-banner-controls{padding-top:11.2px}
.storefront .package-grid{gap:26px;align-items:stretch}
.storefront .package-card{position:relative;isolation:isolate;overflow:hidden;padding:32px;border:1px solid #d9e3ef;border-radius:24px;background:linear-gradient(145deg,#fff 64%,#f1f5fb);box-shadow:0 12px 32px #173b680a;color:#18324e;transition:transform .2s,box-shadow .2s,border-color .2s}
.storefront .package-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#b8c9dd}
.storefront .package-card-secure{border:2px solid #1f548d;padding:31px;background:radial-gradient(ellipse at 100% 0,#e7f0fc 0,transparent 55%),#fff;box-shadow:0 16px 38px #143b6814}
.storefront .package-card-secure::before{background:linear-gradient(90deg,#123861,#3478be)}
.storefront .package-card:hover{transform:translateY(-4px);border-color:#7c9fc4;box-shadow:0 20px 42px #143b6819}
.storefront .package-top{margin-bottom:8px;gap:14px}
.storefront .package-label{display:inline-flex;border:1px solid #d7e3f0;border-radius:999px;padding:7px 12px;background:#f1f5fa;color:#244e7e;font-size:11px;letter-spacing:.08em;font-weight:750}
.storefront .package-card-secure .package-label{background:#143b68;color:#fff;border-color:#143b68}
.storefront .package-top .motion-icon{width:52px;height:52px;border-radius:15px;color:#1c5792;background:#eaf1fa;border:1px solid #d5e3f2}
.storefront .package-card h3{font-size:28px;line-height:1.2;color:#132e4b;letter-spacing:-.7px;margin:14px 0 12px}
.storefront .package-summary{font-size:14px;line-height:1.75;min-height:50px;color:#52677f;margin-bottom:22px;max-width:38ch}
.storefront .package-price{gap:8px;min-height:66px;color:#143b68}
.storefront .package-price strong{font-size:52px;line-height:1.1;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.storefront .package-currency{font-size:12px;letter-spacing:.04em}.storefront .package-cycle{font-size:13px;color:#53677f}
.storefront .package-price-pending strong{font-size:24px;letter-spacing:-.5px}
.storefront .package-price-note{font-size:12px;color:#5c7087;margin:8px 0 18px}
.storefront .package-card .package-queue-limits{font-size:12px;line-height:1.65;color:#405e7d;padding:12px 14px;border-radius:10px;background:#eef3f9;margin:0 0 20px}
.storefront .package-features{border-color:#dce5ef;padding-top:16px}
.storefront .package-features li{align-items:flex-start;gap:11px;font-size:14px;line-height:1.65;padding:8px 0;color:#304c69}
.storefront .package-features li>span:first-child{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:50%;background:#e9f1fa;color:#1c548b;font-size:12px;margin-top:2px}
.storefront .package-features li.not-included{color:#687b90}.storefront .package-features li.not-included>span:first-child{background:#f1f3f6;color:#687b90}
.storefront .package-bottom{margin-top:auto;padding-top:20px}
.storefront .package-bottom>p:first-child{font-size:13px;margin:0 0 16px}.storefront .package-bottom>p:first-child a{color:#285e95;font-weight:600}
.storefront .package-card .package-buy{border:1px solid #1e548d;border-radius:11px;background:#fff;color:#174b81;padding:13px 18px;min-height:46px;font-weight:700;box-shadow:none;white-space:normal}
.storefront .package-card-secure .package-buy{background:#143b68;color:#fff;border-color:#143b68;box-shadow:0 6px 14px #143b681f}
.storefront .package-card .package-buy:hover{background:#1d538b;color:#fff;border-color:#1d538b}.storefront .package-card .package-buy:focus-visible{outline:3px solid #6a9cd1;outline-offset:3px}
.storefront .package-bottom .addon-hint{color:#53677f;border-color:#dce5ef;font-size:12px;padding-top:14px;margin-top:16px}.storefront .package-bottom .addon-hint a{color:#285e95;font-weight:600}
.storefront .relay-addon-section{position:relative;border:1px solid #c9d9eb;border-left:5px solid #2b6098;padding:30px;border-radius:20px;background:linear-gradient(120deg,#edf3fc,#fff 78%);box-shadow:0 10px 28px #143b6809}
.storefront .relay-addon-section h2{font-size:29px;letter-spacing:-.5px;margin:10px 0 14px}.storefront .relay-addon-section>.store-eyebrow{font-size:11px;letter-spacing:.08em;color:#285e95}
.storefront .relay-addon-section .addon-price{padding:14px 16px;border:1px solid #d5e2f0;border-radius:10px;background:#ffffffb8;line-height:1.65}.storefront .relay-addon-section .addon-price strong{font-size:18px;color:#143b68}.storefront .relay-addon-section ul{line-height:1.85;color:#405a75}
@media(max-width:760px){.storefront .mailflow-banner-zone{padding-top:17.92px;padding-bottom:17.92px}.storefront .mailflow-banner{min-height:210px;row-gap:16.8px}.storefront .mailflow-banner .flow-visual{padding:11.2px}.storefront .mailflow-banner .flow-caption{margin-bottom:7px}.storefront .mailflow-banner .flow-path{height:11.2px}.storefront .mailflow-banner .flow-gateway{padding:9.8px 7px}.storefront .mailflow-banner-footer>.banner-benefits{margin-top:0}.storefront .package-grid{gap:20px}.storefront .package-card{padding:24px;border-radius:19px}.storefront .package-card-secure{padding:23px}.storefront .package-card h3{font-size:25px}.storefront .package-price strong{font-size:46px}.storefront .package-price-pending strong{font-size:22px}.storefront .package-summary{min-height:0}.storefront .relay-addon-section{padding:23px 20px}.storefront .relay-addon-section .addon-price strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.storefront .package-card{transition:none}.storefront .package-card:hover{transform:none}}

/* Stable banner track, with the illustration fitted to its own grid cell. */
.storefront .mailflow-banner-track{height:auto;min-height:0}
.storefront .mailflow-banner{height:100%;min-height:0;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;overflow:visible}
.storefront .mailflow-banner-copy{align-self:center;min-height:0}
.storefront .mailflow-banner-art{height:100%;min-height:0;align-self:stretch;place-items:stretch center;overflow:visible}
.storefront .mailflow-banner .flow-visual{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:7px}
.storefront .mailflow-banner .flow-caption,.storefront .mailflow-banner .flow-endpoint,.storefront .mailflow-banner .flow-gateway,.storefront .mailflow-banner .flow-visual>p{flex:0 0 auto;margin-top:0;margin-bottom:0}
.storefront .mailflow-banner .flow-path{flex:1 1 20px;min-height:12px;max-height:48px;margin:0 auto}
.storefront .mailflow-banner-footer{padding-top:14px}
/* Local HTML/SVG infographics: readable text remains selectable and accessible. */
.service-story>h2{max-width:760px}.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.story-card{position:relative;min-width:0;padding:25px;border:1px solid #d9e5f0;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f7fc);color:#294866;box-shadow:0 8px 24px #143b6808}
.story-card .motion-icon{width:48px;height:48px;margin:0 0 18px;border-radius:13px;background:#eaf1fa;color:#245e98}
.story-card-index{position:absolute;right:22px;top:24px;font-size:23px;font-weight:750;color:#a9bdd4;letter-spacing:-1px}.story-card h3{font-size:19px;line-height:1.35;color:#163b64;margin:0 0 12px}.story-card p{font-size:14px;line-height:1.75;margin:0;color:#4c637c}
.story-cards-boundary .story-card{box-shadow:none;background:#f7f9fc}.story-cards-boundary .story-card h3{font-size:17px}
.story-route-heading{font-size:21px;color:#163b64;margin-top:34px}.story-route{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;list-style:none;padding:0;margin:24px 0;counter-reset:route}
.story-route>li{position:relative;min-width:0;padding:22px 20px;border:1px solid #d6e3f1;border-top:3px solid #2c6299;border-radius:14px;background:#f0f5fc;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.story-route>li:not(:last-child)::after{content:"→";position:absolute;right:-17px;top:31px;z-index:1;background:#fff;color:#2e6297;font-size:22px;width:20px;text-align:center}.story-route-dot{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;border-radius:50%;background:#143b68;color:#fff;font-size:13px;font-weight:700}.story-route strong{font-size:16px;line-height:1.4;color:#163b64}.story-route>li>span:last-child{font-size:13px;line-height:1.65;color:#4e6680}
.story-disclosure{border:1px solid #dce6f0;border-radius:13px;padding:16px 20px;background:#fff;margin:20px 0;color:#445d77}.story-disclosure>summary{cursor:pointer;font-weight:650;font-size:14px;color:#224f7f;line-height:1.6}.story-disclosure[open]>summary{margin-bottom:18px}.story-disclosure p{line-height:1.75;font-size:14px}.story-disclosure>.store-section{padding:10px 0;margin:0}.story-disclosure .package-flow{margin-bottom:0}
.relay-story-hero{max-width:900px}.relay-story-hero .button{margin-top:12px}.relay-path-lanes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.relay-path-lane{padding:26px;border:1px solid #dce5ef;border-radius:20px;background:#f7f9fc}.relay-path-lane-enabled{background:#edf4fd;border-color:#9cbada;box-shadow:inset 0 4px 0 #285d95}.relay-path-lane h3{font-size:22px;color:#163b64;line-height:1.35}.relay-path-lane>p:last-child{font-size:14px;line-height:1.75;color:#4c637c}.relay-path-lane .story-route{grid-template-columns:1fr}.relay-path-lane .story-route>li:not(:last-child)::after{content:"↓";right:calc(50% - 10px);top:auto;bottom:-23px}
.relay-base-options{display:grid;grid-template-columns:1fr 40px 1fr;gap:16px;align-items:center;margin:24px 0}.relay-base-options>a,.relay-base-options>div{display:flex;flex-direction:column;gap:9px;border:1px solid #d4e2f0;border-radius:15px;background:#f1f6fd;padding:23px;text-decoration:none;color:#173c66}.relay-base-options span:not(.relay-base-plus){font-size:11px;letter-spacing:.06em;font-weight:750;color:#526f90}.relay-base-options strong{font-size:20px}.relay-base-options small{font-size:13px;line-height:1.5;color:#526a85}.relay-base-plus{text-align:center;font-size:29px;color:#2d6298}.relay-base-options>a:hover{border-color:#2d6298;background:#e6effa}.relay-base-options>a:focus-visible{outline:3px solid #679cd2;outline-offset:3px}.relay-story-cta{border:1px solid #c9dcee;border-radius:20px;background:#eef4fd;padding:30px!important}.relay-story-cta p{line-height:1.7}
@media(max-width:1100px) and (min-width:761px){.storefront .mailflow-banner-track{height:auto;min-height:0}.storefront .mailflow-banner{column-gap:22px}.story-card{padding:21px}.story-route{grid-template-columns:repeat(2,minmax(0,1fr))}.story-route>li::after{display:none}}
@media(max-width:760px){.storefront .mailflow-banner-track{height:auto;min-height:0}.storefront .mailflow-banner{grid-template-columns:minmax(0,1fr);grid-template-rows:260px minmax(0,1fr) 110px;row-gap:16px}.storefront .mailflow-banner-art{width:100%;height:100%;min-height:0}.storefront .mailflow-banner-copy{align-self:center}.storefront .mailflow-banner-footer{padding-top:0}.storefront .mailflow-banner .flow-visual{max-width:460px;gap:5px}.storefront .mailflow-banner .flow-path{max-height:35px}.story-cards,.relay-path-lanes{grid-template-columns:minmax(0,1fr)}.story-card{padding:23px}.story-card-index{font-size:24px}.story-route{grid-template-columns:minmax(0,1fr);gap:18px}.story-route>li{padding:20px;gap:10px}.story-route>li:not(:last-child)::after{content:"↓";right:calc(50% - 10px);top:auto;bottom:-24px}.relay-path-lane{padding:21px}.relay-base-options{grid-template-columns:1fr 26px 1fr;gap:8px}.relay-base-options>a,.relay-base-options>div{padding:17px 12px}.relay-base-options strong{font-size:16px}.relay-base-options small{font-size:12px}.relay-base-plus{font-size:24px}.story-disclosure{padding:15px}.relay-story-cta{padding:24px!important}}
@media(max-width:380px){.storefront .mailflow-banner-track{height:auto;min-height:0}.storefront .mailflow-banner{grid-template-rows:300px minmax(0,1fr) 125px}.storefront .mailflow-banner h1,.storefront .mailflow-banner h2{font-size:26px}}
@media(prefers-reduced-motion:no-preference){.story-card{transition:box-shadow .2s,transform .2s}.story-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px #143b6810}}

/* Why SecuraWall lives in the shared menu, with visual decision paths. */
.store-header #store-navigation .store-why{display:inline-flex;align-items:center;min-height:40px;box-sizing:border-box;padding:10px 12px;border-radius:8px;font:600 13px/1.4 system-ui,-apple-system,sans-serif;color:#233f50;background:#fff;text-decoration:none;white-space:normal}
.store-header #store-navigation .store-why:hover,.store-header #store-navigation .store-why:focus-visible{color:#fff;background:#143b68}.store-header #store-navigation .store-why:focus-visible{outline:3px solid #6799cc;outline-offset:3px}
.why-gain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0}.why-gain-tile{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;padding:24px;border:1px solid #d8e5f2;border-radius:19px;background:linear-gradient(145deg,#edf4fd,#fff);text-decoration:none;color:#1a3d64;box-shadow:0 8px 22px #143b6808}.why-gain-tile .motion-icon{margin:0;width:49px;height:49px;background:#e2edfa;color:#285f98;border-radius:14px}.why-gain-tile strong{font-size:22px;line-height:1.3;color:#193c64}.why-gain-tile>span{font-size:14px;line-height:1.7;color:#4c647e}.why-gain-tile small{margin-top:auto;color:#285f98;font-size:12px;font-weight:650}.why-gain-tile:hover{border-color:#6895c4;background:#eaf2fd}.why-gain-tile:focus-visible{outline:3px solid #6799cc;outline-offset:3px}
.why-scenario-list{display:grid;gap:25px}.why-scenario{padding:26px;border:1px solid #d9e5f1;border-radius:20px;background:linear-gradient(115deg,#f8fafd,#fff)}.why-scenario>header{display:flex;align-items:center;gap:18px}.why-scenario-icon .motion-icon{width:49px;height:49px;margin:0;border-radius:13px;color:#285f98;background:#eaf2fc}.why-scenario>header>div:nth-child(2){min-width:0;flex:1}.why-scenario header h3{font-size:23px;color:#173b63;line-height:1.35;margin:0}.why-scenario header p{font-size:11px;margin:0 0 8px;color:#516d8b;line-height:1.5}.why-scenario-number{align-self:flex-start;font-size:31px;font-weight:750;letter-spacing:-1px;color:#bdcde0}.why-scenario>.story-route{margin-bottom:0}.why-scenario>.story-disclosure{margin-bottom:0}.why-proof{background:#f1f6fc;border:1px solid #d8e5f2;border-radius:20px;padding:28px!important}
.storefront .mailflow-banner-copy{max-height:100%;overflow-y:auto;scrollbar-width:thin}
@media(max-width:1100px){.why-gain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-header #store-navigation .store-why{width:100%}}
@media(max-width:760px){.storefront .mailflow-banner{grid-template-rows:300px minmax(0,1fr) 130px}.why-gain-grid{gap:14px}.why-gain-tile{padding:19px;gap:12px}.why-gain-tile strong{font-size:19px}.why-gain-tile>span{font-size:13px}.why-scenario{padding:21px}.why-scenario>header{align-items:flex-start;gap:12px}.why-scenario header h3{font-size:20px}.why-scenario-number{font-size:25px}.why-proof{padding:21px!important}}
@media(max-width:380px){.storefront .mailflow-banner{grid-template-rows:340px minmax(0,1fr) 145px}.why-gain-grid{grid-template-columns:minmax(0,1fr)}}

/* Service choices are alternatives; only actual process steps use arrows. */
.why-choice-map .story-route>li::after{display:none}.storefront .mailflow-banner .flow-endpoint small{overflow-wrap:anywhere}
@media(max-width:760px){.storefront .mailflow-banner .flow-gateway strong{font-size:18px}}

.storefront .mailflow-banner .flow-visual{overflow:auto;scrollbar-width:thin}

/* Content-sized equal-height slides: inactive panels size the shared grid but do not paint or receive focus. */
.storefront .mailflow-banner-track{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;height:auto;min-height:0}
.storefront .mailflow-banner-track>.mailflow-banner{grid-area:1/1;display:grid;height:auto;min-height:0;grid-template-rows:auto;align-items:center;column-gap:28px;row-gap:0;padding:0}
.storefront .mailflow-banner-track>.mailflow-banner[hidden]{display:grid;visibility:hidden;pointer-events:none}
.storefront .mailflow-banner-copy{height:auto;max-height:none;overflow:visible;align-self:center}
.storefront .mailflow-banner-art{height:auto;min-height:0;align-self:center;place-items:center}
.storefront .mailflow-banner .flow-visual{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;padding:15px;overflow:visible;box-shadow:0 8px 22px #12283c0b}
.storefront .mailflow-banner .flow-caption{margin:0 0 3px}.storefront .mailflow-banner .flow-endpoint{padding:7px 9px;font-size:13px;line-height:1.4}.storefront .mailflow-banner .flow-endpoint small{font-size:11px;line-height:1.4;margin-top:3px}.storefront .mailflow-banner .flow-path{flex:none;height:12px;min-height:12px;max-height:12px}
.storefront .mailflow-banner .flow-gateway{padding:12px 9px}.storefront .mailflow-banner .flow-gateway strong{font-size:18px;line-height:1.3}.storefront .mailflow-banner .flow-kicker{margin-bottom:5px}.storefront .mailflow-banner .flow-checks{margin-top:9px;gap:5px}.storefront .mailflow-banner .flow-visual>p{margin:2px 0 0;line-height:1.4}
.storefront .mailflow-banner-copy .mailflow-banner-footer{padding-top:12px;margin-top:0;grid-column:auto}.storefront .mailflow-banner-copy .banner-benefits{margin:0 0 6px;gap:4px 11px}.storefront .mailflow-banner-copy .banner-benefits span{font-size:11px}.storefront .mailflow-banner-copy .banner-trust{gap:6px 16px}.storefront .mailflow-banner-copy .banner-provider{padding:3px 0;gap:6px}.storefront .mailflow-banner-copy .banner-provider svg{width:29px;height:24px}.storefront .mailflow-banner-copy .banner-provider strong{font-size:12px}.storefront .mailflow-banner-copy .banner-provider small{font-size:10px;line-height:1.35}
.storefront .mailflow-banner-zone{padding-top:20px;padding-bottom:18px}.storefront .mailflow-banner-controls{padding-top:12px}
@media(max-width:760px){.storefront .mailflow-banner-track>.mailflow-banner{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:16px}.storefront .mailflow-banner-copy{align-self:start}.storefront .mailflow-banner-art{height:auto;max-width:460px;margin:0 auto;align-self:start}.storefront .mailflow-banner .flow-visual{padding:12px}.storefront .mailflow-banner-zone{padding-top:18px;padding-bottom:16px}.storefront .mailflow-banner-copy .banner-trust{gap:6px 14px}}

/* A single modal surface owns mobile navigation; desktop keeps its existing layout. */
html.navigation-drawer-open,html.navigation-drawer-open body{overflow:hidden;overscroll-behavior:none}
.mobile-nav-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(88vw,380px);height:100vh;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:0;border-radius:18px 0 0 18px;padding:0;background:#fff;color:#233f50;box-shadow:-18px 0 60px #10223935;transform:translateX(100%);transition:transform .22s ease,overlay .22s allow-discrete,display .22s allow-discrete;z-index:1000}
.mobile-nav-drawer[open]{display:flex;flex-direction:column;transform:translateX(0)}
.mobile-nav-drawer::backdrop{background:#10223980}
@starting-style{.mobile-nav-drawer[open]{transform:translateX(100%)}}
.mobile-drawer-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 16px 14px;border-bottom:1px solid #dce5ef;background:#f4f7fc;color:#183c64}
.mobile-drawer-heading>strong{font-size:16px}.mobile-drawer-heading>button{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 12px;width:auto;min-height:44px;border:1px solid #cbd9e9;border-radius:9px;background:#fff;color:#233f50;font:600 13px/1.4 system-ui,sans-serif}.mobile-drawer-heading>button span{font-size:23px;line-height:1}
.mobile-nav-drawer>[data-drawer-content]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:16px 14px calc(20px + env(safe-area-inset-bottom))}
.store-header #store-navigation .mobile-nav-drawer .grouped-store-nav{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0;gap:8px}
.store-header #store-navigation .mobile-nav-drawer .store-nav-trigger{min-height:46px}.store-header #store-navigation .mobile-nav-drawer .store-nav-group>.store-nav-dropdown{position:static;width:100%;min-width:0;max-width:none;max-height:none;overflow:visible;box-shadow:none;background:#f5f8fc;border-radius:10px}
.panel-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:auto;margin:0;padding:10px 14px;border:1px solid #8198b0;border-radius:9px;background:#163850;color:#fff;font:600 14px/1.4 system-ui,sans-serif}
:is(.admin-panel,.customer-panel) .portal-nav-drawer{background:#102239;color:#fff}
:is(.admin-panel,.customer-panel) .portal-nav-drawer .mobile-drawer-heading{background:#16334f;border-color:#37516d;color:#fff}
:is(.admin-panel,.customer-panel) .portal-nav-drawer nav{display:block;max-height:none;overflow:visible}
:is(.admin-panel,.customer-panel) .portal-nav-drawer .nav-group{margin:0 0 12px;padding:0 0 8px;border-bottom:1px solid #34506a}
:is(.admin-panel,.customer-panel) .portal-nav-drawer .nav-group>summary{font-size:13px;letter-spacing:normal;min-height:44px;box-sizing:border-box;padding:13px 10px;color:#d2dfed}
:is(.admin-panel,.customer-panel) .portal-nav-drawer a{padding:12px!important;min-height:44px;box-sizing:border-box}
.portal-page-guide{margin:0 0 24px;padding:17px 20px;border-left:4px solid #32699f;border-radius:0 12px 12px 0;background:#eff4fa;color:#3d5772}
.portal-page-guide strong{display:block;margin-bottom:7px;color:#193f68;font-size:15px}.portal-page-guide p{margin:0;line-height:1.65;font-size:14px;max-width:95ch}
.portal-tab-category{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 0;width:100%;border-bottom:1px solid #d9e4f0}.portal-tab-category-label{flex:0 0 100%;font-size:11px;letter-spacing:.04em;font-weight:750;color:#526b87}
.portal-tabs-grouped [role=tablist]{display:block;width:100%;min-width:0}.portal-tabs-grouped [role=tab]{white-space:normal;padding:10px 13px;border:1px solid #d9e4ef;border-radius:9px;font-size:13px}.portal-tabs-grouped [role=tab][aria-selected=true]{border-color:#7b9fc4;background:#e9f2fc;color:#204e7e}
@media(min-width:761px){.panel-menu.drawer-ready>.panel-menu-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.mobile-nav-drawer{transition:none}}

/* Keep navigation reachable while scrolling; retain its natural layout height. */
.storefront>.store-header{position:sticky;top:0;z-index:300;background:#fff;box-shadow:0 3px 14px #1022390c}
.storefront [id]{scroll-margin-top:160px}
@media(max-width:760px){
 body:is(.admin-panel,.customer-panel)>.panel-sidebar{position:sticky;top:0;inset:0 auto auto;z-index:300;flex-shrink:0;overflow:visible;box-shadow:0 3px 14px #10223920}
 :is(.admin-panel,.customer-panel) main [id]{scroll-margin-top:150px}
}
@media print{
 .storefront>.store-header,body:is(.admin-panel,.customer-panel)>.panel-sidebar{position:static;box-shadow:none}
}

/* Consistent top-right touch controls and compact public header spacing. */
.storefront>.store-header{padding-top:12px;padding-bottom:12px;align-items:center;gap:12px}
.store-header #store-navigation .grouped-store-nav{margin-top:0;align-items:center}
.store-header #store-navigation .mobile-nav-drawer .grouped-store-nav{align-items:stretch;gap:6px}
.store-header #store-navigation .mobile-nav-drawer>[data-drawer-content]{padding-top:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.panel-menu-toggle svg{display:block;flex:none}
@media(max-width:760px){
 body:is(.admin-panel,.customer-panel)>.panel-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 16px}
 :is(.admin-panel,.customer-panel) .panel-sidebar>.panel-brand{min-width:0;max-width:100%;margin:0;font-size:25px}
 :is(.admin-panel,.customer-panel) .panel-menu.drawer-ready{justify-self:end;align-self:center}
 :is(.admin-panel,.customer-panel) .panel-menu-toggle{display:inline-flex;justify-content:center;width:44px;height:44px;padding:10px;gap:0}
 :is(.admin-panel,.customer-panel) .panel-menu:not(.drawer-ready){grid-column:1/-1}
 :is(.admin-panel,.customer-panel) .panel-menu:not(.drawer-ready)>.panel-menu-toggle{display:none}
 .storefront>.store-header{padding-top:10px;padding-bottom:10px}
}
body.auth-panel.mailbox-panel>.panel-sidebar{position:sticky;top:0;z-index:300;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 24px;overflow:visible;box-shadow:0 3px 14px #10223920}
.mailbox-panel .panel-sidebar>.panel-brand{min-width:0;max-width:100%;margin:0;font-size:25px}
.mailbox-panel .mailbox-menu.drawer-ready{justify-self:end}
.mailbox-panel .mailbox-menu.drawer-ready>.panel-menu-toggle{display:inline-flex;justify-content:center;width:44px;height:44px;padding:10px;gap:0}
.mailbox-panel .mailbox-menu:not(.drawer-ready){grid-column:1/-1}.mailbox-panel .mailbox-menu:not(.drawer-ready)>.panel-menu-toggle{display:none}
.mailbox-panel .portal-nav-drawer{background:#102239;color:#fff}.mailbox-panel .portal-nav-drawer .mobile-drawer-heading{background:#16334f;border-color:#37516d;color:#fff}
.mailbox-panel .portal-nav-drawer nav{display:grid;margin:0;gap:8px}.mailbox-panel .portal-nav-drawer nav a{min-height:44px;margin:0;padding:12px;color:#d6e1ed}
.mailbox-panel .portal-nav-drawer nav form{margin:12px 0 0}.mailbox-panel .portal-nav-drawer nav button{width:100%;min-height:44px}
@media(max-width:760px){body.auth-panel.mailbox-panel>.panel-sidebar{padding:12px 16px}}
@media print{body.auth-panel.mailbox-panel>.panel-sidebar{position:static}.panel-menu-toggle{display:none!important}}

/* Orders: online checkout first, with scoped, readable status and actions. */
/* SPF confirmation uses the same width as the compact payment layout. */
.click-provider{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0 0 18px;background:#f3f7fb;border:1px solid #dce5ef;border-radius:12px}
.click-provider-mark{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#fff}.click-provider-mark svg{width:26px;height:26px}
.click-provider strong{font-size:14px;color:#17334a}.click-provider p{font-size:12px;line-height:1.7;margin:5px 0 0;color:#4a6075}
.relay-spf-monitor{margin:18px 0;padding:16px;border:1px solid #dce5ed;border-radius:12px;background:#f7fafc;min-width:0;overflow-wrap:anywhere}
.relay-spf-monitor-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.relay-spf-monitor-heading>strong{font-size:14px}
.relay-spf-record{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-size:12px;line-height:1.7;padding:10px 12px;margin-top:8px;border-radius:8px;background:#edf2f7;color:#243a50}
.overview-domain>.relay-spf-monitor{grid-column:1/-1;width:100%;margin:8px 0 0}.relay-spf-monitor.compact{padding:12px 14px}.relay-spf-monitor .muted{margin:8px 0}
.storefront .store-main>.checkout-spf-status{width:100%;max-width:1120px;margin:24px auto 18px;padding:22px 26px;border:1px solid #c9e4da;border-left:4px solid #087e73;border-radius:16px;background:linear-gradient(110deg,#edf8f3,#fff 65%);box-sizing:border-box}
.checkout-spf-heading{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px}
.checkout-spf-icon{display:grid;place-items:center;width:44px;height:48px;border-radius:12px;background:#dcefe7;color:#087e73}
.checkout-spf-icon svg{width:26px;height:30px}.checkout-spf-title{min-width:0}
.checkout-spf-title>p{margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#176341}
.storefront .checkout-spf-title h2{margin:0;font-size:20px;line-height:1.4;letter-spacing:-.3px;color:#12263c;overflow-wrap:anywhere}
.checkout-spf-review{white-space:nowrap;font-size:13px;padding:10px 16px}
.checkout-spf-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #dce9e3}
.checkout-spf-facts>div{min-width:0}.checkout-spf-facts>div+div{border-left:1px solid #dce9e3;padding-left:20px}
.checkout-spf-facts dt{font-size:11px;font-weight:700;color:#4e6570;margin-bottom:5px}.checkout-spf-facts dd{margin:0;font-size:13px;line-height:1.6;color:#213e49}
@media(max-width:760px){.storefront .store-main>.checkout-spf-status{margin:18px auto;padding:18px}.checkout-spf-heading{grid-template-columns:40px minmax(0,1fr);gap:12px}.checkout-spf-icon{width:40px;height:44px}.storefront .checkout-spf-title h2{font-size:17px}.checkout-spf-review{grid-column:1/-1;justify-self:start}.checkout-spf-facts{grid-template-columns:1fr;gap:12px;margin-top:16px;padding-top:14px}.checkout-spf-facts>div+div{border-left:0;padding-left:0}}

.online-purchases{border-top:3px solid #087e73}
.purchases-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.purchases-heading h2{margin:0 0 8px}.purchases-heading p{margin:0}
.purchases-label{white-space:nowrap;font-size:12px;color:#43566c;background:#edf3f8;border-radius:20px;padding:7px 12px}
.purchases-note{margin:18px 0;padding:12px 14px;border-radius:10px;background:#f4f7fa}
.purchases-table{min-width:800px}.purchases-table th{white-space:nowrap}.purchases-table td{vertical-align:top}
.purchases-table tbody tr:hover{background:#f8fbfc}
.purchases-table .purchase-reference{max-width:180px;color:#60738a;font-size:12px}
.purchase-amount{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.purchase-status{display:inline-block;padding:6px 10px;border:1px solid #dae3ed;border-radius:20px;font-size:12px;font-weight:600;background:#f0f4f8;color:#40546b}
.purchase-status-active{background:#e3f4ec;border-color:#b9dfca;color:#176341}
.purchase-status-declined{background:#fff0f1;border-color:#efc9ce;color:#962d3a}
.purchase-status-pending{background:#fff6e5;border-color:#efd7a7;color:#785313}
.purchase-actions{min-width:205px}.purchase-actions>a{display:block;margin-bottom:10px}
.purchase-actions .purchase-primary{display:inline-block;padding:9px 14px;font-size:13px}
.purchase-actions .incomplete-order-delete{margin-top:15px;padding-top:12px;border-top:1px solid #e4eaf0}
.purchase-actions .check{font-size:12px;line-height:1.5;margin-bottom:10px}
.purchase-actions button{font-size:12px;padding:8px 12px}
.purchases-table details{margin-top:10px}.purchases-table summary{cursor:pointer;font-size:12px;color:#40546b}
.online-purchases .tablewrap:focus-visible{outline:2px solid #087e73;outline-offset:4px}
@media(max-width:600px){.purchases-heading{flex-wrap:wrap;gap:10px}.purchases-heading h2{font-size:20px}.online-purchases{padding:18px}.purchases-note{margin:14px 0}.purchases-table td{padding:13px 10px}}