@font-face{font-family:"Plus Jakarta Sans";src:url(/admin/fonts/jakarta-latin.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url(/admin/fonts/jakarta-latin-ext.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";src:url(/admin/fonts/dmsans-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url(/admin/fonts/bebas-latin.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--red:#2563EB;--red-d:#1D4ED8;--red-50:#EAF1FE;--ink:#0D1826;--ink-2:#16233A;--ink-3:#0A121D;--accent-rgb:37,99,235;--red-t:var(--red);--on-red:#fff;--font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-head:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--head-tt:none;--head-w:600;--head-ls:-.02em;--rs:1;--muted:#5F6B78;--line:#E3E7EC;--line-2:#EEF1F4;--mist:#F4F6F8;--bg:#F2F4F7;
--green:#15803d;--green-50:#e9f7ee;--amber:#b45309;--amber-50:#fff5e6;--r:calc(14px * var(--rs,1));--r-sm:calc(10px * var(--rs,1));--sh:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--sh-lg:0 24px 70px rgba(0,0,0,.18)}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:var(--font-body);font-size:14.5px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
b,strong,h1,h2,h3,h4,h5,h6,th,dt{font-weight:600}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.ico{width:18px;height:18px;flex:none;fill:currentColor}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* ---------- buttons */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:calc(10px * var(--rs));border:1px solid var(--line);background:#fff;font-weight:500;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s;text-decoration:none}
.b:hover{border-color:#cfcfcf;background:#fafafa}
.b:active{transform:translateY(1px)}
.b:disabled{opacity:.5;cursor:not-allowed}
.b.pri{background:var(--red);border-color:var(--red);color:var(--on-red);box-shadow:0 6px 16px rgba(var(--accent-rgb),.25)}
.b.pri:hover{background:var(--red-d);border-color:var(--red-d)}
.b.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.b.dark:hover{background:#000}
.b.ghost{border-color:transparent;background:transparent}
.b.ghost:hover{background:var(--mist)}
.b.sm{height:32px;padding:0 12px;font-size:13px;border-radius:calc(8px * var(--rs))}
.b.icon{width:34px;height:34px;padding:0;border-radius:calc(9px * var(--rs))}
.b.danger{color:#b91c1c}
.b.danger:hover{background:#fef2f2;border-color:#fecaca}

/* ---------- login */
.login{min-height:100%;display:grid;grid-template-columns:1.05fr 1fr}
.login-art{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}
.login-art img.mk{position:absolute;right:-12%;bottom:-8%;width:85%;opacity:.14}
.login-art h1{font-size:40px;line-height:1.1;margin:0 0 14px;letter-spacing:-.02em;max-width:12ch}
.login-art p{color:#bdbdbd;max-width:40ch;margin:0}
.login-art .logo{background:#fff;border-radius:calc(14px * var(--rs));padding:10px 14px;width:max-content}
.login-art .logo img{display:block;width:74px;height:auto}
.login-form{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}
.login-form form{width:100%;max-width:380px}
.login-form h2{font-size:26px;margin:0 0 6px;letter-spacing:-.01em}
.login-form .sub{color:var(--muted);margin:0 0 28px}
.login-form .b{width:100%;height:46px;margin-top:8px}
@media (max-width:860px){.login{grid-template-columns:1fr}.login-art{display:none}}

/* ---------- fields */
.f{display:grid;gap:6px;margin-bottom:18px}
.f>label,.f .lbl{font-weight:500;font-size:13px;color:var(--ink-2)}
.f .hint{font-size:12.5px;color:var(--muted);margin-top:-2px}
.in,.f select,.f textarea{width:100%;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:calc(10px * var(--rs));background:#fff;transition:border-color .15s,box-shadow .15s}
.f textarea{height:auto;min-height:96px;padding:11px 13px;resize:vertical;line-height:1.55}
.in:focus,.f select:focus,.f textarea:focus,.rte-area:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(23,23,23,.07)}
.f .count{font-size:12px;color:var(--muted);justify-self:end;margin-top:-2px}
.f .count.over{color:var(--amber)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
@media (max-width:640px){.row2,.row3{grid-template-columns:1fr}}
.err-msg{color:#b91c1c;font-size:13px;min-height:18px;margin:4px 0 0}
.fs{border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 2px;margin:0 0 18px;background:#fcfcfc}
.fs>h4{margin:0 0 14px;font-size:13px;text-transform:none;letter-spacing:.01em;color:var(--muted)}

/* toggle */
.tg{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;font-weight:500;font-size:13.5px}
.tg input{position:absolute;opacity:0;pointer-events:none}
.tg .sw{width:40px;height:23px;border-radius:99px;background:#d4d4d4;position:relative;transition:background .2s;flex:none}
.tg .sw::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.tg input:checked+.sw{background:var(--green)}
.tg input:checked+.sw::after{transform:translateX(17px)}
.tg input:focus-visible+.sw{outline:2px solid var(--red);outline-offset:2px}
.tg small{display:block;font-weight:400;color:var(--muted)}

/* chips input */
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);border-radius:calc(10px * var(--rs));background:#fff;min-height:42px}
.chips span{display:inline-flex;align-items:center;gap:4px;background:var(--mist);border:1px solid var(--line);border-radius:99px;padding:3px 6px 3px 11px;font-size:13px}
.chips span button{border:0;background:none;cursor:pointer;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.chips span button:hover{background:#e4e4e4;color:var(--ink)}
.chips input{flex:1;min-width:140px;border:0;outline:0;padding:4px 6px;background:none}

/* rich text */
.rte{border:1px solid var(--line);border-radius:calc(10px * var(--rs));background:#fff;overflow:hidden}
.rte:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(23,23,23,.07)}
.rte-bar{display:flex;gap:2px;padding:5px;border-bottom:1px solid var(--line-2);background:#fafafa}
.rte-bar button{width:32px;height:30px;border:0;border-radius:calc(7px * var(--rs));background:none;cursor:pointer;display:grid;place-items:center;color:#444}
.rte-bar button:hover{background:#ececec;color:var(--ink)}
.rte-bar .sep{width:1px;background:var(--line);margin:4px 4px}
.rte-area{min-height:120px;max-height:420px;overflow:auto;padding:12px 14px;line-height:1.65;outline:none}
.rte-area p{margin:0 0 .8em}.rte-area p:last-child{margin:0}
.rte-area h2,.rte-area h3{margin:.6em 0 .4em;font-size:17px}
.rte-area ul,.rte-area ol{margin:0 0 .8em;padding-left:22px}
.rte-area a{color:var(--red-t)}
.rte-area:empty::before{content:attr(data-ph);color:#a3a3a3}

/* image picker field */
.imgf{display:flex;gap:14px;align-items:center}
.imgf .th{width:96px;height:72px;border-radius:calc(10px * var(--rs));background:var(--mist) center/cover no-repeat;border:1px solid var(--line);flex:none;display:grid;place-items:center;color:#aaa}
.icf{display:flex;gap:12px;align-items:center}
.icf .sw{width:44px;height:44px;border-radius:calc(12px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center}
.icf .sw .ico{width:24px;height:24px}

/* ---------- app shell */
.app{display:grid;grid-template-columns:252px 1fr;min-height:100%}
.side{background:var(--ink);color:#e8e8e8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}
.side .brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px;text-decoration:none}
.side .brand .lg{background:#fff;border-radius:calc(10px * var(--rs));padding:5px 7px}
.side .brand img{display:block;width:40px;height:auto}
.side .brand b{display:block;color:#fff;font-size:14.5px;line-height:1.2}
.side .brand small{color:#9a9a9a;font-size:12px}
.side nav{display:grid;gap:2px;overflow:auto}
.side nav .grp{font-size:11px;text-transform:none;letter-spacing:.01em;color:#7c7c7c;padding:14px 12px 6px}
.side nav button{display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;border:0;border-radius:calc(10px * var(--rs));background:none;color:#cfcfcf;font-weight:500;font-size:13.5px;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.side nav button:hover{background:rgba(255,255,255,.06);color:#fff}
.side nav button[aria-current=page]{background:#fff;color:var(--ink)}
.side nav button[aria-current=page] .ico{color:var(--red-t)}
.side nav button .n{margin-left:auto;font-size:11.5px;background:rgba(255,255,255,.1);padding:1px 8px;border-radius:99px;color:#ddd}
.side nav button[aria-current=page] .n{background:var(--mist);color:var(--muted)}
.side .me{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:14px 8px 2px;display:flex;align-items:center;gap:10px}
.side .me .av{width:34px;height:34px;border-radius:50%;background:var(--red);color:var(--on-red);display:grid;place-items:center;font-weight:600}
.side .me div{min-width:0;flex:1}
.side .me b{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .me small{display:block;color:#8b8b8b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .me button{border:0;background:rgba(255,255,255,.06);color:#ddd;width:34px;height:34px;border-radius:calc(9px * var(--rs));cursor:pointer;display:grid;place-items:center}
.side .me button:hover{background:rgba(255,255,255,.14);color:#fff}
.main{min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:68px;padding:0 28px;background:rgba(244,244,242,.86);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
.top h1{font-size:19px;margin:0;letter-spacing:-.01em}
.top .acts{margin-left:auto;display:flex;gap:8px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:99px;font-size:12.5px;font-weight:500;background:#fff;border:1px solid var(--line);color:var(--muted)}
.pill i{width:8px;height:8px;border-radius:50%;background:#bbb}
.pill.live{color:var(--green);background:var(--green-50);border-color:#c9ebd4}.pill.live i{background:var(--green)}
.pill.draft{color:var(--amber);background:var(--amber-50);border-color:#f9dfb6}.pill.draft i{background:#f59e0b}
.pill.saving i{background:#999;animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.3}}
.menu-t{display:none}
.view{padding:28px;max-width:1180px;width:100%}
.view.wide{max-width:none}
@media (max-width:980px){
 .app{grid-template-columns:1fr}
 .side{position:fixed;inset:0 auto 0 0;width:272px;z-index:60;transform:translateX(-100%);transition:transform .25s}
 .side.open{transform:none;box-shadow:var(--sh-lg)}
 .menu-t{display:inline-flex}
 .top{padding:0 16px}.view{padding:18px 16px}
 .top .acts .b span.t{display:none}
}

/* ---------- cards & lists */
.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--r);box-shadow:var(--sh)}
.card-h{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line-2)}
.card-h h2,.card-h h3{margin:0;font-size:15.5px}
.card-h p{margin:2px 0 0;color:var(--muted);font-size:13px}
.card-h .acts{margin-left:auto;display:flex;gap:8px}
.card-b{padding:20px}
.intro{display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}
.intro p{margin:0;color:var(--muted);max-width:70ch}
.list{list-style:none;margin:0;padding:0}
.li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line-2);transition:background .15s}
.li:last-child{border-bottom:0}
.li:hover{background:#fcfcfb}
.li .th{width:52px;height:52px;border-radius:calc(12px * var(--rs));background:var(--mist) center/cover no-repeat;flex:none;display:grid;place-items:center;color:var(--red-t)}
.li .th.round{border-radius:50%}
.li .th .ico{width:24px;height:24px}
.li .tx{min-width:0;flex:1}
.li .tx b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .tx small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li .tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.li .ops{display:flex;gap:2px;margin-left:6px}
.li.off .tx,.li.off .th{opacity:.5}
.li.drag{opacity:.4}
.li .grip{cursor:grab;color:#b5b5b5;display:grid;place-items:center;width:20px}
.tag{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--mist);color:var(--muted);white-space:nowrap}
.tag.g{background:var(--green-50);color:var(--green)}
.tag.r{background:var(--red-50);color:var(--red-t)}
.tag.a{background:var(--amber-50);color:var(--amber)}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.empty .ico{width:40px;height:40px;color:#c9c9c9;margin-bottom:8px}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.g4{grid-template-columns:1fr 1fr}.g3{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}}
.stat{padding:18px 20px;display:flex;gap:14px;align-items:center;cursor:pointer;text-align:left;border:1px solid rgba(0,0,0,.06);width:100%;transition:transform .15s,box-shadow .15s}
.stat:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.stat .ic{width:44px;height:44px;border-radius:calc(12px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center}
.stat .ic .ico{width:22px;height:22px}
.stat b{display:block;font-size:24px;line-height:1.1}
.stat small{color:var(--muted);font-weight:500}
.hello{background:var(--ink);color:#fff;border-radius:calc(18px * var(--rs));padding:30px 32px;position:relative;overflow:hidden;margin-bottom:18px}
.hello img{position:absolute;right:-40px;bottom:-60px;width:360px;opacity:.12;pointer-events:none}
.hello h2{margin:0 0 6px;font-size:26px;letter-spacing:-.01em}
.hello p{margin:0;color:#bcbcbc;max-width:60ch}
.hello .btns{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.hello .b:not(.pri){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.hello .b:not(.pri):hover{background:rgba(255,255,255,.16)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.steps>div{padding:20px;border-right:1px solid var(--line-2)}
.steps>div:last-child{border-right:0}
.steps .ic{width:36px;height:36px;border-radius:calc(10px * var(--rs));background:var(--mist);display:grid;place-items:center;margin-bottom:10px;color:var(--ink)}
.steps b{display:block;margin-bottom:3px}
.steps p{margin:0;color:var(--muted);font-size:13.5px}
@media (max-width:760px){.steps{grid-template-columns:1fr}.steps>div{border-right:0;border-bottom:1px solid var(--line-2)}}
.qa{display:flex;flex-wrap:wrap;gap:8px}
.note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:calc(12px * var(--rs));background:var(--mist);color:var(--ink-2);font-size:13.5px;margin-bottom:18px}
.note .ico{color:var(--red-t);margin-top:1px}
.note.warn{background:var(--amber-50)}
.note.warn .ico{color:var(--amber)}

/* ---------- drawer & modal */
.scrim{position:fixed;inset:0;background:rgba(10,10,10,.42);z-index:80;opacity:0;transition:opacity .2s;backdrop-filter:blur(2px)}
.scrim.on{opacity:1}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100%);background:#fff;z-index:90;display:flex;flex-direction:column;box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.drawer.on{transform:none}
.drawer header{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line-2)}
.drawer header h3{margin:0;font-size:17px}
.drawer header small{display:block;color:var(--muted);font-size:12.5px}
.drawer header .b{margin-left:auto}
.drawer .body{flex:1;overflow:auto;padding:22px}
.drawer footer{display:flex;gap:10px;align-items:center;padding:14px 22px;border-top:1px solid var(--line-2);background:#fafafa}
.drawer footer .sp{flex:1}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);opacity:0;z-index:100;background:#fff;border-radius:calc(18px * var(--rs));box-shadow:var(--sh-lg);width:min(560px,calc(100% - 32px));max-height:calc(100% - 40px);display:flex;flex-direction:column;transition:transform .2s,opacity .2s}
.modal.on{opacity:1;transform:translate(-50%,-50%)}
.modal.big{width:min(980px,calc(100% - 32px));height:min(760px,calc(100% - 40px))}
.modal header{display:flex;align-items:center;gap:12px;padding:18px 22px 10px}
.modal header h3{margin:0;font-size:18px}
.modal header .b{margin-left:auto}
.modal .body{padding:6px 22px 18px;overflow:auto;flex:1;color:var(--ink-2)}
.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line-2)}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;z-index:120;background:var(--ink);color:#fff;padding:12px 18px;border-radius:calc(12px * var(--rs));font-weight:500;font-size:13.5px;box-shadow:var(--sh-lg);transition:transform .25s,opacity .25s;display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.bad{background:#991b1b}
.toast .ico{color:#4ade80}
.toast.bad .ico{color:#fecaca}

/* ---------- pickers */
.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.picker button{border:2px solid transparent;border-radius:calc(12px * var(--rs));padding:0;background:var(--mist);cursor:pointer;overflow:hidden;text-align:left}
.picker button img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.picker button span{display:block;padding:6px 9px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff}
.picker button:hover{border-color:#cfcfcf}
.picker button[aria-pressed=true]{border-color:var(--red)}
.icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.icons button{height:64px;border:1px solid var(--line);border-radius:calc(12px * var(--rs));background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink-2)}
.icons button .ico{width:26px;height:26px}
.icons button:hover{border-color:var(--ink)}
.icons button[aria-pressed=true]{border-color:var(--red);background:var(--red-50);color:var(--red-t)}
.drop{display:block;cursor:pointer;border:2px dashed #d6d6d6;border-radius:calc(14px * var(--rs));padding:26px;text-align:center;color:var(--muted);transition:border-color .15s,background .15s}
.drop.over{border-color:var(--red);background:var(--red-50)}
.drop b{color:var(--ink)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-2);margin-bottom:16px}
.tabs button{border:0;background:none;padding:10px 12px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--red)}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.mcard{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:calc(12px * var(--rs));overflow:hidden;box-shadow:var(--sh)}
.mcard .pv{aspect-ratio:4/3;background:var(--mist) center/cover no-repeat;display:grid;place-items:center;color:var(--red-t)}
.mcard .pv .ico{width:36px;height:36px}
.mcard .mt{padding:10px 12px}
.mcard .mt b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcard .mt small{color:var(--muted);font-size:12px}
.mcard .ops{display:flex;gap:4px;padding:0 8px 8px}

/* ---------- page editor */
.pe{display:grid;grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 68px)}
.pe-list{border-right:1px solid rgba(0,0,0,.06);background:#fff;overflow:auto;padding:14px}
.pe-list input{margin-bottom:10px}
.pe-list h5{margin:14px 6px 6px;font-size:11px;text-transform:none;letter-spacing:.01em;color:#8a8a8a}
.pe-list button{display:flex;width:100%;align-items:center;gap:8px;text-align:left;border:0;background:none;padding:8px 10px;border-radius:calc(9px * var(--rs));cursor:pointer;font-size:13.5px;color:var(--ink-2)}
.pe-list button:hover{background:var(--mist)}
.pe-list button[aria-current=page]{background:var(--ink);color:#fff}
.pe-list button .dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;margin-left:auto;flex:none}
.pe-main{display:flex;flex-direction:column;min-width:0;background:#e9e9e6}
.pe-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}
.pe-bar .url{font-size:12.5px;color:var(--muted);background:var(--mist);padding:6px 10px;border-radius:calc(8px * var(--rs));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.pe-bar .sp{flex:1}
.pe-bar .seg{display:flex;background:var(--mist);border-radius:calc(9px * var(--rs));padding:3px}
.pe-bar .seg button{border:0;background:none;height:28px;padding:0 10px;border-radius:calc(7px * var(--rs));cursor:pointer;color:var(--muted);display:grid;place-items:center}
.pe-bar .seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.pe-frame{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:16px;min-height:0}
.pe-box{position:relative;flex:none;border-radius:calc(12px * var(--rs));box-shadow:var(--sh);overflow:hidden;background:#fff}
.pe-frame iframe{position:absolute;left:0;top:0;border:0;background:#fff;transform-origin:0 0}
.pe-frame.full{overflow:auto;justify-content:flex-start}
.pe-frame.full .pe-box{overflow:visible}
.pe-zoom{font-size:12.5px;white-space:nowrap;margin-left:4px}

.pe-hint{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:center}
.seo{padding:16px 18px;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.snip{border:1px solid var(--line);border-radius:calc(12px * var(--rs));padding:14px 16px;background:#fff;margin-top:4px}
.snip .u{color:#202124;font-size:12.5px}
.snip .t{color:#1a0dab;font-size:18px;line-height:1.3;margin:4px 0 3px}
.snip .d{color:#4d5156;font-size:13.5px;line-height:1.5}
@media (max-width:980px){.pe{grid-template-columns:1fr;height:auto}.pe-list{max-height:260px;border-right:0;border-bottom:1px solid var(--line)}.pe-main{height:80vh}}

.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13.5px}
.kv dt{color:var(--muted)}
.kv dd{margin:0}
.muted{color:var(--muted)}
.pill{white-space:nowrap}
@media (max-width:640px){
 .top{gap:8px}.top h1{font-size:16px}.pill{font-size:11.5px;padding:0 9px}
 .li{flex-wrap:wrap;gap:10px 12px;padding:12px}
 .li .grip{display:none}
 .li .th{width:44px;height:44px}
 .li .tx{flex:1 1 calc(100% - 60px)}
 .li .tags{order:3;justify-content:flex-start}
 .li .ops{order:4;margin-left:auto}
 .card-h{flex-wrap:wrap}.card-h .acts{margin-left:0}
 .hello{padding:24px}.hello h2{font-size:22px}
 .drawer .body{padding:18px}.drawer footer{padding:12px 16px;flex-wrap:wrap}
}
/* Brand hero background, same as the website banners (careers hero) */
:root{--hero-bg:radial-gradient(circle at 82% 18%,rgba(var(--accent-rgb),.30),transparent 28%),linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 58%,var(--ink-3) 100%)}
.login-art,.hello{background:var(--hero-bg);isolation:isolate}
.login-art img.mk,.hello>img{display:none}
.login-art::after,.hello::after{content:"";position:absolute;right:-4%;top:50%;width:min(44vw,560px);aspect-ratio:2308/1650;transform:translateY(-50%);background:none;opacity:0;pointer-events:none;z-index:-1}
.login-art::after{width:92%;right:-18%;top:auto;bottom:-6%;transform:none}
.hello::after{width:min(40vw,440px);right:-2%}
.login-art>*,.hello>*{position:relative;z-index:1}
.side{background:radial-gradient(circle at 90% 0%,rgba(var(--accent-rgb),.28),transparent 34%),linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 58%,var(--ink-3) 100%)}
@media (max-width:640px){.hello::after{width:80vw;right:-30vw;opacity:.5}}

/* ---------- login v2 */
.login{grid-template-columns:1.1fr 1fr}
.login-art{padding:56px clamp(40px,5vw,72px);justify-content:space-between;gap:40px}
.login-art::after{width:78%;right:-20%;bottom:-8%;opacity:.55}
.la-eyebrow{font-size:12px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--red)}
.la-main h1{font-size:clamp(34px,3.4vw,48px);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;max-width:15ch}
.la-main h1 span{color:var(--red)}
.la-main>p{color:#c9c9c9;font-size:16px;line-height:1.65;max-width:48ch;margin:0 0 30px}
.la-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:620px}
.la-list li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:calc(14px * var(--rs));background:rgba(255,255,255,.035);backdrop-filter:blur(4px)}
.la-list .ico{width:22px;height:22px;color:var(--red);flex:none;margin-top:1px}
.la-list b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.la-list small{display:block;color:#a9a9a9;font-size:13px;line-height:1.45}
.la-steps{display:flex;align-items:center;gap:12px;color:#d6d6d6;font-weight:500;font-size:13.5px}
.la-steps span{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.la-steps .ico{width:15px;height:15px;color:var(--red)}
.la-steps i{flex:0 0 22px;height:1px;background:rgba(255,255,255,.25)}
.login-form{background:#fff}
.login-form form{max-width:400px}
.lf-logo{display:block;width:132px;height:auto;margin:0 0 30px}
.login-form h2{font-size:28px}
.pw{position:relative}
.pw .in{padding-right:48px}
.pw button{position:absolute;right:5px;top:5px;width:34px;height:32px;border:0;border-radius:calc(8px * var(--rs));background:none;cursor:pointer;color:var(--muted);display:grid;place-items:center}
.pw button:hover{background:var(--mist);color:var(--ink)}
.lf-foot{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12.5px;margin:18px 0 0}
.lf-foot .ico{width:16px;height:16px;color:var(--green)}
.lf-back{display:inline-flex;gap:6px;align-items:center;margin-top:26px;font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none}
.lf-back .ico{width:14px;height:14px}
.lf-back:hover{color:var(--red-t)}
@media (max-width:1100px){.la-list{grid-template-columns:1fr}}
@media (max-width:860px){.login-form{min-height:100vh;align-items:flex-start;padding:48px 24px}.lf-logo{margin:0 auto 28px}}
.lf-foot{align-items:flex-start}.lf-foot .ico{margin-top:1px}
@media (max-width:860px){.login{grid-template-columns:1fr}.login-art{display:none}.lf-logo{margin:0 0 28px;width:116px}.login-form h2{font-size:24px}}
/* login: always fits the screen, no scrolling */
.login{height:100vh;height:100dvh;min-height:0;overflow:hidden}
.login-art{padding:clamp(24px,5vh,56px) clamp(32px,4.5vw,72px);gap:clamp(14px,3vh,40px);overflow:hidden}
.la-main h1{font-size:clamp(28px,min(3.4vw,5.4vh),48px);margin-bottom:clamp(8px,1.6vh,16px)}
.la-main>p{font-size:clamp(14px,1.9vh,16px);margin-bottom:clamp(14px,3vh,30px)}
.la-list{gap:clamp(8px,1.2vh,12px)}
.la-list li{padding:clamp(9px,1.4vh,14px) 14px}
.login-form{overflow:auto;padding:clamp(20px,4vh,40px) 40px}
.lf-logo{width:clamp(88px,13vh,132px);margin-bottom:clamp(14px,3vh,30px)}
.login-form h2{font-size:clamp(22px,3.2vh,28px)}
.login-form .sub{margin-bottom:clamp(14px,2.8vh,28px)}
.login-form .f{margin-bottom:clamp(10px,1.8vh,18px)}
.lf-foot{margin-top:clamp(10px,1.8vh,18px)}
.lf-back{margin-top:clamp(12px,2.4vh,26px)}
@media (max-height:820px){.la-list small{display:none}.la-list b{margin:0}.la-list li{align-items:center}}
@media (max-height:640px){.la-steps{display:none}.la-main>p{display:none}}
@media (max-width:1100px) and (min-width:861px){.la-list{grid-template-columns:1fr 1fr}.la-list small{display:none}.la-list li{align-items:center}.la-list b{margin:0}}
@media (max-width:860px){.login-form{min-height:0;height:100%;align-items:center;padding:24px}}

.la-eyebrow{color:#fff;display:inline-flex;align-items:center;gap:12px}.la-eyebrow::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--red)}
.la-main h1 span{color:var(--red)}

.la-eyebrow{font-size:14px;letter-spacing:.01em}.la-eyebrow::before{width:34px;height:17px;border-radius:0;background:var(--red);height:3px;border-radius:2px}
/* confirm / cancel for page edits */
.pe-pend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#fff7e6;border-bottom:1px solid #f5d48a;font-size:13px;color:#7a4b00}
.pe-pend>span:first-child{display:flex;align-items:center;gap:8px}
.pe-pend .ico{width:18px;height:18px;color:#f59e0b;flex:none}
.pe-pend .sp{flex:1}
.seo-acts{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}
.seo-acts[hidden]{display:none}
.b.ok{background:#16a34a;border-color:#16a34a;color:#fff}.b.ok:hover{background:#15803d}
.b.cx:hover{background:var(--red);border-color:var(--red);color:var(--on-red)}
/* brand: original logo (white version) straight on the sidebar, no white box */
.side .brand .lg,.brand .lg{display:block;width:auto;height:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.brand .lg::after{content:none}
.brand .lg img{width:58px;height:auto;display:block}
.brand{gap:14px}
/* overview: waiting to publish */
.wait.has{border:1px solid #f5d48a;box-shadow:0 0 0 4px rgba(245,158,11,.08)}
.wait-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px 20px 20px}
.wait-g{border:1px solid var(--line);border-radius:calc(12px * var(--rs));padding:12px 14px;background:#fff}
.wait-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.wait-g ul{margin:0;padding:0 0 0 16px;font-size:13.5px;line-height:1.7}
.lnk{border:0;background:none;padding:0;color:var(--ink);font:inherit;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(var(--accent-rgb),.4);text-underline-offset:3px}
.lnk:hover{color:var(--red-t)}
/* page text: list */
.pe-mode{margin-bottom:10px}.pe-mode button{flex:1;font-size:12.5px;font-weight:500}
.pe-list .cnt,.b .cnt{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#fff3d6;color:#8a5a00;font-size:11px;font-weight:600;display:inline-grid;place-items:center;flex:none}
.pe-list button[aria-current=page] .cnt{background:rgba(255,255,255,.18);color:#fff}
.b .cnt{margin-left:2px}
.pe-note{font-size:13px;padding:6px 8px}
.pe-list .hit{display:block;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.pe-list .hit mark{background:#ffe08a;color:inherit;border-radius:3px;padding:0 1px}
/* page text: changes panel */
.chg{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);padding:14px 16px;max-height:44vh;overflow:auto}
.chg-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.chg-h .muted{font-size:12.5px}.chg-h .b{margin-left:auto}
.chg-l{display:grid;gap:8px}
.chg-r{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:calc(10px * var(--rs))}
.chg-k{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.chg-t{font-size:13px;line-height:1.5;min-width:0}.chg-t small{display:inline;font-size:12px}
.chg-t>div{overflow:hidden;text-overflow:ellipsis}
.chg-a{display:flex;gap:6px}
.chg-th{width:72px;height:48px;object-fit:cover;border-radius:calc(6px * var(--rs));display:block;margin-bottom:4px}
/* SEO check */
.seochk{display:grid;gap:8px;max-height:62vh;overflow:auto}
.seochk-r{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:calc(10px * var(--rs));padding:10px 12px;cursor:pointer;font:inherit}
.seochk-r:hover{border-color:rgba(var(--accent-rgb),.4)}
.seochk-r.warn{background:#fffbf2}
.seochk-s .ico{width:20px;height:20px;color:var(--green)}.seochk-r.warn .seochk-s .ico{color:#f59e0b}
.seochk-m{display:grid;gap:2px;min-width:0}.seochk-m b{font-size:13.5px}.seochk-m small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seochk-f{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:300px}
.seochk-f .tag:not(.g){background:#fff3d6;color:#8a5a00}
@media(max-width:800px){.seochk-r{grid-template-columns:24px 1fr}.seochk-f{grid-column:2;justify-content:flex-start}.chg-r{grid-template-columns:1fr}}
.pe-list .pe-mode{display:flex;gap:0}
.pe-list .pe-mode button{width:auto;flex:1;justify-content:center;padding:0 10px;height:30px;border-radius:calc(7px * var(--rs))}
.pe-list .pe-mode button[aria-pressed=true]{background:#fff;color:var(--ink)}
.pe-link{display:inline-flex;align-items:center;gap:8px;padding:3px 3px 3px 10px;border-radius:calc(9px * var(--rs));background:var(--mist);font-size:12.5px}
.pe-link[hidden]{display:none}
.pe-link-u{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);white-space:nowrap}
.pe-link-u .ico{width:14px;height:14px;color:var(--red-t)}
.md-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:14px 20px 20px}
.md-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:calc(10px * var(--rs));padding:10px 12px}
.md-empty>span{display:grid;gap:2px}.md-empty b{font-size:13.5px}.md-empty small{font-size:12px}
/* access */
.role-editor #pubBtn,.role-editor #discardBtn{display:none!important}
.ac-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ac-add .b.dark{margin-top:6px;height:44px;padding:0 22px;border-radius:999px}
.ac-tbl{display:grid}
.ac-tr{display:grid;grid-template-columns:minmax(0,2.2fr) 150px 110px 150px minmax(0,1.6fr);gap:14px;align-items:center;padding:16px 20px;border-top:1px solid var(--line);font-size:14px}
.ac-tr:first-child{border-top:0}
.ac-th{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:14px;padding-bottom:14px}
.ac-tr.off .ac-who b{color:var(--muted);text-decoration:line-through}
.ac-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0}
.ac-who b{overflow-wrap:anywhere}.ac-who small{flex-basis:100%;font-size:12.5px}
.ac-role{height:34px;padding:0 8px;font-size:13px;width:auto}
.ac-acts{display:flex;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.ac-a{font-weight:500;font-size:13px;text-decoration:none}.ac-a.red{color:var(--red-t)}
.ac-how p{margin:0 0 10px;font-size:14px;line-height:1.65}
@media(max-width:900px){.ac-row{grid-template-columns:1fr}.ac-th{display:none}.ac-tr{grid-template-columns:1fr 1fr}.ac-who,.ac-acts{grid-column:1/-1}.ac-acts{justify-content:flex-start}.ac-tr [data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}}
.md-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.md-tabs button{padding:0 14px;height:32px;font-size:13px;font-weight:500}
.mcard .pv{width:100%;border:0;cursor:zoom-in;padding:0}
.mcard .mt small{display:block}
.mcard .md-use{color:var(--ink-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcard .md-use.none{color:var(--muted)}
.mcard.unused .pv{opacity:.75}
.mcard .ops{flex-wrap:wrap}
.md-tabs{display:inline-flex;background:#ebebe8;padding:3px;border-radius:calc(10px * var(--rs));gap:2px}
.md-tabs button{border:0!important;background:none;border-radius:calc(8px * var(--rs));color:var(--muted);cursor:pointer}
.md-tabs button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.mcard .ops{flex-wrap:nowrap;gap:2px}.mcard .ops .b{padding:0 8px;gap:6px;font-size:12.5px}
/* one content width: header and every section share the same 1440px column */
@media(min-width:901px){
 .view{max-width:none;padding-left:max(28px,calc((100% - 1440px)/2));padding-right:max(28px,calc((100% - 1440px)/2))}
 .top{padding-left:max(28px,calc((100% - 1440px)/2));padding-right:max(28px,calc((100% - 1440px)/2))}
 .view.wide{padding:0}
 .intro p{max-width:none}
}
/* show the whole photo, never cropped, in editors, the photo picker and Media */
.imgf .th{width:150px;height:150px;background-size:contain;background-color:#f1f1ef}
.picker button img{object-fit:contain;background:#f1f1ef}
.mcard .pv{background-size:contain;background-color:#f1f1ef}
.imgf{flex-wrap:wrap}
/* leads */
.ld-tbl{display:grid}
.ld-tr{display:grid;grid-template-columns:170px minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1fr) 170px;gap:14px;align-items:center;padding:14px 20px;border:0;border-top:1px solid var(--line);background:none;text-align:left;font:inherit;font-size:14px;color:inherit;cursor:pointer;width:100%}
.ld-tr:first-child{border-top:0}
button.ld-tr:hover{background:#fafaf8}
.ld-tr>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ld-tr small{display:block;font-size:12.5px}
.ld-tr.is-new b{color:var(--ink)}
.ld-tr.is-new{box-shadow:inset 3px 0 0 var(--red)}
.ld-th{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:default}
.ld-tr .tag{margin-right:6px}
.ld-detail .kv{grid-template-columns:150px 1fr;row-gap:10px}
.ld-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.side nav .n.hot{background:var(--red);color:var(--on-red)}
.ld-alert{display:flex;align-items:center;gap:16px;width:100%;padding:16px 20px;text-align:left;border:1px solid rgba(var(--accent-rgb),.3);cursor:pointer;font:inherit}
.ld-alert .ic{width:44px;height:44px;border-radius:calc(12px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center;flex:none}
.ld-alert>div:nth-child(2){flex:1}.ld-alert b{display:block;font-size:15px}.ld-alert small{color:var(--muted)}
@media(max-width:900px){.ld-th{display:none}.ld-tr{grid-template-columns:1fr 1fr}.ld-tr>span:nth-child(3),.ld-tr>span:nth-child(4){grid-column:1/-1}}
/* sidebar: tidy labels, slim scrollbar, soft fades, compact on short screens */
.side nav{min-height:0;flex:1 1 auto;align-content:start;overflow-y:auto;overflow-x:hidden;margin:0 -6px;padding:0 6px 10px;scrollbar-width:thin;scrollbar-color:transparent transparent;overscroll-behavior:contain;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10px,#000 calc(100% - 22px),transparent 100%)}
.side nav:hover,.side nav:focus-within{scrollbar-color:rgba(255,255,255,.22) transparent}
.side nav::-webkit-scrollbar{width:6px}
.side nav::-webkit-scrollbar-track{background:transparent}
.side nav::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}
.side nav:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22)}
.side nav::-webkit-scrollbar-button{display:none;height:0}
.side nav button{flex:none}
.side nav button>span:not(.n){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side nav button .ico{flex:none}
.side .me{flex:none}
.side .brand{flex:none}
@media(max-height:820px){
 .side{padding-top:12px;padding-bottom:12px}
 .side .brand{padding-bottom:12px;margin-bottom:6px}
 .side nav button{height:36px}
 .side nav .grp{padding:10px 12px 4px}
 .side .me{padding-top:10px}
}
@media(max-height:680px){.side nav button{height:33px;font-size:13px}.side nav .grp{padding:8px 12px 3px}}
.side nav{padding-top:2px;padding-bottom:26px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent 100%)}
/* leads, compact */
.ld-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.ld-bar .sp{flex:1}
.ld-ctl{height:34px!important;font-size:13px}
select.ld-ctl{width:auto;padding:0 30px 0 10px}
.ld-q{width:240px}
.ld-bar .md-tabs button{height:28px;padding:0 12px;font-size:12.5px}
.ld-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:10px;border-radius:calc(10px * var(--rs));background:#f1f1ef;font-size:12.5px;color:var(--ink-2)}
.ld-strip>span,.ld-strip{line-height:1.4}
.ld-strip .ico{width:16px;height:16px;flex:none;color:#888;margin-right:8px;vertical-align:-3px}
.ld-strip.warn{background:#fff6e8;color:#7a4b00}.ld-strip.warn .ico{color:#f59e0b}
.ld-strip .lnk{font-size:12.5px;white-space:nowrap}
.ld-tr{padding:10px 18px;font-size:13.5px;grid-template-columns:120px minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,.9fr) 150px}
.ld-th{padding-top:10px;padding-bottom:10px}
.ld-tr small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ld-tr .tag{height:22px;font-size:11px}
.card.empty{padding:28px}
@media(max-width:900px){.ld-q{width:100%}.ld-bar .sp{display:none}}
select.ld-ctl{width:auto!important;max-width:200px}.ld-tr{grid-template-columns:118px minmax(0,1.8fr) minmax(0,1.2fr) minmax(0,.9fr) 120px}
.ld-tr .ld-note{display:flex;align-items:center;gap:5px;color:var(--ink-2);margin-top:3px}
.ld-tr .ld-note .ico{width:13px;height:13px;color:var(--red-t);flex:none}
.ld-tr .ld-note i{font-style:normal;color:var(--muted)}
.ld-notes{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.ld-notes-h{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.ld-notes-h small{font-size:12px}
.ld-add{display:flex;gap:8px;align-items:flex-start;margin-bottom:12px}.ld-add textarea{flex:1;min-height:44px}
.ld-tl{display:grid;gap:8px;max-height:220px;overflow:auto}
.ld-tl-i{background:#f6f6f4;border-radius:calc(10px * var(--rs));padding:9px 12px}
.ld-tl-i.sys{background:none;padding:2px 12px;border-left:2px solid var(--line);border-radius:0}
.ld-tl-i.sys .ld-tl-t{color:var(--muted);font-size:12.5px}
.ld-tl-h{display:flex;align-items:baseline;gap:8px;font-size:12.5px}.ld-tl-h small{color:var(--muted)}
.ld-tl-t{font-size:13.5px;white-space:pre-wrap;margin-top:2px}
.ld-tr{grid-template-columns:118px minmax(0,1.6fr) minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.2fr) 110px}
.ld-nc{display:block;min-width:0}
.ld-nt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--ink-2);line-height:1.4;white-space:normal}
.ld-nc0 .lnk{font-size:12.5px;color:var(--muted);text-decoration-color:rgba(0,0,0,.2)}
.ld-nc0 .lnk:hover{color:var(--red-t)}
@media(max-width:900px){.ld-tr>span:nth-child(5){grid-column:1/-1}}
.ld-nc0{text-align:left}.ld-nc0 .lnk{display:inline;height:auto;padding:0;min-height:0;line-height:1.4}
.ld-tr{grid-template-columns:112px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1.05fr) minmax(0,1.15fr) 104px}
.ld-tr .ld-src{display:inline-block;margin-top:3px;padding:1px 8px;border-radius:99px;background:#eef2ff;color:#3f4a8a;font-size:11.5px;font-weight:500;max-width:100%}
/* lead notes, refined */
.ld-notes{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.ld-notes-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.ld-notes-h b{font-size:15px}
.ld-priv{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);background:#f4f4f2;border-radius:99px;padding:3px 10px}
.ld-priv .ico{width:13px;height:13px}
.ld-composer{border:1px solid var(--line);border-radius:calc(12px * var(--rs));background:#fff;transition:border-color .15s,box-shadow .15s;margin-bottom:14px}
.ld-composer:focus-within{border-color:#c9c9c4;box-shadow:0 0 0 4px rgba(23,23,23,.05)}
.ld-composer textarea{display:block;width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:none;resize:none;padding:12px 14px 6px;font:inherit;font-size:14px;line-height:1.5;min-height:52px;max-height:180px}
.ld-comp-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 8px 12px;flex-wrap:wrap}
.ld-chips{display:flex;gap:6px;flex-wrap:wrap}
.ld-chip{border:1px solid var(--line);background:#fafaf8;border-radius:99px;padding:3px 10px;font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer}
.ld-chip:hover{border-color:#bdbdb8;background:#fff}
.ld-comp-a{display:flex;align-items:center;gap:10px;margin-left:auto}
.ld-comp-a small{font-size:11.5px}
.ld-comp-a .b:disabled{opacity:.45;cursor:default}
.ld-empty{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line);border-radius:calc(12px * var(--rs));color:var(--muted);font-size:13px}
.ld-empty .ico{width:16px;height:16px;flex:none}
.ld-tl-i{display:flex;gap:10px;align-items:flex-start;background:none;padding:0}
.ld-tl-b{flex:1;min-width:0;background:#f6f6f4;border-radius:calc(12px * var(--rs));padding:9px 12px}
.ld-av{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none;margin-top:2px}
.ld-tl-i.sys{padding:0 0 0 38px;border:0}
.ld-tl-i.sys .ld-tl-b{background:none;padding:0}
.ld-tl-i.sys .ld-tl-h{display:none}
.ld-tl-i.sys .ld-tl-t{font-size:12px;color:var(--muted)}
.ld-tl-i.sys .ld-tl-t::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9c9c4;margin-right:8px;vertical-align:1px}
.ld-tl{max-height:260px}

/* sign in by code */
.lf-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px}
.lf-link{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;cursor:pointer}
.lf-link:hover{color:var(--red-t)}
.lf-code{font-size:24px;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums}
/* leads list on phones: one card per lead */
@media(max-width:900px){
.ld-tr{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px}
.ld-tr>span{grid-column:1/-1}
.ld-tr>span:nth-child(1){grid-column:1;grid-row:1;color:var(--muted);font-size:12.5px}
.ld-tr>span:nth-child(6){grid-column:2;grid-row:1;justify-self:end}
.ld-tr small{white-space:normal}
}
@media(max-width:600px){.top h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}}
/* system */
.sys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sys-c{padding:20px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sys-c h3{margin:0;font-size:15.5px}
.sys-c p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.sys-acts{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.sys-acts small{margin-left:4px}
.sys-tr{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.6fr);gap:14px;padding:12px 20px;border-top:1px solid var(--line-2);font-size:14px}
.sys-tr>span{min-width:0;overflow-wrap:anywhere}
.sys-th{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0}
.sys-tr:not(.sys-th)>span:first-child{color:var(--muted)}
@media(max-width:1100px){.sys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sys-grid{grid-template-columns:1fr}.sys-th{display:none}.sys-tr{grid-template-columns:1fr;gap:2px;padding:12px 16px}}
/* page list groups */
.pe-cat{border-bottom:1px solid var(--line-2);padding:2px 0}
.pe-cat:last-child{border-bottom:0}
.pe-cat summary{list-style:none;display:flex;align-items:center;gap:8px;padding:10px 8px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink);border-radius:calc(9px * var(--rs))}
.pe-cat summary::-webkit-details-marker{display:none}
.pe-cat summary::before{content:"";width:7px;height:7px;border-right:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;transform:rotate(-45deg);transition:transform .15s;margin:0 4px 0 2px;flex:none}
.pe-cat[open] summary::before{transform:rotate(45deg)}
.pe-cat summary:hover{background:var(--mist)}
.pe-cat summary small{margin-left:auto;color:#9a9a9a;font-weight:500;font-size:12px}
.pe-cat summary .cnt{margin-left:auto}
.pe-cat summary .cnt+small{margin-left:6px}
.pe-cat button{padding-left:24px}
.pe-cat[open]{padding-bottom:8px}
/* styled dropdown */
.pk{position:relative;min-width:0}
.pk-b{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--ink);background:#fff}
.pk-b.in{height:46px;padding:0 14px}
.pk-b.ac-role{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:calc(10px * var(--rs));font-size:13.5px;width:auto;min-width:150px}
.pk-b:hover{border-color:#c9c9c4}
.pk.open .pk-b{border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,23,23,.08)}
.pk-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-c{display:grid;place-items:center;color:var(--muted);transition:transform .15s}.pk-c .ico{width:14px;height:14px}
.pk.open .pk-c{transform:rotate(180deg)}
.pk-l{position:absolute;z-index:60;left:0;top:calc(100% + 6px);min-width:100%;width:max-content;max-width:min(420px,90vw);background:#fff;border:1px solid var(--line);border-radius:calc(14px * var(--rs));box-shadow:0 16px 40px rgba(0,0,0,.14);padding:6px}
.pk.up .pk-l{top:auto;bottom:calc(100% + 6px)}
.pk-o{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;font:inherit;font-size:14.5px;color:var(--ink);padding:11px 14px 11px 12px;border-radius:calc(10px * var(--rs));cursor:pointer}
.pk-o i,.pk-o .ico{width:16px;height:16px;flex:none;color:var(--red-t)}
.pk-o:hover,.pk-o:focus{background:var(--mist);outline:0}
.pk-o[aria-selected=true]{background:var(--red-50)}

/* ---------- Grey Beard Digital */
.la-main h1,.hello h2,.login-form h2{font-family:var(--font-head);font-weight:var(--head-w);letter-spacing:var(--head-ls);text-transform:var(--head-tt)}
.la-main h1{font-size:clamp(40px,4vw,58px);line-height:.98}
.hello h2{font-size:34px;line-height:1}
.login-form h2{font-size:32px;line-height:1}
.side .brand .lg{background:none;padding:0}
.side .brand .lg img{width:150px;height:auto;display:block}
.lf-logo{width:220px}
.li .th.ic-svc svg{width:22px;height:22px}
.icons button svg{width:22px;height:22px}
.icf .sw svg{width:22px;height:22px}
.qt{white-space:normal}
.side .brand.dash{flex-direction:column;align-items:flex-start;gap:8px}
.side .brand.dash small{font-size:12px;color:#9AA6B4}
.login-art .la-logo{display:block;width:210px;height:auto}
@media(max-width:480px){
 .top{gap:6px;padding:0 12px}
 .top h1{display:none}
 .top .pill{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;display:block;line-height:26px}
 .top .pill i{display:inline-block;margin-right:6px;vertical-align:middle}
 .top .acts{gap:6px;flex:none}
 .top .acts .b{padding:0 10px}
}
/* ---------- login spacing (v3) */
.login-art{justify-content:center;padding:clamp(32px,7vh,72px) clamp(40px,6vw,96px)}
.la-main{margin:auto 0;max-width:640px}
.la-eyebrow{margin:0 0 18px}
.la-main h1{margin:0 0 22px}
.la-main>p{margin:0 0 36px;max-width:46ch;line-height:1.7}
.la-list{gap:14px}
.la-list li{padding:18px 20px;gap:14px;align-items:center}
.la-steps{margin-top:clamp(24px,5vh,48px)}
.login-form{padding:clamp(32px,7vh,72px) clamp(32px,5vw,80px)}
.login-form form{max-width:420px}
.lf-logo{width:200px;margin:0 0 40px}
.login-form h2{margin:0 0 12px}
.login-form .sub{margin:0 0 32px;line-height:1.6}
.login-form .f{gap:8px;margin-bottom:0}
.login-form .err-msg{min-height:0;margin:10px 0 0}
.login-form .err-msg:empty{margin:0}
.login-form .b.pri{margin-top:24px}
.lf-foot{margin-top:20px}
.lf-back{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:flex;width:100%}
@media (max-height:820px){.la-list li{padding:14px 18px}.la-main>p{margin-bottom:28px}.lf-logo{margin-bottom:28px}}
/* ---------- sidebar fits the screen (v3): no visible scroll */
.side{padding:clamp(10px,2vh,18px) 14px}
.side .brand.dash{padding:4px 8px clamp(10px,1.8vh,18px);margin-bottom:clamp(4px,1vh,10px);gap:6px}
.side .brand .lg img{width:clamp(118px,15vh,150px)}
.side nav{gap:1px;padding-bottom:4px;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}
.side nav::-webkit-scrollbar{display:none;width:0}
.side nav button{height:clamp(30px,4.4vh,40px)}
.side nav .grp{padding:clamp(6px,1.4vh,14px) 12px clamp(3px,.6vh,6px)}
.side .me{padding-top:clamp(8px,1.4vh,14px)}
/* larger sidebar logo */
.side .brand .lg img{width:clamp(160px,21vh,196px)}
/* delete icon on each lead row */
.ld-st{display:flex;align-items:center;gap:8px;justify-content:space-between}
.ld-del{display:grid;place-items:center;width:30px;height:30px;border-radius:calc(8px * var(--rs));color:var(--muted);flex:none;cursor:pointer;opacity:.55;transition:background .15s,color .15s,opacity .15s}
.ld-del .ico{width:16px;height:16px}
.ld-tr:hover .ld-del,.ld-del:focus-visible{opacity:1}
.ld-del:hover{background:#fef2f2;color:#b91c1c;opacity:1}
@media(min-width:901px){.ld-tr{grid-template-columns:112px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1.05fr) minmax(0,1.1fr) 148px}}
@media(max-width:900px){.ld-st{gap:6px}.ld-del{opacity:1}}
.side .brand .lg img{width:clamp(176px,23vh,204px)}

/* Google page */
.gg-g{width:40px;height:40px;border-radius:calc(12px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center;flex:none}
.gg-g .ico{width:22px;height:22px}
.gg-g.big{width:56px;height:56px;border-radius:16px;margin-bottom:16px}.gg-g.big .ico{width:30px;height:30px}
.gg-steps{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;color:var(--ink);font-size:14px}
.gg-steps a{color:var(--red-t);font-weight:500}
.gg-copy{display:flex;gap:8px}.gg-copy .in{font-family:var(--font-body);font-size:13px}
.gg-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;padding:32px}
.gg-hero h2{margin:0 0 8px;font-size:22px}
.gg-hero-l p{margin:0 0 20px;color:var(--muted);max-width:52ch}
.gg-cbtn{height:46px;padding:0 22px;font-size:15px}
.gg-what{list-style:none;margin:0;padding:0;display:grid;gap:12px;align-content:start}
.gg-what li{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--mist)}
.gg-what b{display:block;font-size:14px}.gg-what small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:2px}
.gg-wi{width:34px;height:34px;border-radius:calc(10px * var(--rs));background:#fff;color:var(--red-t);display:grid;place-items:center;flex:none;border:1px solid var(--line-2)}
.gg-bar{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--r);box-shadow:var(--sh);padding:14px 16px;margin-bottom:16px}
.gg-bar b{display:block;font-size:14.5px}.gg-bar small{color:var(--muted);font-size:12.5px}
.gg-bar>.b{margin-left:auto}
.gg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gg-c{padding:20px;display:flex;flex-direction:column;gap:12px}
.gg-ch{display:flex;align-items:center;gap:10px}.gg-ch h3{margin:0;font-size:15.5px;flex:1}
.gg-c>p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55;flex:1;word-break:break-word}
.gg-acts{display:flex;gap:8px;flex-wrap:wrap}
.gg-acts .b{text-decoration:none}
.gg-tg{font-size:13px}
.gg-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-sm);background:var(--red-50);color:var(--ink);font-size:13.5px}
.gg-note .ico{color:var(--red-t);margin-top:1px}
.gg-note.warn{background:var(--amber-50)}.gg-note.warn .ico{color:var(--amber)}
.gg-onsite{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:13px;color:var(--muted)}.gg-onsite .ico{color:#16a34a;flex:none;margin-top:1px}
.gg-found{margin-top:16px;padding:20px;display:flex;flex-direction:column;gap:10px}
.gg-found ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 24px}
.gg-found li{display:flex;flex-direction:column;font-size:13.5px}.gg-found li b{font-weight:500}.gg-found li span{color:var(--muted);word-break:break-word}
.gg-found p{margin:0;font-size:13.5px}
.gg-sh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.gg-sh h2{margin:0;font-size:18px;margin-right:auto}
.gg-sh .seg{display:inline-flex;background:var(--mist);border-radius:calc(10px * var(--rs));padding:3px;gap:2px}
.gg-sh .seg button{border:0;background:none;height:30px;padding:0 12px;border-radius:calc(8px * var(--rs));font-weight:500;font-size:13px;color:var(--muted);cursor:pointer}
.gg-sh .seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.gg-sh small{flex-basis:100%;text-align:right}
.gg-sec{margin-bottom:16px}
.gg-ks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line-2)}
.gg-k{padding:12px 18px;border-right:1px solid var(--line-2)}.gg-k:last-child{border-right:0}
.gg-k small{display:block;color:var(--muted);font-size:12.5px;font-weight:500}
.gg-k b{display:block;font-size:22px;line-height:1.2;margin:2px 0 1px;font-variant-numeric:tabular-nums}
.gg-d{font-size:12px;color:var(--muted)}.gg-d.up{color:var(--green)}.gg-d.down{color:var(--red-t)}
.gg-leg{display:flex;gap:16px;padding:10px 20px 0;font-size:12.5px;color:var(--muted)}
.gg-leg span,.gg-tip span{display:inline-flex;align-items:center;gap:6px}
.gg-leg i,.gg-tip i{width:10px;height:3px;border-radius:2px;background:var(--red);display:inline-block}
.gg-leg i.b,.gg-tip i.b{background:#94A3B8}
.gg-chart{position:relative;padding:8px 20px 4px}
.gg-chart svg{display:block;width:100%;height:120px;overflow:visible}
.gg-ax{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);padding:4px 0 2px}
.gg-chart .gl{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.gg-chart .gl.a{stroke:var(--red)}.gg-chart .gl.b{stroke:#94A3B8;stroke-dasharray:4 4}
.gg-chart .ga{fill:var(--red);opacity:.07}
.gg-chart .gb{stroke:var(--line);vector-effect:non-scaling-stroke}
.gg-chart .gc{stroke:var(--ink);stroke-opacity:.25;vector-effect:non-scaling-stroke;opacity:0}
.gg-tip{position:absolute;top:0;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:calc(8px * var(--rs));padding:8px 10px;font-size:12px;display:grid;gap:3px;pointer-events:none;white-space:nowrap;box-shadow:var(--sh-lg)}
.gg-empty{padding:30px 20px;color:var(--muted);font-size:13.5px;text-align:center}
.gg-empty-c{padding:24px;margin-top:22px}.gg-empty-c p{margin:0;color:var(--muted)}
.gg-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;padding:14px 20px 16px;border-top:1px solid var(--line-2);margin-top:6px}
.gg-2 h4{margin:0 0 6px;font-size:13.5px}
.gg-t{display:grid;font-size:13px}
.gg-tr{display:grid;gap:10px;padding:5px 0;border-bottom:1px solid var(--line-2);align-items:center}
.gg-tr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.gg-tr span:not(:first-child){text-align:right}
.gg-tr a{color:var(--ink);text-decoration:none}.gg-tr a:hover{color:var(--red-t);text-decoration:underline}
.gg-th{color:var(--muted);font-size:11.5px;font-weight:600;padding-top:0}
.gg-bars{display:grid;gap:8px}
.gg-b{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:13px}
.gg-b span:nth-child(2){color:var(--muted);font-variant-numeric:tabular-nums}
.gg-b i{grid-column:1/-1;height:5px;border-radius:99px;background:var(--red);opacity:.85}
@media(max-width:1100px){.gg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-ks{grid-template-columns:repeat(2,minmax(0,1fr))}.gg-k:nth-child(2){border-right:0}.gg-k:nth-child(-n+2){border-bottom:1px solid var(--line-2)}}
@media(max-width:800px){.gg-hero{grid-template-columns:1fr;padding:22px}.gg-2{grid-template-columns:1fr}.gg-grid{grid-template-columns:1fr}.gg-sh small{text-align:left}.gg-bar{flex-wrap:wrap}.gg-copy{flex-direction:column}}

.gg-auto{margin-bottom:16px}
.gg-prog{list-style:none;margin:0;padding:8px 20px 4px;display:grid}
.gg-prog li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line-2)}
.gg-prog li:last-child{border-bottom:0}
.gg-prog b{display:block;font-size:14px}.gg-prog small{display:block;color:var(--muted);font-size:13px;margin-top:1px}
.gg-st{width:22px;height:22px;border-radius:50%;flex:none;margin-top:1px;border:2px solid var(--line);position:relative}
.gg-prog li.run .gg-st{border-color:var(--red-50);border-top-color:var(--red);animation:ggspin .8s linear infinite}
.gg-prog li.ok .gg-st{background:var(--green);border-color:var(--green)}
.gg-prog li.ok .gg-st::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.gg-prog li.bad .gg-st{background:var(--amber);border-color:var(--amber)}
.gg-prog li.bad .gg-st::after{content:"!";position:absolute;inset:0;color:#fff;font-weight:700;font-size:13px;line-height:18px;text-align:center}
.gg-prog li.wait{opacity:.55}
.gg-prog li.bad small{color:var(--amber)}
.gg-auto-f{margin:0;padding:12px 20px 18px;font-size:13px;border-top:1px solid var(--line-2)}
@keyframes ggspin{to{transform:rotate(360deg)}}
.gg-auto-c{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:20px 22px;margin-bottom:16px;border-left:4px solid var(--red)}
.gg-auto-c h3{margin:0 0 2px;font-size:15.5px}.gg-auto-c p{margin:0;color:var(--muted);font-size:13.5px}
@media(max-width:700px){.gg-auto-c{flex-direction:column;align-items:flex-start}}

.gg-sub{margin:16px 0 10px;font-size:14px}
.gg-keys{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.gg-keys .f{margin:0}.gg-keys .in{font-family:var(--font-body);font-size:13px}
.gg-keys .b{height:42px}
.gg-soon{grid-template-columns:1fr}
@media(max-width:800px){.gg-keys{grid-template-columns:1fr}}

/* engine: brand without a logo file */
.side .brand .nm{color:#fff;font-weight:600;font-size:15px;line-height:1.2}
.lf-name{font-family:var(--font-head);font-weight:var(--head-w);text-transform:var(--head-tt);font-size:34px;line-height:1;margin:0 0 30px;color:var(--ink)}
.side .brand .lg img{width:auto;max-width:150px;max-height:44px}
.lf-logo{max-height:90px;width:auto;max-width:220px}

/* logos never stretch: keep the image's own shape whatever width or height a theme sets */
.side .brand img,.side .brand .lg img,.lf-logo,.login-form img{height:auto;object-fit:contain;object-position:left center}
.side .brand .lg img{width:auto;max-width:min(100%,190px);max-height:56px}
.lf-logo{width:auto;max-width:min(100%,240px);max-height:96px}
/* logos are shown exactly as supplied: no box behind them, no color change */
.side .brand .lg,.brand .lg{background:none!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.side .brand img,.side .brand .lg img,.lf-logo,.login-form img{filter:none!important;mix-blend-mode:normal!important;background:none!important;opacity:1!important;object-fit:contain!important;height:auto!important}

/* one clean font across the whole dashboard (DM Sans): sizes for a regular width heading font */
body,button,input,select,textarea{font-family:var(--font-body)}
body{font-size:14.5px}
.la-main h1{font-size:clamp(30px,3vw,44px);line-height:1.1}
.hello h2{font-size:26px;line-height:1.2}
.login-form h2{font-size:26px;line-height:1.2}
.lf-name{font-size:26px;line-height:1.15}
.top h1{font-weight:600;letter-spacing:-.02em}

/* DM Sans for every part of the dashboard: menus, cards, tables, forms, pop ups, toasts, code boxes */
body,body *:not(svg):not(use):not(symbol):not(path){font-family:var(--font-body)}

/* fields side by side: inputs line up even when only one field has a hint */
.row2>.f,.row3>.f{display:flex;flex-direction:column;gap:8px}
.row2>.f>.in,.row3>.f>.in,.row2>.f>select,.row3>.f>select{margin-top:auto}
.card-b>.err-msg:empty{display:none}
/* Settings: Website email */
.ml-st{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.ml-st .tag{flex:none;margin-top:1px}
.ml-st p{margin:0;line-height:1.5}
.ml-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
@media (max-width:640px){.ml-st{flex-direction:column;gap:6px}.ml-acts .b{flex:1 1 100%}}

/* demo dashboard */
.demo-box{border:1px solid var(--line);border-radius:calc(14px * var(--rs));padding:16px 18px;margin:0 0 26px;background:var(--red-50);display:grid;gap:8px}
.demo-box b{font-size:14px}.demo-box p{margin:0;font-size:13.5px;color:var(--ink-2)}.demo-box small{font-size:12.5px;color:var(--muted)}
.demo-box .b{justify-self:start}
.demo-bar{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px 24px;background:var(--red-50);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.demo-bar>span{display:flex;gap:8px;align-items:flex-start}.demo-bar .ico{width:16px;height:16px;color:var(--red);flex:none;margin-top:1px}
@media (max-width:860px){.demo-bar{padding:10px 16px;flex-wrap:wrap}}

/* page history */
.ph .chg-h{flex-wrap:wrap;gap:8px 14px}.ph .chg-h .seg{margin-left:auto;display:inline-flex;background:var(--mist);border-radius:calc(10px * var(--rs));padding:3px;gap:2px}
.ph .chg-h .seg button{border:0;background:none;height:30px;padding:0 12px;border-radius:calc(8px * var(--rs));font:inherit;font-weight:500;font-size:13px;color:var(--muted);cursor:pointer}
.ph .chg-h .seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ph a.b{text-decoration:none}
.ph-e{padding:14px 16px;border-top:1px solid var(--line);display:grid;gap:8px}
.ph-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ph-h .sp{flex:1}.ph-h b{font-size:14px}
.ph-e .chg-r{padding:6px 0;border:0}
.tag.g{background:#e8f6ee;color:#15803d;border-color:#c6ead4}

/* bookings by booked date */
.ld-mode button{display:inline-flex;align-items:center;gap:6px}
.ld-mode button svg{width:15px;height:15px}
.bk-strip{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;margin-bottom:14px}
.bk-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 2px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);font:inherit;color:var(--muted);cursor:default;min-width:0}
.bk-day small{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.bk-day b{font-size:16px;color:inherit}
.bk-day .bk-n{min-height:18px;font-size:11px;font-weight:600}
.bk-day.has{cursor:pointer;color:var(--ink,#111);border-color:var(--red)}
.bk-day.has .bk-n{background:var(--red);color:#fff;border-radius:999px;padding:1px 7px}
.bk-day.has:hover{background:var(--red-50)}
.bk-day.today{box-shadow:inset 0 0 0 2px var(--red)}
.bk-day:disabled{opacity:.55}
.bk-group{background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden;scroll-margin-top:90px}
.bk-group.is-today{border-color:var(--red)}
.bk-gh{display:flex;align-items:baseline;gap:10px;padding:12px 18px;background:var(--red-50);border-bottom:1px solid var(--line)}
.bk-gh .sp{flex:1}
.bk-row{display:grid;grid-template-columns:84px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) 110px;gap:14px;align-items:center;width:100%;padding:12px 18px;border:0;border-top:1px solid var(--line);background:none;text-align:left;font:inherit;font-size:14px;color:inherit;cursor:pointer}
.bk-row:first-of-type{border-top:0}
.bk-row:hover{background:var(--red-50)}
.bk-row.is-new .bk-t{color:var(--red)}
.bk-t{font-weight:700;font-size:15px}
.bk-who{display:flex;flex-direction:column;min-width:0}
.bk-who .bk-nm{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bk-who .tag{margin:0!important}
.bk-who small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-p span{display:inline-flex;align-items:center;gap:6px}
.bk-p svg{width:15px;height:15px;opacity:.7}
.bk-c{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-row .ld-st{justify-self:end}
@media(max-width:900px){.bk-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.bk-row{grid-template-columns:64px minmax(0,1fr) auto;row-gap:4px}.bk-p,.bk-c{grid-column:2/3}.bk-row .ld-st{grid-row:1;grid-column:3}}

/* bookings: push to calendar, and the calendar */
.bk-when{display:flex;flex-direction:column}
.bk-when b{font-weight:600}
.ld-st .bk-push{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12.5px;white-space:nowrap}
.ld-st .bk-push svg,.bk-oncal svg{width:15px;height:15px}
.bk-oncal{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--green,#15803d);white-space:nowrap}
.ld-st{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cal-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.cal-bar .sp{flex:1}
.cal-m{margin:0 6px;font-size:20px;min-width:170px;text-align:center}
.cal-next svg{transform:rotate(180deg)}
.cal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.cal-card{padding:10px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-wd{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:4px 8px}
.cal-c{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:104px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;text-align:left;color:inherit;cursor:pointer;min-width:0}
.cal-c:hover{border-color:var(--red)}
.cal-c.out{opacity:.4}
.cal-c.past{background:#fafafa}
.cal-c.has{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}
.cal-c.today .cal-n{background:var(--red);color:#fff}
.cal-c.sel{box-shadow:0 0 0 2px var(--red);border-color:var(--red)}
.cal-n{align-self:flex-start;min-width:26px;height:26px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-weight:600;font-size:13px}
.cal-ppl{position:absolute;top:10px;right:8px;font-size:11px;font-weight:600;color:var(--red)}
.cal-ev{display:flex;flex-direction:column;gap:2px;font-size:12px;min-width:0}
.cal-ev span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 6px;border-radius:6px;background:var(--red-50)}
.cal-more{font-size:11px;color:var(--muted);padding-left:6px}
.cal-day{position:sticky;top:84px;overflow:hidden}
.cal-dh{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cal-dh b{font-size:17px}
.cal-empty{display:flex;gap:10px;align-items:center;padding:18px;font-size:14px}
.cal-empty svg{width:22px;height:22px;flex:none}
.cal-r{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;width:100%;padding:12px 18px;border:0;border-top:1px solid var(--line);background:none;font:inherit;text-align:left;color:inherit;cursor:pointer}
.cal-r:first-of-type{border-top:0}
.cal-r:hover{background:var(--red-50)}
.cal-t{font-weight:700;color:var(--red)}
.cal-who{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:2px;min-width:0}
.cal-who .tag{margin:0}
.cal-who small{flex-basis:100%}
.cal-note{color:var(--ink-2);font-style:italic}
@media(max-width:1100px){.cal-wrap{grid-template-columns:minmax(0,1fr)}.cal-day{position:static}}
@media(max-width:700px){.cal-grid{gap:3px}.cal-c{min-height:58px;padding:5px;border-radius:8px}.cal-ev,.cal-more{display:none}.cal-ppl{position:static;font-size:10px}.cal-n{min-width:22px;height:22px;font-size:12px}.cal-m{min-width:0;font-size:17px}}

.bk-edit .bk-eg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bk-ef{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}
.bk-ef .in{width:100%}
.bk-ec{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:14px}
.bk-ec input{width:18px;height:18px}

/* booking settings */
.bs-card{padding:18px 20px;margin-bottom:14px}
.bs-card h3{margin:0 0 4px;font-size:16px}
.bs-card > p{margin:0 0 12px}
.bs-days{display:flex;flex-wrap:wrap;gap:8px}
.bs-day{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-weight:500}
.bs-day input{width:16px;height:16px}
.bs-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.bs-row{display:grid;grid-template-columns:repeat(3,minmax(0,170px)) auto;gap:10px;align-items:end}
.bs-row label,.bs-grid label{display:flex;flex-direction:column;gap:4px}
.bs-row small,.bs-grid small{font-weight:500;color:var(--muted)}
.bs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:12px}
.bs-grid .bs-wide{grid-column:1/-1}
.bs-pause{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px}
.bs-pause input{width:18px;height:18px;margin-top:2px}
.bs-save{display:flex;justify-content:flex-end}
.bs-switch{display:flex;align-items:center;gap:14px;cursor:pointer}
.bs-switch input{position:absolute;opacity:0;width:1px;height:1px}
.bs-knob{flex:none;width:48px;height:28px;border-radius:99px;background:#CDD2C4;position:relative;transition:background .2s}
.bs-knob::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.bs-switch input:checked+.bs-knob{background:var(--green,#15803d)}
.bs-switch input:checked+.bs-knob::after{transform:translateX(20px)}
.bs-switch input:focus-visible+.bs-knob{outline:2px solid var(--red);outline-offset:2px}
.bs-switch small{display:block;color:var(--muted);margin-top:2px}
.bs-ttl{font-weight:600;font-size:16px}
.cal-cap{display:flex;flex-direction:column;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fafafa}
.cal-cap-r{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.cal-meter{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.cal-meter i{display:block;height:100%;background:var(--green,#15803d);border-radius:99px}
.cal-cap-r.full .cal-meter i{background:var(--red)}
.cal-cap-r.full small{color:var(--red);font-weight:600}
@media(max-width:700px){.bs-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;padding-bottom:10px;border-bottom:1px solid var(--line)}.bs-row label:first-child{grid-column:1/-1}.bs-grid{grid-template-columns:minmax(0,1fr)}}

/* History section */
.card.ph .chg-l{gap:0}
.card.ph .ph-e{padding:16px 20px}
.card.ph .ph-e:first-child{border-top:0}
.ph-f{display:flex;align-items:center;gap:10px}.ph-f .pk{min-width:240px}
.ph-h .tag{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:800px){.ph-f{width:100%}.ph-f .pk{flex:1;min-width:0}.card.ph .ph-e{padding:14px 16px}}
/* Google page: countries and cities */
.gg-geo-n{font-size:12px;margin:0;padding:0 20px 14px}
/* Site health */
.hl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hl-c{padding:20px 22px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:190px}
.hl-c h3{margin:6px 0 0;font-size:15.5px}
.hl-c p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}
.hl-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
.hl-ic{width:40px;height:40px;border-radius:calc(11px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center;flex:none}
.hl-ic .ico{width:21px;height:21px}
.hl-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:99px;background:var(--mist);color:var(--muted);font-size:12.5px;font-weight:500;white-space:nowrap}
.hl-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.hl-pill.g{background:var(--green-50);color:var(--green)}
.hl-pill.a{background:var(--amber-50);color:var(--amber)}
.hl-pill.r{background:#fdecea;color:#b42318}
.hl-c .lnk{margin-top:auto;padding-top:6px;font-weight:500;color:var(--red-t)}
.hl-x{display:grid;gap:10px;width:100%;margin-top:auto}
.hl-x .lnk{margin-top:0;justify-self:start}
.hl-bar{height:6px;border-radius:99px;background:var(--mist);overflow:hidden;width:100%}
.hl-bar i{display:block;height:100%;background:var(--red);border-radius:99px}
.hl-d{margin-top:20px;scroll-margin-top:90px}
.hl-t{display:grid;padding:0 22px 18px}
.hl-tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:14px}
.hl-tr.c2{grid-template-columns:minmax(0,1fr) auto}.hl-tr.c2 span:last-child{text-align:right}
.hl-tr.c4{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.6fr) 70px}.hl-tr.c4 span:last-child{text-align:right}
.hl-tr span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hl-th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.hl-kv{margin:0 0 14px}
.hl-steps{margin:0 0 12px;padding-left:20px;line-height:1.7}
@media(max-width:1200px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hl-grid{grid-template-columns:1fr}.hl-c{min-height:0}.hl-t{padding:0 16px 14px}.hl-tr.c4{grid-template-columns:1fr 1fr}.hl-tr.c4 span:last-child{text-align:left}}
/* Activity log */
.al-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.al-tab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-weight:500;cursor:pointer;color:var(--ink)}
.al-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.al-f{display:grid;grid-template-columns:minmax(0,1fr) 260px 200px;gap:12px;margin-bottom:10px}
.al-f .in{height:44px}
.al-n{margin:6px 0 14px}
.al-list{padding:6px 24px 18px}
.al-day{margin:18px 0 4px;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.al-e{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-2)}
.al-e:last-child{border-bottom:0}
.al-ic{width:38px;height:38px;border-radius:calc(10px * var(--rs));background:var(--mist);color:var(--muted);display:grid;place-items:center}
.al-ic.pages{background:var(--red-50);color:var(--red-t)}.al-ic.enquiries{background:var(--green-50);color:var(--green)}.al-ic.access{background:var(--amber-50);color:var(--amber)}
.al-tx{display:grid;gap:3px;min-width:0}.al-tx b{font-weight:500}
.al-tx small{display:flex;align-items:center;gap:8px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.al-av{width:22px;height:22px;border-radius:50%;background:var(--red-50);color:var(--red-t);font-size:9.5px;font-weight:600;display:grid;place-items:center;flex:none}
@media(max-width:800px){.al-f{grid-template-columns:1fr}.al-list{padding:4px 16px 14px}.al-e{grid-template-columns:36px minmax(0,1fr)}.al-t{grid-column:2}}

/* Google page: compact lists (top 5, Show all) and three columns for search */
.gg-x{display:none}.all>.gg-x{display:grid}
.gg-more{margin-top:6px;font-size:12.5px;font-weight:500;color:var(--red-t)}
@media(min-width:1280px){.gg-3{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)}}

/* Leads: work value and the enquiries report */
.ld-valrow{display:flex;align-items:center;gap:8px}.ld-val{width:130px;height:34px}
.lr h4{margin:18px 0 8px;font-size:13.5px}
.lr-ks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lr-ks>div{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px 14px;display:grid;gap:2px}
.lr-ks small{color:var(--muted);font-weight:500;font-size:12.5px}.lr-ks b{font-size:22px;font-variant-numeric:tabular-nums}.lr-ks span{font-size:12px;color:var(--muted)}
.lr-months{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;align-items:end;height:150px}
.lr-m{display:grid;grid-template-rows:1fr auto auto;justify-items:center;height:100%;gap:3px;font-size:11.5px;color:var(--muted)}
.lr-m i{align-self:end;width:min(34px,80%);background:var(--red-50);border-radius:6px 6px 2px 2px;display:flex;align-items:flex-end;overflow:hidden}
.lr-m em{display:block;width:100%;background:var(--red)}
.lr-m small{font-variant-numeric:tabular-nums;color:var(--ink)}
.lr-leg{display:flex;gap:16px;font-size:12.5px;color:var(--muted);margin:8px 0 0}.lr-leg span{display:inline-flex;align-items:center;gap:6px}
.lr-leg i{width:10px;height:10px;border-radius:3px;background:var(--red-50);display:inline-block}.lr-leg i.b{background:var(--red)}
.lr-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 26px}
.lr-t{display:grid;font-size:13px}
.lr-tr{display:grid;grid-template-columns:minmax(0,1fr) 74px 84px 84px;gap:8px;padding:6px 0;border-bottom:1px solid var(--line-2)}
.lr-tr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.lr-tr span:not(:first-child){text-align:right}
.lr-th{font-size:11.5px;font-weight:600;color:var(--muted)}
@media(max-width:800px){.lr-ks{grid-template-columns:1fr}.lr-2{grid-template-columns:1fr}.lr-tr{grid-template-columns:minmax(0,1fr) 60px 70px 70px}}

/* publish later */
#schedBtn.on{background:var(--amber-50);color:var(--amber);border-color:var(--amber)}

.hl-tr.c5{grid-template-columns:minmax(0,1.6fr) 60px minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)}
.hl-tr.c3{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1.4fr)}
.hl-keep{margin-top:auto;width:100%}
@media(max-width:640px){.hl-tr.c5{grid-template-columns:1fr 50px 1fr}.hl-tr.c5 span:nth-child(n+4){display:none}.hl-tr.c3{grid-template-columns:1fr}}

/* History: compare two points */
.ph-cmp{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line-2)}
.ph-tick{width:17px;height:17px;accent-color:var(--red);margin:0}
.cmp-t{display:grid;font-size:13.5px;margin-top:10px}
.cmp-r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,1.6fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line-2)}
.cmp-h{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.cmp-a{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}.cmp-b{color:var(--ink)}
@media(max-width:640px){.cmp-r{grid-template-columns:1fr}}

.al-n-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 14px}.al-n-row .al-n{margin:0}

/* demo tour */
.demo-acts{display:flex;gap:8px;flex-wrap:wrap}
.tour{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:900;width:min(340px,calc(100vw - 32px));background:var(--ink);color:#fff;border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh-lg);display:grid;gap:6px}
.tour small{opacity:.7;font-size:12px}.tour b{font-size:16px}.tour p{margin:0;font-size:13.5px;line-height:1.55;opacity:.9}
.tour-a{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.tour .lnk{color:#fff;opacity:.75}
.side nav button.tour-on{box-shadow:0 0 0 2px var(--red) inset}
/* shop: orders and products */
.sh-ks{margin-bottom:14px}
.sh-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.sh-bar .al-tabs{margin:0}.sh-bar input[type=search]{max-width:280px}
.sh-list{padding:0;overflow:hidden}
.sh-tr{display:grid;grid-template-columns:minmax(110px,1fr) minmax(150px,1.6fr) minmax(110px,1.2fr) 110px 150px;gap:12px;align-items:center;width:100%;padding:12px 18px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;font:inherit;color:inherit;cursor:pointer}
.sh-tr:first-child{border-top:0}
.sh-tr:hover{background:var(--bg,#f7f8fa)}
.sh-tr small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-tr>span{min-width:0}
.sh-th{cursor:default;font-size:12px;font-weight:500;color:var(--muted);padding-top:10px;padding-bottom:10px}.sh-th:hover{background:#fff}
.sh-num{font-variant-numeric:tabular-nums;font-weight:500}
.sh-pr{grid-template-columns:52px minmax(160px,2fr) 130px 120px 130px}
.sh-pr.off{opacity:.6}
.sh-img{width:44px;height:44px;border-radius:8px;background:var(--line) center/cover no-repeat}
.sh-out{color:#b42318;font-weight:500}
.sh-st{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;font-size:12.5px;font-weight:500;background:#f1f3f6;color:var(--muted)}
.sh-st.a{background:#e8f0fe;color:#1e4fd8}.sh-st.w{background:#fff4e0;color:#9a5b00}.sh-st.g{background:#e7f6ec;color:#1a7f3c}
.sh-tg{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:13.5px}
.sh-tg input{width:18px;height:18px;accent-color:var(--red)}
.sh-oh{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.sh-acts{margin-bottom:14px}
.sh-lines .lr-tr{grid-template-columns:minmax(0,2.4fr) 60px 110px 110px}
.sh-tot{font-weight:600}
.sh-kv{margin-top:16px}
.sh-row{display:flex;gap:8px;align-items:flex-start}.sh-row .in{flex:1}
.sh-track{margin-top:14px}
.sh-notes{display:grid;gap:8px;margin-bottom:10px}
.sh-note{border:1px solid var(--line);border-radius:10px;padding:8px 12px}.sh-note p{margin:2px 0 0}.sh-note.sys{background:#f7f8fa}
.sh-ed{display:grid;gap:12px}
.sh-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sh-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){
  .sh-tr{grid-template-columns:1fr auto;row-gap:4px}.sh-tr>span:nth-child(3){display:none}.sh-th{display:none}
  .sh-pr{grid-template-columns:44px 1fr auto}.sh-pr>span:nth-child(4){display:none}
  .sh-2,.sh-3{grid-template-columns:1fr}
}
.sh-acts{display:flex;flex-wrap:wrap;gap:8px}
.sh-3 .in,.sh-2 .in{height:42px}
/* shop extras: sizes, coupons, payments */
.sh-low{color:#9a5b00;font-weight:500}
.sh-cp{grid-template-columns:minmax(120px,1.2fr) minmax(130px,1.3fr) 100px 120px 110px}
.sh-cp.off{opacity:.65}
.sh-pic{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.sh-pic .sh-row{flex-wrap:wrap;align-items:center}.sh-pic select.in{max-width:320px;height:36px}
.sh-img.big{width:84px;height:84px;border-radius:12px;flex:none}
.sh-sizes{display:grid;gap:8px;margin-top:6px;justify-items:start}
.sh-sz{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(70px,1fr) 40px;gap:8px;align-items:center;width:100%}
.sh-sz .in{height:40px;min-width:0}.sh-szh{font-size:12px;font-weight:500;color:var(--muted)}
.sh-pay{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.sh-pay:first-child{border-top:0}.sh-pay .sh-st{justify-self:start}
.sh-ed .sh-row{flex-wrap:wrap;align-items:center;gap:16px}
@media (max-width:760px){
  .sh-cp{grid-template-columns:1fr auto}.sh-cp>span:nth-child(2),.sh-cp>span:nth-child(4){display:none}
  .sh-sz{grid-template-columns:1fr 1fr 40px}.sh-szh{display:none}
  .sh-pay{grid-template-columns:1fr}
}
/* performance */
.pf-hero{padding:20px 22px;margin-bottom:18px}
.pf-hero-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pf-hero-h h2{margin:0}.pf-hero-h p{margin:4px 0 0}
.pf-rings{display:flex;flex-wrap:wrap;gap:36px;margin-top:18px}
.pf-ring-w{display:flex;align-items:center;gap:14px}
.pf-ring{--c:#b0b8c2;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) var(--deg),var(--line-2) 0)}
.pf-ring::before{content:'';grid-area:1/1;width:76px;height:76px;border-radius:50%;background:#fff}
.pf-ring b{grid-area:1/1;position:relative;font-size:28px;font-variant-numeric:tabular-nums}
.pf-ring.g{--c:var(--green)}.pf-ring.a{--c:#f59e0b}.pf-ring.r{--c:#dc2626}
.pf-ring-w small{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:500;font-size:13px}
.pf-ring-w small .ico{width:16px;height:16px}
.pf-word{display:block;font-weight:600;font-size:17px;margin-top:2px}
.pf-word.g{color:var(--green)}.pf-word.a{color:var(--amber)}.pf-word.r{color:#b42318}
.pf-hero+.card,.pf-hero~.card{margin-bottom:18px}
.pf-ms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 20px}
.pf-m{border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}
.pf-m.g{border-left-color:var(--green)}.pf-m.a{border-left-color:#f59e0b}.pf-m.r{border-left-color:#dc2626}
.pf-m small{color:var(--muted);font-weight:500;font-size:12.5px}.pf-m b{display:block;font-size:22px;margin:2px 0 4px;font-variant-numeric:tabular-nums}.pf-m p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.pf-tr{grid-template-columns:minmax(120px,1.6fr) 80px 90px 1fr 1fr 110px}
.pf-sc{font-weight:600;font-variant-numeric:tabular-nums}.pf-sc.g{color:var(--green)}.pf-sc.a{color:var(--amber)}.pf-sc.r{color:#b42318}
.pf-weeks{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.pf-weeks .lr-leg{flex-basis:100%}
.pf-wk{display:grid;justify-items:center;gap:4px;font-size:11.5px;color:var(--muted)}
.pf-bars{display:flex;align-items:flex-end;gap:3px;height:110px}
.pf-bars i{width:12px;border-radius:4px 4px 1px 1px;display:block}.pf-bars i.m{background:var(--red)}.pf-bars i.d{background:var(--ink);opacity:.3}
.pf-weeks .lr-leg i.a{background:var(--ink);opacity:.3}
.pf-tip{grid-template-columns:24px 1fr auto;align-items:center}.pf-tip small{display:block}
.pf-tip .ico{width:18px;height:18px;color:var(--red-t)}
.pf-save{font-weight:500;white-space:nowrap}
@media (max-width:760px){.pf-ms{grid-template-columns:1fr 1fr}.pf-tr{grid-template-columns:1fr 60px 70px}.pf-tr>span:nth-child(n+4){display:none}.pf-ring{width:80px;height:80px}.pf-ring::before{width:62px;height:62px}}
.hl-c.off{background:var(--mist);box-shadow:none;border-color:transparent;filter:grayscale(1);opacity:.7;pointer-events:none;user-select:none}
.hl-c.off h3,.hl-c.off p{color:var(--muted)}
/* ---------- SEO: the padlock in the menu, the offer on the right, the portal once switched on */
.side nav button>span.lk{flex:none;margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border-radius:99px;background:rgba(255,255,255,.1);color:#ddd}
.side nav button>span.lk[hidden]{display:none}
.side nav button .lk .ico{width:12px;height:12px}
.side nav button[aria-current=page] .lk{background:var(--mist);color:var(--muted)}
.drawer.seo-d{width:min(520px,100%)}
.seo-pitch{display:grid;gap:18px}
.seo-hero{border-radius:var(--r);padding:22px;color:#fff;background:radial-gradient(circle at 88% 12%,rgba(var(--accent-rgb),.45),transparent 42%),linear-gradient(150deg,var(--ink) 0%,var(--ink-2) 62%,var(--ink-3) 100%)}
.seo-eb{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;background:rgba(255,255,255,.12);padding:4px 10px;border-radius:99px}
.seo-eb .ico{width:13px;height:13px}
.seo-hero h2{margin:12px 0 6px;font-size:22px;line-height:1.2;color:#fff}
.seo-hero p{margin:0;color:rgba(255,255,255,.82);font-size:14px}
.seo-hero .seo-price{margin-top:12px;color:#fff;font-weight:600}
.seo-feat,.seo-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.seo-feat li,.seo-steps li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.seo-feat b,.seo-steps b{display:block;font-size:14px}
.seo-feat small,.seo-steps small{display:block;color:var(--muted);font-size:13px;line-height:1.45}
.seo-fi{width:36px;height:36px;border-radius:calc(10px * var(--rs));background:var(--red-50);color:var(--red-t);display:grid;place-items:center}
.seo-n{width:28px;height:28px;margin:4px;border-radius:99px;background:var(--mist);color:var(--ink);display:grid;place-items:center;font-weight:500;font-size:13px}
.seo-h{margin:4px 0 -4px;font-size:15px}
.seo-cta{display:flex;gap:10px;flex-wrap:wrap}
.seo-cta .b{flex:1 1 auto;justify-content:center}
.seo-by{margin:0;color:var(--muted);font-size:12.5px}
.seo-page{padding:22px;max-width:640px}
.seo-frame{display:block;width:100%;height:calc(100vh - 190px);min-height:560px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
@media (max-width:640px){.seo-frame{height:calc(100vh - 150px);min-height:480px}.seo-page{padding:16px}}
/* sign in: the list follows the dashboard's own menu; a long list is shown compact so it always fits */
.la-list.many{gap:10px}
.la-list.many li{padding:12px 16px;align-items:center}
.la-list.many b{margin:0;font-size:14px}
.la-list.many small{display:none}
/* sign in: the white logo on the dark side, at its own shape (never cropped or stretched) */
.login-art .la-logo{display:block;width:auto!important;height:auto!important;max-width:min(100%,240px);max-height:64px;object-fit:contain;object-position:left center;margin:0 0 28px}
@media (max-height:820px){.login-art .la-logo{max-height:48px;margin-bottom:18px}}
/* SEO in the menu before the website is on the SEO service: grey, nothing happens on press */
.side nav button.off{opacity:.42;cursor:not-allowed}
.side nav button.off:hover,.side nav button.off:focus-visible{background:none;color:#cfcfcf}
/* ---------- v3.37 clean light look: white menu, thin outline icons, flat cards with a fine line, the brand colour for the active item */
:root{--bg:#F8F8FA;--line:#E7E7EC;--line-2:#EFEFF3;--mist:#F4F4F7;--muted:#6B6B78;--sh:0 1px 2px rgba(16,16,32,.03);--side-ink:#2B2B36;--side-mute:#8A8A97;--tint:rgba(var(--accent-rgb),.09)}
body{background:var(--bg)}
.ico{width:20px;height:20px}
@media (min-width:981px){.app{grid-template-columns:264px 1fr}}
.side{background:#fff;color:var(--side-ink);border-right:1px solid var(--line);padding:22px 16px 16px}
.side .brand,.side .brand.dash{border-bottom:0;padding:2px 10px 18px;margin-bottom:6px;gap:6px}
.side .brand.dash small{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red-t)}
.side .brand b,.side .brand .nm{color:var(--ink);font-size:17px;font-weight:600}
.side .brand .lg img{width:auto!important;max-width:150px;max-height:44px;height:auto}
.side nav{gap:3px}
.side nav .grp{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--side-mute);padding:16px 12px 6px}
.side nav button{height:42px;gap:14px;padding:0 14px;color:var(--side-ink);font-size:14.5px;font-weight:400;border-radius:12px}
.side nav button .ico{width:21px;height:21px;color:#5E5E6B}
.side nav button:hover{background:var(--mist);color:var(--ink)}
.side nav button[aria-current=page]{background:var(--tint);color:var(--ink);font-weight:500}
.side nav button[aria-current=page] .ico{color:var(--red-t)}
.side nav button .n{background:var(--mist);color:var(--muted);font-weight:500}
.side nav button[aria-current=page] .n{background:#fff;color:var(--muted)}
.side nav .n.hot{background:var(--red);color:var(--on-red)}
.side nav:hover,.side nav:focus-within{scrollbar-color:rgba(0,0,0,.18) transparent}
.side nav:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18)}
.side nav button.off:hover,.side nav button.off:focus-visible{background:none;color:var(--side-ink)}
.side .me{border-top:1px solid var(--line);padding:16px 6px 2px;gap:12px}
.side .me .av{width:38px;height:38px;background:var(--tint);color:var(--red-t);font-size:14px}
.side .me b{color:var(--ink);font-size:14px}
.side .me small{color:var(--muted)}
.side .me button{background:none;border:1px solid var(--line);color:var(--muted)}
.side .me button:hover{background:var(--mist);color:var(--ink)}
.top{height:72px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line)}
.top h1{font-size:21px}
.view{padding:30px 32px}
.card{border:1px solid var(--line);box-shadow:var(--sh);border-radius:calc(16px * var(--rs))}
.card-h{border-bottom-color:var(--line-2)}
.b{border-color:var(--line)}
.b:hover{border-color:#D6D6DE;background:var(--mist)}
.b.pri{box-shadow:none}
.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:99px;background:#fff;margin-bottom:18px}
.tabs button{border:0;margin:0;padding:7px 16px;border-radius:99px;color:var(--muted)}
.tabs button:hover{color:var(--ink)}
.tabs button[aria-selected=true]{background:var(--red);color:var(--on-red)}
@media (max-width:980px){.side{border-right:0}.side.open{box-shadow:0 20px 60px rgba(16,16,32,.18)}}
.seg{background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px;gap:2px}
.seg button{border-radius:99px;padding:0 14px;color:var(--muted)}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed=true],.pe-bar .seg button[aria-pressed=true],.gg-sh .seg button[aria-pressed=true],.ph .chg-h .seg button[aria-pressed=true],.pe-list .pe-mode button[aria-pressed=true]{background:var(--red);color:var(--on-red);box-shadow:none}
.pe-list .pe-mode button{border-radius:99px}
.pe-list button[aria-current=page]{background:var(--tint);color:var(--ink);font-weight:500}
.pe-list button[aria-current=page] .cnt{background:#fff;color:var(--muted)}
.toast{pointer-events:none}
/* the services' own logos (v3.37): on white, in their own colours */
.gg-g:has(>.ico.svc),.gg-wi:has(>.ico.svc),.hl-ic:has(>.ico.svc){background:#fff;border:1px solid var(--line)}
.side nav button .ico.svc,.side nav button[aria-current=page] .ico.svc{width:19px;height:19px;margin:0 1px}
.gg-g.big .ico.svc{width:28px;height:28px}
/* Site health in groups (v3.38) */
.hl-grid{align-items:start}
.hl-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.hl-gh{margin:0 0 2px 2px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--side-mute,#8A8A97)}
.hl-col .hl-c{min-height:0;padding:16px 18px;gap:6px;width:100%}
.hl-col .hl-ic{width:34px;height:34px;border-radius:10px}
.hl-col .hl-ic .ico{width:19px;height:19px}
.hl-col .hl-c h3{margin:4px 0 0;font-size:15px}
.hl-col .hl-c p{font-size:13px;line-height:1.5}
.hl-col .hl-pill{padding:4px 10px;font-size:12px}
.hl-col .hl-c .lnk{padding-top:4px}
@media(max-width:1200px) and (min-width:641px){.hl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* dashboard updates (v3.39): the version card in Settings and the progress screen that holds changes */
.kit-card{margin-bottom:18px}
.kit-ver{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.kit-ver small{display:block;color:var(--muted);font-size:12px}.kit-ver b{font-size:20px;font-weight:600}
.kit-ver>span{margin-left:auto}
.kit-h{margin:20px 0 8px;font-size:14px}
.kit-notes{display:grid;gap:10px}
.kit-n{border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.kit-nh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.kit-nh small{margin-left:auto;color:var(--muted)}
.kit-n ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.55}
.kit-safe{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--green-50);color:var(--ink-2);font-size:13.5px;line-height:1.5;text-align:left}
.kit-safe .ico{color:var(--green);width:20px;height:20px;flex:none;margin-top:1px}
.kit-acts{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kit-acts p{margin:0;flex:1 1 320px}
body.kit-locked{overflow:hidden}
.kit-lock{position:fixed;inset:0;z-index:200;background:rgba(248,248,250,.94);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;overflow:auto}
.kit-lock-c{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 30px 26px;box-shadow:0 30px 80px rgba(16,16,32,.12);text-align:center}
.kit-lock-i{width:52px;height:52px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:var(--tint,rgba(var(--accent-rgb),.09));color:var(--red-t)}
.kit-lock-i .ico{width:26px;height:26px}
.kit-lock h2{margin:0 0 8px;font-size:21px}.kit-lock p{margin:0 auto 18px;color:var(--muted);max-width:46ch;line-height:1.55}
.kit-prog{height:10px;border-radius:99px;background:var(--mist);overflow:hidden}
.kit-prog i{display:block;height:100%;border-radius:99px;background:var(--red);transition:width .6s ease}
.kit-pct{display:flex;justify-content:space-between;margin:8px 2px 0;font-size:13px;color:var(--muted)}.kit-pct b{color:var(--ink)}
.kit-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;text-align:left}
.kit-steps li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}
.kit-steps li i{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;flex:none}
.kit-steps li.ok{color:var(--ink)}.kit-steps li.ok i{background:var(--green);border-color:var(--green);color:#fff}.kit-steps li.ok .ico{width:12px;height:12px}
.kit-steps li.on{color:var(--ink);font-weight:500}.kit-steps li.on i{border-color:var(--red);border-top-color:transparent;animation:kitspin .9s linear infinite}
@keyframes kitspin{to{transform:rotate(360deg)}}
.kit-lock .kit-safe{margin-top:18px}
.kit-lock .b{margin-top:18px}
/* the version next to "Website dashboard" (v3.39) */
.brand-w{flex:none;margin-bottom:6px}
.side .brand.dash{padding-bottom:6px;margin-bottom:0}
.brand-sub{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:0 0 14px 10px;min-height:22px}
.brand-sub small{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--red-t);white-space:nowrap}
.kit-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:99px;border:1px solid transparent;background:none;color:var(--side-mute,#8A8A97);font:inherit;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap}
.kit-pill:hover{background:var(--mist);color:var(--ink)}
.kit-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}
.kit-pill.ready{background:var(--red);color:var(--on-red)}
.kit-pill.ready:hover{background:var(--red-d);color:var(--on-red)}
.kit-pill.ready i{animation:kitpulse 1.8s ease-in-out infinite}
.kit-pill.amber{background:var(--amber-50);color:var(--amber)}
@keyframes kitpulse{50%{opacity:.35}}
.menu-t{position:relative}
.menu-t.kit-dot::after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff}
/* ---------- v3.40 one look for every dashboard: the kit's blue, and the new sign in page */
:root{--hero-bg:radial-gradient(700px 300px at 88% 0%,rgba(255,255,255,.22),transparent 60%),radial-gradient(500px 300px at 0% 100%,rgba(10,40,200,.35),transparent 60%),linear-gradient(160deg,#2A5BFF 0%,#184AFE 45%,#1238D6 100%);--tint:#E4EBFF}
.b,.b.sm{border-radius:10px}
.hello .b:not(.pri){background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.hello .b:not(.pri):hover{background:rgba(255,255,255,.2)}
.hello p{color:rgba(255,255,255,.88)}
.hello .b.pri{background:#fff;border-color:#fff;color:#184AFE}
.hello .b.pri:hover{background:#F1F5FF;border-color:#F1F5FF}
/* sign in: the form on the left, the site's photo or the dashboard panel on the right */
.login.v2{display:grid;grid-template-columns:1fr 1.08fr;min-height:100vh;height:auto;background:#fff;overflow:visible}
.login.v2 .login-form{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:36px clamp(32px,5vw,72px);background:#fff;min-height:100vh;overflow:visible}
.login.v2 .lf-top{display:block;align-self:flex-start;text-decoration:none}
.login.v2 .lf-top .lf-logo{display:block;width:auto!important;height:auto!important;max-height:44px;max-width:220px;margin:0;object-fit:contain;object-position:left center}
.login.v2 .lf-top .lf-name{font-size:20px;font-weight:600;color:var(--ink)}
.login.v2 form{margin:auto 0;width:100%;max-width:400px;align-self:center;padding:40px 0}
.login.v2 h2{font-size:30px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px;text-align:left}
.login.v2 .sub{margin:0 0 32px;color:var(--muted);font-size:15px;text-align:left}
.login.v2 .f label{display:block;font-size:13.5px;font-weight:500;margin:0 0 8px}
.login.v2 .in{height:46px;border-radius:12px;font-size:15px}
.login.v2 .b.pri{width:100%;height:46px;margin-top:16px;border-radius:12px;font-size:15px}
.login.v2 .lf-note{display:flex;gap:8px;align-items:center;margin:16px 0 0;font-size:13px;color:var(--muted)}
.login.v2 .lf-note .ico{width:16px;height:16px;color:#184AFE}
.login.v2 .demo-box{background:#F8FAFF;border-color:#E4EBFF;border-radius:14px;margin:0 0 28px}
.login.v2 .demo-box .b.pri{width:auto;margin-top:4px;height:40px;padding:0 16px}
.login.v2 .lf-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.login.v2 .lf-back{display:inline-flex;align-items:center;gap:6px;margin:0;width:auto;padding:0;border:0;color:var(--ink);font-weight:500;text-decoration:none}
.login.v2 .lf-back:hover{color:#184AFE}.login.v2 .lf-back .ico{width:14px;height:14px}
.login.v2 .lf-foot{margin:0;display:inline}
.login.v2 .login-art{display:block;position:relative;padding:16px 16px 16px 0;background:#fff;color:#fff;overflow:visible;min-height:100vh}
.login.v2 .login-art::after{display:none}
@media (max-width:980px){.login.v2{grid-template-columns:1fr}.login.v2 .login-art{display:none}.login.v2 .login-form{padding:28px 22px}.login.v2 form{max-width:440px}}
/* the site's own photo */
.la-photo{position:sticky;top:16px;height:calc(100vh - 32px);border-radius:24px;background:#1f2937 center/cover no-repeat;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,5vh,56px) clamp(32px,4vw,56px)}
.la-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.72) 100%)}
.la-ph-t{position:relative}
.la-ph-t small{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.la-ph-t h2{font-size:clamp(30px,3vw,44px);line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:10px 0 0;max-width:18ch;color:#fff}
.la-list.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;max-width:none;grid-template-columns:none}
.la-list.chips li{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:99px;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.24)!important;backdrop-filter:blur(8px);font-size:12.5px;font-weight:500;color:#fff}
.la-list.chips li:nth-child(n+7){display:none}
.la-list.chips .ico{width:15px;height:15px;color:#fff;margin:0}
.la-list.chips .ico.svc{filter:brightness(0) invert(1)}
.la-list.chips b{font-weight:500;font-size:12.5px;color:#fff;margin:0}
.la-list.chips small{display:none}
.la-photo .la-list.chips{background:none!important;border:0!important;box-shadow:none!important;width:auto}
.la-photo .la-list.chips span{display:inline;background:none!important;padding:0!important;border:0!important;width:auto}
/* the dashboard panel (agency sites, or no good photo): sample data, animated */
.login-art .sp{position:sticky;top:16px;height:calc(100vh - 32px);min-height:640px;border-radius:24px;background:radial-gradient(700px 380px at 85% 0%,rgba(255,255,255,.20),transparent 60%),radial-gradient(600px 420px at 0% 100%,rgba(10,40,200,.35),transparent 60%),linear-gradient(160deg,#2A5BFF 0%,#184AFE 45%,#1238D6 100%);color:#fff;padding:48px 48px 40px;display:flex;flex-direction:column;overflow:hidden;--k:#184AFE;--k-d:#1238D6;--k-t:#E4EBFF;--ln:#E5E7EB;--mut:#6B7280}
.login-art .sp h2{font-size:clamp(26px,2.4vw,34px);line-height:1.15;font-weight:600;letter-spacing:-.02em;margin:0 0 12px;max-width:22ch;color:#fff}
.login-art .sp>p{margin:0;color:rgba(255,255,255,.8);font-size:15.5px;max-width:44ch;line-height:1.55}
.sp-wrap{margin:64px 0 0;position:relative;max-width:640px;width:100%}
.sp-app{position:relative;background:#fff;color:#111827;border-radius:16px;box-shadow:0 30px 70px rgba(10,10,40,.35);display:grid;grid-template-columns:148px 1fr;overflow:hidden;width:100%;font-size:12px;line-height:1.35}
.sp-app aside{border-right:1px solid var(--ln);padding:16px 12px;display:grid;gap:4px;align-content:start}
.sp-app aside b{font-size:12px;margin:0 0 8px 8px;font-weight:600}
.sp-app aside small{font-size:9.5px;letter-spacing:.08em;color:#9CA3AF;margin:12px 0 4px 8px;font-weight:600}
.sp-app aside span{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;color:#374151}
.sp-app aside span.on{background:var(--k-t);color:#111827;font-weight:500}
.sp-app .ico{width:14px;height:14px}.sp-app aside span.on .ico{color:var(--k)}
.sp-badge{margin-left:auto;font-style:normal;font-size:10px;background:var(--k);color:#fff;border-radius:99px;padding:0 6px;line-height:16px}
.sp-main{padding:16px;background:#FAFAFB;display:flex;flex-direction:column;gap:12px;min-width:0}
.sp-top{display:flex;align-items:center;gap:8px}
.sp-search{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:28px;border:1px solid var(--ln);border-radius:8px;background:#fff;padding:0 9px;color:#9CA3AF;font-size:11.5px}
.sp-live{flex:none;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;background:#ECFDF3;color:#15803d;font-size:10.5px;font-weight:500;white-space:nowrap}.sp-live i{width:6px;height:6px;border-radius:50%;background:#16A34A}
.sp-pub{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:8px;background:var(--k);color:#fff;font-size:11.5px;font-weight:500;white-space:nowrap}
.sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sp-stats div{border:1px solid var(--ln);border-radius:10px;padding:8px 12px;background:#fff}.sp-stats small{color:var(--mut);display:block;font-size:10.5px}.sp-stats b{font-size:16px;font-weight:600}
.sp-stats i{font-style:normal;color:#15803d;font-size:10px;margin-left:4px}
.sp-two{display:grid;grid-template-columns:1.45fr 1fr;gap:8px}
.sp-chart,.sp-src{border:1px solid var(--ln);border-radius:10px;padding:10px 12px;background:#fff}
.sp-ch{display:flex;justify-content:space-between;align-items:center}.sp-ch small,.sp-src small{color:var(--mut);font-size:10.5px}.sp-ch em{font-style:normal;font-size:10px;border:1px solid var(--ln);border-radius:99px;padding:1px 7px;color:var(--mut)}
.sp-chart svg{display:block;width:100%;height:64px;margin-top:6px}
.sp-chart path.l{fill:none;stroke:var(--k);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:300;animation:spDraw 1.6s ease .5s both}
.sp-chart path.a{fill:rgba(24,74,254,.10);animation:spUp 1s ease 1.2s both}
.sp-ax{display:flex;justify-content:space-between;font-size:9.5px;color:#9CA3AF;margin-top:4px}
.sp-src{display:grid;gap:8px;align-content:start}
.sp-src div{display:grid;grid-template-columns:76px 1fr 28px;align-items:center;gap:8px;font-size:10.5px}
.sp-src span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-src b{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--k) var(--w),#EEF0F4 var(--w));animation:spGrow 1.2s ease 1s both}
.sp-src em{font-style:normal;color:var(--mut);text-align:right}
.sp-tabs{display:flex;gap:4px}.sp-tabs span{font-size:10.5px;padding:3px 9px;border-radius:99px;color:var(--mut)}.sp-tabs span.on{background:var(--k);color:#fff}
.sp-rows{background:#fff;border:1px solid var(--ln);border-radius:10px;padding:0 12px}
.sp-rows div{display:grid;grid-template-columns:28px 1fr auto auto;gap:2px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--ln);animation:spIn .5s ease both}
.sp-rows div:first-child{border-top:0;animation-delay:1.6s;background:linear-gradient(90deg,rgba(24,74,254,.06),transparent)}
.sp-rows div:nth-child(2){animation-delay:.9s}.sp-rows div:nth-child(3){animation-delay:1.05s}.sp-rows div:nth-child(4){animation-delay:1.2s}.sp-rows div:nth-child(5){animation-delay:1.35s}
.sp-rows .av{grid-row:1/3;width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;font-style:normal;font-size:9.5px;font-weight:600;display:grid;place-items:center}
.sp-rows b{grid-column:2;font-weight:500}.sp-rows small{grid-column:2;color:var(--mut);font-size:10.5px}
.sp-rows time{grid-row:1/3;grid-column:3;font-size:10px;color:#9CA3AF}
.sp-rows em{grid-row:1/3;grid-column:4;font-style:normal;font-size:10.5px;background:var(--k-t);color:var(--k-d);border-radius:99px;padding:2px 8px}
.sp-rows div:first-child em{animation:spPulse 2s ease-in-out 2s infinite}
.sp-rows em.c{background:#FEF3C7;color:#B45309}.sp-rows em.w{background:#DCFCE7;color:#15803D}
.sp-toast{position:absolute;z-index:2;right:0;top:-48px;background:#111827;color:#fff;border-radius:12px;padding:10px 14px;font-size:12px;display:flex;gap:8px;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:spPop 5s ease 1.8s infinite both}
.sp-toast .ico{width:15px;height:15px;color:#4ade80}
.sp-float{position:absolute;left:-20px;bottom:24px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(10,10,40,.28);padding:10px 14px;display:flex;align-items:center;gap:12px;color:#111827;animation:spUp .6s ease 2.2s both}
.sp-float>.ico{width:22px;height:22px}.sp-float small{display:block;font-size:10px;color:var(--mut)}.sp-float b{font-size:16px}
.sp-float svg:last-child{width:34px;height:34px;transform:rotate(-90deg)}.sp-float .t{fill:none;stroke:#E5E7EB;stroke-width:4}.sp-float .g{fill:none;stroke:#16A34A;stroke-width:4;stroke-dasharray:94.2;stroke-dashoffset:94.2;animation:spRing 1.4s ease 2.5s forwards}
.sp-works{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:auto;padding-top:32px;color:rgba(255,255,255,.7);font-size:12.5px}
.sp-works span{display:inline-flex;gap:8px;align-items:center;color:#fff;font-weight:500;font-size:13.5px;animation:spUp .5s ease both}
.sp-works span:nth-child(2){animation-delay:.3s}.sp-works span:nth-child(3){animation-delay:.4s}.sp-works span:nth-child(4){animation-delay:.5s}
.sp-works .ico{width:20px;height:20px;filter:brightness(0) invert(1);opacity:.9}
.la-photo .sp-works{margin-top:22px;padding-top:0}
.sp-wrap{animation:spUp .7s ease both .1s,spFloat 7s ease-in-out 1s infinite}
.login-art .sp h2,.login-art .sp>p{animation:spUp .6s ease both}.login-art .sp>p{animation-delay:.1s}
@keyframes spUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes spIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes spPop{0%{opacity:0;transform:translateY(-8px) scale(.96)}10%,80%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes spDraw{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes spGrow{from{background:#EEF0F4}}
@keyframes spPulse{0%,100%{box-shadow:0 0 0 0 rgba(24,74,254,0)}50%{box-shadow:0 0 0 6px rgba(24,74,254,.14)}}
@keyframes spFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes spRing{to{stroke-dashoffset:2}}
@media (max-height:760px){.login-art .sp{padding:40px 40px 32px}}
@media (prefers-reduced-motion:reduce){.login-art .sp *,.login-art .sp{animation:none!important}}

/* v3.41 the note beside a Google title or description the SEO service holds */
.seo-managed{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;padding:9px 12px;border-radius:10px;background:#E4EBFF;color:#1F2937;font-size:12.5px;line-height:1.45}
.seo-managed[hidden]{display:none}
.seo-managed .ico{width:15px;height:15px;flex:none;margin-top:1px;color:#184AFE}

/* v3.41 every screen size: tablets, small laptops and phones */
.top h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(max-width:1180px){.top #liveBtn .t,.top #prevBtn .t,.top #discardBtn .t{display:none}.top #liveBtn,.top #prevBtn,.top #discardBtn{padding:0 11px}}
/* Leads: cards instead of the table until there is room for every column */
@media(max-width:1180px){.ld-th{display:none}.ld-tr{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px}.ld-tr>span{grid-column:1/-1}.ld-tr>span:nth-child(1){grid-column:1;grid-row:1;color:var(--muted);font-size:12.5px}.ld-tr>span:nth-child(6){grid-column:2;grid-row:1;justify-self:end}.ld-tr small{white-space:normal}.ld-st{gap:6px}.ld-del{opacity:1}}
/* tabs that do not fit scroll sideways instead of squeezing their labels */
@media(max-width:700px){.md-tabs,.seg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.md-tabs::-webkit-scrollbar,.seg::-webkit-scrollbar{display:none}.md-tabs button,.seg button{flex:none;white-space:nowrap}}
/* sign in page on a tablet or phone: one column, the form in the middle */
@media(max-width:980px){.login.v2 .login-form{width:100%;max-width:560px;margin:0 auto}}
/* phone: the screen name stays in the top bar; the status shows as its coloured dot */
@media(max-width:480px){
 .top h1{display:block;font-size:17px;flex:1 1 auto}
 .top .pill{flex:none;width:26px;height:26px;padding:0;font-size:0;display:inline-flex;align-items:center;justify-content:center}
 .top .pill i{margin:0}
}

/* v3.42 the sign in panel: always in the middle of the blue area, sized to fit it (admin.js sets the zoom) */
.login-art .sp-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0}
.login-art .sp-wrap{margin:54px 22px 22px;width:720px;max-width:none;flex:none}
.login-art .sp-works{margin-top:0;padding-top:12px}
.sp-three{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
.sp-pages,.sp-chg{border:1px solid var(--ln);border-radius:10px;padding:10px 12px;background:#fff;display:grid;gap:6px;align-content:start}
.sp-pages small,.sp-chg small{color:var(--mut);font-size:10.5px}
.sp-pages p,.sp-chg p{margin:0;display:flex;align-items:center;gap:8px;font-size:11px;animation:spIn .5s ease both}
.sp-pages p span{flex:1}.sp-pages p b{font-weight:500;color:#374151}
.sp-pages p:nth-of-type(2),.sp-chg p:nth-of-type(2){animation-delay:.15s}.sp-pages p:nth-of-type(3),.sp-chg p:nth-of-type(3){animation-delay:.3s}.sp-pages p:nth-of-type(4){animation-delay:.45s}
.sp-chg p i{width:7px;height:7px;border-radius:50%;background:var(--c);flex:none}
.sp-chg p span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4B5563}.sp-chg p b{font-weight:500;color:#111827}
.sp-chg time{font-size:10px;color:#9CA3AF}
.sp-float2{position:absolute;right:-22px;bottom:-18px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(10,10,40,.28);padding:10px 14px;display:flex;align-items:center;gap:10px;color:#111827;animation:spUp .6s ease 2.8s both}
.sp-float2>.ico{width:30px;height:30px;padding:7px;border-radius:9px;background:#E4EBFF;color:#184AFE;box-sizing:border-box}
.sp-float2 small{display:block;font-size:10px;color:var(--mut)}.sp-float2 b{font-size:13px;font-weight:600}
/* very large screens: the form, the heading and the "Works with" row grow with the screen (the panel itself is sized by admin.js) */
.login.v2{--lz:1}
@media (min-width:2200px) and (min-height:1200px){.login.v2{--lz:1.3}}
@media (min-width:2800px) and (min-height:1550px){.login.v2{--lz:1.6}}
@media (min-width:3400px) and (min-height:1850px){.login.v2{--lz:2}}
.login.v2 .login-form>*,.login-art .sp>h2,.login-art .sp>p,.login-art .sp-works,.login-art .la-ph-t{zoom:var(--lz)}
@media (max-height:760px){.login-art .sp-stage{padding:22px 0 8px}}
.sp-pages p span{color:#374151}.sp-float2{bottom:-26px}
/* v3.43 a logo with no size of its own (an SVG with only a viewBox) showed 0 px wide: fixed height, width from its shape */
.login.v2 .lf-top .lf-logo{height:44px!important;width:auto!important;max-width:240px}
.side .brand .lg img{height:40px!important;width:auto!important;max-width:190px}
/* v3.43 the menu scrolls with a slim rounded scrollbar (darker on hover) and a soft fade where more items continue below */
.side nav{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#DDE2EA transparent;padding-right:4px;margin-right:-6px;
 -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent 100%)}
.side nav.at-end{-webkit-mask-image:none;mask-image:none}
.side nav:hover{scrollbar-color:#B8C0CC transparent}
/* v3.44 the sign in page never scrolls on a computer: both sides fit the window. The right side is centred, with the
   same space above the heading, between the heading and the sample, between the sample and "Works with", and below it */
@media (min-width:981px){
 .login.v2{height:100vh;height:100dvh;min-height:0;overflow:hidden}
 .login.v2 .login-form{height:100vh;height:100dvh;min-height:0;overflow-y:auto;scrollbar-width:none}
 .login.v2 .login-form::-webkit-scrollbar{display:none}
 .login.v2 .login-art{height:100vh;height:100dvh;min-height:0;overflow:hidden}
 .login-art .sp{position:relative;top:0;height:100%;min-height:0;padding:clamp(28px,5vh,96px) 48px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;text-align:center}
 .login-art .sp>h2{margin:0 auto 12px;max-width:none}
 .login-art .sp>p{margin:-8px auto 0;max-width:46ch}
 .login-art .sp-stage{flex:1 1 0;min-height:0;width:100%;padding:0}
 .login-art .sp-works{margin:0;padding:0;justify-content:center}
 .login-art .la-photo .sp-works{justify-content:flex-start}
}
.login-art .sp-wrap{text-align:left}

/* kit: one font everywhere */
:root{--font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--font-head:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
body,body *:not(#k-a):not(#k-b):not(code):not(pre):not(kbd):not(samp):not([style*="monospace"]):not(.mono){font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}