/* Shared mobile layout, loaded after component styles. */
.mobile-menu-toggle{display:none}
img,svg,video{max-width:100%}
input,select,textarea{max-width:100%;min-width:0}
:where(.account-content,.wizard-layout>*,.editor-grid>*,.contact-grid>*,.plan-grid>*){min-width:0}
:where(.notice,.field-help,.settings-card p,.draft-card p,.summary-card dd,.audit-list li){overflow-wrap:anywhere}
@media(max-width:1100px){
 body>header{gap:16px}body>header nav{gap:14px}
 .editor-fields{min-width:0}
}
@media(max-width:900px){
 body>header{height:auto;min-height:76px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:12px}
 body>header .logo{margin-right:auto;font-size:21px}
 body>header nav{order:5;width:100%;display:flex;flex-wrap:wrap;gap:8px}
 body>header nav a{padding:12px;min-height:44px;display:flex;align-items:center}
 .responsive-navigation>.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px}
 body>header.responsive-navigation nav{display:none}
 body>header.responsive-navigation.menu-open nav{display:flex}
 .account-layout{display:block}
 .account-sidebar{position:static;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;overflow:visible}
 .account-sidebar .logo{font-size:21px;align-self:center}
 .account-sidebar .sidebar-label{display:none}
 .account-sidebar nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 0}
 .account-sidebar.responsive-navigation nav,.account-sidebar.responsive-navigation .sidebar-bottom{display:none}
 .account-sidebar.menu-open nav{display:grid}
 .account-sidebar.menu-open .sidebar-bottom{display:flex}
 .account-sidebar .sidebar-bottom{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;margin:0}
 .account-sidebar .sidebar-bottom a{padding:12px 0}
 .account-sidebar .nav-group{margin:0;align-content:start}
 .account-sidebar nav a{font-size:14px;min-height:44px;padding:12px}
 .account-sidebar nav>a{grid-column:1/-1}
 .account-topbar{position:sticky;top:0;z-index:20;background:var(--bg);height:auto;min-height:64px;display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px}
 .account-topbar>span:first-child{display:none}
 .account-topbar #customer-name{min-width:0;overflow-wrap:anywhere;max-width:45%;margin-left:auto}
 .account-content>#account-status{margin:16px 20px 0}
 .account-main,.account-configurator{padding:24px 20px}
 .wizard-layout,.account-configurator .wizard-layout{grid-template-columns:minmax(0,1fr)}
 .summary-card,.account-configurator .summary-card{position:static;max-height:none;overflow:visible}
 .account-cta{flex-direction:column;align-items:stretch}
}
@media(max-width:600px){
 body{min-width:0}
 body>header{padding:12px 16px;gap:10px}
 body>header>.small-button{order:3;min-height:44px;display:flex;justify-content:center;align-items:center;padding:10px 14px;font-size:13px}
 body>header>[data-theme-control]{order:3;flex:1;min-width:0}
 body>header .theme-control{justify-content:flex-start}
 .theme-control select{min-height:44px;max-width:100%}
 body>header nav{flex-direction:column;align-items:stretch}
 .hero{padding:32px 20px 24px;min-height:0}
 h1,.auth-intro h1{font-size:clamp(30px,8.5vw,43px);line-height:1.15;letter-spacing:-1.3px}
 .hero p{font-size:15px;line-height:1.7}
 .hero-art{min-height:320px}
 .hero-actions{display:flex;flex-wrap:wrap;gap:14px}
 .hero-actions .button{width:100%;justify-content:center}
 .hero-notes{flex-wrap:wrap;gap:10px;line-height:1.6}
 .section-top{flex-direction:column;align-items:flex-start;gap:14px}
 .section-top h2,.closing h2{font-size:30px;line-height:1.2}
 .plan-grid{grid-template-columns:minmax(0,1fr);gap:28px}
 .plan{padding:28px 24px}.plan.has-new{padding-top:48px}
 .plans .billing{max-width:100%;display:flex;gap:8px;flex-wrap:wrap}
 .plans .billing button{min-height:44px;font-size:13px;padding:10px 15px}
 .features{grid-template-columns:minmax(0,1fr);gap:24px}
 .config{grid-template-columns:minmax(0,1fr);padding:24px 18px;gap:24px}
 .map-layout{grid-template-columns:minmax(0,1fr)}
 .map-caption{flex-wrap:wrap;line-height:1.6;padding:12px}
 .world-map{width:100%;height:auto;display:block}
 .country-list{gap:8px}.country-list button{min-height:44px;font-size:12px;flex:1 1 44%;padding:10px}
 .location-panel{padding:22px;border-left:0;border-top:1px solid var(--line)}
 footer{display:flex;flex-wrap:wrap;gap:20px;padding:28px 20px}footer>*{max-width:100%}footer nav{flex-wrap:wrap;gap:16px}
 .product-main{padding:24px 16px 40px}
 .page-title,.account-main .page-title,.account-configurator .page-title{font-size:30px;line-height:1.2;letter-spacing:-1px;overflow-wrap:anywhere}
 .page-intro{font-size:14px}
 .account-main,.account-configurator{padding:22px 16px}
 .account-sidebar{padding:14px 16px}
 .account-content>#account-status{margin:14px 16px 0}
 .account-topbar{padding:10px 16px}
 .account-stats,.profile-grid,.draft-grid,.roadmap-grid,.security-grid,.editor-grid,.editor-fields,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .contact-grid>div:empty{display:none}
 .settings-card,.auth-card,.login-card,.draft-card,.roadmap-card,.editor-card{padding:20px;max-width:100%;min-width:0}
 .settings-card .contact-kind{flex-wrap:wrap;gap:12px 24px}
 .contact-actions{align-items:stretch;flex-direction:column}
 .auth-layout{padding:28px 16px;gap:22px;grid-template-columns:minmax(0,1fr)}
 .auth-intro h1{margin:18px 0}
 input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;min-height:44px}
 input[type=checkbox],input[type=radio]{flex-shrink:0;min-width:18px;min-height:18px}
 .button,.secondary-button,.small-button,.admin-tabs button{min-height:44px;white-space:normal;line-height:1.4}
 .admin-toolbar{width:100%;gap:16px}.admin-tabs{width:100%;gap:8px}.admin-tabs button{flex:1 1 130px;font-size:12px}
 .editor-card fieldset{min-width:0;padding:12px}.editor-card .check-group{grid-template-columns:minmax(0,1fr)}
 .save-bar{position:static;padding:16px;gap:14px}.save-bar>div{flex-wrap:wrap}.save-bar button{min-width:0}
 .network-option{gap:12px;padding:16px}.ipv4-control{min-width:76px}
 .step-title h2{font-size:20px;line-height:1.35}
 .choice-head{flex-wrap:wrap;gap:8px}.choice-head i{white-space:normal}
 #vps-systems{grid-template-columns:repeat(2,minmax(0,1fr))}
 #vps-systems .choice{padding:12px;min-width:0}
 #vps-systems .choice-head{font-size:13px}
 .security-key{flex-wrap:wrap}.security-key>*{min-width:0;overflow-wrap:anywhere}
 .security-grid [data-qr]{max-width:100%;height:auto}
 dialog,.security-dialog{width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;box-sizing:border-box}
 dialog input,dialog textarea{max-width:100%}
 .ssh-card textarea{white-space:pre-wrap;overflow-wrap:anywhere}
 .summary-card{padding:20px}.summary-card dl{display:block}.summary-total{font-size:34px}
 #picker-cities{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){
 .account-sidebar .logo,body>header .logo{font-size:18px;gap:6px}
 .account-sidebar nav{grid-template-columns:minmax(0,1fr)}
 .hero-art{min-height:290px}
 #vps-systems{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:900px){
 .account-topbar>[data-theme-control]{order:0;width:auto;flex:0 1 auto;margin:0;min-width:0}
 .account-topbar .theme-control{min-width:0;gap:6px}
 .account-topbar .theme-control>span{display:none}
 .account-topbar .theme-control select{min-width:0;width:145px}
}
@media(max-width:600px){
 body>header>[data-theme-control]{flex:1 0 100%;width:100%;min-width:0}
 body>header .theme-control{width:100%;min-width:0;flex-wrap:wrap}
 body>header .theme-control select{min-width:0;width:auto}
}
.client-number-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;border:1px solid var(--line);border-left:3px solid #ff5e1f;border-radius:12px;padding:18px 20px;margin:20px 0;background:var(--panel)}
.client-number-card>span{font-size:13px;color:var(--muted)}.client-number-card strong{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:.06em;user-select:all}
.customer-identity{display:flex;gap:10px;align-items:center;margin:22px 0 0;padding:14px 8px;border-bottom:1px solid var(--line);min-width:0}.identity-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ff5e1f20;color:var(--accent);flex-shrink:0;font-weight:700}.customer-identity>div{min-width:0}.customer-identity strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.customer-identity div>span{display:block;font-size:9px;color:var(--muted);line-height:1.8}.customer-identity b{font-family:ui-monospace,monospace;font-size:10px;user-select:all}
.password-checklist{list-style:none;padding:0;margin:18px 0;font-size:12px;line-height:1.6;color:var(--muted)}.password-checklist li{display:flex;gap:9px;margin:8px 0}.password-checklist li>span{flex-shrink:0}.password-checklist .passed{color:#16803c}.password-checklist .passed>span{font-weight:800}
html[data-theme=dark] :is(.account-sidebar nav a:hover,.choice:hover){background:#362b24;color:#ffb48f}
html[data-theme=dark] body :is(.button,.secondary-button,.small-button,.admin-tabs button,.billing button):not(:disabled):hover{background:#ff5e1f;color:#17120f;border-color:#ff5e1f}
@media(max-width:900px){.customer-identity{grid-column:1/-1;grid-row:2;margin:10px 0 0;padding:10px 0}.customer-identity div>span{font-size:11px}.customer-identity b{font-size:12px}.account-sidebar>.mobile-menu-toggle{grid-column:2;grid-row:1}}
/* Consistent separation, including dynamically rendered action rows. */
:where(.security-actions,.ssh-actions,.hero-actions,.save-bar>div,.draft-actions,.contact-actions,.admin-tabs,.billing){gap:12px}
:where(div,p,section,article,form):has(> :is(button,.button,.secondary-button,.small-button) + :is(button,.button,.secondary-button,.small-button)){column-gap:12px;row-gap:12px}
:where(div,p,section,article,form)>:is(button,.button,.secondary-button,.small-button)+:is(button,.button,.secondary-button,.small-button){margin-inline-start:8px}
:is(.security-actions,.ssh-actions,.hero-actions,.save-bar>div,.draft-actions,.contact-actions,.admin-tabs,.billing,.choice-grid,.theme-switch)>:is(button,.button,.secondary-button,.small-button){margin-inline-start:0}
.account-sidebar nav,.account-sidebar .nav-group{gap:8px}
#customer-name::before,#customer-name::after{content:none!important}
.customer-identity{padding-left:0;padding-right:0}.customer-identity strong{font-size:14px}
.theme-switch{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:16px;background:var(--panel,#fff)}
.theme-switch button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:9px 11px;min-height:40px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background-color .5s,color .5s,border-color .5s}
.theme-switch svg{width:17px;height:17px;flex-shrink:0}
.theme-switch button:hover{color:var(--text);background:#ff5e1f16}
.theme-switch button[aria-pressed=true]{background:#ff5e1f20;border-color:#ff5e1f70;color:var(--text)}
.theme-switch button:focus-visible{outline:2px solid #ff5e1f;outline-offset:2px}
html[data-theme=dark] .theme-switch{background:#202020;border-color:#444}
html[data-theme=dark] .theme-switch button:hover,html[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#493023;color:#ffc8ae}
@media(max-width:1100px){.account-topbar .theme-switch button span{display:none}.theme-switch button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.theme-switch button{transition:none}}
.summary-card>:is(button,.button,.secondary-button){margin-top:12px;margin-inline-start:0}
/* Cabinet dropdowns: account identity and theme. */
.account-topbar{justify-content:flex-end;gap:14px;position:relative;z-index:30}.account-topbar>span:first-child{margin-right:auto}
.cabinet-dropdown{position:relative;flex-shrink:0;font-size:13px;color:var(--text)}
.cabinet-dropdown summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff);cursor:pointer;list-style:none;transition:background-color .5s,border-color .5s;box-sizing:border-box}
.cabinet-dropdown summary::-webkit-details-marker{display:none}.cabinet-dropdown summary::marker{content:''}
.cabinet-dropdown svg{display:block;width:20px;height:20px;flex-shrink:0}.cabinet-dropdown .dropdown-chevron{width:14px;height:14px;transition:transform .2s}.cabinet-dropdown[open] .dropdown-chevron{transform:rotate(180deg)}
.cabinet-dropdown summary:hover,.cabinet-dropdown[open] summary{background:#ff5e1f12;border-color:#ff5e1f80}
.dropdown-panel{position:absolute;right:0;top:calc(100% + 10px);width:264px;max-width:calc(100vw - 32px);padding:8px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #0002;z-index:60;box-sizing:border-box}
.dropdown-panel a,.dropdown-panel button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;margin:0!important}
.dropdown-panel a:hover,.dropdown-panel button:hover{background:#ff5e1f16;color:var(--text)}
.dropdown-panel a>span:last-child,.dropdown-panel #customer-logout>span{margin-left:auto;color:var(--accent)}
.dropdown-identity{padding:14px 12px 18px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.account-topbar .dropdown-identity #customer-name{display:block;max-width:none;margin:0;font-size:15px;color:var(--text);overflow-wrap:anywhere}
.dropdown-identity>span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.dropdown-identity b{font-family:ui-monospace,monospace;color:var(--text);user-select:all}
.dropdown-caption{padding:10px 12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.theme-dropdown .dropdown-panel{width:230px}.theme-dropdown button small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.theme-check{margin-left:auto;color:var(--accent);visibility:hidden}.theme-dropdown button[aria-pressed=true]{background:#ff5e1f16}.theme-dropdown button[aria-pressed=true] .theme-check{visibility:visible}
.cabinet-dropdown :is(summary,button,a):focus-visible{outline:2px solid #ff5e1f;outline-offset:3px}
html[data-theme=dark] .cabinet-dropdown summary,html[data-theme=dark] .dropdown-panel{background:#202020;border-color:#444}
html[data-theme=dark] .cabinet-dropdown summary:hover,html[data-theme=dark] .dropdown-panel :is(a,button):hover,html[data-theme=dark] .theme-dropdown button[aria-pressed=true]{background:#3b2b23;color:#ffd2bd}
.home-configurations{margin-top:38px}.home-configurations .section-top{gap:16px;margin-bottom:22px}
@media(max-width:900px){.account-topbar{position:sticky;top:0}.account-topbar>span:first-child{display:none}.account-topbar>[data-theme-control]{margin-left:auto}.account-sidebar nav{margin-top:20px}.account-sidebar .back-to-servers{grid-column:1/-1}}
@media(max-width:600px){body>header>[data-theme-control]:has(.theme-dropdown){flex:0 1 auto;width:auto}.theme-dropdown .dropdown-panel{right:0}.account-topbar .theme-dropdown .dropdown-panel{right:-70px}.cabinet-dropdown summary{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.cabinet-dropdown summary,.dropdown-chevron{transition:none!important}}
/* Supplied brand assets retain their original colors in either theme. */
.logo .brand-logo{display:block;object-fit:contain;width:218px;height:auto;max-height:58px}.account-sidebar .logo .brand-logo{width:180px;max-width:100%;max-height:48px}.logo .brand-text-logo{width:190px;max-height:35px}
.home-auth-actions{display:flex;gap:12px;align-items:center;margin-left:auto}.home-auth-actions .small-button{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:13px;cursor:pointer}
#home-auth-status{margin:0;padding:0 5%;font-size:13px}#home-auth-status:not(:empty){padding-top:12px;padding-bottom:12px}
.language-dropdown{margin-left:auto}.language-dropdown summary{font-size:12px;gap:8px}.language-dropdown .dropdown-panel{width:220px}.language-dropdown button small{margin-left:auto;color:var(--muted)}.language-check{width:14px;visibility:hidden;color:#ff5e1f}.language-dropdown button[aria-pressed=true]{background:#ff5e1f16}.language-dropdown button[aria-pressed=true] .language-check{visibility:visible}.language-dropdown [data-language-error]:empty{display:none}.language-dropdown [data-language-error]{padding:8px;font-size:12px}
.account-topbar .language-dropdown{margin-left:auto}.account-topbar>[data-theme-control]{margin-left:0}
body>header{gap:18px}body>header nav{gap:18px}body>header>.language-dropdown{flex-shrink:0}
@media(max-width:1100px){body>header .logo .brand-logo{width:180px}.account-topbar{gap:8px}.account-topbar [data-theme-label]{display:none}}
@media(max-width:600px){.logo .brand-logo{width:165px;max-height:44px}.account-sidebar .logo .brand-logo{width:160px}.home-auth-actions{order:3;margin-left:0;flex:1;justify-content:flex-end}.home-auth-actions .small-button{padding:9px 13px}.language-dropdown summary{padding:10px}.account-topbar .language-dropdown .dropdown-panel{right:auto;left:0}.account-topbar{justify-content:flex-end;gap:8px}.account-topbar .language-dropdown{margin-left:auto}.account-topbar>[data-theme-control]{margin-left:0}body>header>.language-dropdown{order:3;margin-left:0}body>header>.language-dropdown .dropdown-panel{left:0;right:auto}}

/* Move the existing controls, preserving their state and event listeners. */
.mobile-menu-actions:empty,.mobile-only-navigation{display:none}
@media(max-width:900px){
 .responsive-navigation nav .mobile-menu-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:8px;box-sizing:border-box}
 .responsive-navigation nav .mobile-menu-actions:empty{display:none}
 .mobile-menu-actions .home-auth-actions{display:flex;flex:none;order:0;margin:0;width:100%;gap:12px}
 .mobile-menu-actions .home-auth-actions>*{flex:1;margin:0;justify-content:center}
 .mobile-menu-actions .language-dropdown{order:1;width:100%;margin:0}
 .mobile-menu-actions .language-dropdown summary{justify-content:flex-start;padding:12px 14px}
 .mobile-menu-actions .language-dropdown summary>.dropdown-chevron{margin-left:auto}
 .mobile-menu-actions .language-dropdown .dropdown-panel{position:static;width:100%;max-width:100%;margin-top:8px;box-shadow:none}
 .mobile-menu-actions>#customer-logout,.mobile-menu-actions>#logout{min-height:44px;padding:12px 14px;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
 .mobile-menu-actions>#customer-logout>span{float:right;color:var(--accent)}
}
@media(max-width:360px){body>header .logo .brand-logo{width:155px}body>header.responsive-navigation{column-gap:8px}body>header.responsive-navigation>.mobile-menu-toggle{padding:10px;gap:6px}}

/* All disclosure controls share an icon box independent of font metrics. */
.cabinet-dropdown summary{line-height:1.25;align-items:center}
.cabinet-dropdown summary>.dropdown-chevron{display:block;width:14px;height:14px;min-width:14px;flex:0 0 14px;align-self:center;margin-block:0}
.cabinet-dropdown summary>[data-theme-icon]{display:flex;align-items:center;justify-content:center}
.security-status-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:20px 0}
.security-status-bar p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;letter-spacing:.04em;border-radius:999px;padding:7px 11px;background:var(--bg)}
.status-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.status-badge.is-active{color:#16783c;background:#15803d15}.status-badge.is-inactive{color:#bb3434;background:#dc262615}
html[data-theme=dark] .status-badge.is-active{color:#7cdda0}html[data-theme=dark] .status-badge.is-inactive{color:#ff9898}
.auth-method-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:24px 0;background:var(--panel)}
.auth-method-row{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(120px,.8fr) auto;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}
.auth-method-row:last-child{border-bottom:0}.auth-method-row>strong{overflow-wrap:anywhere}.auth-method-head{color:var(--muted);font-size:12px;background:#ff5e1f08}.auth-method-empty{padding:24px;color:var(--muted)}
.auth-method-row:not(.auth-method-head){border-left:3px solid #16803c}.auth-method-row button{margin:0}
.auth-add-method{width:100%;margin-bottom:24px}.security-grid .settings-card{min-width:0}.method-icon{display:block;width:48px;height:48px;color:var(--accent);margin-bottom:18px}
.contact-fixed{display:flex;flex-direction:column;gap:10px;padding:12px 0;font-size:13px}.contact-fixed>span{color:var(--muted)}.contact-fixed>strong{overflow-wrap:anywhere}#email-change-form{margin-top:24px}
@media(max-width:600px){.security-status-bar{align-items:stretch;flex-direction:column;padding:18px}.auth-method-head{display:none}.auth-method-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.auth-method-row>strong{grid-row:2;grid-column:1/-1}.auth-method-row>.method-type{grid-row:3}.auth-method-row>button{grid-row:3;grid-column:2}.status-badge{font-size:11px}}

/* Email address preferences: shared spacing and touch targets on every viewport. */
.email-addresses-card{padding:0;overflow:hidden}.email-addresses-card>h2{padding:24px 28px;margin:0}.email-notice{margin:0 28px 8px;padding:18px 20px;background:rgba(255,94,31,.11);border:1px solid rgba(255,94,31,.25);border-radius:12px;line-height:1.6}.email-section{padding:24px 28px;border-bottom:1px solid var(--border,#ddd)}.email-section h3{margin:0 0 18px}.email-address-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px}.email-address-row label{flex:1;min-width:0}.email-address-row input{width:100%}.email-remove{flex:0 0 44px;min-height:44px;font-size:24px}.email-password{display:flex;align-items:center;gap:12px;margin-top:8px}.email-password input{flex:1;min-width:0}.email-password button{flex-shrink:0}.email-actions{padding:24px 28px}.email-actions>.button{width:100%}.email-actions p:empty{display:none}.email-section .contact-fixed strong{overflow-wrap:anywhere}.email-section .field-help{margin-top:16px}
@media(max-width:600px){.email-section,.email-actions,.email-addresses-card>h2{padding:20px 16px}.email-notice{margin:0 16px 8px;padding:16px}.email-password{flex-wrap:wrap}.email-password input{flex-basis:100%}.email-address-row{gap:8px}}
@media(min-width:901px){body>header:has(.home-auth-actions){justify-content:flex-start;gap:12px}body>header:has(.home-auth-actions)>nav{flex:0 1 auto;gap:22px}body>header:has(.home-auth-actions)>.language-dropdown{margin-left:auto;margin-right:0}body>header>.home-auth-actions{margin-left:0;flex:0 0 auto;gap:12px}body>header:has(.home-auth-actions)>.language-dropdown summary{min-height:44px}body>header>.home-auth-actions .small-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
/* Consistent compact controls and aligned labels on the email settings page. */
.account-main:has(#email-addresses-form)>.settings-card{max-width:760px;width:100%;border-radius:14px}
.email-login-card{padding:0;margin-bottom:20px}.email-login-card .email-section{border:0}.email-login-card h2,.email-addresses-card>h2{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:0 0 16px}.email-addresses-card>h2{margin:0}.email-section{border-color:var(--line)}
.login-editor{margin-top:16px}.login-editor>summary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:13px;list-style:none;transition:background-color .5s,border-color .5s}.login-editor>summary::-webkit-details-marker{display:none}.login-editor>summary:hover{border-color:var(--accent);background:#ff5e1f0c}.login-editor>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-editor[open]>summary{margin-bottom:16px}
#email-change-form{margin:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
:root body :is(.email-addresses-card,.email-login-card) label{display:grid;gap:7px;margin:0;font-size:12px;line-height:1.4}
:root body :is(.email-addresses-card,.email-login-card) input{height:42px;min-height:42px;padding:0 12px;margin:0;border-radius:8px;font-size:13px;line-height:1.4}
:root body :is(.email-addresses-card,.email-login-card) :is(.button,.secondary-button){display:inline-flex;align-items:center;justify-content:center;height:42px;min-height:42px;margin:0;padding:0 14px;font-size:13px;line-height:1;font-weight:600;border-radius:8px;gap:8px}
:root body :is(.email-addresses-card,.email-login-card) .email-remove{width:42px;flex:0 0 42px;padding:0;font-size:22px;font-weight:400;border-color:var(--line)}
.email-address-row{gap:10px;margin-bottom:14px}.email-password{margin:0;gap:10px}.email-actions>.button{width:auto;min-width:150px}.email-login-card .contact-fixed{padding-top:0}.email-login-card .contact-fixed strong{font-size:15px}.login-edit-form>label{margin-bottom:16px!important}.login-edit-form>p{font-size:13px;line-height:1.6;margin:0 0 16px}.login-edit-form>[role=status]:empty{display:none}.login-edit-form>[role=status]{margin:14px 0 0}.email-addresses-card .email-notice{font-size:13px}
@media(max-width:600px){.email-password{flex-wrap:nowrap}.email-password input{flex-basis:auto;width:0}.email-password button{max-width:45%;white-space:normal}.email-actions>.button{width:100%}}
/* Align header logo, navigation and account actions to one vertical centre. */
@media(min-width:901px){body>header:has(.home-auth-actions){align-items:center}body>header:has(.home-auth-actions)>:is(.logo,nav,.home-auth-actions,.language-dropdown){align-self:center;margin-top:0;margin-bottom:0}body>header:has(.home-auth-actions)>nav{align-items:center}body>header:has(.home-auth-actions)>nav>a{display:inline-flex;align-items:center;min-height:44px;line-height:1;margin:0;padding-top:0;padding-bottom:0}body>header:has(.home-auth-actions)>.logo{height:58px;line-height:1}body>header:has(.home-auth-actions)>.logo img{display:block;max-height:58px}body>header:has(.home-auth-actions) .home-auth-actions .small-button,body>header:has(.home-auth-actions)>.language-dropdown>summary{height:44px;min-height:44px;box-sizing:border-box;display:flex;align-items:center;padding-top:0;padding-bottom:0;line-height:1;font-size:13px}}
/* Explicit security link and accessible, aligned account closure confirmation. */
#closure-form .security-confirm-link{color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px;line-height:1.8;border-radius:3px;transition:color .5s}
#closure-form .security-confirm-link:hover{color:var(--accent)}
#closure-form .security-confirm-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#closure-form label.closure-confirm{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px;margin:20px 0;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--panel);font-size:13px;line-height:1.6;cursor:pointer;transition:border-color .5s,background-color .5s}
#closure-form .closure-confirm input{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;min-width:0;min-height:0;margin:0;opacity:0;cursor:inherit}
.closure-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border:1.5px solid var(--muted);border-radius:6px;background:var(--bg);color:#fff;transition:background-color .5s,border-color .5s}
.closure-check svg{width:16px;height:16px;opacity:0}
#closure-form .closure-confirm:has(input:checked){border-color:var(--accent);background:#ff5e1f0b}
.closure-confirm input:checked+.closure-check{background:var(--accent);border-color:var(--accent)}.closure-confirm input:checked+.closure-check svg{opacity:1}
.closure-confirm input:focus-visible+.closure-check{outline:2px solid var(--accent);outline-offset:4px}
#closure-form .closure-confirm:has(input:disabled){cursor:not-allowed;color:var(--muted)}.closure-confirm input:disabled+.closure-check{opacity:.55}
.menu-client-id{display:block;margin-top:6px}.menu-client-id b{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:6px;font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--muted)}
@media(prefers-reduced-motion:reduce){#closure-form .closure-confirm,.closure-check,#closure-form .security-confirm-link{transition:none}}
/* Native swipe carousel: all enabled catalog plans remain reachable. */
.plan-slider{min-width:0}.plan-slider #plan-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:24px 3px 16px;margin:0 -3px;align-items:stretch}
.plan-slider #plan-grid>.plan{flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;overflow-wrap:anywhere}.plan-slider .plan .subtitle{min-height:40px}.plan-slider .plan .specs{flex:1}.plan-slider .plan>button{margin-top:auto}.plan-slider #plan-grid:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
.plan-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px}.plan-slider-controls>span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:68px;text-align:center}:root body .plan-slider-controls>.secondary-button{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;border-color:var(--line)}.plan-slider-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px){.plan-slider #plan-grid>.plan{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.plan-slider #plan-grid{gap:16px}.plan-slider #plan-grid>.plan{flex-basis:100%}.plan-slider-controls{justify-content:center}:root body .plan-slider-controls>.secondary-button{width:44px;height:44px}}
/* Detailed coastline, with a denser dot pattern and matching marker projection. */
.world-map #land-dots circle{fill:#ad8b74}.world-map .land-base{fill:#b5957b0c;stroke:#b59b89;stroke-width:.55;stroke-linejoin:round}.world-map svg{shape-rendering:geometricPrecision}
/* Restore the compact four-column proportions while retaining native sliding. */
.plan-slider #plan-grid{gap:15px}.plan-slider #plan-grid>.plan{flex-basis:calc((100% - 45px)/4);padding:27px 24px}.plan-slider .plan .subtitle{min-height:40px}
@media(max-width:1100px){.plan-slider #plan-grid>.plan{flex-basis:calc((100% - 15px)/2)}}
@media(max-width:600px){.plan-slider #plan-grid{gap:16px}.plan-slider #plan-grid>.plan{flex-basis:100%;padding:24px 20px}}
/* Managed hosting positioning: keep longer translated headings readable. */
.hero-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.12;letter-spacing:-2px}.hero-copy .intro{max-width:500px}.hero-notes{flex-wrap:wrap}.tech-strip b{white-space:nowrap}
@media(max-width:600px){.hero-copy h1{font-size:40px;letter-spacing:-1.5px}}
/* Main page geography is a single map, without a country list or detail panel. */
.map-layout.map-only{grid-template-columns:minmax(0,1fr)}.map-only .world-map{width:100%;padding:20px}.map-only .world-map>svg{max-height:500px}.map-only+#map-status{margin-top:16px}
@media(max-width:600px){.map-only .world-map{padding:10px}}