:root{
  --bg:#09111f;--surface:#0f1a2e;--surface-2:#162338;--surface-3:#1b2b45;
  --text:#e7edf7;--strong:#f8fbff;--muted:#93a4bd;--muted-2:#6c7d96;
  --primary:#22c55e;--primary-strong:#16a34a;--primary-soft:rgba(34,197,94,.14);
  --warning:#f59e0b;--warning-soft:rgba(245,158,11,.14);--danger:#ef4444;--danger-soft:rgba(239,68,68,.14);
  --info:#38bdf8;--info-soft:rgba(56,189,248,.12);
  --border:rgba(148,163,184,.18);--border-strong:rgba(148,163,184,.3);
  --radius:16px;--radius-sm:10px;--shadow:0 18px 50px rgba(0,0,0,.3);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);
  background:radial-gradient(circle at top,rgba(34,197,94,.06),transparent 30%),linear-gradient(180deg,#08101d,#0a1324 55%,#09111f);min-height:100vh}
a{color:#86efac;text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{color:var(--strong);margin:0;line-height:1.25}
h1{font-size:1.7rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
h2{font-size:1.1rem}h3{font-size:1rem}
code,.mono{font-family:var(--mono);font-size:.86em}
code{background:var(--surface-3);padding:1px 6px;border-radius:6px;word-break:break-all}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.narrow{max-width:560px}
.page{padding-top:26px;padding-bottom:40px}
.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.mt{margin-top:22px}
.sub{color:var(--muted);font-size:.82rem;margin-top:2px;overflow-wrap:anywhere}
.err{color:#fca5a5}.warn{color:#fcd34d}
.pre{white-space:pre-wrap}

/* topbar */
.topbar{position:sticky;top:0;z-index:10;background:rgba(8,16,29,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.topbar-inner{display:flex;align-items:center;gap:18px;min-height:62px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--strong);font-size:1.05rem}
.brand:hover{text-decoration:none}
.brand.big{font-size:1.4rem;justify-content:center;margin-bottom:14px}
.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.brand-ws{font-weight:500;color:var(--muted);font-size:.85rem;border-left:1px solid var(--border);padding-left:9px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.nav a{color:var(--muted);padding:6px 9px;border-radius:9px;font-size:.88rem;white-space:nowrap}
.nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}
.nav a.on{color:var(--strong);background:var(--surface-3)}
.top-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.top-tools form{margin:0}
.seg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden}
.seg button{background:transparent;border:0;color:var(--muted);padding:5px 9px;font:inherit;font-size:.8rem;cursor:pointer}
.seg button.on{background:var(--surface-3);color:var(--strong)}
.plan-chip{font-size:.75rem;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.plan-chip.plan-personal{color:#93c5fd;border-color:rgba(147,197,253,.4)}
.plan-chip.plan-business{color:#fcd34d;border-color:rgba(252,211,77,.4)}
.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted-2);font-size:.8rem;padding-top:10px;padding-bottom:30px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);
  padding:8px 14px;border-radius:var(--radius-sm);font:inherit;font-size:.9rem;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{background:var(--surface-3);text-decoration:none}
.btn.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:#04130a;font-weight:600}
.btn.primary:hover{background:var(--primary)}
.btn.ghost{background:transparent}
.btn.danger{background:transparent;border-color:rgba(239,68,68,.45);color:#fca5a5}
.btn.danger:hover{background:var(--danger-soft)}
.btn.sm{padding:5px 10px;font-size:.8rem;border-radius:8px}
.btn.block{width:100%}
.btn[disabled],.htmx-request.btn{opacity:.55;cursor:progress}

/* flash */
.flash{padding:11px 14px;border-radius:var(--radius-sm);margin:0 0 16px;border:1px solid var(--border);overflow-wrap:anywhere}
.flash-ok{background:var(--primary-soft);border-color:rgba(34,197,94,.35);color:#bbf7d0}
.flash-error{background:var(--danger-soft);border-color:rgba(239,68,68,.4);color:#fecaca}
.flash-warn{background:var(--warning-soft);border-color:rgba(245,158,11,.4);color:#fde68a}
.flash-info{background:var(--info-soft);border-color:rgba(56,189,248,.3);color:#bae6fd}

/* badges, chips, sparks */
.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid transparent}
.b-UP{background:var(--primary-soft);color:#86efac;border-color:rgba(34,197,94,.35)}
.b-DOWN{background:var(--danger-soft);color:#fca5a5;border-color:rgba(239,68,68,.4)}
.b-PENDING,.b-{background:var(--info-soft);color:#7dd3fc;border-color:rgba(56,189,248,.3)}
.b-PAUSED{background:var(--surface-3);color:var(--muted);border-color:var(--border)}
h1 .badge{font-size:.75rem}
.chip{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;border:1px solid var(--border);color:var(--muted);background:var(--surface-2)}
a.chip:hover{color:var(--text);text-decoration:none;border-color:var(--border-strong)}
.chip.on{color:#86efac;border-color:rgba(34,197,94,.45);background:var(--primary-soft)}
.chip.warn{color:#fcd34d;border-color:rgba(245,158,11,.4)}
.spark{display:inline-flex;gap:2px;align-items:flex-end;height:18px}
.spark i{display:block;width:5px;height:16px;border-radius:2px;background:var(--surface-3)}
.spark i.s-UP{background:var(--primary)}
.spark i.s-DOWN{background:var(--danger)}
.spark-lg{margin-top:12px}.spark-lg .spark{height:24px}.spark-lg .spark i{width:7px;height:22px}

/* layout blocks */
.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.hero p{margin:6px 0 0}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hero-actions form{margin:0}
.stats{display:flex;gap:10px;flex-wrap:wrap}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;min-width:88px}
.stat b{font-size:1.3rem;color:var(--strong);margin-right:4px}
.stat span{color:var(--muted);font-size:.8rem}
.stat.ok b{color:#86efac}.stat.bad b{color:#fca5a5}
.card{background:linear-gradient(180deg,rgba(22,35,56,.75),rgba(15,26,46,.85));border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:18px}
.two-col>.card{margin-bottom:0}
.two-col{margin-bottom:18px}
.crumbs{margin:0 0 10px;font-size:.88rem}
.empty{color:var(--muted);text-align:center;padding:18px 0}
.onboarding{border-color:rgba(34,197,94,.35)}
.steps{margin:10px 0 0;padding-left:20px;color:var(--text)}
.steps li{margin:4px 0}
.templates,.tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tabs{margin-bottom:12px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}
.kpi span{display:block;color:var(--muted);font-size:.8rem}
.kpi b{font-size:1.35rem;color:var(--strong)}
.kpi b.small{font-size:1rem}
.chart{width:100%;height:150px;display:block;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}

/* forms */
label{display:flex;flex-direction:column;gap:5px;font-size:.84rem;color:var(--muted)}
input,select,textarea{font:inherit;font-size:.92rem;color:var(--text);background:#0b1526;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 11px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(34,197,94,.5);outline-offset:0;border-color:transparent}
select option:disabled{color:var(--muted-2)}
input[type=checkbox]{width:auto}
label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}
.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px;align-items:end}
.grid-form h3,.grid-form .flash,.grid-form .wide,.grid-form .form-actions,.grid-form .hint,.grid-form fieldset{grid-column:1/-1}
.type-fields{display:contents}
.form-actions{display:flex;gap:8px;flex-wrap:wrap}
.hint{color:var(--muted-2);font-size:.8rem;margin:0}
.hint.warn{color:#fcd34d}
details.adv{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:8px 12px}
details.adv summary{cursor:pointer;color:var(--muted);font-size:.85rem}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0}
fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}
fieldset .wide,fieldset .hint{grid-column:1/-1}
legend{color:var(--strong);font-weight:600;padding:0 6px;font-size:.9rem}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0}
.filters select{width:auto;padding:6px 10px;font-size:.85rem}
.stack{display:flex;flex-direction:column;gap:12px}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
[hidden]{display:none!important}

/* tables & lists */
.table-wrap{overflow-x:auto}
.table-wrap.scroll{max-height:520px;overflow-y:auto}
.table{width:100%;border-collapse:collapse}
.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#111d32}
.table td{padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:top}
.table.compact td{padding:7px 10px;font-size:.88rem}
.table tr:last-child td{border-bottom:0}
.mrow.paused{opacity:.6}
.mrow.editing td{background:rgba(27,43,69,.5)}
.mname{font-weight:600;color:var(--strong)}
.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.actions form{margin:0}
td.actions-cell{white-space:nowrap;width:1%}
.list{list-style:none;margin:0;padding:0}
.list li{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}
.list li:last-child{border-bottom:0}
.list li.off{opacity:.6}
.list li>div:first-child{min-width:0}
.copy{user-select:all}
.activity{list-style:none;margin:0;padding:0;max-height:560px;overflow-y:auto}
.activity li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}
.activity li:last-child{border-bottom:0}
.activity .dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--info)}
.activity .sev-error .dot{background:var(--danger)}
.activity .sev-success .dot{background:var(--primary)}
.activity .sev-warning .dot{background:var(--warning)}
.act-msg{font-size:.92rem}

/* plans */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.plan{display:flex;flex-direction:column;gap:12px}
.plan.current{border-color:rgba(34,197,94,.55)}
.price{font-size:2rem;font-weight:700;color:var(--strong)}
.price span{font-size:.9rem;color:var(--muted);font-weight:400}
.features{list-style:none;padding:0;margin:0;flex:1}
.features li{padding:5px 0 5px 22px;position:relative;font-size:.92rem}
.features li::before{content:"✓";position:absolute;left:0;color:var(--primary)}
.features li.no{color:var(--muted)}
.features li.no::before{content:"–";color:var(--muted-2)}

/* public */
body.public .page{padding-top:60px}
.auth h1{justify-content:center;margin-bottom:8px;font-size:1.4rem}
.auth>p.muted{text-align:center}
.status-head{text-align:center;margin-bottom:20px}
.status-head h1{justify-content:center;margin-bottom:14px}
.status-banner{padding:14px;border-radius:var(--radius);font-weight:600}
.status-banner.ok{background:var(--primary-soft);color:#bbf7d0;border:1px solid rgba(34,197,94,.4)}
.status-banner.bad{background:var(--danger-soft);color:#fecaca;border:1px solid rgba(239,68,68,.4)}
.status-list .spark{margin-top:6px}

@media (max-width:1440px){.brand-ws{display:none}}
@media (max-width:820px){
  .wrap{padding:0 14px}
  .hide-sm{display:none}
  .two-col{grid-template-columns:1fr}
  .nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap}
  .brand-ws{display:none}
  td.actions-cell{white-space:normal}
  .list li{flex-direction:column;align-items:flex-start}
  .actions{justify-content:flex-start}
}
.list li>.actions{flex:none}

/* public topbar seg links */
.seg a{color:var(--muted);padding:5px 9px;font-size:.8rem;text-decoration:none}
.seg a.on{background:var(--surface-3);color:var(--strong)}
.auth{margin-top:10px}
.auth .stack label .hint{display:inline}

/* landing */
.btn.lg{padding:12px 22px;font-size:1rem;border-radius:12px}
.land-hero{text-align:center;padding:40px 0 20px;max-width:880px;margin:0 auto}
.kicker{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--primary-soft);color:#86efac;font-size:.82rem;border:1px solid rgba(34,197,94,.35);margin-bottom:18px}
.land-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);justify-content:center;line-height:1.1;letter-spacing:-.02em}
.lead{font-size:1.15rem;color:var(--muted);max-width:680px;margin:18px auto 26px}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.land-hero .hint{margin-top:12px}
.mock{max-width:640px;margin:36px auto 0;text-align:left;padding:16px 18px}
.mock-row{display:flex;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid var(--border)}
.mock-name{flex:1;font-family:var(--mono);font-size:.88rem}
.mock-alert{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--danger-soft);color:#fecaca;font-size:.9rem;border:1px solid rgba(239,68,68,.35)}
.land-section{padding:46px 0 10px}
.land-section>h2{text-align:center;font-size:1.7rem;margin-bottom:22px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:980px){.feature-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.feature-grid{grid-template-columns:1fr}}
.feature{margin:0}
.feature h3{margin-bottom:6px}
.feature p{margin:0}
.how{list-style:none;padding:0;margin:0 auto 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.how li{display:flex;gap:14px;align-items:flex-start}
.how li>b{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:#86efac;border:1px solid rgba(34,197,94,.4)}
.how p{margin:4px 0 0}
.audience .card p{margin:6px 0 0}
.narrow-block{max-width:820px;margin:0 auto}
.faq{margin-bottom:10px;padding:14px 18px}
.faq summary{cursor:pointer;color:var(--strong);font-weight:600}
.faq p{margin:10px 0 0}
.land-final{text-align:center;margin-top:40px;padding:34px}
.land-final h2{margin-bottom:18px}
body.is-landing .page{padding-top:10px}
@media (max-width:820px){.land-nav{display:none}}

/* telegram linking */
.tg-connect{border:1px solid var(--border);border-radius:12px;padding:16px;margin:8px 0 14px;background:rgba(34,197,94,.05)}
.tg-connect h4{margin:0 0 8px}
.tg-steps{margin:0 0 12px 18px;padding:0;line-height:1.7}
details.advanced{margin-top:6px}
details.advanced summary{cursor:pointer;color:var(--muted);font-size:.9rem;padding:6px 0}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok,#22c55e);margin-right:6px;animation:sp-pulse 1.2s infinite}
@keyframes sp-pulse{0%,100%{opacity:1}50%{opacity:.25}}

/* in-app help */
.page{padding-bottom:72px}
.help-fab{position:fixed;right:20px;bottom:20px;z-index:60}
.help-fab>summary{list-style:none}
.help-fab>summary::-webkit-details-marker{display:none}
.help-btn{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--primary);color:#04130a;font-weight:700;border-radius:999px;padding:9px 16px 9px 9px;box-shadow:0 8px 24px rgba(0,0,0,.45);user-select:none}
.help-btn:hover{filter:brightness(1.08)}
.help-q{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(4,19,10,.18);font-size:.95rem}
.help-fab[open] .help-btn{opacity:.9}
.help-panel{position:fixed;right:20px;bottom:76px;width:min(440px,calc(100vw - 40px));max-height:calc(100vh - 110px);display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.55)}
.help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 18px 6px}
.help-head h3{margin:0;font-size:1.05rem;color:var(--strong)}
.help-x{background:none;border:0;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 4px}
.help-x:hover{color:var(--strong)}
.help-body{overflow:auto;padding:4px 18px 8px;line-height:1.55;font-size:.92rem}
.help-body h4{margin:14px 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.help-body ol{margin:0;padding-left:20px}
.help-body li{margin:4px 0}
.help-ex{background:rgba(34,197,94,.07);border-left:3px solid var(--primary);padding:8px 10px;border-radius:6px;margin:0}
.help-tip{color:var(--muted);font-size:.86rem;margin:12px 0 0}
.help-foot{padding:10px 18px 16px;display:flex;justify-content:flex-end}
@media (max-width:620px){
  .help-fab{right:12px;bottom:12px}
  .help-label{display:none}
  .help-btn{padding:9px}
  .help-panel{right:8px;left:8px;width:auto;bottom:64px;max-height:calc(100vh - 90px)}
}
.inline-pref{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}

.safety{font-size:.85rem;margin:10px 0}
.report{margin:14px auto;max-width:460px}
.report summary{cursor:pointer}
.report form{margin-top:10px;text-align:left}
.spark{max-width:100%;overflow:hidden;justify-content:flex-end}

/* ads (free plan) */
.ad{position:relative;margin:14px auto;max-width:728px;text-align:center}
.ad img{display:block;width:100%;height:auto;max-height:90px;object-fit:contain;border-radius:10px}
.ad-label{position:absolute;top:-9px;right:10px;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-2);background:var(--bg);padding:0 6px}
.ads-admin{display:grid;gap:18px;margin-top:12px}
.ad-slot-form{border-top:1px solid var(--border);padding-top:14px}
.ad-slot-form h3{margin:0;font-size:1rem}
.ad-preview img{display:block;width:100%;max-width:728px;height:auto;border-radius:10px}
.ad ins.adsbygoogle{display:block;min-height:90px;width:100%}

/* Legal documents, consent and hosted checkout retain the SitePulse design. */
.eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.legal-document{line-height:1.65;margin:0 auto;max-width:860px}
.legal-document h1{margin:0 0 20px}
.legal-document h2{font-size:1.2rem;margin:28px 0 12px}
.legal-document p{margin:12px 0}
.legal-document li{margin:8px 0}
.legal-document ul{padding-left:24px}
.legal-document .flash{line-height:1.5}
.legal-nav{display:flex;gap:8px 20px;flex-wrap:wrap;padding:16px 0;border-block:1px solid var(--border)}
.legal-nav a[aria-current]{color:var(--primary);text-decoration:underline}
.legal-details{display:grid;grid-template-columns:190px 1fr;gap:8px 20px;overflow-wrap:anywhere}
.legal-details dt{color:var(--muted)}
.legal-details dd{margin:0}
.legal-example{background:var(--surface-2);padding:20px;border-radius:var(--radius-sm)}
.legal-footer{padding:20px 0 28px}
.legal-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.legal-footer a{font-size:.85rem;color:var(--muted);min-height:36px;display:inline-flex;align-items:center}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;margin:0 auto;padding:20px;max-width:900px;max-height:55vh;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.cookie-banner h2{font-size:1rem;margin:0 0 8px}
.cookie-banner p{margin:0 0 16px;font-size:.9rem}
.cookie-actions,.checkout-actions{display:flex;flex-wrap:wrap;gap:12px}
.cookie-actions .btn{min-height:44px}
.privacy-settings{line-height:1.65}
.consent-category{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px}
.consent-category legend{font-weight:600;padding:0 8px}
.checkout h2{font-size:1.15rem;margin:20px 0}
#legal-settings,#billing-settings{scroll-margin-top:100px}
#legal-settings .grid-form,#billing-settings .grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:620px){
  .legal-details{grid-template-columns:1fr;gap:4px}
  .legal-details dd{margin-bottom:12px}
  .cookie-banner{left:8px;right:8px;bottom:8px;padding:16px}
  .cookie-actions .btn{flex:1 1 40%;text-align:center}
  .legal-document{padding:20px}
  #legal-settings .grid-form,#billing-settings .grid-form{grid-template-columns:1fr}
}