/* PCAH University — design system
   Layout: evergreen sidebar app shell; content on a pale sage canvas; hero bands in deep evergreen
   with the PCAH leaf green as the signal color. Young Serif for titles and big numbers, Figtree for everything else. */
[hidden]{display:none!important}
img{max-width:100%}
html{-webkit-text-size-adjust:100%}
:root{
  --canvas:#F4F6F1; --surface:#FFFFFF; --surface-2:#F0F3EB; --surface-3:#E6EBDF;
  --ink:#16201A; --ink-2:#3B4840; --muted:#68746A; --faint:#98A298;
  --line:#E0E5D9; --line-2:#CCD5C3;
  --leaf:#A6CE39; --leaf-2:#8DB92A; --leaf-ink:#46640E; --leaf-soft:#EDF5D7; --leaf-glow:rgba(166,206,57,.38);
  --stone:#736B5E; --stone-soft:#EEEBE5;
  --ever:#0F2419; --ever-2:#153122; --ever-3:#1E4330; --ever-ink:#EAF2E4; --ever-muted:#9DB2A3; --ever-line:rgba(255,255,255,.09);
  --warn:#AE620C; --warn-soft:#FCEFD8; --bad:#B23A2E; --bad-soft:#FBE4E0; --ok:#2C7A43; --ok-soft:#E2F2E6; --info:#2C6CA0; --info-soft:#E2EDF7;
  --hat-admin:#8A7759; --hat-personnel:#28877A; --hat-marketing:#C9741F; --hat-cs:#3870AA; --hat-finance:#7656A3; --hat-none:#55922A; --hat-ref:#5D6B62; --hat-event:#2B5F78;
  --shadow-1:0 1px 2px rgba(15,36,25,.05),0 1px 1px rgba(15,36,25,.04);
  --shadow-2:0 10px 30px -12px rgba(15,36,25,.22),0 2px 6px rgba(15,36,25,.05);
  --shadow-3:0 30px 80px -24px rgba(15,36,25,.45);
  --r-sm:9px; --r:14px; --r-lg:22px;
  --display:"Young Serif", Georgia, "Times New Roman", serif;
  --ui:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --side-w:264px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --canvas:#0B110D; --surface:#121A15; --surface-2:#17211B; --surface-3:#1E2A23;
  --ink:#E7EEE4; --ink-2:#C2CDC1; --muted:#8D9A8F; --faint:#667267;
  --line:#222E27; --line-2:#2E3C34;
  --leaf:#A6CE39; --leaf-2:#BADB5C; --leaf-ink:#C3E27F; --leaf-soft:#1D2A12; --leaf-glow:rgba(166,206,57,.25);
  --stone:#9A9184; --stone-soft:#22201C;
  --ever:#08130D; --ever-2:#0E1F15; --ever-3:#173123; --ever-ink:#E7F0E2; --ever-muted:#8FA596; --ever-line:rgba(255,255,255,.07);
  --warn:#E5A04E; --warn-soft:#30220E; --bad:#EE7D6F; --bad-soft:#381C18; --ok:#6CC487; --ok-soft:#132B1B; --info:#6EA8DC; --info-soft:#122334;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 12px 30px -12px rgba(0,0,0,.6); --shadow-3:0 30px 80px -20px rgba(0,0,0,.75);
  color-scheme:dark}}
:root[data-theme="dark"]{
  --canvas:#0B110D; --surface:#121A15; --surface-2:#17211B; --surface-3:#1E2A23;
  --ink:#E7EEE4; --ink-2:#C2CDC1; --muted:#8D9A8F; --faint:#667267;
  --line:#222E27; --line-2:#2E3C34;
  --leaf:#A6CE39; --leaf-2:#BADB5C; --leaf-ink:#C3E27F; --leaf-soft:#1D2A12; --leaf-glow:rgba(166,206,57,.25);
  --stone:#9A9184; --stone-soft:#22201C;
  --ever:#08130D; --ever-2:#0E1F15; --ever-3:#173123; --ever-ink:#E7F0E2; --ever-muted:#8FA596; --ever-line:rgba(255,255,255,.07);
  --warn:#E5A04E; --warn-soft:#30220E; --bad:#EE7D6F; --bad-soft:#381C18; --ok:#6CC487; --ok-soft:#132B1B; --info:#6EA8DC; --info-soft:#122334;
  --shadow-1:0 1px 2px rgba(0,0,0,.4); --shadow-2:0 12px 30px -12px rgba(0,0,0,.6); --shadow-3:0 30px 80px -20px rgba(0,0,0,.75);
  color-scheme:dark}

*{box-sizing:border-box}
html,body{min-height:100%}
body{background:var(--canvas);color:var(--ink);font:15px/1.55 var(--ui);margin:0;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ever)}
a{color:var(--leaf-ink);text-underline-offset:2px}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--leaf);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4{margin:0;text-wrap:balance;line-height:1.2}
h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.6vw,38px);letter-spacing:-.005em}
h2{font-size:19px;font-weight:700;letter-spacing:-.01em}
h3{font-size:16px;font-weight:700}
p{margin:0}
.serif{font-family:var(--display);font-weight:400}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.ico{width:18px;height:18px;flex:none;display:inline-block;vertical-align:-3px}
.ico-sm{width:15px;height:15px}
.ico-lg{width:22px;height:22px}

/* ---------- App shell ---------- */
.app{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:var(--ever);color:var(--ever-ink);display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);z-index:40;overflow:hidden}
.side::after{content:"";position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(166,206,57,.14),transparent 70%);pointer-events:none}
.side-brand{display:flex;align-items:center;padding:20px 20px 14px}
.side-brand img{height:38px;width:auto;display:block}
.side-scroll{flex:1;overflow:auto;padding:4px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--ever-3) transparent}
.nav-sec{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ever-muted);font-weight:700;padding:16px 10px 6px}
.nav{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;color:var(--ever-ink);text-decoration:none;font-weight:600;font-size:14px;position:relative;opacity:.86}
.nav:hover{background:var(--ever-2);opacity:1}
.nav.on{background:var(--ever-3);opacity:1}
.nav.on::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--leaf)}
.nav .ico{color:var(--ever-muted)}
.nav.on .ico{color:var(--leaf)}
.nav .badge{margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.04em;background:var(--leaf);color:#1c2905;border-radius:999px;padding:1px 7px}
.nav .dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 4px rgba(166,206,57,.18)}
.nav-subj{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:9px;color:var(--ever-ink);text-decoration:none;font-size:13px;opacity:.78}
.nav-subj:hover{background:var(--ever-2);opacity:1}
.nav-subj.on{background:var(--ever-2);opacity:1}
.nav-subj .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-subj .ring{width:20px;height:20px}
.nav-subj .ring .bgc{stroke:var(--ever-3)}
.side-me{display:flex;align-items:center;gap:10px;margin:8px 12px calc(12px + env(safe-area-inset-bottom,0px));padding:10px;border-radius:12px;background:var(--ever-2);text-decoration:none;color:var(--ever-ink)}
.side-me:hover{background:var(--ever-3)}
.side-me .nm{font-weight:700;font-size:13.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-me .sub{font-size:11.5px;color:var(--ever-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-me>span:last-child{min-width:0}

.main{min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;display:flex;align-items:center;gap:12px;
  padding-block:12px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));
  background:color-mix(in srgb,var(--canvas) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent}
.top.scrolled{border-bottom-color:var(--line)}
.searchbtn{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;color:var(--muted);text-align:left;box-shadow:var(--shadow-1);min-width:0}
.searchbtn span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.searchbtn:hover{border-color:var(--line-2)}
kbd{font:600 11px/1 var(--ui);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;padding:3px 6px;color:var(--muted);background:var(--surface-2)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700;background:var(--surface);border:1px solid var(--line);white-space:nowrap;color:var(--ink);text-decoration:none}
.pill .ico{width:16px;height:16px}
.pill.streak .ico{color:#E2742B}
.pill.pts .ico{color:var(--leaf-2)}
.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0}
.iconbtn:hover{border-color:var(--line-2)}
.menu-btn{display:none}
.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:800;color:#fff;flex:none;letter-spacing:.02em;font-size:13px;width:34px;height:34px;background:var(--hat-none)}
.avatar.lg{width:56px;height:56px;font-size:19px}
.avatar.xl{width:96px;height:96px;font-size:32px}
.avbtn{border:0;background:none;padding:0;border-radius:50%}
.view{flex:1;padding-block:8px 96px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));min-width:0}
.wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;min-width:0}
.wrap.narrow{max-width:860px}
.fade{animation:fadeUp .35s ease both}
@keyframes fadeUp{from{opacity:.001;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fade{animation:none}}

/* Menus */
.menuwrap{position:relative}
.menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px;display:grid;min-width:230px;z-index:50;box-shadow:var(--shadow-2)}
.menu .mh{padding:10px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}
.menu .mh b{display:block}
.menu .mh span{font-size:12.5px;color:var(--muted)}
.menu a,.menu button{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border-radius:8px;border:0;background:none;color:var(--ink);text-decoration:none;font-weight:600;font-size:14px;width:100%}
.menu a:hover,.menu button:hover{background:var(--surface-2)}
.menu .ico{color:var(--muted)}
.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:none;border-radius:7px;padding:5px 10px;font-size:12.5px;font-weight:700;color:var(--muted)}
.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}

/* ---------- Building blocks ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1);min-width:0}
.card.pad{padding:20px}
.card.pad-lg{padding:26px}
a.card{color:inherit;text-decoration:none;display:block;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
a.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--line-2)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.card-h h2{font-size:16px}
.card-b{padding:18px 20px}
.eyebrow{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--leaf-ink)}
.lede{color:var(--muted);max-width:66ch}
.page-h{display:grid;gap:8px;padding-top:8px}
.page-h .row{justify-content:space-between}
.crumbs{font-size:13px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.crumbs a{color:var(--muted);text-decoration:none;font-weight:600}
.crumbs a:hover{color:var(--ink)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row.between{justify-content:space-between}
.stack{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.auto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);background:var(--surface);border-radius:11px;padding:9px 16px;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .1s}
.btn:hover{background:var(--surface-2)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--leaf);border-color:var(--leaf);color:#1B2905}
.btn.primary:hover{background:var(--leaf-2);border-color:var(--leaf-2)}
.btn.dark{background:var(--ever);border-color:var(--ever);color:var(--ever-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.btn.dark:hover{background:var(--ever-3)}
.btn.ghost{background:none;border-color:transparent}
.btn.ghost:hover{background:var(--surface-2)}
.btn.sm{padding:6px 11px;font-size:13px;border-radius:9px}
.btn.lg{padding:12px 22px;font-size:15px;border-radius:13px}
.btn.danger{color:var(--bad)}
.btn.block{width:100%}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}
.chip.leaf{background:var(--leaf-soft);color:var(--leaf-ink);border-color:transparent}
.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.chip.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}
.chip.info{background:var(--info-soft);color:var(--info);border-color:transparent}
.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.chip .ico{width:13px;height:13px}
.chip.wrap{white-space:normal;max-width:100%}
.tag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 7px;background:var(--surface-3);color:var(--muted);white-space:nowrap}
.tag.ready,.tag.leaf{background:var(--leaf-soft);color:var(--leaf-ink)}
.tag.update,.tag.warn{background:var(--warn-soft);color:var(--warn)}
.tag.needed,.tag.bad{background:var(--bad-soft);color:var(--bad)}
.tag.none{background:var(--surface-3);color:var(--muted)}
.bar{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf-2),var(--leaf));border-radius:99px}
.bar.thin{height:5px}

.ring{width:30px;height:30px;flex:none}
.ring circle{fill:none}
.ring .bgc{stroke:var(--surface-3)}
.ring .fg{stroke:var(--leaf);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}
@media (prefers-reduced-motion:no-preference){.bar i,.ring .fg{transition:all .7s cubic-bezier(.2,.8,.2,1)}}
.empty{text-align:center;padding:44px 20px;display:grid;gap:10px;justify-items:center;color:var(--muted)}
.empty .ico{width:34px;height:34px;color:var(--faint)}
.empty h3{color:var(--ink);font-size:17px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ever);color:var(--ever-ink);padding:11px 18px 11px 14px;border-radius:14px;font-weight:600;z-index:90;max-width:calc(100% - 32px);display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-3)}
.toast .ico{color:var(--leaf)}
@media (prefers-reduced-motion:no-preference){.toast:not([hidden]){animation:toastIn .3s cubic-bezier(.2,1.2,.4,1)}@keyframes toastIn{from{transform:translate(-50%,16px);opacity:0}}}
.banner{display:flex;gap:12px;align-items:flex-start;border-radius:var(--r);padding:14px 16px;background:var(--info-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--info) 20%,transparent)}
.banner .ico{color:var(--info);margin-top:2px}
.banner.leaf{background:var(--leaf-soft);border-color:color-mix(in srgb,var(--leaf) 35%,transparent)}
.banner.leaf .ico{color:var(--leaf-ink)}
.banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
.banner.warn .ico{color:var(--warn)}
.banner b{display:block}
.banner p{font-size:14px;color:var(--ink-2)}
.demo-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:var(--warn);background:var(--warn-soft);border-radius:12px;padding:8px 12px}
mark{background:var(--leaf-soft);color:var(--leaf-ink);border-radius:3px;padding:0 2px;font-weight:700}

/* ---------- Forms ---------- */
.form{display:grid;gap:14px}
.field{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--ink-2)}
.field .hint,.hint{font-weight:500;color:var(--muted);font-size:12.5px}
.input,.form input:not([type=checkbox]):not([type=radio]):not([type=file]),.form select,.form textarea{width:100%;border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:10px 12px;font-weight:500;font-size:14.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.form input:focus,.form select:focus,.form textarea:focus,.input:focus{outline:none;border-color:var(--leaf-2);box-shadow:0 0 0 4px var(--leaf-glow)}
.form textarea{min-height:96px;resize:vertical;line-height:1.5}
.form textarea.mono,.mono{font:13px/1.55 var(--mono)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;color:var(--ink);cursor:pointer}
.check input{margin-top:3px;accent-color:var(--leaf-2);width:16px;height:16px;flex:none}
fieldset.box{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0;display:grid;gap:10px;min-width:0}
fieldset.box legend{font-size:13px;font-weight:800;padding:0 6px}
.err{color:var(--bad);font-size:13px;font-weight:600}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;font-size:13.5px}
th,td{text-align:left;padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle}
th{background:var(--surface-2);font-weight:800;border-top:0;white-space:nowrap;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
td.num,th.num{font-variant-numeric:tabular-nums;white-space:nowrap}
tr:hover td{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}
td a{font-weight:700;text-decoration:none;color:var(--ink)}
td a:hover{color:var(--leaf-ink)}

/* ---------- Lists ---------- */
.list{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-1)}
.li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 16px;border-top:1px solid var(--line);text-decoration:none;color:inherit;background:none;width:100%;text-align:left;border-left:0;border-right:0;border-bottom:0}
.li:first-child{border-top:0}
a.li:hover,button.li:hover{background:var(--surface-2)}
.li .tt{font-weight:700;min-width:0}
.li .tt small{display:block;font-weight:500;color:var(--muted);font-size:12.5px;margin-top:1px}
.li .end{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.li.locked{opacity:.6;cursor:default}
.li-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 16px 8px;border-top:1px solid var(--line);background:var(--surface-2)}
.li-sec:first-child{border-top:0}
.li-sec span{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink,inherit)}
.li-sec small{font-size:12.5px;color:var(--muted);font-weight:600}
.li-sec + .li{border-top:0}
.li.in-sec{box-shadow:inset 4px 0 0 var(--leaf,#7A9A3A);background:color-mix(in srgb,var(--surface-2) 45%,transparent)}
a.li.in-sec:hover{background:var(--surface-2)}
.li.me{background:var(--leaf-soft)}
.step{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;flex:none}
.step.done{background:var(--leaf);border-color:var(--leaf);color:#1B2905}
.step.cur{border-color:var(--leaf-2);color:var(--leaf-ink);box-shadow:0 0 0 4px var(--leaf-glow)}
.step .ico{width:15px;height:15px}

/* ---------- Gate / login ---------- */
.gated .side,.gated .top,.gated .tabbar,.gated #askFab{display:none!important}
.gated .app{grid-template-columns:1fr}
.gated .view{padding:0}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.login-art{position:relative;overflow:hidden;background:var(--ever);color:var(--ever-ink);padding:48px max(32px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:100%}
.login-art canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55}
.login-art>*{position:relative}
.login-art .brandmark img{height:132px;width:auto}
.login-art h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.4vw,46px);line-height:1.1;max-width:14ch}
.login-art h2 em{font-style:normal;color:var(--leaf)}
.login-feats{display:grid;gap:14px;max-width:420px}
.login-feats div{display:flex;gap:12px;align-items:flex-start;color:var(--ever-ink);font-size:14.5px}
.login-feats .ico{color:var(--leaf);margin-top:1px}
.login-feats b{display:block}
.login-feats span{color:var(--ever-muted);font-size:13.5px}
.login-form{display:grid;place-items:center;padding:48px max(24px,env(safe-area-inset-right,0px)) 48px 24px;background:var(--canvas)}
.login-card{width:100%;max-width:400px;display:grid;gap:22px}
.login-card h1{font-size:34px}
.login-card .lede{margin-top:6px}
.demo-box{border:1px dashed var(--line-2);border-radius:14px;padding:14px;display:grid;gap:10px;background:var(--surface)}
.demo-box b{font-size:13px}
.screen-msg{min-height:80vh;display:grid;place-items:center;padding:40px 16px}
.screen-msg .card{max-width:460px;width:100%;padding:32px;display:grid;gap:14px;justify-items:center;text-align:center}
.screen-msg img{height:110px;width:auto}

/* Logos */
.logo-d{display:none!important}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .logo-l{display:none!important}:root:not([data-theme="light"]) .logo-d{display:inline-block!important}}
:root[data-theme="dark"] .logo-l{display:none!important}:root[data-theme="dark"] .logo-d{display:inline-block!important}

/* ---------- Home ---------- */
.hero{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ever);color:var(--ever-ink);padding:30px 32px 26px;box-shadow:var(--shadow-2);isolation:isolate}
.hero::before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(166,206,57,.22),transparent 65%);z-index:-1}
.hero::after{content:"";position:absolute;inset:0;background:url("leaf-pattern.png") 0 0/160px 160px;z-index:-1}

.hero .hello{font-size:14px;color:var(--ever-muted);font-weight:600}
.hero h1{color:#fff;margin-top:4px}
.hero .phase{margin-top:16px;display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap}
.count{display:flex;align-items:baseline;gap:10px}
.count b{font-family:var(--display);font-weight:400;font-size:clamp(54px,7vw,82px);line-height:.9;color:var(--leaf);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.count span{font-size:15px;font-weight:600;color:var(--ever-ink);max-width:16ch;line-height:1.3}
.hero .phase p{color:var(--ever-muted);font-size:14px;max-width:46ch}
.hero .cta{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.hero .btn.ghost{color:var(--ever-ink);border-color:var(--ever-line)}
.hero .btn.ghost:hover{background:var(--ever-2)}
.lvl{display:grid;justify-items:center;gap:8px;text-align:center;min-width:170px}






.lvl b{font-size:15px;color:#fff}
.lvl span{font-size:12.5px;color:var(--ever-muted)}













.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card.tile,.tile{padding:16px 18px;display:grid;gap:8px;text-decoration:none;color:inherit}
.tile .k{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.tile .k .ico{width:16px;height:16px}
.tile .v{font-family:var(--display);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.tile .v small{font-family:var(--ui);font-size:13px;color:var(--muted);font-weight:600;margin-left:4px}
.tile .s{font-size:12.5px;color:var(--muted)}
.ic-wrap{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink)}
.ic-wrap.orange{background:color-mix(in srgb,#E2742B 14%,transparent);color:#C85F1C}
.ic-wrap.blue{background:var(--info-soft);color:var(--info)}
.ic-wrap.plum{background:color-mix(in srgb,var(--hat-finance) 14%,transparent);color:var(--hat-finance)}
.card.continue{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);overflow:hidden;text-decoration:none;color:inherit}
.poster{position:relative;aspect-ratio:16/10;background:var(--c,var(--hat-none));overflow:hidden;display:grid;place-items:center;isolation:isolate}
.poster::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 10%,rgba(255,255,255,.28),transparent 55%),linear-gradient(160deg,transparent 30%,rgba(0,0,0,.35));z-index:-1}
.poster .leafart{position:absolute;right:6%;bottom:-12%;height:115%;width:auto;opacity:.2;z-index:-1}
.poster .play{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ever);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
.poster .play .ico{width:22px;height:22px;margin-left:3px}
a:hover .poster .play{transform:scale(1.08)}
.poster .dur{position:absolute;right:10px;bottom:10px;font-size:11.5px;font-weight:800;color:#fff;background:rgba(0,0,0,.45);border-radius:6px;padding:2px 7px}
.continue .body{padding:18px 20px;display:grid;gap:8px;align-content:center}
.continue h3{font-size:19px;font-weight:700}
.feed{display:grid}
.feed .fi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:center}
.feed .fi:first-child{border-top:0;padding-top:0}
.feed .fi b{font-weight:700}
.feed .fi small{display:block;color:var(--muted);font-size:12px}
.medal{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--leaf),var(--leaf-2));color:#1B2905;flex:none}
.medal .ico{width:18px;height:18px}
.rank{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.rank:first-child{border-top:0}
.rank .n{font-weight:800;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.rank .n.lead{color:var(--leaf-ink)}
.rank b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank small{font-size:12px;color:var(--muted)}
.rank .p{font-weight:800;font-variant-numeric:tabular-nums}
.rank.me{background:var(--leaf-soft);border-radius:10px;padding-inline:6px;border-top-color:transparent}

/* Subject cards */
.card.scard{display:grid;grid-template-rows:auto 1fr;overflow:hidden;height:100%}
.scover{position:relative;height:118px;background:var(--c,var(--hat-none));overflow:hidden;isolation:isolate;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff}
.scover::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 100% 0%,rgba(255,255,255,.26),transparent 55%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.18));z-index:-1}
.scover .leafart{position:absolute;right:58px;bottom:-34px;height:150px;width:auto;opacity:.2;z-index:-1}
.scover .hat{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(0,0,0,.18);border-radius:999px;padding:3px 9px;backdrop-filter:blur(4px)}
.scover .ring{width:42px;height:42px}
.scover .ring .bgc{stroke:rgba(255,255,255,.28)}
.scover .ring .fg{stroke:#fff}
.scover .pc{position:absolute;right:16px;top:16px;width:42px;height:42px;display:grid;place-items:center;font-size:11px;font-weight:800}
.sbody{padding:16px 18px 18px;display:grid;gap:8px;align-content:start}
.sbody h3{font-size:17px}
.sbody p{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sbody .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600;margin-top:2px}
.sbody .meta span{display:inline-flex;gap:5px;align-items:center}
.sbody .meta .ico{width:14px;height:14px}
.stage-h{display:flex;align-items:baseline;gap:12px;justify-content:space-between;flex-wrap:wrap}
.stage-h h2{font-size:20px}

/* Subject page */
.shead{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--c,var(--hat-none));color:#fff;padding:28px 30px;isolation:isolate;box-shadow:var(--shadow-2)}
.shead::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 140% at 100% 0%,rgba(255,255,255,.25),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28));z-index:-1}
.shead .leafart{position:absolute;right:40px;bottom:-50px;height:280px;width:auto;opacity:.16;z-index:-1}
.shead h1{color:#fff}
.shead .crumbs,.shead .crumbs a{color:rgba(255,255,255,.8)}
.shead .lede{color:rgba(255,255,255,.88)}
.shead .bar{background:rgba(255,255,255,.25)}
.shead .bar i{background:#fff}
.shead-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}

/* ---------- Lesson ---------- */
.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.outline{position:sticky;top:84px;max-height:calc(100vh - 110px);overflow:auto}
.outline .oh{padding:14px 16px;border-bottom:1px solid var(--line);display:grid;gap:8px}
.outline .oh b{font-size:14px}
.oi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:9px 14px;text-decoration:none;color:var(--ink-2);font-size:13.5px;font-weight:600;border-left:3px solid transparent}
.oi:hover{background:var(--surface-2)}
.oi.on{background:var(--leaf-soft);border-left-color:var(--leaf);color:var(--ink)}
.oi .step{width:24px;height:24px;font-size:11px}
.oi.locked{opacity:.5}
.lesson-h{display:grid;gap:10px}
.lesson-h .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.player{border-radius:var(--r);overflow:hidden;background:#0b0f0c;box-shadow:var(--shadow-2)}
.frame{position:relative;aspect-ratio:16/9;width:100%;max-width:100%;background:#000}
.frame iframe,.frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
.pbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;background:#121813;color:#d9e3d6;font-size:13px}
.pbar .sp{display:inline-flex;gap:2px;background:rgba(255,255,255,.06);border-radius:8px;padding:2px}
.pbar .sp button{border:0;background:none;color:#c9d4c6;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}
.pbar .sp button.on{background:var(--leaf);color:#1B2905}
.pbar .note{color:#8fa08f;font-size:12px}
.pbar .grow{flex:1}
.pbar a{color:var(--leaf)}
.vtabs{display:flex;gap:6px;flex-wrap:wrap}
.vtabs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;color:var(--ink-2)}
.vtabs button.on{background:var(--ever);color:var(--ever-ink);border-color:var(--ever)}
.vnow{display:flex;flex-direction:column;gap:2px}.vnow b{font-size:17px}
.vlist{padding:16px 18px;display:grid;gap:10px}
.vlist-h{display:flex;justify-content:space-between;align-items:center;gap:12px}.vlist-h h2{font-size:15px;margin:0 0 2px}
.vbar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.vbar i{display:block;height:100%;background:var(--leaf);border-radius:inherit}
.vlist ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.vrow{width:100%;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;text-align:left;background:none;border:1px solid transparent;border-radius:12px;padding:9px 10px;font:inherit;color:var(--ink);cursor:pointer}
.vrow:hover{background:var(--bg-2,rgba(0,0,0,.03))}
.vrow.on{border-color:var(--ever);background:var(--surface-2,rgba(0,0,0,.03))}
.vnum{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;border:1.5px solid var(--line);color:var(--ink-2)}
.vrow.on .vnum{background:var(--ever);border-color:var(--ever);color:var(--ever-ink)}
.vrow.seen:not(.on) .vnum{background:var(--leaf);border-color:var(--leaf);color:#14261a}
.vt{font-weight:700;font-size:14.5px;min-width:0}
.vs{font-size:12.5px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:4px}
.vrow.on .vs{color:var(--ink);font-weight:700}
@media (max-width:560px){.vrow{grid-template-columns:28px 1fr}.vs{grid-column:2}.vlist-h{flex-wrap:wrap}}
.vposter{aspect-ratio:16/9;position:relative;display:grid;place-items:center;text-align:center;color:#fff;padding:24px;isolation:isolate;overflow:hidden;background:var(--c,var(--ever-3))}
.vposter::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 120% at 90% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55));z-index:-1}
.vposter .leafart{position:absolute;right:30px;bottom:-40px;height:110%;width:auto;opacity:.14;z-index:-1}
.vposter h3{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.6vw,28px);color:#fff;max-width:26ch}
.vposter p{color:rgba(255,255,255,.82);font-size:14px;max-width:46ch;margin-top:8px}
.vposter .play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--ever);margin:0 auto 16px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.vposter .play .ico{width:26px;height:26px;margin-left:4px}
.vposter .btn{margin-top:16px}
.resume{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:9px 12px;background:var(--leaf-soft);color:var(--leaf-ink);font-size:13px;font-weight:700}
.chapters{display:grid;gap:2px}
.chap{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:9px;border:0;background:none;text-align:left;font-size:14px;color:var(--ink-2)}
.chap:hover{background:var(--surface-2)}
.chap.on{background:var(--leaf-soft);color:var(--ink);font-weight:700}
.chap .ts{font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:800;color:var(--leaf-ink)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs button{border:0;background:none;padding:10px 12px;font-weight:700;font-size:14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:7px;align-items:center}
.tabs button.on{color:var(--ink);border-bottom-color:var(--leaf-2)}
.tabs .n{font-size:11px;background:var(--surface-3);border-radius:999px;padding:0 6px;color:var(--muted)}
.takeaways{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.takeaways li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.takeaways li::before{content:"";width:22px;height:22px;border-radius:7px;margin-top:1px;background:var(--leaf-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2346640E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
.doc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink)}
.doc:hover{border-color:var(--line-2);box-shadow:var(--shadow-1)}
.doc .di{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}
.doc .di.gdoc{background:color-mix(in srgb,#2D6FD9 12%,transparent);color:#2D6FD9}
.doc .di.gsheet{background:color-mix(in srgb,#1E8E4F 12%,transparent);color:#1E8E4F}
.doc .di.gslide{background:color-mix(in srgb,#D99A12 14%,transparent);color:#B57E06}
.doc .di.pdf{background:color-mix(in srgb,#C8382B 12%,transparent);color:#C8382B}
.doc .di.vid{background:color-mix(in srgb,var(--hat-finance) 14%,transparent);color:var(--hat-finance)}
.doc b{display:block;font-weight:700;font-size:14px;min-width:0}
.doc small{display:block;font-size:12px;color:var(--muted)}
.doc .star{border:0;background:none;color:var(--faint);padding:6px;border-radius:8px}
.doc .star:hover{color:var(--warn);background:var(--surface-2)}
.doc .star.on{color:#E0A400}
.docs{display:grid;gap:8px}
.quiz{display:grid;gap:18px}
.qq{display:grid;gap:8px;border:0;padding:0;margin:0;min-width:0}
.qq legend{padding:0;font-weight:700;margin-bottom:6px}
.opt{display:flex;gap:11px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px 13px;background:var(--surface);cursor:pointer;font-weight:500;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--line-2)}
.opt input{margin-top:3px;accent-color:var(--leaf-2)}
.opt.right{border-color:var(--ok);background:var(--ok-soft)}
.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}
.why{font-size:13.5px;color:var(--muted);padding-left:4px}
.ov-hero{position:relative;border-radius:var(--r);padding:22px 24px 20px 28px;background:linear-gradient(135deg,color-mix(in srgb,var(--c,var(--leaf)) 12%,var(--surface)),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--c,var(--leaf)) 25%,var(--line));overflow:hidden}
.ov-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--c,var(--leaf))}
.ov-hero p{font-size:18px;line-height:1.6;margin:8px 0 0;max-width:68ch;font-weight:500}
.ov-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ov-facts span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}
.tk-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.tk-grid li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.tk-n{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);font-size:17px;font-weight:700;background:var(--leaf-soft);color:#46640E}
.tk-grid b{display:block;font-size:15px;margin-bottom:3px}
.tk-grid li span:not(.tk-n){font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.do-card{border-radius:var(--r);padding:18px 20px;background:linear-gradient(135deg,var(--leaf-soft),var(--surface));border:1px solid color-mix(in srgb,var(--leaf) 35%,transparent);display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.finish{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 18px}
.helpful{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.trans-lines{max-height:440px;overflow:auto;display:grid;gap:2px}
.tl{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:5px 8px;border-radius:8px;font-size:14.5px;line-height:1.55}
.tl.hit{background:var(--leaf-soft)}
.tl .ts{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12.5px;border:0;background:none;padding:2px 0;text-align:left;font-weight:700}
button.ts{color:var(--leaf-ink)}

/* ---------- Practice ---------- */
.card.scen{display:grid;gap:14px;padding:20px;height:100%;align-content:start}
.scen .who{display:flex;gap:12px;align-items:center}
.scen .who b{display:block;font-size:15px}
.scen .who small{display:block;font-size:12.5px;color:var(--muted)}
.scen h3{font-size:18px}
.scen p{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scen .foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:6px;border-top:1px solid var(--line)}
.score-ring{position:relative;width:52px;height:52px;flex:none}
.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.score-ring circle{fill:none;stroke-width:6}
.score-ring .t{stroke:var(--surface-3)}
.score-ring .f{stroke:var(--leaf-2);stroke-linecap:round}
.score-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;font-variant-numeric:tabular-nums}
.score-ring.big{width:150px;height:150px}
.score-ring.big circle{stroke-width:10}
.score-ring.big b{font-family:var(--display);font-weight:400;font-size:46px}
.brief{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}
.rubric{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.rubric li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:14px;align-items:start}
.rubric li .ico{width:18px;height:18px;margin-top:2px;color:var(--leaf-ink)}
.rubric li.miss .ico{color:var(--bad)}
.rubric li small{display:block;color:var(--muted);font-size:13px}
.call{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:620px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-3);background:var(--surface);border:1px solid var(--line)}
.call-side{background:var(--ever);color:var(--ever-ink);padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;position:relative;isolation:isolate;overflow:hidden}
.call-side::before{content:"";position:absolute;inset:-30% -30% auto;height:360px;background:radial-gradient(circle,rgba(166,206,57,.2),transparent 65%);z-index:-1}
.call-side h2{font-family:var(--display);font-weight:400;font-size:24px;color:#fff}
.call-side .role{font-size:13px;color:var(--ever-muted)}
.call-av{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-top:18px}
.call-av .avatar{width:112px;height:112px;font-size:36px;position:relative;z-index:1;box-shadow:0 0 0 6px var(--ever-2)}
.call-av i{position:absolute;inset:10px;border-radius:50%;border:2px solid var(--leaf);opacity:0}
.call.speaking .call-av i{animation:ripple 1.6s ease-out infinite}
.call.speaking .call-av i:nth-child(2){animation-delay:.5s}
.call.speaking .call-av i:nth-child(3){animation-delay:1s}
@keyframes ripple{from{transform:scale(.85);opacity:.7}to{transform:scale(1.45);opacity:0}}
.call-state{font-size:13px;font-weight:700;color:var(--leaf);min-height:20px;display:flex;align-items:center;gap:8px}
.dots{display:inline-flex;gap:4px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--leaf);animation:blink 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.timer{font-family:var(--display);font-size:30px;color:#fff;font-variant-numeric:tabular-nums}
.call-goal{margin-top:auto;text-align:left;background:var(--ever-2);border-radius:14px;padding:14px;font-size:13px;color:var(--ever-ink);width:100%}
.call-goal b{display:block;color:var(--leaf);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.call-side .btn.end{background:#C9412F;border-color:#C9412F;color:#fff;width:100%}
.call-side .btn.end:hover{background:#B0372A}
.call-main{display:flex;flex-direction:column;min-width:0;background:var(--surface)}
.call-log{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:12px;max-height:620px}
.bub{max-width:78%;padding:11px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap}
.bub.them{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}
.bub.me{background:var(--ever);color:var(--ever-ink);border-bottom-right-radius:6px;align-self:flex-end}
.bub small{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:3px}
.bub.typing{color:var(--muted)}
.composer{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px;align-items:flex-end;background:var(--surface)}
.composer textarea{flex:1;min-height:46px;max-height:140px;resize:none;border:1px solid var(--line-2);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink);font:inherit;line-height:1.4}
.composer textarea:focus{outline:none;border-color:var(--leaf-2);box-shadow:0 0 0 4px var(--leaf-glow)}
.mic{width:46px;height:46px;border-radius:50%;border:0;background:var(--leaf);color:#1B2905;display:grid;place-items:center;flex:none}
.mic.live{background:#C9412F;color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,#C9412F 25%,transparent);animation:pulse 1.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 12px color-mix(in srgb,#C9412F 8%,transparent)}}
.send{width:46px;height:46px;border-radius:12px;border:0;background:var(--ever);color:var(--ever-ink);display:grid;place-items:center;flex:none}
.interim{font-size:13px;color:var(--muted);padding:0 14px 8px;min-height:18px;font-style:italic}

/* ---------- Daily 3 ---------- */
.daily{max-width:720px;margin:0 auto;width:100%}
.dots3{display:flex;gap:8px;justify-content:center}
.dots3 i{width:34px;height:6px;border-radius:6px;background:var(--surface-3)}
.dots3 i.on{background:var(--leaf-2)}
.dots3 i.bad{background:var(--bad)}
.qcard{padding:28px;display:grid;gap:18px}
.qcard .from{font-size:12.5px;color:var(--muted);font-weight:700;display:flex;gap:6px;align-items:center}
.qcard h2{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.6vw,28px);line-height:1.25}
.heat{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:3px;overflow-x:auto;padding-bottom:4px}
.heat i{border-radius:3px;background:var(--surface-3)}
.heat i.l1{background:color-mix(in srgb,var(--leaf) 40%,var(--surface-3))}
.heat i.l2{background:color-mix(in srgb,var(--leaf) 70%,var(--surface-3))}
.heat i.l3{background:var(--leaf-2)}
.heat i.today{outline:2px solid var(--ink-2);outline-offset:1px}

/* ---------- Wins ---------- */
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.mbadge{display:grid;justify-items:center;text-align:center;gap:8px;padding:20px 12px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface)}
.mbadge .hex{width:66px;height:66px;display:grid;place-items:center;border-radius:20px;background:var(--surface-3);color:var(--faint);transform:rotate(-6deg)}
.mbadge .hex .ico{width:28px;height:28px;transform:rotate(6deg)}
.mbadge.got .hex{background:linear-gradient(145deg,var(--leaf),#6E9A1E);color:#fff;box-shadow:0 10px 24px -8px var(--leaf-glow)}
.mbadge b{font-size:14px}
.mbadge small{font-size:12px;color:var(--muted)}
.mbadge:not(.got) .hex,.mbadge:not(.got) b,.mbadge:not(.got) small,.mbadge:not(.got) .chip{opacity:.75}

/* ---------- Quick reference ---------- */
.ask-hero{grid-template-columns:minmax(0,1fr);border-radius:var(--r-lg);padding:28px;background:var(--ever);color:var(--ever-ink);display:grid;gap:14px;position:relative;overflow:hidden;isolation:isolate}
.ask-hero::before{content:"";position:absolute;right:-80px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(166,206,57,.22),transparent 65%);z-index:-1}
.ask-hero h1{color:#fff}
.askbox{display:flex;gap:8px;background:var(--surface);border-radius:14px;padding:6px;box-shadow:var(--shadow-2)}
.askbox input{flex:1;border:0;background:none;padding:10px 12px;font-size:16px;color:var(--ink);min-width:0}
.askbox input:focus{outline:none}
.sugs{display:flex;gap:8px;flex-wrap:wrap}
.sug{border:1px solid var(--ever-line);background:var(--ever-2);color:var(--ever-ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
.sug:hover{background:var(--ever-3)}
.filters{display:flex;gap:6px;flex-wrap:wrap}
.filters button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink-2)}
.filters button.on{background:var(--ever);color:var(--ever-ink);border-color:var(--ever)}

/* ---------- Overlays: palette, drawer, celebration ---------- */
.scrim{position:fixed;inset:0;background:rgba(6,14,9,.48);backdrop-filter:blur(3px);z-index:70}
.palette{position:fixed;left:50%;top:max(8vh,calc(16px + env(safe-area-inset-top,0px)));transform:translateX(-50%);width:min(680px,calc(100% - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-3);z-index:80;overflow:hidden;display:flex;flex-direction:column;max-height:76vh}
.palette .pin{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.palette .pin input{flex:1;border:0;background:none;font-size:17px;color:var(--ink);min-width:0}
.palette .pin input:focus{outline:none}
.palette .pres{overflow:auto;padding:8px}
.palette .grp{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.palette .pr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink);border:0;background:none;width:100%;text-align:left}
.palette .pr.sel,.palette .pr:hover{background:var(--surface-2)}
.palette .pr b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palette .pr small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.palette .pr .ic-wrap{width:32px;height:32px}
.palette .pfoot{border-top:1px solid var(--line);padding:9px 14px;font-size:12px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--surface);z-index:80;box-shadow:var(--shadow-3);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}
@media (prefers-reduced-motion:no-preference){.drawer{animation:slideIn .28s cubic-bezier(.2,.9,.3,1)}@keyframes slideIn{from{transform:translateX(40px);opacity:0}}}
.drawer-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.drawer-h h2{font-size:17px;flex:1}
.spark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--ever-3),var(--ever));color:var(--leaf)}
.drawer-b{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px}
.drawer-f{border-top:1px solid var(--line);padding:12px;display:flex;gap:8px}
.drawer-f textarea{flex:1;min-height:46px;max-height:140px;resize:none;border:1px solid var(--line-2);border-radius:12px;padding:12px;background:var(--surface);color:var(--ink);font:inherit;line-height:1.4}
.drawer-f textarea:focus{outline:none;border-color:var(--leaf-2);box-shadow:0 0 0 4px var(--leaf-glow)}
.amsg{display:grid;gap:8px}
.amsg.q{justify-items:end}
.amsg.q div{background:var(--ever);color:var(--ever-ink);border-radius:14px 14px 4px 14px;padding:10px 13px;max-width:85%;font-size:14.5px}
.amsg.a .txt{font-size:14.5px;line-height:1.6;color:var(--ink)}
.amsg.a .txt p+p{margin-top:8px}
.amsg.a .txt ul{margin:6px 0;padding-left:18px}
.amsg.a .txt sup{font-size:10px;font-weight:800;color:var(--leaf-ink);background:var(--leaf-soft);border-radius:4px;padding:0 4px;margin-left:2px}
.cites{display:flex;gap:6px;flex-wrap:wrap}
.cite{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 5px;font-size:12px;font-weight:700;color:var(--ink-2);text-decoration:none;background:var(--surface)}
.cite:hover{border-color:var(--leaf-2)}
.cite i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink);font-size:10.5px}
.fab{display:none!important;position:fixed;right:max(22px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));z-index:35;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;padding:12px 18px 12px 14px;background:var(--ever);color:var(--ever-ink);font-weight:800;box-shadow:var(--shadow-3)}
.fab .ico{color:var(--leaf)}
.fab:hover{background:var(--ever-3)}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-3);z-index:80;padding:26px}
.cele{position:fixed;inset:0;z-index:85;display:grid;place-items:center;background:rgba(6,14,9,.55);padding:16px;backdrop-filter:blur(4px)}
.cele canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.cele-card{position:relative;background:var(--surface);border-radius:24px;padding:34px 28px 26px;max-width:420px;width:100%;text-align:center;display:grid;gap:10px;justify-items:center;box-shadow:var(--shadow-3);overflow:hidden;isolation:isolate}
.cele-card::before{content:"";position:absolute;inset:0 0 auto;height:140px;background:linear-gradient(180deg,var(--leaf-soft),transparent);z-index:-1}
.cele-card h2{font-family:var(--display);font-weight:400;font-size:28px}
.cele-card p{color:var(--muted)}
.cele-card .plus{font-family:var(--display);font-size:20px;color:var(--leaf-ink)}
@media (prefers-reduced-motion:no-preference){.cele-card{animation:pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}}

/* ---------- Certificates ---------- */
.cert{background:#fff;color:#1d2a20;border-radius:12px;padding:16px;box-shadow:var(--shadow-2)}
.certin{border:2px solid #A6CE39;outline:1px solid #A6CE39;outline-offset:6px;border-radius:6px;padding:52px 28px;display:grid;gap:14px;justify-items:center;text-align:center;background:radial-gradient(circle at 50% 0%,#F3F8E6,#fff 60%)}
.certin img{height:120px}
.certname{font-family:var(--display);font-size:clamp(30px,5vw,48px);color:#3E5A0C;border-bottom:1px solid #D9DFD2;padding:0 28px 8px}
.cert h1{font-size:clamp(22px,3.4vw,32px);color:#1d2a20}
.cert .k{letter-spacing:.24em;text-transform:uppercase;font-size:12px;font-weight:800;color:#6B6458}
.cert p{color:#5d6a60}

/* ---------- Mobile tab bar ---------- */
.tabbar{display:none}
@media (max-width:1100px){
  .grid2,.lesson-grid{grid-template-columns:minmax(0,1fr)}
  .outline{position:static;max-height:none}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .brief{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform .25s ease;box-shadow:var(--shadow-3)}
  .side.open{transform:none}
  .menu-btn{display:inline-grid}
  .top{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .view{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}
  .tabbar a{display:grid;justify-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--muted);text-decoration:none;padding:4px 0;border-radius:10px}
  .tabbar a .ico{width:22px;height:22px}
  .tabbar a.on{color:var(--leaf-ink)}
  .fab{display:none}
  .login{grid-template-columns:minmax(0,1fr)}
  .login-art{padding:28px max(20px,env(safe-area-inset-left,0px)) 28px;gap:18px}
  .login-art .brandmark img{height:84px}
  .login-feats{display:none}
  .call{grid-template-columns:minmax(0,1fr)}
  .call-side{padding:20px 16px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left;gap:12px}
  .call-av{width:72px;height:72px;margin-top:0}
  .call-av .avatar{width:60px;height:60px;font-size:20px}
  .call-goal{display:none}
  .call-side .btn.end{width:auto}
  .call-log{max-height:52vh}
}
@media (max-width:640px){
  .hero{padding:22px 18px 18px}
  
  .lvl{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left;align-items:center;min-width:0}
  
  
  
  
  .tiles{gap:10px}
  .tile{padding:14px}
  .tile .v{font-size:24px}
  .card.continue{grid-template-columns:minmax(0,1fr)}
  .grid3{grid-template-columns:minmax(0,1fr)}
  .shead{padding:22px 18px}
  .shead-grid{grid-template-columns:minmax(0,1fr)}
  .searchbtn kbd{display:none}
  .pill.pts{display:none}
  .li{grid-template-columns:auto minmax(0,1fr);}
  .li .end{grid-column:2;justify-content:flex-start}
  .qcard{padding:20px}
  .bub{max-width:90%}
}
@media print{
  .side,.top,.tabbar,.fab,.noprint,.toast{display:none!important}
  .app{display:block}.view{padding:0}body{background:#fff}.cert{box-shadow:none}
}
@media (max-width:640px){.hide-sm{display:none}}
/* Audio call stage */
.voice-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:36px 28px;min-height:380px;background:radial-gradient(70% 60% at 50% 45%,var(--leaf-soft),transparent 70%)}
.vs-k{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf-ink)}
.vs-k.you{color:var(--info)}
.vs-line{font-family:var(--display);font-size:clamp(20px,2.4vw,27px);line-height:1.35;max-width:30ch;color:var(--ink)}
.vs-line.you{color:var(--ink-2)}
.vs-sub{font-size:13.5px;color:var(--muted);font-weight:600}
.wave{display:flex;gap:6px;align-items:center;height:56px}
.wave i{width:8px;height:14px;border-radius:8px;background:var(--leaf-2);opacity:.45}
.wave.you i{background:var(--info)}
.wave.on i{opacity:1;animation:wv 1s ease-in-out infinite}
.wave.on i:nth-child(2){animation-delay:.15s}.wave.on i:nth-child(3){animation-delay:.3s}.wave.on i:nth-child(4){animation-delay:.45s}.wave.on i:nth-child(5){animation-delay:.6s}
@keyframes wv{0%,100%{height:14px}50%{height:52px}}
.wave.ring i{opacity:.9;animation:wv 1.2s ease-in-out infinite}
.wave.ring i:nth-child(odd){animation-delay:.3s}
@media (prefers-reduced-motion:reduce){.wave i{animation:none!important}}
.call-ctrls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:12px;border-top:1px solid var(--line)}
.ctrl{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;color:var(--ink)}
.ctrl:hover{background:var(--surface-2)}
.ctrl.off{background:var(--bad-soft);border-color:transparent;color:var(--bad)}
.call-main .call-log{flex:1}
@media (max-width:900px){.voice-stage{min-height:300px;padding:24px 16px}}

/* PCAH mark level badge */
.mk-badge{position:relative;display:inline-block;border-radius:50%;background:var(--leaf-soft);flex:none;overflow:hidden}
.mk-badge.dark{background:transparent}
.mk-badge img{position:absolute;height:84%;width:auto;left:50%;top:8%;transform:translateX(-50%)}
.mk-badge .ghost{opacity:.22;filter:grayscale(1)}
.mk-badge.dark .ghost{opacity:.18}


.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
.lv{display:grid;justify-items:center;gap:6px;text-align:center;padding:12px 6px;border-radius:14px}
.lv b{font-size:14px}.lv small{font-size:12px;color:var(--muted)}
.lv:not(.past):not(.now) .mk-badge{opacity:.55}
.lv.now{background:var(--leaf-soft)}
.lv.now b{color:var(--leaf-ink)}
@media (max-width:640px){.levels{grid-template-columns:repeat(3,minmax(0,1fr))}.lv .mk-badge{width:60px!important;height:60px!important}}
.card.speaker{display:grid;gap:10px;padding:20px;align-content:start}
.card.speaker b{display:block;font-size:15px}.card.speaker small{display:block;color:var(--muted);font-size:12.5px}
.card.speaker h3{font-size:17px}
.card.speaker p{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.speaker .meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600}
.card.speaker .meta span{display:inline-flex;gap:5px;align-items:center}.card.speaker .meta .ico{width:14px;height:14px}

/* maintenance tools */
.steps-ol{margin:0;padding-left:22px;display:grid;gap:10px}
.steps-ol li{line-height:1.55}
.form textarea.filled,.form input.filled{box-shadow:0 0 0 3px var(--leaf-soft);border-color:var(--leaf);transition:box-shadow .3s,border-color .3s}
.ai-build{background:linear-gradient(135deg,var(--leaf-soft),transparent 70%)}
.ai-build legend{display:inline-flex;align-items:center;gap:6px}
.firsts{display:grid;gap:2px}
.first{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.first:first-child{border-top:0}
.first .t{flex:1;min-width:0;display:grid;line-height:1.3}
.first .t b{font-size:14px}
.first .t small{color:var(--muted);font-size:12px}
.first.got .t b{color:var(--leaf-ink)}
.mbadge .btn,.mbadge .linkbtn{margin-top:6px}
.linkbtn{background:none;border:0;padding:0;color:var(--muted);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}
.linkbtn:hover{color:var(--ink)}
.win-note{display:block;font-size:13px;color:var(--ink-2,var(--ink));font-style:italic;margin-top:2px}
.dropzone{display:grid;justify-items:center;gap:6px;padding:28px 16px;border:2px dashed var(--line-2, var(--line));border-radius:var(--r);background:var(--surface-2);cursor:pointer;text-align:center;transition:background .15s,border-color .15s}
.dropzone:hover,.dropzone.over{border-color:var(--leaf);background:var(--leaf-soft)}
.dropzone .ico{width:26px;height:26px;color:var(--leaf-ink)}

.score-ring b span{display:grid;justify-items:center;line-height:1}
.score-ring b small{font-size:9px;font-weight:600;color:var(--muted);margin-top:1px;font-family:var(--sans, inherit)}
.score-ring.big b small{font-size:14px;margin-top:4px;letter-spacing:.02em}
.rubric li.partly .ico{color:var(--warn)}
.rubric li.partly b::after{content:" · partly";font-weight:500;color:var(--warn);font-size:12px}
.seg{display:inline-flex;margin-top:6px;border:1px solid var(--line);border-radius:999px;overflow:hidden;width:max-content}
.seg button{border:0;background:none;padding:3px 10px;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}
.seg button+button{border-left:1px solid var(--line)}
.seg button.on{background:var(--ink);color:var(--surface)}
.answer{padding:12px 0;border-top:1px solid var(--line)}.answer:first-child{border-top:0;padding-top:0}
.reflect{border:1px solid color-mix(in srgb,var(--leaf) 35%,transparent);background:linear-gradient(135deg,var(--leaf-soft),var(--surface))}
.fc-card{break-inside:avoid}
a.chip,.fc-card a{text-decoration:none}
/* Meet the Team grid */

.tm{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 10px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tm:hover,.tm:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px -12px rgba(20,40,25,.35);border-color:color-mix(in srgb,var(--leaf) 45%,transparent)}
.tm:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
.tm.on{border-color:var(--leaf);box-shadow:0 0 0 2px var(--leaf) inset}
.tm.novid{cursor:default}



.tm-init{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:34px;background:var(--leaf-ink)}





.tm b{font-size:15.5px}



#plSlot{scroll-margin-top:84px}
.seg a{border-radius:7px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}.seg a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
/* My Bio & Headshot */
.bio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:980px){.bio-grid{grid-template-columns:1fr}}
.bio-grid textarea{resize:vertical;line-height:1.55}
#bioText{font-size:15.5px;min-height:300px}
.hs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.hs{margin:0;display:grid;gap:8px;justify-items:center}
.hs img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 25%;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
/* My email signature */
.sig-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:start}
.sig-side{position:sticky;top:84px;display:grid;gap:12px}
@media (max-width:1080px){.sig-grid{grid-template-columns:1fr}.sig-side{position:static}}
.sig-award{border:1px solid var(--line);border-radius:10px;padding:12px;gap:10px}
.sig-award-img{height:40px;width:auto;border-radius:4px;border:1px solid var(--line);background:#fff;flex:none}
.sig-paper{background:#fff;border:1px solid #d9d3cc;border-radius:4px;padding:22px;overflow-x:auto;color:#333}
.sig-paper-head{font-size:12px;color:#6b6a63;border-bottom:1px solid #e8e4df;padding-bottom:10px;margin-bottom:16px}
.sig-paper-body{font:14px/1.5 Arial,Helvetica,sans-serif;color:#333;margin-bottom:18px}
.sig-how summary{cursor:pointer}
/* the preview must look exactly like the email: undo the site's own table styles inside it */






.sig-frame{display:block;width:100%;border:0;height:300px;background:#fff}
.sig-grid .seg{display:flex;flex-wrap:wrap;max-width:100%;width:fit-content}
/* first-sign-in tour */
.modal.tour{width:min(520px,calc(100% - 32px));padding:30px 30px 24px;display:grid;gap:14px}
.tour-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink)}
.tour-ic svg{width:28px;height:28px}
.tour h2{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.2}
.tour-body{font-size:15.5px;line-height:1.6;color:var(--ink-2);display:grid;gap:10px}
.tour-body p{margin:0}
.tour-list{margin:0;padding-left:18px;display:grid;gap:8px}
.tour-dots{display:flex;gap:6px;justify-content:center;padding:4px 0}
.tour-dots i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}
.tour-dots i.on{background:var(--leaf);width:20px;border-radius:4px}
/* simple first-time home */
.simple-hero{display:block}
.simple-hero .lede{max-width:60ch;margin-top:8px}
.simple-hero .cta{margin-top:18px}




.simple-hero .lede{color:rgba(255,255,255,.82)}
.modal.tour{animation:tourIn .25s ease}
@keyframes tourIn{from{opacity:0}to{opacity:1}}
/* floating lesson action bar */
.lesson-bar{position:sticky;bottom:16px;z-index:20;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 14px 36px -14px rgba(18,38,24,.45)}
@media (max-width:900px){.lesson-bar{bottom:calc(74px + env(safe-area-inset-bottom,0px));padding:10px}.lesson-bar .btn.lg{height:44px;padding:0 14px;font-size:14px}}
.oi.locked,.li.locked{opacity:.6}
.scard.seq-locked{opacity:.7}
.scard.seq-locked .scover{filter:grayscale(.6)}
/* training class */
.prof-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:start}
@media (max-width:640px){.prof-grid{grid-template-columns:1fr}}
.prof-uses{display:flex;flex-wrap:wrap;gap:8px}.prof-uses .chip-btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px}
@media (max-width:640px){.intro-ask{flex-wrap:wrap!important}}
.intro-photo{display:grid;gap:10px;justify-items:center}
.intro-photo img,.intro-photo .tm-init{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--line)}
.intro-photo .tm-init{display:grid;place-items:center;font-size:44px}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.roster-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;padding:18px;align-items:start}
.roster-card.me{border-color:var(--leaf)}
.rc-photo img,.rc-photo .tm-init{width:84px;height:84px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:26px}






/* QR codes */
.qr-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;padding:20px;align-items:start}
.qr-card.paused .qr-canvas{opacity:.4}
@media (max-width:700px){.qr-card{grid-template-columns:1fr}.qr-left{justify-items:center}}
.qr-left{display:grid;gap:10px}
.qr-canvas{width:220px;height:220px;border-radius:10px;border:1px solid var(--line);background:#fff;image-rendering:pixelated}
.qr-name{font-weight:700;font-size:16px;max-width:420px;flex:1}
.qr-link{display:flex;gap:6px;align-items:center;flex-wrap:wrap;word-break:break-all}
.qr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:520px){.qr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.qr-stats>div{background:var(--surface-2);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.qr-stats b{font-size:20px}.qr-stats span{font-size:12px;color:var(--muted)}
.qr-bars{display:flex;align-items:flex-end;gap:3px;height:46px;padding:4px 0;border-bottom:1px solid var(--line)}
.qr-bars i{flex:1;background:var(--leaf);border-radius:2px 2px 0 0;min-height:2px}
.qr-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:-1px}

/* ---------- Brand library ---------- */
.bt-print{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;border-color:var(--leaf-soft)}
.bt-print h2{font-size:18px;margin:0}
.bt-print p{margin:0;color:var(--ink-2);max-width:62ch}
.bt-print-ico{width:48px;height:48px;border-radius:12px;background:var(--leaf-soft);color:var(--leaf-ink);display:grid;place-items:center}
.bt-print-ico .ico{width:24px;height:24px}
.bt-login{display:flex;flex-wrap:wrap;gap:6px 22px;margin:4px 0 0}
.bt-login div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bt-login dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.bt-login dd{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bt-login code{font-size:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 8px;user-select:all}
@media (max-width:760px){.bt-print{grid-template-columns:1fr}.bt-print-ico{display:none}}
.bt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.bt-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0}
.bt-card.is-hidden{opacity:.6}
.bt-thumb{position:relative;display:block;aspect-ratio:4/5;background:linear-gradient(180deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 70%,var(--line)));border-bottom:1px solid var(--line);overflow:hidden}
.bt-thumb img{position:absolute;inset:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-width:none;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.16));transition:transform .25s ease}
.bt-thumb:hover img{transform:scale(1.04)}
.bt-thumb .bt-noimg{position:absolute;inset:0;display:grid;place-items:center}
.bt-noimg{color:var(--muted)}
.bt-body{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1}
.bt-body h3{font-size:14px;line-height:1.35;margin:0;overflow-wrap:anywhere}

.bt-go{margin-top:auto;justify-content:center}
.bt-search{position:relative;flex:1 1 260px;display:flex;align-items:center}
.bt-search .ico{position:absolute;left:10px;color:var(--muted)}
.bt-search input{padding-left:32px;width:100%}
@media (prefers-reduced-motion:reduce){.bt-thumb img{transition:none}}
.bt-admin{border-top:1px dashed var(--line);padding-top:6px;font-size:12.5px}
.bt-admin summary{cursor:pointer;color:var(--muted);font-weight:700}
.bt-admin select{font-size:12px;padding:4px 6px;height:auto;width:100%;margin-top:6px}
.bt-searchrow{display:flex}
.bt-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.bt-cat{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.bt-cat:hover,.bt-cat:focus-visible{border-color:var(--leaf);box-shadow:var(--shadow-1)}
.bt-cat-img{position:relative;display:block;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--surface-2)}
.bt-cat-img img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.18))}
.bt-cat-img .bt-noimg{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}
.bt-cat-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.bt-cat-t b{font-size:16px}
.bt-cat-t small{color:var(--muted);font-size:13px;line-height:1.4}
.bt-cat-t em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--leaf-ink);display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.bt-back{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13.5px;color:var(--muted);text-decoration:none}
.bt-back:hover{color:var(--ink)}
.bt-jump{display:flex;flex-wrap:wrap;gap:6px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:5;background:var(--canvas);padding:8px 0}
.bt-jump a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;color:var(--ink-2);text-decoration:none}
.bt-jump a:hover{border-color:var(--leaf)}
.bt-sec{display:flex;flex-direction:column;gap:12px;scroll-margin-top:130px}
.bt-sec-h{font-size:17px;margin:10px 0 0;display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}
.bt-sec-h span{font-size:13px;color:var(--muted);font-weight:600}
.bt-hidden summary{cursor:pointer;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.bt-hidden[open] summary{margin-bottom:14px}
.bt-foot{margin-top:6px}
.hs{position:relative}
.hs.fav img{outline:3px solid var(--leaf);outline-offset:-3px}
.hs-fav{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:var(--leaf);color:#14200a;font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px}

/* ---------- Logos & brand kit ---------- */
.kit-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:16px}
.kit-logo{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.kit-logo-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kit-logo-h h4{margin:0;font-size:16px}
.kit-logo>.hint{margin:0}
.kit-vers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kit-ver{display:flex;flex-direction:column;gap:6px;min-width:0}
.kit-prev{position:relative;aspect-ratio:3/2;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;padding:12% 10%;background:#fff;overflow:hidden}
.kit-prev.dark{background:#747063;border-color:#747063}
.kit-prev img{position:absolute;left:12%;top:14%;width:76%;height:72%;object-fit:contain;opacity:0;transition:opacity .2s}.kit-prev img.ready{opacity:1}
.kit-ai{display:inline-flex;gap:6px;align-items:center;color:#68746a;font-weight:700;font-size:13px}
.kit-soon{display:none;font-size:12.5px;color:#68746a}
.kit-prev.missing img{display:none}.kit-prev.missing .kit-soon{display:block}
.kit-prev.dark .kit-soon{color:#d9d6cc}
.kit-vl{font-size:13px;font-weight:700;color:var(--ink-2)}
.kit-dl{display:flex;gap:6px;flex-wrap:wrap}
.kit-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.kit-color{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.kit-sw{height:92px;border-bottom:1px solid var(--line)}
.kit-codes{margin:0;display:grid;gap:4px}
.kit-codes div{display:flex;align-items:center;gap:8px}
.kit-codes dt{width:44px;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--muted)}
.kit-codes dd{margin:0}
.kit-copy{border:0;background:var(--surface-2);border-radius:6px;padding:3px 8px;font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.kit-copy:hover{background:var(--surface-3)}
.kit-fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.kit-font{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kit-font h4{margin:0;font-size:16px}
.kit-sample{font-size:24px;line-height:1.3;margin:2px 0;color:var(--ink)}
.kit-font .hint{margin:0}
.kit-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kit-do,.kit-dont{border-radius:14px;padding:16px;border:1px solid var(--line);background:var(--surface)}
.kit-do h4,.kit-dont h4{margin:0 0 8px;display:flex;gap:6px;align-items:center;font-size:15px}
.kit-do h4{color:var(--ok)}.kit-dont h4{color:var(--bad)}
.kit-do ul,.kit-dont ul{margin:0;padding-left:18px;display:grid;gap:4px}
.kit-voice{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.kit-quote{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.kit-quote p{font-family:Georgia,serif;font-size:21px;line-height:1.35;margin:0}
.kit-say{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.kit-say p{margin:2px 0 0}

/* ---------- Scripts ---------- */
.sc-pin{display:block;text-decoration:none;color:inherit;background:var(--ever,#1b3a2a);color:var(--ever-ink,#fff);border-radius:16px;padding:22px 24px}
.sc-pin .eyebrow{color:var(--leaf)}
.sc-pin h2{margin:4px 0 10px;font-size:22px;color:inherit}
.sc-pin blockquote{margin:0;font-family:Georgia,serif;font-size:19px;line-height:1.5;max-width:60ch;color:inherit}
.sc-pin .sc-fill{background:rgba(177,205,73,.25);color:inherit}
.sc-pin-go{display:inline-flex;gap:6px;align-items:center;margin-top:12px;font-weight:700;color:var(--leaf)}
.sc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}
.sc-card{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}
.sc-card:hover{border-color:var(--leaf)}
.sc-card-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.sc-card-t small{color:var(--muted);font-size:13px;line-height:1.4}
.sc-read{max-width:760px;display:flex;flex-direction:column;gap:18px}
.sc-read-h{display:flex;flex-direction:column;gap:10px}
.sc-read-h h1{margin:0}
.sc-body{display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.6}
.sc-body p{margin:0}
.sc-h{font-size:18px;margin:14px 0 0;padding-bottom:6px;border-bottom:1px solid var(--line)}
.sc-list{margin:0;padding-left:20px;display:grid;gap:6px}
.sc-says{display:flex;flex-direction:column;gap:8px}
.sc-say{position:relative;margin:0;background:var(--leaf-soft);border-left:4px solid var(--leaf);border-radius:4px 12px 12px 4px;padding:12px 44px 12px 16px;font-family:Georgia,serif;font-size:17.5px;line-height:1.55;color:var(--ink)}
.sc-say p{margin:0}
.sc-copy{position:absolute;top:8px;right:8px;border:0;background:transparent;color:var(--muted);border-radius:8px;padding:6px;cursor:pointer}
.sc-copy:hover{background:var(--surface);color:var(--ink)}
.sc-note{color:var(--muted);font-size:14.5px}
.sc-fill{background:var(--leaf-soft);color:var(--leaf-ink);border-radius:4px;padding:0 3px;font-weight:700}
.sc-blank{background:var(--warn-soft);color:var(--warn);border-radius:4px;padding:0 4px;font-weight:700}
.sc-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sc-say-ex{display:inline-block;width:18px;height:12px;background:var(--leaf-soft);border-left:3px solid var(--leaf);border-radius:2px}

/* ---------- Intro: photo avatars, contact info ---------- */
.avatar.has-photo{background:var(--surface-2);overflow:hidden;padding:0}
.avatar.has-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.rc-fun{font-size:14px;line-height:1.5;margin:4px 0 0;padding:8px 10px;background:var(--leaf-soft);border-radius:8px}
.rc-contact{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}
.rc-contact a{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--leaf-ink);text-decoration:none;overflow-wrap:anywhere}
.rc-contact a:hover{text-decoration:underline}
.intro-done{align-items:center}
.intro-done-ph{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.intro-done .eyebrow{display:inline-flex;align-items:center;gap:5px}
/* sidebar: collapsible subjects */
.nav-tog{display:flex;align-items:center;gap:6px;width:100%;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;margin-top:4px}
.nav-tog .ico-sm{margin-left:auto}
.nav-tog .hint{font-size:10.5px;letter-spacing:0;color:inherit;opacity:.7}
.nav-tog:hover{color:var(--ever-ink,#fff)}
.nav-tog:focus-visible{outline:2px solid var(--leaf);outline-offset:2px;border-radius:6px}
/* welcome tour opt-out */
.tour-off{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--muted);margin:4px 0 8px;cursor:pointer}
.tour-off input,.tour-pref input{width:16px;height:16px;accent-color:var(--leaf)}
.tour-pref{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;font-size:14px;cursor:pointer;font-weight:500}
.tour-pref input{flex:none;margin:0}
.tour-now{display:flex}

.tour{position:relative}
.tour-x{position:absolute;top:12px;right:12px}
/* kit: photos, legal, examples */
.kit-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kit-photo{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--line)}
.kit-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.kit-photo:hover img{transform:scale(1.04)}
.kit-legal p{font-family:inherit;font-size:15px;line-height:1.5}
.kit-ex{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.kit-exc{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:inherit;text-decoration:none}
.kit-exc:hover{border-color:var(--leaf)}
.kit-exc span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}
.kit-exc small{color:var(--muted);font-size:13px;line-height:1.4}
/* social post maker */
.sp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.sp-grid{grid-template-columns:1fr}}
.sp-step{display:flex;align-items:center;gap:10px}.sp-step h2{margin:0;font-size:18px}
.sp-step .step{background:var(--leaf);color:#1d2a12;border-color:transparent}
.sp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.sp-ph{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--line);outline:3px solid transparent;outline-offset:-3px;transition:outline-color .15s}
.sp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.sp-ph.on{outline-color:var(--leaf)}
.sp-ph:focus-visible{outline-color:var(--ink)}
.sp-tick{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--leaf);color:#1d2a12;display:grid;place-items:center}
.sp-topics{display:flex;flex-wrap:wrap;gap:8px}
.chip-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink)}
.chip-btn:hover{border-color:var(--leaf)}
.chip-btn.on{background:var(--leaf);border-color:var(--leaf);color:#1d2a12}
.sp-out{position:sticky;top:84px}
@media (max-width:900px){.sp-out{position:static}}
.sp-tabs{display:flex;width:100%}.sp-tabs button{flex:1;padding:8px 6px;font-size:13px}
.sp-prev{width:100%;max-height:440px;margin:0 auto;border-radius:12px;overflow:hidden;background:var(--surface-2);display:flex;justify-content:center}
.sp-prev canvas{height:100%;width:auto;max-width:100%;display:block;object-fit:contain}
.sp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px;width:100%}
.sp-cap textarea{width:100%;font-size:14px;line-height:1.5;resize:vertical}
.sp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sp-saved{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sp-sv{padding:0;overflow:hidden;display:flex;flex-direction:column}
.sp-sv-img{aspect-ratio:1;background:var(--surface-2)}
.sp-sv-img img{width:100%;height:100%;object-fit:cover;display:block}
.sp-sv-cap{font-size:13px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;white-space:pre-line}
.field-l{font-size:13.5px;font-weight:600}
.jb-text{width:100%;font-size:14px;line-height:1.55;resize:vertical;font-family:inherit}
/* Create with AI tabs */
.ai-tabs{margin-top:14px}.ai-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:700;border-radius:7px;color:var(--muted);text-decoration:none}
.ai-tabs a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
/* Campaigns */
.cp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.cp-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.cp-card:hover{border-color:var(--leaf);transform:translateY(-2px)}
.cp-cover{position:relative;aspect-ratio:16/10;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}
.cp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.cp-play{position:absolute;left:10px;bottom:10px;display:inline-flex;gap:5px;align-items:center;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:700;padding:5px 9px;border-radius:999px}
.cp-card-t{display:flex;flex-direction:column;gap:3px;padding:14px}
.cp-card-t b{font-size:16px}.cp-card-t small{color:var(--muted);font-size:13px;line-height:1.4}
.cp-card-t em{font-style:normal;font-size:13px;font-weight:700;color:var(--leaf-ink,var(--ink));display:flex;align-items:center;gap:4px;margin-top:4px}
.cp-headline{font-family:Georgia,serif;font-size:22px;line-height:1.35;margin:4px 0 6px}
.cp-video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111}
.cp-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cp-video .sp-empty{height:100%;color:#ccc}
.cp-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.cp-ph{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--line)}
.cp-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cp-ph-act{position:absolute;inset:auto 0 0 0;display:flex;gap:6px;justify-content:center;padding:8px;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .15s}
.cp-ph:hover .cp-ph-act,.cp-ph:focus-within .cp-ph-act{opacity:1}
@media (hover:none){.cp-ph-act{opacity:1}}
.cp-video{max-width:960px}
.cp-video{width:100%}
.cp-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#111;display:block}
.cp-poster img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;opacity:.92;transition:opacity .2s}
.cp-poster:hover img{opacity:1}
.cp-bigplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.92);color:#1d2a12;display:grid;place-items:center;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.cp-bigplay svg{width:30px;height:30px;margin-left:4px}
.cp-vname{position:absolute;left:16px;bottom:14px;color:#fff;font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.cp-cover img{object-position:center 30%}
/* campaign cards: every cover the same size, whatever the photo's shape */
.cp-cover{overflow:hidden}
.cp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.cp-card-t{flex:1}
.bt-browse button{padding:6px 12px;font-size:13px}
.bt-types{align-items:center}
/* campaign cards: always 3 across on desktop, big 16:9 previews */
.cp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cp-cover{aspect-ratio:16/9}
.cp-card-t b{font-size:18px}
.cp-play{font-size:13px;padding:7px 12px}
@media (max-width:900px){.cp-cards{grid-template-columns:1fr}}
.bt-thumb{position:relative}
.bt-new{position:absolute;top:8px;left:8px;background:var(--leaf);color:#1d2a12;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
@media (min-width:1100px){.bt-whatsnew .bt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Daily 3 pop-up */
.modal.d3pop{width:min(560px,calc(100% - 32px));padding:28px 28px 22px;display:grid;gap:14px;position:fixed}
.modal.d3pop.d3in{animation:tourIn .25s ease}
.d3pop .d3-t{font-family:var(--display);font-weight:400;font-size:26px;line-height:1.2;padding-right:36px}
.d3pop .d3-sub{font-size:14.5px}
.d3pop .qcard.d3-q{padding:0;gap:14px}
.d3pop .qcard.d3-q h2{font-size:clamp(19px,2.2vw,23px)}
.d3pop .dots3{justify-content:flex-start}
/* Meet the Team, v2: hero + photo cards */
.tm-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:22px;color:#fff;
  background:radial-gradient(90% 140% at 100% 0%,rgba(141,198,63,.28) 0%,transparent 55%),linear-gradient(135deg,#1f4a2e 0%,#12301f 70%)}
.tm-hero .eyebrow{color:#b5e07a}
.tm-hero h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.1;color:#fff;margin:6px 0 8px}
.tm-hero p{color:rgba(255,255,255,.84);max-width:48ch;font-size:15px;line-height:1.55;margin:0}
.tm-stack{display:flex;flex:none;padding-left:14px}
.tm-stack>span{width:62px;height:62px;border-radius:50%;overflow:hidden;margin-left:-16px;box-shadow:0 0 0 3px #17392a;background:#2c5a3a;display:grid;place-items:center}
.tm-stack img,.tm-now-ph img,.tm-next-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.tm-si{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;background:var(--c,#3f6b4b)}
.tm-more{color:#fff;font-weight:800;font-size:15px;background:#8dc63f !important;color:#17321f !important}
.team-grid2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tm2{all:unset;box-sizing:border-box;position:relative;isolation:isolate;aspect-ratio:4/5;border-radius:18px;overflow:hidden;cursor:pointer;background:var(--surface-2);
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 26px -16px rgba(20,40,25,.5);transition:transform .25s ease,box-shadow .25s ease}
.tm2:hover{transform:translateY(-4px);box-shadow:0 22px 40px -18px rgba(20,40,25,.6)}
.tm2:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
.tm2.on{box-shadow:0 0 0 3px var(--leaf),0 22px 40px -18px rgba(20,40,25,.6)}
.tm2.novid{cursor:default}.tm2.novid:hover{transform:none}
.tm2-ph{position:absolute;inset:0}
.tm2-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;transition:transform .6s ease}
.tm2:hover .tm2-ph img{transform:scale(1.06)}
.tm2-init{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:18%;font-family:var(--display);font-size:clamp(54px,6vw,78px);color:rgba(255,255,255,.95);
  background:radial-gradient(80% 60% at 30% 20%,rgba(255,255,255,.22),transparent 60%),var(--c,#3f6b4b)}
.tm2-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,22,14,0) 42%,rgba(9,22,14,.55) 70%,rgba(9,22,14,.9) 100%);pointer-events:none}
.tm2-txt{position:absolute;left:16px;right:16px;bottom:15px;display:grid;gap:3px;color:#fff;text-align:left}
.tm2-txt b{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.tm2-txt small{font-size:13px;line-height:1.3;color:rgba(255,255,255,.85)}
.tm2-play{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#17321f;box-shadow:0 6px 16px -6px rgba(0,0,0,.45);transition:background .2s,transform .2s}
.tm2-play svg{width:18px;height:18px;margin-left:2px}
.tm2:hover .tm2-play,.tm2:focus-visible .tm2-play{background:var(--leaf);transform:scale(1.08)}
.tm2-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:5px;background:var(--leaf);color:#17321f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:5px 10px;border-radius:999px}
.tm2-badge.soft{background:rgba(255,255,255,.9);color:#33443a}
.tm-now{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.tm-now-ph{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 3px var(--leaf)}
.tm-now-t{display:grid;gap:1px;flex:1;min-width:140px}.tm-now-t b{font-size:18px}
.tm-next{gap:8px}.tm-next-ph{width:24px;height:24px;border-radius:50%;overflow:hidden;flex:none}.tm-next-ph .tm-si{font-size:10px}
@media (max-width:1180px){.team-grid2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.team-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tm2-txt{left:12px;right:12px;bottom:11px}.tm2-txt b{font-size:16px}.tm2-txt small{font-size:12px}
  .tm-hero{flex-direction:column;align-items:flex-start;padding:22px}.tm-stack>span{width:48px;height:48px}}
/* Owner directory */
.od-tools{display:grid;gap:12px;margin-bottom:16px}
.od-search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 14px;height:50px;max-width:560px}
.od-search input{all:unset;flex:1;font-size:15.5px}.od-search svg{color:var(--muted)}
.od-search:focus-within{border-color:var(--leaf);box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 25%,transparent)}
.od-states{display:flex;gap:6px;flex-wrap:wrap}
.od-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.od-card{padding:18px;display:grid;gap:12px;align-content:start}
.od-top{display:flex;gap:12px;align-items:center}
.od-code{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14px;letter-spacing:.04em;background:linear-gradient(135deg,#1f4a2e,#12301f);color:#b5e07a}
.od-name{min-width:0}.od-name h3{font-size:16.5px;line-height:1.25}.od-name small{color:var(--muted);font-size:12px}
.od-owners{display:flex;gap:8px;align-items:flex-start;font-weight:600;font-size:14.5px;line-height:1.4}.od-owners svg{flex:none;margin-top:2px;color:var(--leaf-ink)}
.od-links{display:grid;gap:6px}
.od-links a,.od-links span{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--ink-2,inherit);text-decoration:none;min-width:0;overflow-wrap:anywhere}
.od-links a:hover{color:var(--leaf-ink);text-decoration:underline}
.od-links svg{flex:none;color:var(--muted)}
@media (max-width:640px){.od-grid{grid-template-columns:1fr}}
/* Request a design */
.rq-form .req{color:var(--bad);font-weight:700}
.rq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rq-drop{display:flex;align-items:center;gap:12px;padding:18px;border:2px dashed var(--line);border-radius:14px;cursor:pointer;background:var(--surface-2);transition:border-color .15s,background .15s}
.rq-drop:hover,.rq-drop.over{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 10%,var(--surface))}
.rq-drop svg{transform:rotate(180deg);color:var(--leaf-ink)}
.rq-files{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.rq-files li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.rq-files li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rq-files small{color:var(--muted)}
.rq-list{padding:0}
.rq-item{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-top:1px solid var(--line)}.rq-item:first-child{border-top:0}
.rq-item p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.rq-meta{display:grid;justify-items:end;gap:4px;flex:none;text-align:right}
@media (max-width:640px){.rq-row{grid-template-columns:1fr}.rq-item{flex-direction:column}.rq-meta{justify-items:start;text-align:left}}
.rq-st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:4px 10px;border-radius:999px;background:#eef1ec;color:#3b4a40}
.rq-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.rq-st.blue{background:#e3f3fd;color:#1b6fa8}.rq-st.orange{background:#fff1df;color:#b5620b}.rq-st.purple{background:#f1e8fb;color:#7a3dbf}
.rq-st.pink{background:#fde8f4;color:#b3307f}.rq-st.teal{background:#e0f5f3;color:#147a71}.rq-st.green{background:#e6f6e9;color:#2e7d3e}.rq-st.gray{background:#efefef;color:#555}
.rq-meta small{max-width:260px}
.rq-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:0;color:#fff;
  background:radial-gradient(90% 140% at 100% 0%,rgba(141,198,63,.28) 0%,transparent 55%),linear-gradient(135deg,#1f4a2e 0%,#12301f 70%)}
.rq-cta h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,2.6vw,30px);color:#fff;margin:0 0 6px}
.rq-cta p{color:rgba(255,255,255,.85);margin:0 0 6px;max-width:52ch}.rq-cta .hint{color:rgba(255,255,255,.7)}.rq-cta a{color:#b5e07a}
.rq-cta .btn{flex:none}
.rq-who{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px}.rq-who svg{color:var(--leaf-ink)}
@media (max-width:640px){.rq-cta{flex-direction:column;align-items:stretch;padding:22px}}
/* Simple admin dashboard */
.tiles.dash3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dash-people{padding:0}
.dp-row{display:grid;grid-template-columns:auto minmax(0,1.4fr) minmax(120px,1fr) 150px;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--line);text-decoration:none;color:inherit}
.dp-row:first-child{border-top:0}.dp-row:hover{background:var(--surface-2)}
.dp-name{display:grid;min-width:0}.dp-name b{font-size:14.5px}.dp-name small,.dp-seen{color:var(--muted);font-size:12.5px}
.dp-bar{display:flex;align-items:center;gap:8px}.dp-bar .bar{flex:1}.dp-bar small{font-weight:700;font-size:12.5px;min-width:34px;text-align:right}
.dp-seen{text-align:right}
.dash-more{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:14px 18px}
.dash-more summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;list-style:none}.dash-more summary::-webkit-details-marker{display:none}
@media (max-width:760px){.tiles.dash3{grid-template-columns:1fr}.dp-row{grid-template-columns:auto 1fr;}.dp-bar,.dp-seen{grid-column:2}.dp-seen{text-align:left}}
/* Home */






























/* Home v4: brand-led motion, no photos */



@keyframes h4drift{to{transform:translate(170px,170px)}}
@keyframes h4glow{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,40px) scale(1.15)}}





@keyframes h4ring{to{stroke-dashoffset:calc(100 - var(--p))}}






.h4-tile{--bg:#eef6e3;--fg:#3f6b1d;position:relative;overflow:hidden;isolation:isolate;display:grid;gap:4px;align-content:start;padding:22px 20px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s;animation:h4in .5s ease both;animation-delay:var(--d)}
.h4-tile.blue{--bg:#e3f0fb;--fg:#1f6aa5}.h4-tile.plum{--bg:#f2e9fa;--fg:#7a3dbf}.h4-tile.sun{--bg:#fff1dc;--fg:#b5620b}
.h4-blob{position:absolute;z-index:-1;width:150px;height:150px;right:-50px;top:-60px;border-radius:50%;background:var(--bg);transition:transform .5s ease}
.h4-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--bg);color:var(--fg);margin-bottom:12px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.h4-ic svg{width:22px;height:22px}
.h4-tile b{font-size:16.5px}.h4-tile small{color:var(--muted);font-size:13px;padding-right:22px}

.h4-tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(20,40,25,.45);border-color:var(--bg)}
.h4-tile:hover .h4-blob{transform:scale(1.35)}.h4-tile:hover .h4-ic{transform:rotate(-8deg) scale(1.08)}
@keyframes h4in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.h4-tile{animation:none}}
.h4-tpl-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
.h4-tpl-card{display:grid;gap:10px;text-decoration:none;color:inherit;animation:h4in .5s ease both;animation-delay:var(--d)}
.h4-tpl-img{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 10px 24px -20px rgba(20,40,25,.5);transition:transform .25s,box-shadow .25s}
.h4-tpl-img img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .4s ease}
.h4-tpl-img .bt-new{position:absolute;top:8px;left:8px}
.h4-tpl-go{position:absolute;left:8px;right:8px;bottom:8px;display:flex;justify-content:center;gap:6px;align-items:center;padding:8px;border-radius:10px;background:#17321f;color:#fff;font-size:12.5px;font-weight:700;opacity:0;transform:translateY(6px);transition:all .25s}
.h4-tpl-card:hover .h4-tpl-img{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(20,40,25,.6)}.h4-tpl-card:hover .h4-tpl-go{opacity:1;transform:none}.h4-tpl-card:hover img{transform:scale(1.03)}
.h4-tpl-t{display:grid;gap:2px}.h4-tpl-t b{font-size:14px;line-height:1.3}.h4-tpl-t small{color:var(--muted);font-size:12.5px}
@media (max-width:1100px){.h4-tpl-row{grid-template-columns:repeat(3,minmax(0,1fr))}.h4-tpl-card:nth-child(n+4){display:none}}
@media (max-width:600px){.h4-tpl-row{grid-template-columns:repeat(2,minmax(0,1fr))}.h4-tpl-card:nth-child(n+3){display:none}}
.h4-tile.teal{--bg:#dff4f1;--fg:#147a71}

/* Owner directory map */
.od-mode{margin-bottom:14px}
.us-map{padding:18px 18px 12px;margin-bottom:14px}
.us-map svg{width:100%;height:auto;display:block;max-height:560px}
.us-st{fill:#e7ebe3;stroke:#fff;stroke-width:1;transition:fill .2s,opacity .2s}
.us-st.t1{fill:#c9e3a8}.us-st.t2{fill:#8dc63f}.us-st.t3{fill:#3f7d2a}
.us-st.has{cursor:pointer}.us-st.has:hover,.us-st.has:focus-visible{fill:#2e5f1f;outline:none}
.us-st.on{fill:#17321f !important}
.us-badge{cursor:pointer}.us-badge circle{fill:#fff;stroke:#17321f;stroke-width:1.5;transition:transform .2s}.us-badge text{font:800 11px var(--sans,system-ui);fill:#17321f;text-anchor:middle;pointer-events:none}
.us-badge text.us-ab{text-anchor:start;font-weight:700;fill:#53604f}
.us-badge.on circle,.us-badge:hover circle{fill:#8dc63f}
.us-lead{stroke:#9aa596;stroke-width:1}
.us-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:12.5px;color:var(--muted);padding-top:8px}
.us-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.us-legend i.t1{background:#c9e3a8}.us-legend i.t2{background:#8dc63f}.us-legend i.t3{background:#3f7d2a}
.card.us-map{background:transparent;border:0;box-shadow:none;padding:4px 0 0}

/* ---------- The Brain: Weekly Dish + Monthly Reports ---------- */




.seg.br-tabs{margin:-4px 0 18px;width:fit-content;max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.br-tabs a{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.br-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card.br-feature{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:10px;padding:26px 26px 22px;border-radius:22px;text-decoration:none;color:#fff;border:0;
  background:linear-gradient(135deg,#1f4a2e 0%,#12301f 80%);box-shadow:0 22px 44px -30px rgba(18,48,31,.75);transition:transform .2s ease,box-shadow .2s ease;margin-bottom:16px}
.br-pair .br-feature{margin-bottom:0}
.card.br-feature.rep{background:linear-gradient(135deg,#7a4a12 0%,#4a2c0b 85%)}
.br-feature::after{content:"";position:absolute;inset:-120px;z-index:-1;background:url("leaf-pattern.png") 0 0/150px 150px;opacity:.06}
.br-blob{position:absolute;z-index:-1;width:300px;height:300px;right:-80px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(166,206,57,.35),transparent 65%);transition:transform .4s ease}
.br-feature.rep .br-blob{background:radial-gradient(circle,rgba(255,184,77,.38),transparent 65%)}
a.br-feature:hover{transform:translateY(-3px);box-shadow:0 26px 50px -28px rgba(18,48,31,.85)}a.br-feature:hover .br-blob{transform:scale(1.25)}
.br-k{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c9ec8f}
.br-feature.rep .br-k{color:#ffd08a}
.br-date{color:#fff;font-family:var(--display);font-weight:400;font-size:clamp(26px,2.6vw,34px);line-height:1.08}
.br-topics{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.br-topic{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 11px;font-size:13.5px;font-weight:600}
.br-topic.more{background:none;border-style:dashed;color:#d6e6cf}
.br-big{color:#fff;display:flex;flex-direction:column;font-family:var(--display);font-size:clamp(34px,3.6vw,46px);line-height:1}
.br-big small{font-family:inherit;font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ffd9a3;margin-bottom:6px}
.br-chs{display:flex;gap:8px;flex-wrap:wrap}
.br-ch{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800;background:rgba(255,255,255,.12)}
.br-ch.up{color:#c9ec8f}.br-ch.down{color:#ffb4a6}.br-ch small{font-weight:600;color:rgba(255,255,255,.75)}
.br-go{color:#fff;margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14.5px}
.card.br-feature.compact{padding:22px}.br-feature.compact .br-date{font-size:26px}
.br-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.card.br-shelf-i{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}
.br-shelf-i:hover{transform:translateY(-2px);border-color:var(--leaf)}
.br-shelf-i>span:nth-child(2){flex:1;display:grid;gap:2px}.br-shelf-i small{color:var(--muted);font-size:13px}
.br-tools{display:grid;gap:12px;margin:4px 0 18px}
.br-year{margin-top:8px}.br-year+.br-year{margin-top:22px}
.br-list{padding:4px 0;overflow:hidden}
.br-row{display:flex;align-items:center;gap:16px;padding:12px 18px;text-decoration:none;color:inherit;border-top:1px solid var(--line);transition:background .12s ease}
.br-row:first-child{border-top:0}
a.br-row:hover{background:color-mix(in srgb,var(--leaf) 9%,transparent)}
.br-cal{flex:none;width:50px;height:54px;border-radius:12px;display:grid;place-content:center;text-align:center;background:var(--leaf-soft);color:var(--leaf-ink);line-height:1}
.br-cal small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.br-cal b{font-family:var(--display);font-weight:400;font-size:22px;margin-top:3px}
.br-row-t{flex:1;display:flex;flex-wrap:wrap;gap:6px 6px;min-width:0}
.br-tp{font-size:14px;font-weight:600;color:var(--ink-2)}
.br-tp:not(:last-child)::after{content:"·";margin-left:6px;color:var(--faint);font-weight:400}
.br-chart .card-b{padding-top:4px}.br-chart svg{width:100%;height:auto;display:block}
.br-chart text{font-size:11px;fill:var(--muted);font-weight:600}
.br-chart .g{stroke:var(--line);stroke-width:1}.br-chart .g.v{stroke-dasharray:2 4}
.br-chart .l{fill:none;stroke:#C9741F;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.br-chart .a{fill:color-mix(in srgb,#E2A34B 16%,transparent)}
.br-chart .hit{fill:transparent;cursor:default}.br-chart .hit:hover{fill:#C9741F;r:4}
.br-chart .end{fill:#C9741F;stroke:var(--surface);stroke-width:2}
.br-chart{margin-bottom:6px}
.br-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.br-mo{display:grid;gap:3px;padding:13px 14px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}
.br-mo small{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.br-mo b{font-family:var(--display);font-weight:400;font-size:20px}
.br-mo span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#B5620B;opacity:.8}
a.br-mo:hover{transform:translateY(-2px);border-color:#E2A34B}a.br-mo:hover span{opacity:1}
.br-mo.best{border-color:#E2A34B;background:color-mix(in srgb,#E2A34B 9%,var(--surface))}
.br-mo.empty{opacity:.45;border-style:dashed}
.nolink{cursor:default}
/* graduate home */







@media (max-width:860px){.br-pair,.br-shelf{grid-template-columns:1fr}.br-months{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:420px){.br-tabs a{padding:6px 9px;font-size:12.5px}.br-months{grid-template-columns:repeat(2,minmax(0,1fr))}.br-row{padding:12px 14px;gap:12px}}









/* ---------- The Brain: Vendor database ---------- */
.ic-wrap.teal{background:color-mix(in srgb,#147a71 14%,transparent);color:#147a71}
.chip-btn.sm{padding:5px 11px;font-size:12.5px}
.chip-btn.deal{display:inline-flex;align-items:center;gap:5px}
.chip-btn.deal.on{background:#fff1dc;border-color:#E2A34B;color:#8a4a07}
.vd-cats{padding-top:2px}


.vd-cat-h{margin:18px 0 10px;display:flex;align-items:center;gap:10px}
.vd-cat-h h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.vd-cat-h::after{content:"";flex:1;height:1px;background:var(--line)}



.vd-logo{position:relative;flex:none;width:64px;height:64px;border-radius:14px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.vd-logo.dark{background:#1f3a2a;border-color:#1f3a2a}
.vd-logo img{max-width:52px;max-height:44px;object-fit:contain;position:relative;z-index:1}
.vd-logo i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-family:var(--display);font-size:22px;color:var(--leaf-ink);background:var(--leaf-soft);opacity:0}
.vd-logo.none i,.vd-logo:not(:has(img)) i{opacity:1}




.vd-price{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff6e8;border:1px solid #f3dcb6;color:#6b3d08;font-size:13.5px;line-height:1.45}
.vd-price svg{flex:none;margin-top:2px;color:#C9741F}.vd-price b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a85d0c;margin-bottom:2px}
[data-theme="dark"] .vd-price{background:#2b2010;border-color:#4a3415;color:#f2d6ae}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .vd-price{background:#2b2010;border-color:#4a3415;color:#f2d6ae}}









@media (max-width:520px){.br-tools .od-states{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.br-tools .od-states .chip-btn{flex:none}}
/* vendor database v2 */
.vd-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;padding:34px 36px 26px;margin-bottom:18px;color:#fff;display:grid;gap:16px;
  background:radial-gradient(80% 140% at 100% 0%,rgba(20,122,113,.45),transparent 60%),linear-gradient(135deg,#1f4a2e 0%,#12301f 80%);box-shadow:0 24px 50px -30px rgba(18,48,31,.7)}
.vd-hero::after{content:"";position:absolute;inset:-160px;z-index:-1;background:url("leaf-pattern.png") 0 0/170px 170px;opacity:.06}
.vd-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,3.6vw,46px);line-height:1.05;margin:6px 0 6px;color:#fff}
.vd-hero p{margin:0;color:#d4e3cd;font-size:16px;max-width:620px}
.vd-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:0 18px;height:58px;max-width:720px;box-shadow:0 14px 30px -18px rgba(0,0,0,.55)}
.vd-search svg{color:#5d6b60}.vd-search input{all:unset;flex:1;font-size:16.5px;color:#16201A}
.vd-search:focus-within{box-shadow:0 0 0 4px rgba(166,206,57,.45)}
.vd-stats{display:flex;flex-wrap:wrap;gap:8px}
.vd-stats>*{display:inline-flex;align-items:baseline;gap:5px;font:inherit;font-size:13.5px;color:#d4e3cd;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 13px}
.vd-stats b{color:#fff;font-size:15px}.vd-stats button{cursor:pointer}.vd-stats button:hover,.vd-stats button.on{background:#A6CE39;color:#1d2a12;border-color:#A6CE39}.vd-stats button:hover b,.vd-stats button.on b{color:#1d2a12}
.vd-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
button.h4-tile{font:inherit;text-align:left;cursor:pointer}
.vd-need{min-height:150px}.vd-need small{padding-right:0}
.vd-need-n{margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:800;color:var(--fg)}
.vd-saved{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.vd-mini{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:transform .15s,border-color .15s}
.vd-mini:hover{transform:translateY(-2px);border-color:var(--leaf)}
.vd-mini span{display:grid;gap:2px;min-width:0}.vd-mini small{color:var(--muted);font-size:12.5px}



.vd-logo.sm{width:44px;height:44px;border-radius:11px}.vd-logo.sm img{max-width:36px;max-height:30px}.vd-logo.sm i{font-size:16px}
.vd-logo.lg{width:84px;height:84px;border-radius:18px}.vd-logo.lg img{max-width:70px;max-height:58px}.vd-logo.lg i{font-size:28px}
.vd-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.chip-btn .n{opacity:.6;font-weight:700;margin-left:2px}
.vd-sec{margin-top:14px}
.vd-sec .vd-cat-h{margin:18px 0 8px}.vd-sec .vd-cat-h .hint{font-weight:700}
.vd-list{padding:0;overflow:hidden}
.vd-row{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-top:1px solid var(--line)}
.vd-row:first-child{border-top:0}
.vd-open{all:unset;flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:6px;border-radius:12px;cursor:pointer}
.vd-open:hover{background:color-mix(in srgb,var(--leaf) 8%,transparent)}.vd-open:focus-visible{outline:2px solid var(--leaf)}
.vd-open .vd-logo{width:52px;height:52px;border-radius:12px}.vd-open .vd-logo img{max-width:42px;max-height:36px}.vd-open .vd-logo i{font-size:18px}
.vd-main{flex:1;min-width:0;display:grid;gap:3px}
.vd-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vd-t b{font-size:15.5px}.vd-t .chip{font-size:11px;padding:2px 8px}
.vd-sub{font-size:13.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.vd-deal{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:#a85d0c;width:max-content}
.vd-acts{display:flex;gap:6px;flex:none}
.vd-q{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}
.vd-q:hover{border-color:var(--leaf)}.vd-q.save.on{background:#fff1dc;border-color:#E2A34B;color:#8a4a07}
.vd-cmp{margin:6px 0 10px}.vd-cmp-scroll{overflow-x:auto}
.vd-cmp table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.vd-cmp th,.vd-cmp td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top;text-align:left}
.vd-cmp thead th{border-top:0;text-transform:none;letter-spacing:0;background:none}.vd-cmp tbody th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);width:120px;white-space:nowrap}
.vd-cmp-h{all:unset;cursor:pointer;display:flex;align-items:center;gap:10px}.vd-cmp-h b{font-size:15px}
.vd-cmp-deal{color:#8a4a07;font-weight:600}
.vd-cmp td>div+div{margin-top:8px}
.vd-drawer{width:min(520px,100%)}
.vd-d{display:grid;gap:18px;align-content:start}
.vd-d-top{display:flex;align-items:center;gap:16px}.vd-d-top h2{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1}
.vd-d-top a{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.vd-d section h3{margin:0 0 8px;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.vd-d section p{margin:0 0 6px;line-height:1.5}
.vd-d-people{display:grid;gap:10px}
.vd-d-p{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px}
.vd-d-pn{display:flex;align-items:center;gap:10px}.vd-d-pn span{display:grid}.vd-d-pn small{color:var(--muted);font-size:12.5px}
.vd-d-pl{display:flex;flex-wrap:wrap;gap:6px}
.vd-d-others{display:grid;gap:6px;margin-bottom:10px}
.vd-d-o{all:unset;display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);cursor:pointer}
.vd-d-o:hover{border-color:var(--leaf)}.vd-d-o>span:not(.vd-logo){flex:1;display:grid;min-width:0}.vd-d-o small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-d-f{flex-wrap:wrap}.vd-d-f .btn{flex:1}
@media (max-width:860px){.vd-needs{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-hero{padding:26px 22px 20px}}
@media (max-width:620px){.vd-needs{grid-template-columns:1fr}.vd-need{min-height:0}.vd-row{flex-wrap:wrap;padding:8px 10px 12px}.vd-acts{width:100%;padding-left:72px}.vd-q span{display:none}.vd-q{padding:0 11px}.vd-acts .vd-q.save span{display:inline}}
/* vendor editing (admins) */
.vd-add{position:absolute;top:22px;right:22px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff}
.vd-add:hover{background:rgba(255,255,255,.2)}
.vd-admin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface-2)}
.vd-admin .btn{margin-left:auto}
.vd-e{display:grid;gap:14px;align-content:start}
.vd-e textarea,.vd-e select{width:100%}
.vd-e-people{display:grid;gap:12px}
.vd-e-p{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.vd-e-del{border-top:1px solid var(--line);padding-top:12px}
/* vendor logo + files */
.vd-tags{display:flex;gap:12px;flex-wrap:wrap}
.vd-ftag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--leaf-ink)}
.vd-files{display:grid;gap:6px}
.vd-file{all:unset;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.vd-file:hover{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 6%,transparent)}
.vd-file span{flex:1;display:grid;min-width:0}.vd-file b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-file small{color:var(--muted);font-size:12px}
.vd-e-logo{display:flex;gap:14px;align-items:flex-start;font-weight:400}
.vd-e-logo .vd-logo i{opacity:1}
.vd-e-logo-r{flex:1;display:grid;gap:8px}.vd-e-logo-r .btn{width:max-content}
.vd-e-files{display:grid;gap:6px;font-weight:400}
.vd-e-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.vd-e-file span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.vd-e-file.new{border-style:dashed}
/* admin: preview as University / The Brain */

/* ---------- The Hub · Workspace (#/work) ---------- */
.ws{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);min-width:0}
.ws-more{border:0;background:none;color:var(--leaf-ink);font:inherit;font-size:13px;font-weight:750;padding:6px;border-radius:9px;text-align:left}.ws-more:hover{background:var(--surface)}
.ws .page-h h1{margin-top:2px}
.avatar.sm{width:28px;height:28px;font-size:11px}
.ws-av.none{background:var(--surface-3);color:var(--muted)}
.ws-dot{width:9px;height:9px;border-radius:3px;flex:none;display:inline-block}
.ws-bnav .ws-dot{margin:0 4px}
.ws-newb{width:100%;border:0;background:none;text-align:left;font:inherit;color:var(--muted)}
.ws-quick{display:flex;align-items:flex-start;gap:10px;padding:12px 14px}
.ws-quick>.ico{margin-top:11px;color:var(--leaf-ink)}
.ws-quick-in{flex:1;min-width:0;display:grid;gap:5px}
.ws-quick-in .hint{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:18px}
.ws-quick .ws-qb{width:auto;max-width:170px}
.ws-digest{display:flex;gap:10px;align-items:flex-start;background:var(--leaf-soft);border-radius:var(--r);padding:12px 16px;color:var(--ink-2)}
.ws-digest .ico{color:var(--leaf-ink);flex:none;margin-top:2px}
.ws-digest a{color:inherit}
.ws-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.ws-col{padding:10px;display:grid;gap:2px}
.ws-col-h{display:flex;align-items:center;gap:8px;padding:6px 8px 8px}
.ws-col-h h3{font-size:14.5px;flex:1}
.ws-pip{width:9px;height:9px;border-radius:50%;background:var(--faint)}
.ws-pip.late{background:var(--warn)}.ws-pip.new{background:var(--info)}.ws-pip.prog{background:var(--leaf-2)}
.ws-col-empty{color:var(--muted);font-size:13.5px;padding:10px 8px 12px}
.ws-task{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;border-radius:11px;padding:9px 8px;font:inherit;color:var(--ink)}
.ws-task:hover{background:var(--surface-2)}
.ws-task-m{display:grid;gap:4px;min-width:0;flex:1}
.ws-task-m b{font-weight:650;font-size:14px;line-height:1.35}
.ws-task.done b{color:var(--muted);text-decoration:line-through}
.ws-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--muted);align-items:center}
.ws-meta>span{display:inline-flex;align-items:center;gap:4px}
.ws-bn{font-weight:700;color:var(--ink-2)}
.ws-due{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.ws-due.late{color:var(--bad);font-weight:700}.ws-due.today{color:var(--warn);font-weight:700}.ws-due.soon{color:var(--ink-2);font-weight:650}.ws-due.none{color:var(--faint)}
.ws-from{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}
.ws-tag{font-size:11px;font-weight:800;letter-spacing:.03em;color:var(--info);background:var(--info-soft);border-radius:999px;padding:1px 8px}
.ws-st{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:750;white-space:nowrap;border:1px solid transparent}
.st-none{background:var(--surface-3);color:var(--ink-2)}.st-prog{background:var(--info-soft);color:var(--info)}.st-wait{background:var(--warn-soft);color:var(--warn)}.st-done{background:var(--ok-soft);color:var(--ok)}
.ws-h2{font-size:15px;margin:6px 0 -6px;color:var(--ink-2)}
.ws-bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.ws-bcard{display:grid;gap:8px;padding:16px;text-decoration:none;color:var(--ink);text-align:left;font:inherit}
a.ws-bcard:hover{box-shadow:var(--shadow-2)}
.ws-bc-h{display:flex;align-items:center;gap:8px}.ws-bc-h .ws-dot{width:11px;height:11px}
.ws-bcard{align-content:start}.ws-bcard .bar{height:6px;min-height:6px;max-height:6px;display:block;align-self:start}
.ws-bcard.add{border:1.5px dashed var(--line-2);background:none;box-shadow:none;place-content:center;justify-items:center;color:var(--muted);min-height:96px}
.ws-bh{align-items:flex-end}
.ws-tools{gap:8px}
.ws .seg{margin-top:0}
.ws-table{padding:4px 0;overflow:hidden}
.ws-tr{display:grid;grid-template-columns:minmax(0,1fr) 150px 140px 120px;gap:12px;align-items:center;padding:8px 16px;border-top:1px solid var(--line)}
.ws-tr:first-child{border-top:0}
.ws-th{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:10px;padding-bottom:10px}
.ws-tt{border:0;background:none;text-align:left;font:inherit;color:var(--ink);display:grid;gap:3px;padding:4px 0;min-width:0}
.ws-tt b{font-weight:650}.ws-tt:hover b{text-decoration:underline;text-underline-offset:3px}
.ws-tr.done .ws-tt b{color:var(--muted)}
.ws-who{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
/* Done area: finished tasks move under the open ones on a board, plus a Done page for everything finished */
.ws-donebox{padding:0;overflow:hidden;margin-top:14px}
.ws-done-h{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;font:inherit;color:var(--ink);padding:13px 16px;text-align:left}
.ws-done-h:hover{background:var(--surface-2)}
.ws-done-h>.ico{color:var(--leaf-ink)}
.ws-done-h b{font-size:14.5px}
.ws-done-t{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:750;color:var(--leaf-ink)}
.ws-donebox.on .ws-done-t .ico{transform:rotate(180deg)}
.ws-donebox .ws-table{border-top:1px solid var(--line);padding:0}
.ws-done-more{margin:6px 10px 10px}
.ws-allclear{padding:22px}
.ws-donelink{display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--r);border:1px dashed var(--line);color:var(--ink-2);text-decoration:none;font-size:14px}
.ws-donelink>.ico{color:var(--leaf-ink);flex:none}
.ws-donelink:hover{background:var(--surface-2)}
.ws-dl-go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:750;color:var(--leaf-ink);white-space:nowrap}
.ws-dgroup{margin-top:2px}
.ws-drow{display:flex;align-items:center;gap:6px;border-radius:11px}
.ws-drow:hover{background:var(--surface-2)}
.ws-drow .ws-task:hover{background:none}
.ws-fin-ck{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink)}
.ws-fin .ws-meta>span{display:inline-flex;align-items:center;gap:5px}
.ws-undo{flex:none;color:var(--muted);opacity:.75}
.ws-dwhos{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ws-dpick{width:auto;min-width:150px;padding:6px 10px;font-size:13px}
.ws-dwho{cursor:pointer;border-radius:6px}.ws-dwho:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ws-owndone{gap:2px}.ws-owndone a.ws-task{text-decoration:none}.ws-owndone .ws-meta>span{display:inline-flex;align-items:center;gap:5px}
.ws-drow:hover .ws-undo,.ws-undo:focus-visible{opacity:1;color:var(--ink)}
@media (max-width:720px){.ws-drow{flex-wrap:wrap}.ws-undo{margin-left:42px;margin-bottom:6px;opacity:1}.ws-donelink{flex-wrap:wrap}.ws-dl-go{margin-left:0}}
.ws-stsel{appearance:none;-webkit-appearance:none;border:0;border-radius:999px;padding:5px 26px 5px 12px;font:inherit;font-size:12.5px;font-weight:750;cursor:pointer;max-width:100%;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 13px) 52%,calc(100% - 9px) 52%;background-size:4px 4px;background-repeat:no-repeat}
.ws-stsel.st-none{background-color:var(--surface-3)}.ws-stsel.st-prog{background-color:var(--info-soft)}.ws-stsel.st-wait{background-color:var(--warn-soft)}.ws-stsel.st-done{background-color:var(--ok-soft)}
.ws-kan{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,1fr);gap:12px;overflow-x:auto;max-width:100%;min-width:0;padding-bottom:8px;align-items:start}
.ws-lane{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:grid;gap:8px;min-height:120px;transition:background .15s,border-color .15s}
.ws-lane.over{background:var(--leaf-soft);border-color:var(--leaf-2)}
.ws-lane-h{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 4px}
.ws-kcard{display:grid;gap:7px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;font:inherit;color:var(--ink);box-shadow:var(--shadow-1);cursor:grab}
.ws-kcard b{font-weight:650;font-size:14px;line-height:1.35}
.ws-kcard.drag{opacity:.45}
.ws-kc-f{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ws-lane-add{border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px;padding:6px;border-radius:9px}
.ws-lane-add:hover{background:var(--surface);color:var(--ink)}
.ws-req{display:grid;gap:14px;padding:18px}
.ws-req-m{display:grid;gap:6px;align-content:start;min-width:0}
.ws-req-m h3{font-size:17px}
.ws-req-m p{color:var(--ink-2)}
.ws-req-a{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;border-top:1px solid var(--line);padding-top:14px}.ws-req-a .field{flex:1;min-width:170px;max-width:260px}.ws-req-a .row{margin-left:auto}
.ws-req-files{display:flex;flex-wrap:wrap;gap:6px}
.ws-req-files .chip{text-decoration:none}
.ws-drawer{width:min(540px,100%)}
.ws-title{border:1px solid transparent;border-radius:10px;padding:6px 8px;margin:-6px -8px 0;font:inherit;font-size:20px;font-weight:800;line-height:1.3;color:var(--ink);background:none;resize:none;overflow:hidden;width:calc(100% + 16px)}
.ws-title:hover{border-color:var(--line)}.ws-title:focus{outline:none;border-color:var(--leaf-2);box-shadow:0 0 0 4px var(--leaf-glow)}
.ws-note{display:flex;gap:8px;align-items:flex-start;background:var(--info-soft);color:var(--ink-2);border-radius:11px;padding:10px 12px;font-size:13.5px}
.ws-note .ico{color:var(--info);flex:none;margin-top:2px}
.ws-note.ok{background:var(--ok-soft)}.ws-note.ok .ico{color:var(--ok)}
.ws-stages{display:flex;flex-wrap:wrap;gap:6px}
.ws-stages .ws-st{cursor:pointer;opacity:.6;padding:6px 14px;font-size:13px}
.ws-stages .ws-st:hover{opacity:.9}
.ws-stages .ws-st.on{opacity:1;border-color:currentColor}
.ws-kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}
.ws-kv label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--muted)}
.ws-kv .input{padding:8px 10px;font-size:14px}
.ws-sec{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}
.ws-sec h3{font-size:14.5px}
.ws-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13.5px;margin:0}.ws-dl dt{color:var(--muted);font-weight:700}.ws-dl dd{margin:0}
.ws-file{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:6px 6px 6px 10px}
.ws-file-n{flex:1;min-width:0;display:flex;align-items:center;gap:7px;border:0;background:none;font:inherit;font-size:13.5px;font-weight:650;color:var(--ink);text-align:left}
.ws-file-n span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-deliv{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.iconbtn.sm{width:30px;height:30px;border-radius:9px}
.ws-cm{display:flex;gap:10px;align-items:flex-start}
.ws-cm small{color:var(--muted)}.ws-cm p{margin-top:2px;white-space:pre-wrap}
.ws-cmf{display:flex;gap:8px}
.ws-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px}
.ws-modal{width:min(600px,calc(100% - 32px))}
.ws-tpl{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;font-weight:500}
.ws-tpl button{display:grid;gap:2px;text-align:left;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink)}
.ws-tpl button span{font-size:12.5px;color:var(--muted)}
.ws-tpl button.on{border-color:var(--leaf-2);box-shadow:0 0 0 3px var(--leaf-glow)}
.ws-tpl-copy{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);flex-wrap:wrap}.ws-tpl-copy .input{width:auto}
.ws-colors{display:flex;gap:6px;flex-wrap:wrap}
.ws-colors label{cursor:pointer}.ws-colors input{position:absolute;opacity:0;pointer-events:none}
.ws-colors span{display:block;width:24px;height:24px;border-radius:7px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ws-colors input:checked+span{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--c)}
.ws-colors input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:980px){.ws-grid3{grid-template-columns:minmax(0,1fr)}.ws-req{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .ws-tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t t" "s d" "w w";gap:6px 10px;padding:12px 14px}
  .ws-tr>:nth-child(1){grid-area:t}.ws-tr>:nth-child(2){grid-area:s}.ws-tr>:nth-child(3){grid-area:w}.ws-tr>:nth-child(4){grid-area:d;justify-self:end}
  .ws-th{display:none}
  .ws-quick{flex-wrap:wrap}.ws-quick-in{flex:1 1 calc(100% - 34px)}.ws-quick .ws-qb{max-width:none;flex:1}
  .ws-kv{grid-template-columns:minmax(0,1fr)}
  .ws-kan{grid-auto-columns:minmax(240px,85%)}
}
.rq-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:440px}
.rq-steps li{font-size:11.5px;font-weight:700;color:var(--faint);padding-top:7px;border-top:4px solid var(--surface-3);border-radius:2px}
.rq-steps li.on{color:var(--ink-2);border-top-color:var(--leaf-2)}
.rq-steps li.cur{color:var(--leaf-ink)}
.rq-deliv{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
/* The Hub shell */
.side-brand.hub img{height:44px;width:auto}
.login-art .hubmark img{height:96px;width:auto}
@media (max-width:860px){.login-art .hubmark img{height:64px}}
.ws-bgroup{display:grid;gap:1px;margin:2px 0 6px 14px;padding-left:8px;border-left:1px solid var(--ever-line)}
.ws-bglabel{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ever-muted);padding:8px 10px 3px}
.ws-bgroup .nav{padding-top:6px;padding-bottom:6px;font-size:13.5px}
button.nav{width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.ws-home{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:4px;background:var(--leaf-soft);border-color:transparent}
.ws-home h2{font-size:18px;margin-top:2px}

/* ---------- The Hub · Home: equal cards ---------- */
.hub-hello{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;padding-top:6px;margin-bottom:18px}
.hub-hello h1{font-size:clamp(28px,3.4vw,38px);margin-top:4px;text-wrap:balance}
.hub-me{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hub-me .chip{text-decoration:none}

.hub-card{--c:var(--leaf-2);position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.hub-card:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line));box-shadow:var(--shadow-2)}
@media (prefers-reduced-motion:no-preference){.hub-card:hover{transform:translateY(-2px)}}
.hub-cover{position:absolute;inset:0;border-radius:inherit;z-index:0}
.hub-cover:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.hub-card-h{display:flex;align-items:center;gap:10px}
.hub-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,var(--surface));color:var(--c);flex:none}
.hub-t{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.hub-now{font-size:17px;line-height:1.35;color:var(--ink)}
.hub-now b{font-weight:800}.hub-now b.num{font-size:26px;letter-spacing:-.01em;margin-right:2px}
.hub-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px;align-content:start;color:var(--muted);font-size:13.5px;min-width:0}
.hub-lines li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hub-acts{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.t-uni{--c:#6E9E1F}.t-brain{--c:#1F6B45}.t-req{--c:#C9741F}.t-launch{--c:#2C6CA0}.t-ws{--c:#28877A}.t-own{--c:#7656A3}.t-prac{--c:#3870AA}.t-brand{--c:#9C4A6E}.t-wins{--c:#B8860B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t-brain{--c:#4FB07E}:root:not([data-theme="light"]) .t-uni{--c:#A6CE39}}
:root[data-theme="dark"] .t-brain{--c:#4FB07E}:root[data-theme="dark"] .t-uni{--c:#A6CE39}
@media (max-width:640px){.hub-lines li{white-space:normal}}

/* ---------- Owners (corporate) and My launch plan ---------- */
.ob-badge{--c:#2B5F78;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px 3px 8px;font-size:12px;font-weight:750;white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,var(--surface));color:color-mix(in srgb,var(--c) 80%,var(--ink));border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.ob-badge.pick{cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;background:var(--surface);color:var(--ink-2);border:1px dashed var(--line-2)}
.ob-badge.pick:hover{border-color:var(--c)}
.ob-badge.pick.on{background:var(--c);color:#fff;border:1px solid var(--c)}
.ob-stats{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--muted);font-size:14px;margin:4px 0 14px}.ob-stats b{color:var(--ink);font-size:18px;margin-right:4px}

.ob-list{padding:4px 0;overflow:hidden}
.ob-row{display:grid;grid-template-columns:auto minmax(0,1.3fr) 128px minmax(120px,1fr) 96px minmax(0,1.3fr);gap:14px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.ob-row:first-child{border-top:0}.ob-row:hover{background:var(--surface-2)}
.ob-row-m{display:grid;min-width:0}.ob-row-m b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-row-plan{display:grid;gap:4px}.ob-row-plan .bar{height:6px}
.ob-row-pts{font-weight:800;font-size:16px;text-align:right}.ob-row-pts small{font-size:11px;font-weight:600;color:var(--muted);margin-left:3px}
.ob-row-b{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.ob-head{display:flex;gap:20px;align-items:center;padding:22px;margin:10px 0 14px;flex-wrap:wrap}
.ob-head-m{flex:1;min-width:220px;display:grid;gap:6px}.ob-head-m h1{font-size:30px}
.ob-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:13.5px}.ob-meta span{display:inline-flex;align-items:center;gap:5px}
.ob-badges{display:flex;flex-wrap:wrap;gap:6px}
.ob-head-pts{display:grid;justify-items:end;text-align:right}.ob-head-pts b{font-size:34px;font-weight:800;line-height:1}.ob-head-pts span{color:var(--muted);font-size:12.5px;font-weight:700}
.ob-facts{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:14px 20px;margin-bottom:16px}
.ob-facts>div{display:grid;gap:3px}.ob-facts span{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.ob-facts b{font-size:14.5px}
.ob-facts .btn{margin-left:auto}


.ob-sec{padding:18px 20px;display:grid;gap:12px}
.ob-sec-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ob-sec-h h2{font-size:18px}
.ob-ring{--p:0;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(var(--leaf-2) calc(var(--p)*1%),var(--surface-3) 0)}
.ob-ring b{width:46px;height:46px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:13px}
.ob-plan{display:grid;gap:14px}
.ob-phase{display:grid;gap:2px}
.ob-phase-h{display:flex;justify-content:space-between;align-items:center;padding:4px 0 6px;border-bottom:1px solid var(--line)}
.ob-phase.done .ob-phase-h b{color:var(--ok)}
.ob-task{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px dashed var(--line)}
.ob-task label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;font-size:14px}
.ob-task input{width:18px;height:18px;accent-color:var(--leaf-2);flex:none}
.ob-task.done label span,.ob-task.done>span:nth-child(2){color:var(--muted);text-decoration:line-through}
.ob-task.theirs>span:nth-child(2){flex:1;font-size:14px}
.ob-pcah{width:18px;display:grid;place-items:center;color:var(--muted)}
.ob-side{font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
.tag-owner{background:var(--info-soft);color:var(--info)}.tag-corp{background:var(--surface-3);color:var(--ink-2)}.tag-both{background:var(--leaf-soft);color:var(--leaf-ink)}
.ob-ms{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:800;color:var(--warn)}
.ob-del{opacity:.35}.ob-task:hover .ob-del,.ob-del:focus-visible,.ob-del.danger{opacity:1}.ob-del.danger{color:var(--bad);border-color:var(--bad)}
.ob-add{display:flex;gap:6px;padding-top:6px}.ob-add .input{padding:6px 10px;font-size:13.5px;border-style:dashed;background:transparent}.ob-add select{width:auto}.ob-add select,.ob-add .btn{display:none}.ob-add:focus-within select,.ob-add:focus-within .btn{display:inline-flex}.ob-add:focus-within .input{border-style:solid;background:var(--surface)}
.ob-empty{display:grid;gap:12px;justify-items:start;padding:8px 0}.ob-empty p{color:var(--ink-2);max-width:56ch}
.ob-pick{display:flex;flex-wrap:wrap;gap:6px}
.ob-pts{display:grid;gap:8px}.ob-quick{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ob-hist{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:8px}
.ob-hist-i{display:flex;gap:10px;align-items:center;padding:5px 0}.ob-hist-i>b{min-width:48px;color:var(--ok);font-weight:800}.ob-hist-i>b.neg{color:var(--bad)}.ob-hist-i>span{flex:1;display:grid;font-size:13.5px;min-width:0}
.ob-msl{display:grid;gap:4px}
.ob-msb{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 10px;font:inherit;font-size:13.5px;color:var(--ink-2);text-align:left;cursor:pointer}
.ob-msb span{flex:1}.ob-msb small{color:var(--muted);font-weight:700}
.ob-msb.on{background:var(--ok-soft);border-color:transparent;color:var(--ink)}.ob-msb.on .ico{color:var(--ok)}
.ob-modal{width:min(640px,calc(100% - 32px));display:grid;gap:14px}
.ob-blist{display:grid;gap:4px;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:6px}
.ob-bli{display:flex;align-items:center;gap:10px;padding:4px 6px}.ob-bli .hint{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-bli.off{opacity:.5}
.ob-bform{border-top:1px solid var(--line);padding-top:12px}
.ob-icons{display:flex;flex-wrap:wrap;gap:6px}.ob-icons label{cursor:pointer}.ob-icons input{position:absolute;opacity:0;pointer-events:none}
.ob-icons span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--line);color:var(--ink-2)}
.ob-icons input:checked+span{border-color:var(--leaf-2);background:var(--leaf-soft);color:var(--leaf-ink)}.ob-icons input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.ob-lhero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;flex-wrap:wrap;margin:8px 0 14px}.ob-lhero-m{display:grid;gap:6px;justify-items:start}.ob-lhero h2{font-size:22px;margin-top:4px}
@media (max-width:980px){.ob-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a m p" "a ph ph" "a pl pl" "a b b"}.ob-row>:first-child{grid-area:a;align-self:start}.ob-row-m{grid-area:m}.ob-row-pts{grid-area:p}.ob-row-ph{grid-area:ph}.ob-row-plan{grid-area:pl}.ob-row-b{grid-area:b;justify-content:flex-start}}
.ob-bli .btn,.ob-bli .ob-badge{flex:none}.ob-bli .hint{flex:1 1 0}

/* ---------- The Hub · Home: the three doors ---------- */
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px;position:relative}
.door{position:relative;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;text-align:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px 22px;box-shadow:var(--shadow-1);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.door:hover{border-color:var(--leaf-2);box-shadow:var(--shadow-2)}
@media (prefers-reduced-motion:no-preference){.door:hover{transform:translateY(-3px)}}
.door-step{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--leaf-ink);background:var(--leaf-soft);border-radius:999px;padding:4px 12px}
.door-art{height:168px;display:grid;place-items:center}
.door-logo{height:168px;width:auto;max-width:100%;display:block}
.door-logo.d{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .door-logo.l{display:none}:root:not([data-theme="light"]) .door-logo.d{display:block}}
:root[data-theme="dark"] .door-logo.l{display:none}:root[data-theme="dark"] .door-logo.d{display:block}
.door-what{color:var(--ink-2);font-size:14.5px;line-height:1.5;max-width:34ch;margin:0}
.door-now{display:grid;gap:7px;width:100%;font-size:13px;color:var(--muted);font-weight:600}
.door-now span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.door-bar{height:8px;background:var(--surface-3);border-radius:99px;overflow:hidden;display:block}
.door-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--leaf-2),var(--leaf));border-radius:99px}
.door-cta{position:relative;z-index:1;width:100%}
.doors.path .door:not(:last-child)::after{content:"";position:absolute;top:50%;right:-15px;width:12px;height:12px;border-top:2.5px solid var(--leaf-2);border-right:2.5px solid var(--leaf-2);transform:translateY(-50%) rotate(45deg);z-index:2}
.hub-h2{font-size:16px;margin:0 0 12px;color:var(--ink-2)}
.minis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.mini{--c:var(--leaf-2);display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-width:0}
.mini:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.mini>span:nth-child(2){flex:1;display:grid;min-width:0}.mini b{font-size:14.5px}.mini small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .hub-ic{width:34px;height:34px;border-radius:10px}
@media (max-width:1100px){.minis{grid-template-columns:repeat(2,minmax(0,1fr))}.door-art,.door-logo{height:140px}}
@media (max-width:860px){.doors{grid-template-columns:minmax(0,1fr)}.doors.path .door:not(:last-child)::after{top:auto;bottom:-15px;right:50%;transform:translateX(50%) rotate(135deg)}
  .door{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;justify-items:start;text-align:left;align-items:center;column-gap:16px}
  .door-step{grid-column:1/-1}.door-art{grid-row:span 3;height:110px}.door-logo{height:110px}.door-cta{grid-column:1/-1}}
@media (max-width:520px){.minis{grid-template-columns:minmax(0,1fr)}}
.ob-lhead{display:flex;gap:18px;align-items:center}

/* Doors: reverse logos on evergreen */
.door{background:radial-gradient(120% 90% at 50% 0%,var(--ever-3),var(--ever) 70%);border-color:var(--ever-line);color:var(--ever-ink);box-shadow:var(--shadow-2)}
.door:hover{border-color:var(--leaf)}
.door .door-what{color:var(--ever-ink);opacity:.86}
.door .door-now{color:var(--ever-muted)}
.door .door-bar{background:rgba(255,255,255,.12)}
.door .door-step{background:rgba(166,206,57,.16);color:var(--leaf)}
.door-logo{display:block!important}
.minis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.minis{grid-template-columns:minmax(0,1fr)}}
/* Sidebar: section logo and section switcher */
.side-brand.sec-hub img{height:44px}
.side-brand img{transition:opacity .2s}
.side-sw{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:6px 12px 8px;padding:5px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--ever-line)}
.side-sw a{display:grid;justify-items:center;gap:3px;padding:7px 2px;border-radius:10px;color:var(--ever-muted);text-decoration:none;font-size:10.5px;font-weight:700}
.side-sw a:hover{color:var(--ever-ink);background:rgba(255,255,255,.06)}
.side-sw a.on{background:rgba(166,206,57,.16);color:var(--leaf)}
.side-sw .ico{width:18px;height:18px}
.ob-ltile{width:84px;height:84px;border-radius:20px;background:radial-gradient(120% 90% at 50% 0%,var(--ever-3),var(--ever) 70%);display:grid;place-items:center;flex:none}.ob-ltile img{height:58px;width:auto}

/* ---------- Ask PCAH, the support teammate ---------- */
.sup-drawer{width:min(520px,100%)}
.sup-av{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;color:#1B2905;background:linear-gradient(135deg,var(--leaf),var(--leaf-2))}
.sup-av.sm{width:32px;height:32px;border-radius:10px}
.sup-drawer .drawer-h h2{flex:none}.sup-drawer .drawer-h small{display:block;margin-top:1px}
.sup-hello{display:flex;gap:12px;align-items:flex-start}.sup-hello p{color:var(--ink-2);margin-top:4px;font-size:14.5px}
.sup-start{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sup-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sup-chips .chip-btn{padding:6px 12px;font-size:13px}
.sup-a .txt p+p{margin-top:8px}
.sup-tpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.sup-tpl{display:grid;gap:5px;align-content:start;border:1px solid var(--line);border-radius:14px;padding:8px;background:var(--surface)}
.sup-thumb{display:grid;place-items:center;max-height:180px;width:100%;border-radius:9px;overflow:hidden;background:var(--surface-2);color:var(--muted)}
.sup-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sup-tpl b{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sup-tpl small{color:var(--muted);font-size:11.5px}
.sup-tpl-a{display:grid;gap:5px}.sup-tpl-a .btn{width:100%;padding:6px 8px;font-size:12.5px}
.sup-card{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface);display:grid;gap:9px}
.sup-card-h{display:flex;align-items:center;gap:7px;color:var(--leaf-ink)}.sup-card-h b{color:var(--ink)}
.sup-req dl{display:grid;gap:5px;margin:0}.sup-req dl>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13.5px}.sup-req dt{color:var(--muted);font-weight:700}.sup-req dd{margin:0;white-space:pre-wrap}
.sup-req.sent{background:var(--ok-soft);border-color:transparent}
.sup-line{display:flex;gap:8px;align-items:flex-start;border-bottom:1px dashed var(--line);padding-bottom:7px}.sup-line span{flex:1;display:grid;gap:2px;font-size:14px;white-space:pre-wrap}.sup-line small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:420px){.sup-tpls{grid-template-columns:minmax(0,1fr)}}

/* Terms / Privacy / Acceptable Use: footer links and the one-time agreement */
.legal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:40px 0 8px;padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint)}
.legal-foot a{color:var(--muted);text-decoration:none}.legal-foot a:hover{text-decoration:underline}
.login-form .legal-foot{border-top:0;margin:20px 0 0}
.legal-gate{max-width:440px;width:calc(100% - 32px);text-align:center;gap:14px;padding:28px}
.legal-gate .legal-logo{height:44px;width:auto;margin:0 auto}
.legal-gate h2{font-size:24px;font-weight:400;margin:0}
.legal-gate .legal-check{text-align:left;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}
.legal-gate .legal-check input{margin-top:3px;flex:none}

/* ---------- Office Workspace: trial, plan, team, setup, client checklists (office.js) ---------- */
.ws-rep{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}

.ws-repnote{display:flex;align-items:center;gap:6px;margin:-4px 0 0}
.ws-lesson{text-decoration:none;background:var(--leaf-soft)}.ws-lesson .ico{color:var(--leaf-ink)}
.of-banner{display:flex;gap:14px;align-items:center;border-radius:var(--r);padding:12px 16px;background:var(--leaf-soft);border:1px solid color-mix(in srgb,var(--leaf) 35%,transparent);margin-bottom:16px}
.of-banner>div{flex:1;min-width:0}.of-banner b{display:block}.of-banner p{font-size:14px;color:var(--ink-2)}
.of-banner.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
.of-banner.bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 22%,transparent)}.of-banner.bad>.ico{color:var(--bad)}
.of-count{display:grid;place-items:center;min-width:58px;padding:6px 8px;border-radius:14px;background:var(--surface);line-height:1}
.of-count b{font-size:24px}.of-count small{font-size:11px;color:var(--muted);font-weight:700;margin-top:3px}
.of-next{display:flex;gap:12px;align-items:center;padding:14px 16px;margin:14px 0}.of-next>.ico{color:var(--leaf-ink);flex:none}.of-next>div{flex:1}.of-next b{display:block}
.of-next.on{border-color:color-mix(in srgb,var(--leaf) 45%,transparent)}
.of-modal{width:min(560px,calc(100% - 32px));gap:14px}
.of-price{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--surface-2);border-radius:14px;padding:14px 16px}
.of-price>div>b{display:block;font-size:28px;line-height:1.1}.of-price>div>b small{font-size:14px;color:var(--muted);font-weight:600}
.of-price ul{margin:0;padding-left:18px;font-size:13.5px;color:var(--ink-2)}
.of-rule{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:11px;padding:9px 12px;margin:0}.of-rule .ico{flex:none;margin-top:2px;color:var(--muted)}
.of-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}
.of-team{display:grid;gap:6px;text-align:left;font:inherit;color:var(--ink);padding:16px;cursor:pointer}
.of-team.on{border-color:var(--leaf-2);box-shadow:0 0 0 3px var(--leaf-glow)}
.of-roles{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.of-preview{padding:20px;display:grid;gap:16px}.of-preview h2{font-size:17px}
.of-hats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.of-hat{border-top:3px solid var(--c);background:var(--surface-2);border-radius:12px;padding:12px}
.of-hat b{display:block;margin-bottom:6px}.of-hat ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.of-hat li{font-size:13.5px;line-height:1.3}.of-hat li small{display:block;color:var(--muted);font-size:12px}
.of-wfstrip{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px;margin:14px 0}
.of-wfcs{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
.of-wfc{display:inline-flex;align-items:baseline;gap:5px;font-size:14px}.of-wfc b{font-size:18px}.of-wfc small{color:var(--muted);font-size:12px;letter-spacing:.04em}
.of-wfs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.of-wfs button{display:grid;gap:2px;text-align:left;border:1px solid var(--line-2);background:var(--surface);border-radius:12px;padding:10px 12px;font:inherit;color:var(--ink)}
.of-wfs button.on{border-color:var(--leaf-2);box-shadow:0 0 0 3px var(--leaf-glow)}
.of-steps{margin:0;padding:0;list-style:none;display:grid;gap:6px;max-height:220px;overflow:auto;font-size:13.5px}
.of-steps li{display:grid;grid-template-columns:96px 1fr;gap:8px}.of-steps .num{color:var(--muted);font-size:12px;font-weight:700;padding-top:1px}
.of-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
.of-grid .of-priv{grid-column:1/-1}
.of-plan,.of-people,.of-priv{padding:20px;display:grid;gap:12px}
.of-plan h2,.of-people h2,.of-priv h2{font-size:17px;display:flex;align-items:center;gap:6px}
.of-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}.of-dl dt{color:var(--muted)}.of-dl dd{margin:0;font-weight:650}
.of-seats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;font-weight:700}
.of-step{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:2px}.of-step b{min-width:22px;text-align:center}
.of-person{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:6px 0;border-bottom:1px solid var(--line)}.of-pm{flex:1 1 160px;min-width:0;display:grid}
.of-invite{border-top:1px solid var(--line);padding-top:12px;gap:10px}.of-invite h3{font-size:15px}
.of-sup{display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:12px;padding:12px 14px}.of-sup b{display:block}
.of-bill{padding:16px 18px;margin-bottom:14px;border-color:color-mix(in srgb,var(--warn) 35%,transparent)}
.of-bill h2{font-size:16px;display:flex;align-items:center;gap:6px}
.of-bill-r{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}.of-bill-r>span{flex:1;display:grid}
.of-chip{margin-left:6px}
.of-acard{display:grid;gap:10px}
.of-ev{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.of-ev li{display:flex;justify-content:space-between;gap:8px}
@media (max-width:760px){ .of-grid{grid-template-columns:1fr} .of-wfs{grid-template-columns:1fr} .of-price{grid-template-columns:1fr} .of-steps li{grid-template-columns:80px 1fr} }
.of-see{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0 10px 42px;border-bottom:1px solid var(--line)}
.of-see .hint{font-size:12px;margin-right:2px}
.ws-who-see{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
.of-person:has(+ .of-see){border-bottom:0}
.of-hat-wf{margin-top:8px;font-size:12.5px}
.of-wfc{text-decoration:none;color:var(--ink);align-items:center}.of-wfc:hover b{text-decoration:underline}
.sig-prof{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:10px;background:var(--surface-2,var(--surface))}
.sig-prof dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 16px;margin:0}
.sig-prof dt{font-size:12px;color:var(--muted)}.sig-prof dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.access-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 6px}
.access-strip>b{margin-right:6px}
.access-strip .hint{flex-basis:100%;margin:0}
.access-courses{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;margin-top:4px;border-top:1px solid var(--line)}
.access-courses>b{flex-basis:100%;font-size:14px}
.ptabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:4px 0 2px;scrollbar-width:none}
.ptabs a{padding:10px 14px;font-weight:600;font-size:14.5px;color:var(--muted);text-decoration:none;border-bottom:2.5px solid transparent;white-space:nowrap}
.ptabs a:hover{color:var(--ink)}.ptabs a.on{color:var(--ink);border-bottom-color:var(--leaf)}
.pnext{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pnext li{display:flex;gap:10px;align-items:center;font-size:14.5px}
.pdir-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 18px;margin:0}.pdir-dl dt{font-size:12px;color:var(--muted)}.pdir-dl dd{margin:0;font-size:14.5px;overflow-wrap:anywhere}
.pdir-team{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:4px}.pdir-team .chip-btn{text-decoration:none}
.ob-row.off{opacity:.6}
.ppl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ppl-tools .input{max-width:320px}
.od-hub{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.od-hub .chip-btn{text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 10px}
.od-faces{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 2px}
.od-faces figure{margin:0;display:grid;justify-items:center;gap:4px;width:72px}
.od-faces img{width:60px;height:60px;border-radius:50%;object-fit:cover;object-position:50% 25%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}
.od-faces figcaption{font-size:11.5px;line-height:1.25;text-align:center;color:var(--ink-2)}
.avatar.has-photo img{object-position:50% 25%}
.od-ph-btn{margin-left:auto;flex:none}.od-owners{display:flex;align-items:center;gap:8px}
.od-phl{display:grid;gap:10px}.od-phr{display:grid;grid-template-columns:48px 1fr auto auto;gap:10px;align-items:center}
.od-phr img,.od-ph0{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 25%}.od-ph0{display:grid;place-items:center;background:var(--surface-3);color:var(--muted)}
@media (max-width:480px){.od-phr{grid-template-columns:48px 1fr}.od-phr .btn{grid-column:2}}
/* Designed info page (lessons.guide): banner with quick facts, info cards, a checklist and a "bring with you" list */
.gd-hero{border-radius:var(--r);padding:24px 26px;background:var(--ever);color:var(--ever-ink);display:grid;gap:16px;position:relative;overflow:hidden}
.gd-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(var(--leaf-glow),transparent 70%);pointer-events:none}
.gd-hero p{font-size:17px;line-height:1.6;max-width:66ch;color:var(--ever-ink)}
.gd-hero b{color:#fff}
.gd-facts{display:flex;flex-wrap:wrap;gap:10px}
.gd-facts div{background:var(--ever-3);border:1px solid var(--ever-line);border-radius:12px;padding:10px 14px;min-width:140px;flex:1 1 140px;max-width:240px}
.gd-facts b{display:block;font-family:var(--display);font-weight:400;font-size:20px;line-height:1.2;color:#fff}
.gd-facts span{font-size:13px;color:var(--ever-muted)}
.gd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.gd-card{padding:18px;display:grid;gap:10px;align-content:start}
.gd-card h2{font-size:17px}
.gd-card p{color:var(--ink-2);font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.gd-ic{width:38px;height:38px;border-radius:11px;background:var(--leaf-soft);color:var(--leaf-ink);display:grid;place-items:center;flex:none}
.gd-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.gd-check ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.gd-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;background:var(--surface-2);border:1px solid transparent;border-radius:11px;padding:10px 12px;font-weight:600;color:var(--ink)}
.gd-item:hover{border-color:var(--line-2)}
.gd-box{width:22px;height:22px;border-radius:7px;border:2px solid var(--line-2);display:grid;place-items:center;flex:none;background:var(--surface)}
.gd-item.on{background:var(--leaf-soft)}
.gd-item.on .gd-box{background:var(--leaf);border-color:var(--leaf);color:#16201A}
.gd-item.on span:last-child{color:var(--ink-2)}
.gd-bring{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--ink-2)}
.gd-bring b{color:var(--ink)}
.gd-ed summary{cursor:pointer;display:grid;gap:2px}
@media (max-width:560px){.gd-hero{padding:20px}.gd-facts div{max-width:none}}
.gd-ed-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-2)}
.gd-check li{display:flex;gap:6px;align-items:stretch;min-width:0}
.gd-check li .gd-item{flex:1;min-width:0}
.gd-go{display:inline-flex;align-items:center;gap:2px;padding:0 10px;border-radius:11px;font-size:13px;font-weight:700;text-decoration:none;color:var(--leaf-ink);background:var(--surface-2);white-space:nowrap}
.gd-go:hover{background:var(--leaf-soft)}
.gd-check.grouped ul{grid-template-columns:1fr}
.gd-sec{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.gd-sec h3{font-size:15px}
.vrow.soon{cursor:default;opacity:.6}.vrow.soon:hover{background:none}.vrow.soon .vs{font-weight:700}

/* ---------- The Brain: Inside Voice podcast (podcast.js) ---------- */
.pod-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:30px 30px 28px;border-radius:22px;color:#fff;
  background:linear-gradient(135deg,#1f4a2e 0%,#0F2419 85%);box-shadow:0 22px 44px -30px rgba(18,48,31,.75);margin-bottom:16px}
.pod-hero::after{content:"";position:absolute;inset:-120px;z-index:-1;background:url("leaf-pattern.png") 0 0/150px 150px;opacity:.06}
.pod-hero-t{display:grid;gap:8px;min-width:0}
.pod-hero h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.1;color:#fff}
.pod-with{font-size:17px;font-weight:700;color:#c9ec8f}
.pod-meta{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.72)}
.pod-sum{color:rgba(255,255,255,.88);max-width:60ch}
.pod-hero .btn:not(.primary){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.pod-hero .btn.ghost{background:none;border-color:transparent}
.pod-acts{display:flex;flex-wrap:wrap;gap:8px}.pod-acts.big{margin-top:8px}
.pod-art{position:relative;flex:none;display:block;width:84px;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--ever)}
.pod-art.lg{width:100%;border-radius:18px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.pod-art.md{width:104px}.pod-art.sm{width:48px;border-radius:10px}
.pod-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pod-fb{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff;line-height:1;
  background:radial-gradient(circle at 75% 20%,rgba(166,206,57,.45),transparent 55%),linear-gradient(150deg,var(--tone),#0F2419)}
.pod-fb small{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.pod-fb b{font-family:var(--display);font-weight:400;font-size:34px;margin-top:4px}
.pod-art.lg .pod-fb small{font-size:14px}.pod-art.lg .pod-fb b{font-size:84px}
.pod-art.sm .pod-fb small{display:none}.pod-art.sm .pod-fb b{font-size:18px;margin:0}
.pod-follow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;margin-bottom:22px}
.pod-follow>div:first-child{display:grid;gap:2px}.pod-follow small{color:var(--muted);font-size:13px}
.pod-apps,.pod-d-links{display:flex;flex-wrap:wrap;gap:8px}
.pod-app{display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:border-color .12s ease,transform .12s ease}
.pod-app:hover{border-color:var(--leaf);transform:translateY(-1px)}
.pod-app-i{width:22px;height:22px;flex:none;display:block}
.pod-app-i.rss{display:grid;place-items:center;border-radius:6px;background:var(--surface-3);color:var(--ink-2)}
.pod-cont{margin-bottom:22px}
.pod-topics{gap:7px}
.pod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pod-card{display:grid;gap:10px;padding:14px;min-width:0}
.pod-card.is-hidden{opacity:.6;border-style:dashed}
.pod-card-top{all:unset;display:flex;gap:14px;align-items:flex-start;cursor:pointer;min-width:0;border-radius:10px}
.pod-card-top:focus-visible{outline:2px solid var(--leaf);outline-offset:3px}
.pod-card-t{display:grid;gap:3px;min-width:0}
.pod-card-t small{font-size:12px;font-weight:700;color:var(--muted)}
.pod-card-t b{font-family:var(--display);font-weight:400;font-size:18.5px;line-height:1.2}
.pod-card-top:hover b{color:var(--leaf-ink)}
.pod-g{font-size:14px;font-weight:600;color:var(--ink-2)}
.pod-tags{display:flex;flex-wrap:wrap;gap:6px}
.pod-tag{font:inherit;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:0;color:var(--tone);background:color-mix(in srgb,var(--tone) 11%,transparent)}
button.pod-tag{cursor:pointer}
:root[data-theme="dark"] .pod-tag{color:color-mix(in srgb,var(--tone) 45%,#fff)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pod-tag{color:color-mix(in srgb,var(--tone) 45%,#fff)}}
.pod-card-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.pod-card-p{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted)}
.pod-prog{display:block;width:64px;height:5px;border-radius:9px;background:var(--surface-3);overflow:hidden}.pod-prog i{display:block;height:100%;background:var(--leaf)}
.pod-done{display:inline-flex;align-items:center;gap:4px;color:var(--ok)}
.pod-d{display:grid;gap:18px;align-content:start}.pod-d section{display:grid;gap:8px}.pod-d p{color:var(--ink-2)}
.pod-d-top{display:flex;gap:16px;align-items:center}.pod-d-top h2{font-family:var(--display);font-weight:400;font-size:24px}
.pod-e-topics{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
.pod-e-topics legend{font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.pod-e-topics .chk{display:flex;align-items:center;gap:8px;font-size:14px}
.pod-watch{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-50%);width:min(980px,calc(100vw - 32px));background:#08130D;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-3);color:#fff}
.pod-watch-h,.pod-watch-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.pod-watch-h>div{display:grid;min-width:0}.pod-watch-h small{font-size:12px;color:#9DB2A3;font-weight:700}.pod-watch-h b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-watch .iconbtn{color:#fff}.pod-watch-f .hint{color:#9DB2A3}
.pod-watch video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#000}
.pod-bar{position:fixed;z-index:60;left:calc(var(--side-w) + 24px);right:24px;bottom:18px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;
  background:color-mix(in srgb,var(--ever) 96%,transparent);color:#fff;box-shadow:var(--shadow-3);backdrop-filter:blur(10px)}
.pod-bar-t{flex:1;min-width:0;display:grid;gap:1px}
.pod-bar-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-bar-t small{font-size:12px;color:#9DB2A3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pod-bar input[type=range]{width:100%;accent-color:var(--leaf);height:14px;margin:2px 0 0}
.pod-bar-c{display:flex;align-items:center;gap:2px}.pod-bar .iconbtn,.pod-watch .iconbtn{background:transparent;border-color:transparent;color:#fff;box-shadow:none}.pod-bar .iconbtn:hover,.pod-watch .iconbtn:hover{background:rgba(255,255,255,.1)}
.pod-pp{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:var(--leaf);color:#14200b}
.pod-pp .ico{fill:currentColor}
.pod-rate{border:1px solid rgba(255,255,255,.25);background:none;color:#fff;border-radius:999px;font-size:12px;font-weight:800;padding:4px 8px;min-width:44px}
body.has-podbar .view{padding-bottom:120px}
@media (max-width:900px){
  .pod-hero{grid-template-columns:minmax(0,1fr);padding:22px 18px}
  .pod-hero .pod-art.lg{display:none}
  .pod-grid{grid-template-columns:minmax(0,1fr)}
  .pod-follow{padding:14px}
  .pod-bar{left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom,0px));gap:8px;padding:8px 10px}
  .pod-bar .iconbtn[data-s],.pod-bar .pod-rate{display:none}
  body.has-podbar .view{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}
  .pod-e-topics{grid-template-columns:minmax(0,1fr)}
}
.pod-pts{font-size:12px;font-weight:800;color:var(--leaf-ink);background:var(--leaf-soft);border-radius:999px;padding:3px 9px}

/* Report a bug (bugs.js) */
.bug-btn{color:var(--muted)}
.bug-btn:hover{color:var(--ink)}
@media (max-width:1100px){.hide-md{display:none}}
.modal.bug-modal{width:min(560px,calc(100% - 32px));padding:24px;gap:16px}
.modal.bug-modal.bug-in{animation:tourIn .2s ease}
.bug-modal h2{font-size:20px;margin:0}
.bug-modal .ic-wrap{width:40px;height:40px;border-radius:12px;flex:none}
.bug-pic{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.bug-pic img{display:block;width:150px;max-height:110px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line);background:var(--surface)}
.bug-pic-t{display:grid;gap:6px;min-width:0}
.bug-pic-t b{font-size:14px}
.bug-pic-t .hint{font-size:12.5px}
.bug-pic.wait{justify-content:center;min-height:84px;color:var(--muted);font-weight:600;font-size:14px}
.bug-pic .spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--leaf-ink);animation:bugSpin .8s linear infinite}
@keyframes bugSpin{to{transform:rotate(360deg)}}
.bug-drop{padding:14px}
.bug-fine{display:flex;gap:8px;align-items:flex-start;margin:0}
.bug-fine .ico{flex:none;margin-top:2px}
.bug-done{display:grid;justify-items:center;text-align:center;gap:12px;padding:32px 28px 26px}
.bug-done .lede{max-width:40ch;margin:0}
.bug-ok{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink)}
@media (max-width:520px){.bug-pic{flex-direction:column;align-items:stretch}.bug-pic img{width:100%;max-height:160px}}
/* Bug report tasks: Claude's suggested fix and the admin's choice (workspace.js fixBox) */
.ws-fix{flex:none;display:grid;gap:10px;border:1px solid var(--line);border-left:4px solid var(--info);border-radius:12px;padding:12px 14px;background:var(--surface)}
.ws-fix.proposed{border-left-color:var(--leaf-2);background:var(--leaf-soft)}
.ws-fix.needs_gina{border-left-color:var(--warn);background:var(--warn-soft)}
.ws-fix.live{border-left-color:var(--ok);background:var(--ok-soft)}
.ws-fix-h{display:flex;align-items:center;gap:8px;font-size:14.5px}
.ws-fix.proposed .ws-fix-h{color:var(--leaf-ink)}.ws-fix.needs_gina .ws-fix-h{color:var(--warn)}.ws-fix.live .ws-fix-h{color:var(--ok)}.ws-fix.waiting .ws-fix-h{color:var(--info)}
.ws-fix-p{margin:0;font-size:14px;color:var(--ink);white-space:pre-wrap}
.ws-fix .field-l{font-size:13px}
.ws-fix-ok{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:13px;font-weight:600;color:var(--ok)}
.ws-fix-ok .ico{flex:none;margin-top:2px}
.ws-drawer .ws-title{flex:none}

/* ---------- Sales Portal (#/sales) ---------- */
.t-sales{--c:#2B5F78}
.sl-word{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.sl-word img{height:38px;width:auto}
.sl-word span{display:grid;line-height:1}
.sl-word b{font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:.06em;text-transform:uppercase}
.sl-word small{font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--ever-muted);font-weight:700;margin-top:4px}
.side-sw.five{grid-template-columns:repeat(5,1fr)}
.side-sw.five a{font-size:9.5px}
.sl-soon{opacity:.55;cursor:default}
.sl-side-add{padding:10px 12px 4px}
.sl-side-add .btn{width:100%}
.page-h .seg a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}
.page-h .seg a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
.sl-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:4px 0 16px}
.sl-tools select.input{width:auto;min-width:150px;max-width:220px}
.sl-search{position:relative;flex:1 1 260px;min-width:0;max-width:420px;display:block}
.sl-search .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.sl-search .input{padding-left:36px}
/* board */
.sl-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(232px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start;max-width:100%;scroll-snap-type:x proximity}
.sl-lane{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:grid;gap:8px;min-height:160px;align-content:start;transition:background .15s,border-color .15s;scroll-snap-align:start}
.sl-lane.over{background:var(--leaf-soft);border-color:var(--leaf-2)}
.sl-lane.won{background:color-mix(in srgb,var(--ok-soft) 70%,var(--surface-2))}
.sl-lane.lostlane{background:color-mix(in srgb,var(--bad-soft) 45%,var(--surface-2))}
.sl-lane.lostlane.over{background:var(--bad-soft);border-color:var(--bad)}
.sl-lane-h{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:2px 4px 6px;min-height:58px;align-content:start}
.sl-lane-h .sl-lane-k{grid-column:1;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--leaf-ink)}
.sl-lane-h b{grid-column:1;font-size:14px;line-height:1.25}
.sl-lane-h .hint{grid-column:1;font-size:12px}
.sl-n{grid-column:2;grid-row:1/3;align-self:start;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;color:var(--ink-2)}
.sl-lane-empty{font-size:12.5px;color:var(--faint);text-align:center;padding:14px 4px;border:1px dashed var(--line-2);border-radius:10px;margin:0}
/* Pipeline color groups (Nov 5, 2026): getting them on the phone = orange, sessions = blue, signed = green, side lanes = gray */
.sl-lane{border-top:4px solid var(--line-2)}
.sl-lane.g-phone{border-top-color:var(--warn);background:color-mix(in srgb,var(--warn-soft) 55%,var(--surface-2))}
.sl-lane.g-sess{border-top-color:var(--info);background:color-mix(in srgb,var(--info-soft) 45%,var(--surface-2))}
.sl-lane.g-won{border-top-color:var(--ok)}
.sl-lane.nurlane{border-top-color:var(--muted,#8A8579);background:var(--surface-2)}
.sl-lane.lostlane{border-top-color:var(--bad)}
.sl-lane.g-phone .sl-lane-h .sl-lane-k{color:var(--warn)}
.sl-lane.g-sess .sl-lane-h .sl-lane-k{color:var(--info)}
.sl-grp{justify-self:start;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2,var(--muted));background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 9px;margin:-2px 0 2px}
.sl-lane:not(.g-first) .sl-lane-h{padding-top:26px}
.chip.sl-g-phone{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.chip.sl-g-sess{background:var(--info-soft);color:var(--info);border-color:transparent}
.chip.sl-g-won{background:var(--ok-soft);color:var(--ok);border-color:transparent}
/* Getting them on the phone card on a prospect's page */
.sl-reach{display:grid;gap:12px;padding:16px 18px;border-left:5px solid var(--warn);background:color-mix(in srgb,var(--warn-soft) 40%,var(--surface))}
.sl-reach.nur{border-left-color:var(--line-2);background:var(--surface)}
.sl-reach-main{display:flex;gap:12px;align-items:flex-start}
.sl-reach-main>div{display:grid;gap:3px;min-width:0}
.sl-reach-main b{font-size:16px}
.sl-reach-ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--warn-soft);color:var(--warn)}
.sl-reach.nur .sl-reach-ic{background:var(--surface-2);color:var(--muted)}
.sl-reach-next{color:var(--ink)}
.sl-reach-warn{color:var(--warn);font-weight:600}
.sl-reach-acts{display:flex;flex-wrap:wrap;gap:8px}
.sl-noans{border-color:var(--warn);color:var(--warn)}
.sl-reach-f{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.sl-auto{font-size:13.5px}
/* 30-day follow-up card, call queue and reminders */
.sl-cad{display:grid;gap:14px;padding:16px 18px;border-left:5px solid var(--leaf)}
.sl-cad.off{border-left-color:var(--line-2)}
.sl-cad.done{border-left-color:var(--line-2);gap:10px}
.sl-cad .sl-reach-ic{background:color-mix(in srgb,var(--leaf) 14%,var(--surface));color:var(--leaf-ink)}
.sl-cad.off .sl-reach-ic,.sl-cad.done .sl-reach-ic{background:var(--surface-2);color:var(--muted)}
.sl-cad-h{display:grid;gap:10px}
.sl-cad-bar{display:block;height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.sl-cad-bar i{display:block;height:100%;background:var(--leaf);border-radius:99px}
.sl-cad-hold{margin:0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--warn-soft) 60%,var(--surface));font-size:13.5px;display:flex;gap:6px;align-items:center}
.sl-cad-now{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:var(--surface-2)}
.sl-cad-now>b{font-size:15.5px}
.sl-script{margin:0;padding:10px 12px;border-left:3px solid var(--leaf);background:var(--surface);border-radius:0 8px 8px 0;font-size:14px;line-height:1.5;white-space:pre-line}
.sl-cad-next ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.sl-cad-next li{display:flex;gap:10px;align-items:flex-start}
.sl-cad-next li>span{display:grid;gap:1px}
.sl-cad-next li .ico{margin-top:3px;color:var(--muted)}
.sl-cad-next li.skip{opacity:.6}
.sl-outs{display:inline-flex;flex-wrap:wrap;gap:6px}
.sl-talked{border-color:var(--leaf);color:var(--leaf-ink)}
.sl-consent{display:inline-flex;align-items:center;gap:4px;font-size:12.5px}
.sl-rem-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.sl-rem-picks .sl-slot{display:grid;gap:2px;padding:10px 8px}
.sl-rem-picks .sl-slot small{font-weight:400;font-size:12px;opacity:.85}
.sl-due-at{display:inline-flex;align-items:center;gap:4px;margin-top:2px}
.sl-script-d{margin-top:4px}
.sl-script-d summary{cursor:pointer;font-size:13px;color:var(--leaf-ink);font-weight:600}
.sl-script-d .sl-script{margin-top:6px}
.sl-task-outs{display:block;margin-top:8px}
.sl-task-outs .btn{padding:4px 10px;font-size:12.5px}
.sl-sms-script{background:var(--surface-2)}
.sl-email-frame.plain{background:#fff;padding:18px}
.sl-tot td{font-weight:700}
/* Booking: free times on someone's calendar */
.sl-slots{display:grid;gap:8px}
.sl-slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}
.sl-slot{font:inherit;font-size:13.5px;font-weight:600;padding:8px 6px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer}
.sl-slot:hover{border-color:var(--leaf-2)}
.sl-slot.on{background:var(--leaf);border-color:var(--leaf);color:#fff}
.sl-slot-own{max-width:220px}
.sl-away{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 12px;border-radius:10px;background:var(--warn-bg,#FBF1E2);color:var(--ink);font-size:13.5px}
.sl-away .chip .hint{margin-left:4px}
.sl-slot-msg{margin:0}
/* Text message preview on the Messages page */
.sl-sms{display:grid;gap:8px;padding:18px;background:var(--surface-2);border-radius:var(--r);border:1px solid var(--line)}
.sl-sms-from{font-size:12px;color:var(--muted)}
.sl-sms-b{margin:0;max-width:320px;padding:12px 14px;border-radius:18px 18px 18px 6px;background:var(--surface);border:1px solid var(--line);font-size:14.5px;line-height:1.45;white-space:pre-wrap}
.sl-auto-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:var(--info-soft);color:var(--ink);font-size:13.5px}
.sl-tkind.k-text{background:var(--info-soft);color:var(--info)}
.sl-tkind.k-automatic{background:var(--warn-soft);color:var(--warn)}
@media (max-width:640px){ .sl-reach-acts .btn{flex:1 1 auto} }
.sl-card{display:grid;gap:6px;text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;color:var(--ink);box-shadow:var(--shadow-1);cursor:grab;transition:border-color .15s,box-shadow .15s}
.sl-card:hover{border-color:var(--leaf-2);box-shadow:var(--shadow-2)}
.sl-card b{font-weight:700;font-size:14px;line-height:1.3}
.sl-card.drag{opacity:.4}
.sl-card.lost b{color:var(--ink-2)}
.sl-terr{display:flex;gap:5px;align-items:center;font-size:12.5px;color:var(--muted);min-width:0}
.sl-terr .ico{flex:none}
.sl-card-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
.sl-card-f .chip{padding:2px 8px;font-size:11.5px}
.sl-days{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--faint)}
.sl-av{background:var(--ever-3);color:var(--ever-ink)}
.sl-av.none{background:var(--surface-3);color:var(--muted)}
.sl-av.big{width:60px;height:60px;font-size:21px;background:var(--ever);color:var(--leaf)}
.sl-more{border:0;background:none;color:var(--leaf-ink);font:inherit;font-size:13px;font-weight:700;padding:6px;border-radius:9px;cursor:pointer}
.sl-more:hover{background:var(--surface)}
/* list */
.sl-count{margin:-6px 0 8px}
.sl-tbl tbody tr{cursor:pointer}
.sl-tbl tbody tr:hover td{background:var(--surface-2)}
.sl-tbl td{vertical-align:middle}
.sl-tbl small{display:block}
.sl-name{font-weight:700;color:var(--ink);text-decoration:none}
.sl-th{border:0;background:none;font:inherit;font-weight:inherit;color:inherit;padding:0;cursor:pointer;text-transform:inherit;letter-spacing:inherit}
.sl-th.on{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.sl-next{font-size:13px;max-width:240px}
.sl-next .ico{vertical-align:-2px}
.sl-late{color:var(--bad);font-weight:700}
.sl-today{color:var(--leaf-ink);font-weight:700}
/* prospect page */
.sl-hero{padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:center;margin-top:12px}
.sl-hero-main{display:flex;gap:16px;align-items:center;min-width:0}
.sl-hero h1{font-size:clamp(26px,3vw,34px)}
.sl-contact{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--ink-2)}
.sl-contact a,.sl-contact span{display:inline-flex;gap:6px;align-items:center;color:inherit;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.sl-contact a:hover{color:var(--leaf-ink)}
.sl-hero-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:440px}
.sl-stage-sel{display:flex;align-items:center;gap:8px}
.sl-stage-sel select{width:auto;max-width:250px}
.sl-next-bar{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--leaf-soft);color:var(--leaf-ink);border-radius:10px;padding:9px 12px;font-size:14px}
.sl-trail{margin:16px 0 12px;padding:22px 24px 14px;background:linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--surface-2) 60%,var(--surface)) 100%)}
.sl-trail-h h2{font-family:var(--display);font-weight:400;font-size:clamp(20px,2.3vw,26px);margin-top:4px;color:var(--ink)}
.sl-trail-scroll{overflow-x:auto;margin:0 -8px}
.sl-trail-scroll>svg{display:block;width:100%;min-width:720px;height:auto}
.tr-path{fill:none;stroke:#C9C3BA;stroke-width:4;stroke-linecap:round;stroke-dasharray:.5 10}
.tr-path-done{fill:none;stroke:var(--leaf-2);stroke-width:6;stroke-linecap:round}
.tr-dot{fill:var(--leaf);stroke:var(--surface);stroke-width:4}
.tr-stop.done .tr-dot{fill:var(--leaf-2)}
.tr-stop:not(.done):not(.on) .tr-dot{fill:var(--surface);stroke:#B5AFA5;stroke-width:2.5}
.tr-stop:not(.done):not(.on) .tr-n{fill:#747063}
.tr-stop.on .tr-dot{fill:#4A4A40;stroke:var(--leaf);stroke-width:4}
.tr-n{font:800 15px var(--ui);fill:#1B2905}
.tr-stop.on .tr-n{fill:#fff;font-size:17px}
.tr-tick{fill:none;stroke:#1B2905;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.tr-t{font:700 15px var(--ui);fill:var(--ink)}
.tr-stop.on .tr-t{font-size:17px;font-weight:800}
.tr-stop:not(.done):not(.on) .tr-t{fill:#5E5A50;font-weight:600}
.tr-here rect{fill:#6B6B5F}
.tr-here text{font:700 12.5px var(--ui);fill:#fff}
.sl-trail.is-lost .tr-stop.on .tr-dot{fill:var(--bad)}
.sl-trail.is-lost .tr-here rect{fill:var(--bad)}
.sl-trail-note{font-size:14px;color:var(--ink-2);text-align:center;margin:2px 0 4px}
.sl-trail.is-won .sl-trail-note{color:var(--ok);font-weight:700}
.sl-cols{align-items:start}
.sl-qual{display:grid;gap:14px}
.sl-q{display:grid;gap:6px}
.sl-q-t{font-size:13px;font-weight:700;color:var(--ink-2)}
.sl-pills{display:flex;flex-wrap:wrap;gap:6px}
.sl-pill{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer}
.sl-pill:hover{border-color:var(--leaf-2)}
.sl-pill.on.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}
.sl-pill.on.warn{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}
.sl-pill.on.bad{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}
.sl-tasks{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.sl-tgroup .sl-tasks{padding:8px 16px}
.sl-task{display:flex;gap:12px;align-items:center;padding:8px 4px;border-radius:10px}
.sl-task+.sl-task{border-top:1px solid var(--line)}
.sl-task-t{flex:1;min-width:0;display:grid;font-size:14px;font-weight:600}
.sl-task-t small{font-weight:500;font-size:12.5px}
.sl-task-t a{color:inherit}
.sl-task.done .sl-task-t{color:var(--faint);text-decoration:line-through}
.sl-tick{width:22px;height:22px;border-radius:7px;border:2px solid var(--line-2);background:var(--surface);display:grid;place-items:center;flex:none;padding:0;cursor:pointer;color:#1B2905}
.sl-tick:hover{border-color:var(--leaf-2)}
.sl-tick[aria-pressed=true]{background:var(--leaf);border-color:var(--leaf)}
.sl-task-add{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.sl-task-add select,.sl-task-add input[type=date]{min-width:0}
.sl-log{display:grid;gap:10px}
.sl-log .seg button{display:inline-flex;align-items:center;gap:5px}
.sl-log textarea{min-height:72px}
.sl-acts{list-style:none;margin:0;padding:0;display:grid;gap:0}
.sl-act{display:flex;gap:12px;padding:10px 0;position:relative}
.sl-act+.sl-act{border-top:1px solid var(--line)}
.sl-act-ic{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex:none;color:var(--ink-2)}
.sl-act.stage .sl-act-ic{background:var(--leaf-soft);color:var(--leaf-ink)}
.sl-act.won .sl-act-ic{background:var(--ok-soft);color:var(--ok)}
.sl-act.lost .sl-act-ic{background:var(--bad-soft);color:var(--bad)}
.sl-act p{font-size:14px}
.sl-act-b{white-space:pre-line;color:var(--ink-2);margin:3px 0 2px!important}
.sl-tgroup{margin-bottom:14px}
.sl-tgroup .card-h h2{display:flex;gap:8px;align-items:center}
/* dashboard */
.sl-dash-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:6px 0 16px}
.sl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.sl-tile{padding:16px 18px;display:grid;gap:2px;align-content:start}
.sl-tile-n{font-family:var(--display);font-size:34px;line-height:1.1;color:var(--ink)}
.sl-tile-t{font-weight:700;font-size:13.5px;color:var(--ink-2)}
.sl-dash{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sl-dash .sl-wide{grid-column:1/-1}
.sl-bars,.sl-funnel{display:grid;gap:9px}
.sl-bar{display:grid;grid-template-columns:minmax(90px,38%) 1fr auto;gap:10px;align-items:center;font-size:13px}
.sl-bar-l,.sl-f-l{color:var(--ink-2);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-bar-t{height:12px;background:var(--surface-2);border-radius:4px;overflow:hidden;display:block}
.sl-bar-t i{display:block;height:100%;background:var(--leaf-2);border-radius:0 4px 4px 0}
.sl-bar-t i.lost{background:var(--stone)}
.sl-bar-v{font-weight:800;min-width:24px;text-align:right}
.sl-f-row{display:grid;grid-template-columns:minmax(150px,24%) 1fr 40px 52px;gap:12px;align-items:center;font-size:13.5px}
.sl-f-row .sl-bar-t{height:16px}
.sl-f-v{font-weight:800;text-align:right}
.sl-f-p{text-align:right;color:var(--muted);font-weight:700}
.sl-f-p.low{color:var(--warn)}
/* pop-ups */
.sl-modal{width:min(560px,calc(100% - 32px))}
.sl-reasons{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.sl-book-how{display:flex;gap:8px;align-items:flex-start;background:var(--surface-2);border-radius:10px;padding:10px 12px;line-height:1.45}
.sl-book-how .ico{flex:none;margin-top:2px}
@media (max-width:1100px){.sl-dash{grid-template-columns:1fr 1fr}.sl-hero{grid-template-columns:1fr}.sl-hero-acts{justify-content:flex-start;max-width:none}}
@media (max-width:720px){
  .sl-board{grid-auto-columns:minmax(240px,82%)}
  .sl-dash{grid-template-columns:1fr}
  .sl-hero{padding:18px}
  .sl-hero-main{align-items:flex-start}
  .sl-av.big{width:46px;height:46px;font-size:16px}
  .sl-trail{padding:18px 14px 10px}
  .sl-f-row{grid-template-columns:minmax(110px,38%) 1fr 30px 40px;gap:8px;font-size:12.5px}
  .sl-reasons{grid-template-columns:1fr}
  .sl-tools select.input{flex:1 1 140px;max-width:none}
  .sl-search{max-width:none;flex-basis:100%}
}
.tr-halo{fill:var(--leaf-glow);stroke:none}
.tr-stop.on .tr-t{font-size:19px;font-weight:800;fill:var(--ink)}
.tr-stop.on .tr-dot{stroke-width:5}
.sl-guide{margin:0 0 16px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:16px 18px;display:grid;gap:12px;box-shadow:var(--shadow-1)}
.sl-guide-h{display:flex;gap:14px;align-items:center}
.sl-guide-h h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.2}
.sl-guide-n{width:44px;height:44px;border-radius:50%;background:#4A4A40;color:#fff;display:grid;place-items:center;font:800 19px var(--ui);flex:none;box-shadow:0 0 0 4px var(--leaf)}
.sl-trail.is-won .sl-guide-n{background:var(--ok)}
.sl-guide-l{margin:0;padding:0 0 0 2px;list-style:none;display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.sl-guide-l li{display:flex;gap:9px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.sl-guide-l li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--leaf);flex:none;margin-top:6px}
.sl-guide-f{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:10px;font-size:14px;color:var(--ink-2)}
.sl-guide-f>span{display:inline-flex;gap:6px;align-items:center}
.sl-owner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;padding:16px 18px;border-radius:var(--r);background:var(--leaf-soft);border:1px solid color-mix(in srgb,var(--leaf) 50%,transparent)}
.sl-owner>div:first-of-type{flex:1;min-width:220px;display:grid;gap:2px}
.sl-owner b{font-size:15px}
.sl-owner-ic{width:42px;height:42px;border-radius:12px;background:var(--leaf);color:#1B2905;display:grid;place-items:center;flex:none}
.sl-owner.done{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.sl-owner.done .sl-owner-ic{background:var(--ok);color:#fff}
.sl-dl{margin:0;display:grid;gap:10px}
.sl-dl div{display:grid;grid-template-columns:140px 1fr;gap:10px;font-size:14px}
.sl-dl dt{color:var(--muted);font-weight:600}.sl-dl dd{margin:0;white-space:pre-line}
.modal.sl-email{width:min(1120px,calc(100% - 32px));padding:22px}
.sl-email-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;align-items:start}
.sl-email-grid textarea{min-height:250px}
.sl-email-prev{display:grid;gap:8px;min-width:0}
.sl-email-subj{font-weight:700;font-size:15px;padding:10px 14px;background:var(--surface-2);border-radius:10px;border:1px solid var(--line);color:var(--ink)}
.sl-email-frame{border:1px solid var(--line);border-radius:12px;overflow:auto;max-height:68vh;background:#F4F6F1;color-scheme:light}
.sl-email-frame table{max-width:100%}
.sl-tpl{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.sl-tpl-list{display:grid;padding:6px;gap:2px}
.sl-tpl-i{display:grid;gap:2px;text-align:left;border:0;background:none;border-radius:10px;padding:10px 12px;font:inherit;color:var(--ink);cursor:pointer}
.sl-tpl-i b{font-size:14px;font-weight:700}
.sl-tpl-i:hover{background:var(--surface-2)}
.sl-tpl-i.on{background:var(--leaf-soft)}
.sl-tpl-i.off b{color:var(--faint)}
.sl-fields{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sl-fields .chip{cursor:pointer}
.sl-fields .chip:hover{border-color:var(--leaf-2)}
@media (max-width:1250px){.sl-tpl{grid-template-columns:240px minmax(0,1fr)}.sl-tpl .sl-email-prev{grid-column:2}}
@media (max-width:900px){.sl-email-grid{grid-template-columns:1fr}.sl-tpl{grid-template-columns:1fr}.sl-tpl .sl-email-prev{grid-column:auto}}
/* Workspace · Support by office */
.sup-bar{margin:4px 0 14px;gap:10px;flex-wrap:wrap}
.sup-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.sup-stat{padding:14px 16px;display:grid;gap:2px}
.sup-stat b{font:400 28px/1.1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.sup-stat span{font-size:12.5px;color:var(--muted);font-weight:600}
.sup-warn{display:flex;gap:10px;align-items:center;padding:12px 14px;margin-bottom:14px;background:var(--warn-soft);color:var(--ink);text-decoration:none;border-color:transparent}
.sup-warn .ico{color:var(--warn)}
.sup-quiet{margin-top:16px}
.sup-quiet summary{cursor:pointer;font-weight:700;color:var(--muted);font-size:13.5px}
.sup-quiet p{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sup-quiet .chip{text-decoration:none}
.sup-list{padding:6px}
.sup-item small{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.page-h .crumbs{display:inline-flex;margin-bottom:6px}
@media (max-width:640px){.sup-stats{grid-template-columns:1fr 1fr}.seg{flex-wrap:wrap}}
/* Sales Portal: Discovery Journey card + Journey content page */
.sl-jc{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:18px 20px;margin:0 0 16px;border-left:4px solid var(--leaf)}
.sl-jc-ic{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--leaf) 18%,var(--surface));display:grid;place-items:center;color:var(--leaf-ink,#46640E)}
.sl-jc-ic .ico{width:24px;height:24px}
.sl-jc-b{min-width:0;display:grid;gap:6px}
.sl-jc-b h2{font-size:17px}
.sl-jc-meta{display:flex;flex-wrap:wrap;gap:6px}
.sl-jc-link input{width:100%;font-size:13px}
.sl-jc-a{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:360px}
.sl-jstops{display:grid;gap:10px}
.sl-jstop{padding:0;overflow:hidden}
.sl-jstop-h{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.sl-jstop-h b{flex:1;font-size:15.5px}
.sl-jstop-n{width:30px;height:30px;border-radius:50%;background:#4A4A40;color:#fff;display:grid;place-items:center;font:800 13px var(--ui);flex:none}
.sl-jstop.open .sl-jstop-n{box-shadow:0 0 0 3px var(--leaf)}
.sl-jstop .card-b{border-top:1px solid var(--line);display:grid;gap:14px}
.sl-jlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sl-jlist li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px}
.sl-jlist li.hint{display:block;border-style:dashed;padding:14px}
.sl-jlist li>div{display:grid;gap:2px;min-width:0}
.sl-jart{width:52px;height:52px;border-radius:10px;background:#747063 center/cover;color:#fff;display:grid;place-items:center;font:800 14px var(--ui)}
.sl-jnote{font-size:13px;font-style:italic;color:var(--ink-2)}
.sl-jadd{display:grid;grid-template-columns:2fr auto 1.4fr 1fr;gap:8px;align-items:center}
.sl-jadd .sl-jnote-in{grid-column:1/4}
.sl-jor{text-align:center}
@media (max-width:760px){.sl-jc{grid-template-columns:auto 1fr}.sl-jc-a{grid-column:1/-1;justify-content:flex-start;max-width:none}.sl-jadd{grid-template-columns:1fr}.sl-jadd .sl-jnote-in{grid-column:auto}}

/* Discovery Journey activity (what a prospect watched) */
.sl-jx{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}
.sl-jx ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sl-jx li{display:grid;gap:5px}
.sl-jx-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
.sl-jx-t b{font-size:14px;font-weight:600;display:inline-flex;gap:6px;align-items:center}
.sl-jx-t .hint{display:inline-flex;gap:4px;align-items:center}
.sl-jx-bar{height:6px;border-radius:99px;background:color-mix(in srgb,var(--leaf) 16%,var(--surface));overflow:hidden}
.sl-jx-bar i{display:block;height:100%;background:var(--leaf2,#8DB92A);border-radius:inherit}
.sl-jx-bar.done i{background:var(--leaf-ink,#46640E)}
.sl-jx-none{grid-column:1/-1;margin:0}
.sl-jx-none:empty{display:none}
.sl-jboard{margin:0 0 20px}
.sl-jboard h2{font-size:18px;margin:0 0 4px}
.sl-jboard .tbl{margin:0;border-radius:0 0 var(--r,14px) var(--r,14px)}
.sl-jh2{font-size:18px;margin:6px 0 12px}

/* Google Meet join buttons (Sales Portal) */
.sl-next-bar .sl-join{margin-left:auto}
.sl-next-bar .btn.ghost.sm{padding:4px 8px}
.sl-up-ic{width:30px;height:30px;border-radius:9px;background:var(--leaf-soft);color:var(--leaf-ink);display:grid;place-items:center;flex:none}
.sl-ups .sl-task .btn{flex:none}

/* Prospect list stage chips */
.sl-schips{display:flex;flex-wrap:wrap;gap:6px;margin:-8px 0 4px}
.sl-schip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 8px 6px 12px;font:600 13px/1 var(--ui,inherit);cursor:pointer}
.sl-schip span{min-width:20px;padding:3px 6px;border-radius:999px;background:var(--surface-2);font-size:12px;text-align:center;color:var(--muted)}
.sl-schip:hover{border-color:var(--leaf2,#8DB92A)}
.sl-schip.on{background:var(--leaf-soft);border-color:var(--leaf2,#8DB92A);color:var(--leaf-ink)}
.sl-schip.on span{background:var(--leaf);color:#1B2905}
.sl-schip.lost.on{background:color-mix(in srgb,#c0392b 10%,var(--surface));border-color:#c0392b;color:#8e2a20}
.sl-schip.muted{color:var(--muted)}
/* Email template library: search, stage groups, type tags */
.sl-tpl-list{padding:8px;gap:4px;max-height:calc(100vh - 140px);overflow:auto;position:sticky;top:16px}
.sl-tpl-q{margin:0 0 6px}
.sl-tgrp{border-radius:10px}
.sl-tgrp>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;cursor:pointer;list-style:none;font:700 13.5px/1.3 var(--ui,inherit);color:var(--ink);border-radius:8px}
.sl-tgrp>summary::-webkit-details-marker{display:none}
.sl-tgrp>summary::before{content:"";width:7px;height:7px;flex:none;color:var(--leaf-ink);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-right:4px;transition:transform .15s}
.sl-tgrp[open]>summary::before{transform:rotate(45deg)}
.sl-tgrp>summary span:first-of-type{flex:1}
.sl-tgrp>summary:hover{background:var(--surface-2)}
.sl-tgrp-n{font-size:11px;letter-spacing:0;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px}
.sl-tgrp .sl-tpl-i{margin-left:6px}
.sl-tpl-i{grid-template-columns:1fr auto;align-items:center;gap:8px}
.sl-tkind{font:600 11px/1 var(--ui,inherit);padding:4px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.sl-tkind.k-reminder{background:#EEF3FB;color:#2C5AA0}
.sl-tkind.k-recap{background:var(--leaf-soft);color:var(--leaf-ink)}
.sl-tkind.k-getready{background:#FBF3E6;color:#9A5B12}
.sl-tkind.k-followup{background:#F6EEF2;color:#8A3D61}
.sl-tkind.k-share{background:#EEF6F5;color:#28776B}
@media (max-width:900px){.sl-tpl-list{position:static;max-height:none}}

/* Texting */
.sl-textok{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:3px 10px;font:600 12px/1.4 var(--ui,inherit);cursor:pointer}
.sl-textok.on{background:var(--leaf-soft);border-color:var(--leaf2,#8DB92A);color:var(--leaf-ink)}
.sl-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;background:var(--surface-2);border-radius:10px;padding:10px 12px}
.sl-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--leaf-ink,#46640E)}

/* Ask us (Journey content page + prospect timeline) */
.sl-ask{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px}
.sl-ask h3{margin:0 0 10px;font-size:16px}
.sl-asks,.sl-faq{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.sl-asks li{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line)}
.sl-asks li:first-child{border-top:0}
.sl-ask-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sl-ask-m{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;color:var(--leaf-ink)}
.sl-faq li{display:flex;gap:12px;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.sl-faq li:first-child{border-top:0}
.sl-faq li p{margin:3px 0 0;font-size:14px;color:var(--muted);line-height:1.45}
.sl-faq li.off{opacity:.55}
.sl-faq-b{display:flex;gap:4px;flex:none;align-items:flex-start}
.sl-faq-ed{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.sl-ask-a{display:block;margin-top:4px;font-size:13.5px;color:var(--muted)}
@media (max-width:900px){.sl-ask{grid-template-columns:1fr}}

/* What Ask us knows */
.sl-knows{margin-bottom:8px}.sl-knows h3{margin:0 0 6px;font-size:16px}
.sl-knows-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.sl-kgrp{border-top:1px solid var(--line);border-radius:0}
.sl-kgrp>summary{text-transform:none;letter-spacing:0;font-size:14px;color:var(--ink)}
.sl-kp{display:flex;gap:12px;align-items:flex-start;padding:8px 10px 10px 24px}
.sl-kp p{margin:0;flex:1;font-size:13.5px;line-height:1.5;color:var(--ink2,var(--ink));white-space:pre-line}
.sl-kp.off p{opacity:.45;text-decoration:line-through}

/* ---------- The Brain: T6 Sessions (t6.js) ---------- */
.t6-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t6-chk{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.t6-back{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:700;text-decoration:none;margin-bottom:4px}
.t6-admin-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}.t6-admin-bar .hint{display:inline-flex;align-items:center;gap:5px;margin-right:4px}
.t6-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center;padding:30px;border-radius:22px;color:#fff;
  background:linear-gradient(135deg,#1f4a2e 0%,#0F2419 85%);box-shadow:0 22px 44px -30px rgba(18,48,31,.75);margin-bottom:16px}
.t6-hero::after{content:"";position:absolute;inset:-120px;z-index:-1;background:url("leaf-pattern.png") 0 0/150px 150px;opacity:.06}
.t6-hero-t{display:grid;gap:8px;min-width:0}
.t6-hero h2{font-family:var(--display);font-weight:400;font-size:clamp(25px,3vw,34px);line-height:1.12;color:#fff}
.t6-with{font-size:17px;font-weight:700;color:#c9ec8f}
.t6-when{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:rgba(255,255,255,.78)}
.t6-sum{color:rgba(255,255,255,.88);max-width:62ch}
.t6-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.t6-hero .btn:not(.primary){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.t6-note{display:flex;align-items:center;gap:6px;font-size:13.5px;color:rgba(255,255,255,.8);margin-top:4px}
.t6-cal{display:grid;justify-items:center;align-content:center;width:62px;flex:none;aspect-ratio:1;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);line-height:1}
.t6-cal small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--leaf-ink)}
.t6-cal b{font-family:var(--display);font-weight:400;font-size:26px;margin-top:3px}.t6-cal i{display:none}
.t6-cal.lg{width:100%;border-radius:20px;background:#fff;border:0;color:var(--ink);box-shadow:0 18px 40px -18px rgba(0,0,0,.6);padding:14px 0 16px}
.t6-cal.lg small{font-size:14px;color:#46640E}.t6-cal.lg b{font-size:64px;margin-top:6px;color:#16201A}.t6-cal.lg i{display:block;font-style:normal;font-size:13px;font-weight:700;color:#68746A;margin-top:6px}
a.t6-survey-cta,.t6-survey-done{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:22px;text-decoration:none;color:inherit}
.t6-survey-cta{border-color:color-mix(in srgb,#E2742B 35%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,#E2742B 7%,var(--surface)),var(--surface));transition:transform .15s,box-shadow .15s}
.t6-survey-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
.t6-survey-cta>div,.t6-survey-done>div{flex:1;display:grid;gap:2px;min-width:0}.t6-survey-cta small,.t6-survey-done small{color:var(--muted);font-size:13.5px}
.t6-sec{display:grid;gap:12px;margin-bottom:24px}
.t6-recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
a.t6-rec{display:grid;text-decoration:none;color:inherit;overflow:hidden;transition:transform .15s,box-shadow .15s}.t6-rec:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.t6-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/8;background:linear-gradient(135deg,#1f4a2e,#0F2419);color:#fff}
.t6-thumb::after{content:"";position:absolute;inset:0;background:url("leaf-pattern.png") 0 0/120px 120px;opacity:.07}
.t6-thumb .ico{width:46px;height:46px;padding:12px;border-radius:50%;background:var(--leaf);color:#1B2905;position:relative;z-index:1}
.t6-thumb small{position:absolute;left:12px;bottom:10px;font-size:12px;font-weight:700;color:rgba(255,255,255,.8)}
.t6-rec-t{display:grid;gap:4px;padding:14px 16px 16px}.t6-rec-t small{color:var(--muted);font-size:13px}.t6-rec-t>span{justify-self:start;margin-top:4px;font-size:12.5px;font-weight:700}
.t6-empty{padding:30px 20px}
.t6-sched{padding:4px 0}
.t6-row{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-top:1px solid var(--line)}.t6-row:first-child{border-top:0}
.t6-row-a{flex:1;display:flex;align-items:center;gap:14px;padding:6px;border-radius:12px;text-decoration:none;color:inherit;min-width:0}
a.t6-row-a:hover{background:var(--surface-2)}
.t6-row-t{flex:1;display:grid;gap:2px;min-width:0}.t6-row-t small{color:var(--muted);font-size:13px}
.t6-row.next .t6-cal{background:var(--leaf-soft);border-color:var(--leaf)}
.t6-row.is-hidden{opacity:.55}
.t6-how{padding:20px 22px;display:grid;gap:14px;margin-bottom:10px}
.t6-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.t6-step{display:flex;gap:12px}.t6-step>span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--leaf-soft);color:var(--leaf-ink);font-weight:800}
.t6-step>div{display:grid;gap:3px}.t6-step small{color:var(--muted);font-size:13.5px}
.t6-watch{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;margin:14px 0 16px}
.t6-player{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0F2419;box-shadow:var(--shadow-2)}
.t6-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.t6-player.none{display:grid;place-content:center;justify-items:center;gap:12px;color:rgba(255,255,255,.85);text-align:center;padding:20px}
.t6-player.none .ico{width:40px;height:40px;color:var(--leaf)}
.t6-side{display:grid;gap:12px}
.t6-challenge{padding:18px;background:linear-gradient(135deg,#1f4a2e,#0F2419);color:#fff;border:0;display:grid;gap:8px}.t6-challenge p{font-size:15.5px;line-height:1.5}
.t6-about{padding:16px 18px;display:grid;gap:6px}.t6-about p{color:var(--ink-2)}
a.t6-slides{display:flex;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;color:inherit}.t6-slides>span{flex:1;display:grid}.t6-slides small{color:var(--muted)}
.t6-fb{padding:20px 22px;margin-bottom:16px}.t6-fb form{display:grid;gap:14px}
.t6-fb.done{display:flex;align-items:center;gap:14px}.t6-fb.done>div{display:grid;gap:2px}.t6-fb.done small{color:var(--muted)}
.t6-fb-h{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.t6-fb-h>div{display:grid;gap:4px}
.t6-stars{border:0;padding:0;margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.t6-stars legend{font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px;padding:0}
.t6-stars label{cursor:pointer;position:relative}.t6-stars input{position:absolute;opacity:0;pointer-events:none}
.t6-stars label span{font-size:34px;line-height:1;color:var(--line-2);transition:color .1s,transform .1s;display:block}
.t6-stars label.on span{color:#E2A21B}.t6-stars label:hover span{transform:scale(1.12)}
.t6-stars input:focus-visible+span{outline:2px solid var(--leaf);border-radius:6px}
.t6-stars small{margin-left:8px}
.t6-form{padding:6px 24px 22px;display:grid}
.t6-q{display:grid;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}
.t6-q-h{display:flex;gap:12px;align-items:flex-start}.t6-q-h>div{flex:1;display:grid;gap:2px}.t6-q-h h2{font-size:18px}
.t6-qn{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ever);color:var(--leaf);font-weight:800;font-size:14px}
.t6-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.t6-topic{position:relative;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line-2);border-radius:12px;cursor:pointer;font-weight:600;font-size:14px;background:var(--surface);transition:border-color .12s,background .12s}
.t6-topic input{position:absolute;opacity:0;pointer-events:none}
.t6-box{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-2);color:transparent}
.t6-topic.on{border-color:var(--leaf-2);background:var(--leaf-soft)}.t6-topic.on .t6-box{background:var(--leaf);border-color:var(--leaf);color:#1B2905}
.t6-topic:has(input:disabled){opacity:.5;cursor:not-allowed}
.t6-topic:has(input:focus-visible){outline:2px solid var(--leaf);outline-offset:2px}
.t6-in{width:100%;border:1px solid var(--line-2);border-radius:12px;padding:11px 13px;background:var(--surface);font-size:15px;resize:vertical}
.t6-in:focus{outline:none;border-color:var(--leaf-2);box-shadow:0 0 0 4px var(--leaf-glow)}
.t6-form-f{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:18px}
.t6-thanks{padding:40px 24px;display:grid;gap:12px;justify-items:center;text-align:center}.t6-thanks>.ico{width:46px;height:46px;padding:10px;border-radius:50%;background:var(--leaf);color:#1B2905}
.t6-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0 16px}
.t6-stats>.card{padding:16px 18px;display:grid;gap:2px}.t6-stats b{font-family:var(--display);font-weight:400;font-size:32px;line-height:1}.t6-stats small{color:var(--muted)}
.t6-copy{display:flex!important;align-items:center;gap:12px;text-align:left;cursor:pointer}.t6-copy b{font-family:var(--ui)!important;font-size:15px!important;font-weight:700!important}.t6-copy>span{display:grid}
.t6-res{margin-bottom:14px}.t6-res .card-b{display:grid;gap:10px}
.t6-res-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.t6-bar{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 28px;gap:12px;align-items:center;font-size:14px}
.t6-bar i{height:10px;border-radius:99px;background:var(--surface-3);overflow:hidden}.t6-bar i em{display:block;height:100%;border-radius:inherit;background:var(--leaf-2)}
.t6-bar b{text-align:right;font-variant-numeric:tabular-nums}
.t6-quotes,.t6-asked{display:grid;gap:8px}
.t6-res blockquote,.t6-asked blockquote{margin:0;padding:10px 12px;border-left:3px solid var(--leaf);background:var(--surface-2);border-radius:0 10px 10px 0;display:grid;gap:4px;font-size:14px}
.t6-res cite{font-style:normal;font-size:12.5px;color:var(--muted);font-weight:600}
.t6-res-s{display:grid;gap:8px;padding:6px 0}.t6-res-s summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;flex-wrap:wrap}
.t6-avg{font-weight:800;color:#B9850F}.t6-avg small{color:var(--muted);font-weight:600}
@media (max-width:760px){
  .t6-hero{grid-template-columns:minmax(0,1fr);padding:22px 18px}.t6-hero .t6-cal.lg{display:none}
  .t6-watch{grid-template-columns:minmax(0,1fr)}
  .t6-survey-cta,.t6-survey-done{flex-wrap:wrap}.t6-survey-cta .btn{width:100%}
  .t6-form{padding:4px 16px 18px}
  .t6-bar{grid-template-columns:minmax(0,1fr) 28px}.t6-bar i{grid-column:1/-1;grid-row:2}
  .t6-row .chip{display:none}
}
a.t6-member{display:flex;align-items:center;gap:14px;padding:16px 18px;margin:-8px 0 22px;border-color:var(--leaf)}
.t6-member>div{flex:1;display:grid;gap:2px;min-width:0}.t6-member small{color:var(--muted);font-size:13.5px}
.t6-bar-d summary{list-style:none;cursor:pointer;padding:6px 8px;margin:0 -8px;border-radius:10px}.t6-bar-d summary::-webkit-details-marker{display:none}
.t6-bar-d summary:hover{background:var(--surface-2)}.t6-bar-d[open] summary{background:var(--leaf-soft)}
.t6-rank{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:var(--surface-3);font-style:normal;font-size:12px;font-weight:800}
.t6-who{display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}
.t6-send section{display:grid;gap:8px;min-width:0}.t6-linkbox .btn{flex:none}
.t6-linkbox{display:flex;gap:8px;align-items:center;padding:8px 8px 8px 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2)}
.t6-linkbox code{flex:1 1 0;font-size:13px;word-break:break-all;white-space:normal;min-width:0}

/* ---------- Workspace → Podcast clips (site/clips.js) ---------- */
.st-skip{background:var(--surface-2,#eef1ec);color:var(--muted)}
.pc-cal{margin-bottom:18px}
.pc-cal-row{display:flex;gap:10px;overflow-x:auto;padding:6px 2px 4px;scroll-snap-type:x proximity}
.pc-cal-d{flex:0 0 112px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:8px;text-align:left;cursor:pointer;scroll-snap-align:start;color:var(--ink)}
.pc-cal-d:hover{border-color:var(--ink-2)}
.pc-cal-d img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block}
.pc-cal-day{font-size:12px;font-weight:800}
.pc-cal-t{font-size:12px;line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-eps{display:flex;gap:8px;overflow-x:auto;margin:6px 0 16px;padding-bottom:4px}
.pc-ep{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);white-space:nowrap;font-size:14px}
.pc-ep span{color:var(--muted)}
.pc-ep.on{border-color:var(--ink);box-shadow:var(--shadow-1)}
.pc-ok{color:var(--ok);display:inline-flex}
.pc-ep-head h2{margin:0 0 2px}.pc-ep-head .hint{margin:0}
.pc-ep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.pc-card{display:flex;flex-direction:column;overflow:hidden}
.pc-dim{opacity:.6}
.pc-cover{position:relative;display:block;width:100%;aspect-ratio:4/5;border:0;padding:0;background:#121212;cursor:pointer;overflow:hidden}
.pc-cover img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}
.pc-playi{position:absolute;left:10px;bottom:10px;width:40px;height:40px;border-radius:50%;background:rgba(18,18,18,.62);display:grid;place-items:center;color:#fff;transition:transform .15s}
.pc-playi svg{width:18px;height:18px;fill:#fff;stroke:none}
.pc-cover:hover .pc-playi{transform:scale(1.1);background:var(--ok)}
.pc-len{position:absolute;right:10px;bottom:10px;background:rgba(18,18,18,.7);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px}
.pc-vid{width:100%;aspect-ratio:9/16;background:#121212;display:block}
.pc-body{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1}
.pc-hook{margin:0;font-size:17px;line-height:1.25;font-weight:800}
.pc-hook em{font-style:normal;color:var(--ok)}
.pc-quote{margin:0;font-size:13px;color:var(--muted);line-height:1.4}
.pc-btns{display:flex;gap:6px;flex-wrap:wrap}
.pc-keep{background:var(--ok);border-color:var(--ok);color:#fff}
.pc-post{display:flex;gap:6px;align-items:flex-end;flex-wrap:wrap}
.pc-date{margin:0;flex:1 1 140px}
.pc-note{margin:0;font-size:13px;color:var(--ink-2);display:flex;gap:6px;align-items:flex-start}
.pc-cap{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.pc-cap p{margin:0;font-size:13px;line-height:1.45;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.pc-tags{color:var(--info)}
.pc-capbox,.pc-redo{display:flex;flex-direction:column;gap:8px}
.pc-dl{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:auto}
.pc-dl a{color:var(--ink-2);font-weight:650}
@media (max-width:600px){.pc-grid{grid-template-columns:1fr 1fr;gap:10px}.pc-body{padding:10px}.pc-hook{font-size:15px}}
@media (max-width:420px){.pc-grid{grid-template-columns:1fr}}

.pc-drop{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:18px}
.pc-drop>svg{width:26px;height:26px;color:var(--leaf-ink);flex:none}
.pc-drop>div{flex:1;min-width:0}.pc-drop p{margin:2px 0 0}
@media (max-width:620px){.pc-drop{flex-wrap:wrap}.pc-drop .btn{flex:1;justify-content:center}}

/* Podcast clips → YouTube Shorts and each episode's posting schedule */
.pc-yt{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:18px;flex-wrap:wrap}
.pc-yt>div{flex:1;min-width:220px}.pc-yt p{margin:2px 0 0}
.pc-yt-logo{width:42px;height:42px;border-radius:12px;background:#FF0033;color:#fff;display:grid;place-items:center;flex:none}
.pc-yt-logo .pc-yt-i{width:24px;height:24px;color:#fff}
.pc-yt-av{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none}
.pc-yt .btn .pc-yt-i{color:inherit}
.pc-yt-time{min-width:130px;margin:0}.pc-yt-time select{padding-top:6px;padding-bottom:6px}
.pc-yt-form{display:flex;flex-direction:column;gap:8px;max-width:520px}
.pc-yt-i{color:#FF0033;vertical-align:-3px;flex:none}
.pc-yt-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:8px 0 0;font-size:13px;color:var(--ink-2);line-height:1.4}
.pc-yt-line a{color:var(--ink);font-weight:700}
.pc-yt-line.live{color:var(--leaf-ink);font-weight:650}
.pc-yt-line.err{color:var(--danger,#b4532a)}
.pc-sched{display:grid;grid-template-columns:auto minmax(150px,200px) minmax(170px,220px) 1fr;align-items:end;gap:12px 16px;padding:14px 18px;margin:0 0 16px}
.pc-sched .field{margin:0}
.pc-sched-h{display:flex;align-items:center;gap:8px;align-self:center;white-space:nowrap}
.pc-sched-n{margin:0;align-self:center}
@media (max-width:760px){.pc-sched{grid-template-columns:1fr 1fr}.pc-sched-h,.pc-sched-n{grid-column:1/-1}}
@media (max-width:620px){.pc-yt .btn{flex:1;justify-content:center}}

.pc-kit{padding:0;overflow:hidden}
.pc-kit iframe{display:block;width:100%;height:1600px;border:0;background:#F7F6F0}
.t6-res-sh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ws-calnote{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0}

/* Workspace setup: the chosen size and its button sit right under the picker */
.of-go{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:12px;z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.08)}
details.of-preview>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
details.of-preview>summary::-webkit-details-marker{display:none}
details.of-preview>summary h2{margin:0}
details.of-preview[open]>summary{margin-bottom:12px}
.of-size{gap:12px;flex-wrap:wrap}

/* ---------- The Brain: Document Center (doccenter.js) ---------- */
.dc-pick{position:relative;display:flex;align-items:center;min-width:min(340px,100%)}
.dc-pick>.ico{position:absolute;left:12px;color:var(--muted);pointer-events:none}
.dc-pick select{padding-left:34px;font-weight:700}
.dc-pick .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dc-office{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;margin-top:16px;background:linear-gradient(135deg,var(--surface) 60%,var(--leaf-soft))}
.dc-st{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--ever);color:var(--leaf);font-weight:800;letter-spacing:.04em}
.dc-office-t{display:grid;gap:6px;min-width:0}
.dc-office-t h2{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.2}
.dc-chips{gap:6px;margin:2px 0 4px}
.dc-tabs{display:flex;flex-wrap:wrap;width:fit-content;margin:16px 0 4px;max-width:100%}
.dc-tabs a{display:inline-flex;align-items:center;gap:6px}
.dc-panel{display:grid;gap:16px;margin-top:12px}
.dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.dc-card .card-b{display:grid;gap:12px}
.dc-lede{color:var(--ink-2);font-size:14.5px}
.dc-banner{align-items:center}
.dc-banner>div{flex:1}
.dc-banner a{color:inherit;font-weight:700}
.dc-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.dc-wide{grid-column:1/-1}
.dc-form .field>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dc-actions{gap:8px}
.dc-docs{list-style:none;padding:0;margin:0;display:grid;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dc-docs li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-top:1px solid var(--line)}
.dc-docs li:first-child{border-top:0}
.dc-docs li:hover{background:var(--surface-2)}
.dc-docs .check{flex:1;align-items:center}
.dc-num{max-width:130px;font-variant-numeric:tabular-nums}
td .dc-num{padding:6px 10px}
.dc-pos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dc-pos label{display:grid;gap:3px;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13px;color:var(--muted)}
.dc-pos label.on{border-color:var(--leaf);background:var(--leaf-soft);color:var(--ink-2)}
.dc-pos input{position:absolute;opacity:0}
.dc-pos b{color:var(--ink);font-size:14.5px}
.dc-big{font-family:var(--display);font-size:42px;line-height:1;color:var(--ink)}
.dc-big small{font-family:var(--ui);font-size:14px;color:var(--muted)}
.dc-cmp{display:grid;gap:8px}
.dc-cmp-r{display:grid;grid-template-columns:130px 1fr 64px;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}
.dc-cmp-r b{text-align:right;font-variant-numeric:tabular-nums}
.dc-cmp-r .bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}
.dc-cmp-r .bar i{display:block;height:100%;border-radius:inherit;background:var(--stone)}
.dc-cmp-r.floor .bar i{background:var(--warn)}
.dc-cmp-r.comp .bar i{background:var(--info)}
.dc-cmp-r.you .bar i{background:var(--leaf)}
.dc-h3{font-size:15px;margin-top:6px}
.dc-list{display:grid;gap:10px;padding-left:20px;font-size:14px;color:var(--ink-2)}
.dc-list b{color:var(--ink)}
.dc-guide{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px;color:var(--ink-2)}
.dc-guide summary{cursor:pointer;font-weight:700;color:var(--ink)}
.dc-guide ol,.dc-guide ul{display:grid;gap:6px;padding:10px 0 4px 20px}
tr.dc-here td{background:var(--leaf-soft)}
@media (max-width:900px){.dc-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.dc-pos{grid-template-columns:minmax(0,1fr)}.dc-office{padding:14px}.dc-docs li{flex-wrap:wrap}.dc-cmp-r{grid-template-columns:100px 1fr 56px}.dc-tabs a{padding:6px 9px}.dc-pick{min-width:0;width:100%}}
/* Support by office: offices listed like the Owner directory, with a map (Nov 2026) */
.sup-h{gap:12px;align-items:center;flex-wrap:wrap}
.sup-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 14px}
.sup-bar .od-mode{margin:0}
.sup-tools-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sup-tools-r .od-search{flex:1;min-width:220px}
.sup-sort{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted)}.sup-sort select{height:50px;border-radius:14px;min-width:190px}
.sup-oc{gap:10px}
.sup-oc-h{color:inherit;text-decoration:none}.sup-oc-h:hover h3{color:var(--leaf-ink);text-decoration:underline}
.sup-ph{display:flex;margin-left:auto;flex:none}.sup-ph img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 25%;box-shadow:0 0 0 2px var(--surface)}.sup-ph img+img{margin-left:-10px}
.sup-oc-n{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13.5px}
.sup-oc-n b{font:400 22px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;margin-right:3px}
.sup-oc-n .open b{color:var(--warn)}.sup-oc-n .ok{display:inline-flex;gap:5px;align-items:center;color:var(--leaf-ink);font-weight:700;font-size:12.5px}
.sup-oc-t{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.sup-who{display:flex;align-items:center;gap:0;font-size:12.5px;color:var(--muted)}.sup-who .avatar{box-shadow:0 0 0 2px var(--surface)}.sup-who .avatar+.avatar{margin-left:-8px}.sup-who small{margin-left:8px;font-size:12.5px}
.sup-oc-0{margin:0;font-size:13.5px}
.sup-oc-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.sup-oc-a .btn{text-decoration:none}
.sup-oc.quiet{background:color-mix(in srgb,var(--surface) 70%,transparent)}.sup-oc.quiet .od-code{opacity:.7}
.us-st.t0{fill:#d6e3c9}.us-legend i.t0{background:#d6e3c9}
.sup-st-h{margin:6px 0 12px}
.sup-how{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.sup-how label{cursor:pointer}.sup-how input{position:absolute;opacity:0;pointer-events:none}
.sup-how span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:13.5px;font-weight:600;background:var(--surface)}
.sup-how input:checked+span{background:var(--ever,#17321f);border-color:transparent;color:#fff}
.sup-how input:focus-visible+span{outline:2px solid var(--leaf);outline-offset:2px}
.sup-src{display:inline-flex;gap:4px;align-items:center}
.sup-of-wrap{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.sup-of{padding:18px;display:grid;gap:12px;position:sticky;top:16px}
.sup-of-n{margin-bottom:12px}
.sup-mo{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.sup-mo:first-of-type{margin-top:4px}
@media (max-width:900px){.sup-of-wrap{grid-template-columns:minmax(0,1fr)}.sup-of{position:static}}
@media (max-width:640px){.sup-sort{width:100%}.sup-sort select{flex:1;min-width:0}.sup-h .btn{width:100%;justify-content:center}}
.sup-bar .seg{max-width:100%;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none}.sup-bar .seg button{flex:none}
.sup-item.done b{text-decoration:none;color:var(--ink)}
/* Owner's team in Admin → People (Nov 5 2026) */
.tm-list{display:flex;flex-direction:column;gap:2px}
.tm-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--line)}.tm-row:first-child{border-top:0}
.tm-row.off{opacity:.65}
.tm-who{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:inherit;text-decoration:none}.tm-who span{display:flex;flex-direction:column;min-width:0}.tm-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-who:hover b{text-decoration:underline}
.tm-st{flex:0 0 auto}.tm-act{display:flex;gap:6px;flex:0 0 auto}
.tm-boss .tm-who{margin:4px 0 12px}.tm-boss .of-dl{margin-bottom:12px}
.btn.danger-t{color:var(--bad,#B23A2E)}
@media (max-width:720px){.tm-row{flex-wrap:wrap}.tm-act{width:100%;padding-left:42px}}

/* ---------- Sales Portal: cleaner lead page, Call menu, two boards, collapsible menu (Cordero, Nov 5, 2026) ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sl-hero2{position:relative;overflow:visible}
.sl-hero2 .sl-hero-acts{position:relative;flex-wrap:nowrap;align-self:start}
.sl-hero2 .sl-hero-acts .btn{white-space:nowrap}
.sl-callbtn{min-width:96px;justify-content:center}
.sl-more-btn{font-size:20px;line-height:1;font-weight:800;letter-spacing:.05em}
.sl-more-btn[aria-expanded=true]{border-color:var(--leaf-2);background:var(--surface-2)}
.sl-next-bar.nur{background:var(--surface-2);color:var(--ink-2)}
.sl-next-bar.nur .btn{margin-left:auto}
/* menus */
.sl-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-3);padding:8px;display:grid;gap:2px;text-align:left}
.sl-pop-h{margin:4px 8px 6px;font-size:14px;color:var(--ink-2);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sl-pop-opt{display:flex;gap:12px;align-items:flex-start;width:100%;border:0;background:none;border-radius:10px;padding:10px;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.sl-pop-opt:hover,.sl-pop-opt:focus-visible{background:var(--surface-2)}
.sl-pop-opt b{display:block;font-size:14.5px}
.sl-pop-opt small{display:block;font-size:12.5px;line-height:1.45;color:var(--muted);margin-top:2px}
.sl-pop-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none}
.sl-pop-ic.no{background:var(--warn-soft);color:var(--warn)}
.sl-pop-ic.yes{background:var(--leaf);color:#1B2905}
.sl-pop-more{display:flex;gap:6px;padding:2px 8px 4px 50px;flex-wrap:wrap}
.sl-pop-f{margin:4px 0 0;padding:9px 10px 4px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;align-items:baseline}
.sl-pop-f b.on{color:var(--ok)}.sl-pop-f b.off{color:var(--bad)}
.sl-pop-f .hint{margin-left:auto}
.sl-pop .sl-script-d{margin:0 8px 6px}
.sl-morepop{width:300px}
.sl-morepop>button{display:flex;gap:10px;align-items:center;border:0;background:none;border-radius:9px;padding:9px 10px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.sl-morepop>button:hover,.sl-morepop>button:focus-visible{background:var(--surface-2)}
.sl-morepop>button.bad{color:var(--bad)}
.sl-pop-stage{display:grid;gap:4px;padding:6px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px;font-size:12px;font-weight:700;color:var(--muted)}
/* journey bar */
.sl-jb{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:7px}
.sl-jb-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.sl-jb-h .hint{font-size:12.5px}
.sl-jb-segs{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}
.sl-jb-s{height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;cursor:default}
.sl-jb-s.done{background:color-mix(in srgb,var(--leaf) 55%,var(--surface));border-color:transparent}
.sl-jb-s.on{background:var(--leaf);border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 28%,transparent)}
.sl-jb-s.lost{background:var(--bad);box-shadow:none}
.sl-jb-s:hover::after{content:attr(data-t);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);font-size:12px;font-weight:700;padding:5px 9px;border-radius:7px;white-space:nowrap;z-index:5;pointer-events:none}
.sl-jb-l{display:grid;grid-template-columns:repeat(11,1fr);font-size:12.5px;color:var(--muted)}
.sl-jb-l span{white-space:nowrap;grid-row:1}
.sl-jb-l span.on{color:var(--ink);font-weight:700}
/* two columns */
.sl-lead{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;margin-top:20px}
.sl-tabs{display:flex;gap:4px;flex-wrap:wrap}
.sl-tabs button{border:0;background:none;border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;font-weight:600;color:var(--ink-2);cursor:pointer}
.sl-tabs button:hover{background:var(--surface-2)}
.sl-tabs button.on{background:var(--ever,#1F3A2B);color:#fff}
.sl-compose{display:grid;gap:10px}
.sl-compose textarea{min-height:84px}
.sl-compose-f{gap:10px;flex-wrap:wrap}
.sl-mini-f{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;color:var(--muted)}
.sl-mini-f .input{width:auto;padding:6px 8px}
.sl-act.fu{background:color-mix(in srgb,var(--leaf) 8%,var(--surface));border-radius:10px;padding:10px;margin-bottom:6px;align-items:flex-start}
.sl-act.fu .sl-tick{margin-top:2px}
.sl-act.fu p{margin:0 0 2px}
.sl-fu-b{padding:1px 8px;font-size:11px;background:var(--leaf-soft);color:var(--leaf-ink);border-color:transparent;margin-right:4px}
.sl-detcard .card-h{align-items:center}
.sl-detcard .sl-edit{color:var(--leaf-ink);font-weight:700}
.sl-detcard .eyebrow{display:block;margin:0 0 8px}
.sl-dl{margin:0;display:grid;gap:2px}
.sl-dl-r{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:5px 0;font-size:14px}
.sl-dl-r dt{color:var(--muted)}
.sl-dl-r dd{margin:0;overflow-wrap:anywhere}
.sl-dl-r .sl-check.sl-auto{background:none;padding:0}
.sl-qual2{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.sl-qr{border-bottom:1px solid var(--line)}
.sl-qr:last-child{border-bottom:0}
.sl-qr-h{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:0;background:none;padding:11px 0;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}
.sl-qv{display:inline-flex;gap:4px;align-items:center;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
.sl-qv.ok{color:var(--ok)}.sl-qv.warn{color:var(--warn)}.sl-qv.bad{color:var(--bad)}
.sl-qr .sl-pills{padding:0 0 12px}
.sl-qr .sl-q-reason{margin:0 0 12px}
.sl-jsm{display:flex;gap:14px;align-items:flex-start;padding:16px 18px}
.sl-jsm .sl-jc-ic{width:40px;height:40px;border-radius:12px;flex:none}
.sl-jsm .sl-jc-ic .ico{width:20px;height:20px}
.sl-jsm>div{display:grid;gap:3px;min-width:0}
.sl-jsm .hint{font-size:13px}
.sl-jsm .hint a,.sl-jsm .linkbtn,.sl-jsm-a a{color:var(--leaf-ink);font-weight:700;font-size:13px;text-decoration:none}
.sl-jsm .linkbtn:hover,.sl-jsm a:hover{text-decoration:underline}
.sl-jsm .linkbtn.muted{color:var(--muted);font-weight:600}
.sl-jsm-a{font-size:13px;color:var(--muted)}
.sl-jsm-d summary{font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;margin-top:4px}
.sl-tel{display:flex;gap:5px;align-items:center;font-size:12.5px;color:var(--leaf-ink);text-decoration:none;margin-top:2px;width:max-content}
.sl-tel:hover{text-decoration:underline}
/* pipeline cards: whole card opens the lead; the small buttons don't */
.sl-card{position:relative}
.sl-card-a{color:inherit;text-decoration:none}
.sl-card-a::after{content:"";position:absolute;inset:0;border-radius:12px}
.sl-card-a:focus-visible{outline:none}.sl-card-a:focus-visible::after{outline:2px solid var(--leaf-ink);outline-offset:2px}
.sl-terr>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-mkt{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.03em;padding:1px 7px;border-radius:999px;position:relative;z-index:2}
.sl-mkt.open{background:var(--ok-soft);color:var(--ok)}
.sl-mkt.no{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.sl-mkt.unk{background:none;color:var(--faint);border:1px dashed var(--line-2)}
.sl-card-q{display:flex;gap:4px;margin-left:6px}
.sl-qb{width:28px!important;height:28px!important}
.sl-days{margin-left:auto}
.sl-qb{position:relative;z-index:2;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);padding:0;cursor:pointer;text-decoration:none}
.sl-qb:hover{border-color:var(--leaf-2);color:var(--leaf-ink);background:var(--leaf-soft)}
.sl-qb.off{opacity:.38;cursor:not-allowed}
.sl-qb.off:hover{border-color:var(--line);background:var(--surface);color:var(--ink-2)}
.sl-qb.on{color:var(--leaf-ink);background:var(--leaf-soft);border-color:transparent;cursor:default}
.sl-tools-row{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}
.sl-tools-row .sl-tools{flex:1;margin-bottom:12px}
.sl-tools-row>.btn{margin-top:6px}
.sl-views a{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
@media (max-width:700px){.page-h>.row.between:has(.sl-views){min-width:0;max-width:100%}.page-h .row.between>.row:has(.sl-views){flex-wrap:wrap;min-width:0;max-width:100%}.sl-views{max-width:100%;flex-wrap:wrap;border-radius:12px}.sl-views a{padding:6px 10px}}
.sl-ds-empty{margin-bottom:14px}
.sl-ds-empty h3{margin:6px 0 4px}
.sl-colist{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:52vh;overflow:auto}
.sl-colist li{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sl-colist .sl-check{flex:1;padding:8px 10px}
/* the Sales Portal menu, collapsed to icons */
.sl-mini-tog{margin-top:8px;width:100%;border:0;background:none;font:inherit;cursor:pointer}
@media (min-width:901px){
  .app.side-mini{--side-w:76px}
  .side-mini .side-scroll{padding:4px 10px 16px}
  .side-mini .side .nav{justify-content:center;padding:10px 0}
  .side-mini .side .nav>span,.side-mini .side .nav .badge,.side-mini .side .nav-sec,.side-mini .side .sl-soon,.side-mini .sl-word span,.side-mini .side-me>span:last-child,.side-mini .side-sw span{display:none}
  .side-mini .side .nav.on::before{left:-10px}
  .side-mini .side-brand{padding:20px 0 14px;justify-content:center}
  .side-mini .sl-side-add{padding:10px 0 4px}
  .side-mini .sl-side-add .btn{padding:9px 0;justify-content:center}
  .side-mini .sl-side-add .btn span{display:none}
  .side-mini .side-sw{grid-template-columns:1fr!important;margin:6px 10px 8px}
  .side-mini .side-me{justify-content:center;margin:8px 10px 12px;padding:8px 0}
}
@media (max-width:1100px){.sl-lead{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .sl-hero2 .sl-hero-acts{flex-wrap:wrap;width:100%}
  .sl-hero2 .sl-callbtn{flex:1 1 100%;order:-1;padding:13px;font-size:16px}
  .sl-hero2 .sl-hero-acts>.btn:not(.sl-callbtn){flex:1}
  .sl-pop{left:0;right:auto}
  .sl-jb-l{font-size:11px}
  .sl-dl-r{grid-template-columns:110px minmax(0,1fr)}
}
.sl-fu-more{list-style:none;padding:2px 0 10px}.sl-fu-more .linkbtn{color:var(--leaf-ink);font-weight:700;font-size:13px}

/* "Do this now" box on a lead's page (Nov 6, 2026) */
.sl-do{display:grid;gap:10px;padding:20px 22px;border-left:6px solid var(--leaf)}
.sl-do h2{margin:0;font-size:24px;line-height:1.2}
.sl-do.wait{border-left-color:var(--line-2)}
.sl-do.sess{border-left-color:var(--leaf-ink)}
.sl-do .eyebrow{color:var(--leaf-ink)}
.sl-do.wait .eyebrow{color:var(--muted)}
.sl-do-sub{margin:0;color:var(--muted);font-size:15px}
.sl-do-when{margin:0;display:flex;gap:6px;align-items:center;font-weight:600}
.sl-do-call{justify-self:start;font-size:17px;padding:12px 22px}
.sl-do-script{border-radius:12px;background:var(--surface-2);padding:10px 14px}
.sl-do-script summary{cursor:pointer;font-weight:600;font-size:13.5px}
.sl-do-script .sl-script{margin:8px 0 0}
.sl-do-outs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}
.sl-do-q{flex-basis:100%;font-size:13.5px;color:var(--muted)}
.sl-do-o.yes:hover,.sl-do-o.yes:focus-visible{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 16%,var(--surface))}
.sl-do-f{margin:0}
.sl-plan{border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sl-plan summary{list-style:none;display:flex;gap:8px;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px}
.sl-plan summary::-webkit-details-marker{display:none}
.sl-plan-see{margin-left:auto;color:var(--leaf-ink);font-weight:600;white-space:nowrap}
.sl-plan[open] .sl-plan-see{visibility:hidden}
.sl-plan-b{display:grid;gap:12px;padding:0 16px 14px}
.sl-plan-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sl-plan-l li{display:flex;gap:10px;align-items:flex-start}
.sl-plan-l li.skip{opacity:.55}
.sl-plan-l small{display:block}
.sl-plan-off{margin:0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
@media (max-width:640px){.sl-do{padding:16px}.sl-do-call{justify-self:stretch;justify-content:center}.sl-do-o{flex:1 1 40%}}
/* ---------- Sales Portal → Territories (territory.js) ---------- */
:root{--tr-d0:#EEF1EA;--tr-d1:#E3ECD3;--tr-d2:#CADCA8;--tr-d3:#A9C77A;--tr-d4:#7FA651;--tr-d5:#557A33;--tr-water:#E6ECE6;--tr-land:#FBFCF9}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--tr-d0:#1A231D;--tr-d1:#1F2E1F;--tr-d2:#2A4127;--tr-d3:#3B5B30;--tr-d4:#557C3C;--tr-d5:#7AA34F;--tr-water:#0D1410;--tr-land:#141C17}}
:root[data-theme="dark"]{--tr-d0:#1A231D;--tr-d1:#1F2E1F;--tr-d2:#2A4127;--tr-d3:#3B5B30;--tr-d4:#557C3C;--tr-d5:#7AA34F;--tr-water:#0D1410;--tr-land:#141C17}
.tr-search{display:flex;gap:8px;margin:16px 0 14px;flex-wrap:wrap}
.tr-search .sl-search{flex:1 1 320px;min-width:0}
.tr-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
@media (max-width:1000px){.tr-grid{grid-template-columns:1fr}}
.tr-mapcard{position:relative;overflow:hidden;background:var(--tr-water);height:min(72vh,720px);min-height:380px;border-radius:var(--r-lg)}
@media (max-width:1000px){.tr-mapcard{height:58vh}}
.tr-canvas,.tr-canvas svg{width:100%;height:100%;display:block;touch-action:none}
.tr-state{fill:var(--tr-land);stroke:none;cursor:pointer}
.tr-stline{fill:none;stroke:var(--line-2);stroke-width:.8px;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-zip{cursor:pointer;stroke:none}
.tr-zip:hover{filter:brightness(1.08)}
.tr-zline{fill:none;stroke:rgba(255,255,255,.55);stroke-width:.5px;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-tline{fill:none;stroke:var(--ever);stroke-width:1.6px;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-bline{fill:none;stroke:var(--ever);stroke-width:2.5px;stroke-dasharray:6 3;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-hit,.tr-selline{fill:none;stroke:var(--leaf);stroke-width:4px;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-office{stroke:var(--surface);stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:pointer}
.tr-office.nozip{fill:var(--surface);stroke:var(--warn);stroke-width:2.5px;stroke-dasharray:3 2}
.tr-open{fill:var(--info);stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}
.tr-key{position:absolute;left:12px;top:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;font-size:12.5px;box-shadow:var(--shadow-1);display:grid;gap:4px;max-width:220px}
.tr-key>div{display:flex;align-items:center;gap:8px}
.tr-key i{width:14px;height:12px;border-radius:3px;flex:none;display:inline-block}
.tr-k-own{background:#3870AA;outline:1.6px solid var(--ever)}
.tr-k-build{background:var(--leaf);outline:2px dashed var(--ever)}
.tr-k-nz{border:2px dashed var(--warn);border-radius:50%!important;width:12px!important}
.tr-k-dens{flex-direction:column;align-items:flex-start!important;gap:3px!important}
.tr-ramp{display:flex}.tr-ramp i{width:26px!important;border-radius:0!important}
.tr-rl{display:flex;justify-content:space-between;width:130px;color:var(--muted)}
.tr-mkey{display:none}
@media (max-width:640px){.tr-key{display:none}.tr-mkey{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted);margin:8px 2px 0}.tr-mkey span{display:inline-flex;align-items:center;gap:6px}.tr-mkey i{width:12px;height:10px;border-radius:3px;display:inline-block}}
.tr-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}
.tr-zoom button{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-weight:700;font-size:17px;box-shadow:var(--shadow-1)}
.tr-zoom button:hover{background:var(--surface-2)}
.tr-scale{position:absolute;left:12px;bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:6px 10px 4px;font-size:12px;font-weight:700;box-shadow:var(--shadow-1)}
.tr-scale i{display:block;height:6px;border:2px solid var(--ink);border-top:0;margin-top:3px}
.tr-tip{position:absolute;pointer-events:none;background:var(--ever);color:var(--ever-ink);border-radius:9px;padding:6px 10px;font-size:13px;line-height:1.35;transform:translate(-50%,-115%);white-space:nowrap;box-shadow:var(--shadow-2);z-index:2}
.tr-side{padding:18px 18px 20px;max-height:min(72vh,720px);overflow:auto;display:grid;gap:12px;align-content:start}
@media (max-width:1000px){.tr-side{max-height:none}}
.tr-side h2{font-size:17px}.tr-side h3{font-size:14px;margin-top:4px}
.tr-h{font-family:var(--display);font-weight:400;font-size:24px!important;letter-spacing:-.005em}
.tr-back{background:none;border:0;padding:0;color:var(--leaf-ink);font-weight:700;justify-self:start;display:inline-flex;align-items:center;gap:4px}
.tr-stats{display:flex;gap:20px}
.tr-stats b{display:block;font-family:var(--display);font-weight:400;font-size:26px;line-height:1.1}
.tr-stats span,.tr-size span{font-size:12px;color:var(--muted);font-weight:600}
.tr-list{display:grid}
.tr-list button{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 4px;display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center}
.tr-list button:hover{background:var(--surface-2)}
.tr-list small{display:block;color:var(--muted)}
.tr-sw{width:14px;height:14px;border-radius:4px}.tr-sw.nz{border:2px dashed var(--warn);border-radius:50%}
.tr-size{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tr-size div{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:9px 11px;min-width:0}
.tr-size b{display:block;font-family:var(--display);font-weight:400;font-size:21px;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.tr-meta{display:grid;grid-template-columns:72px 1fr;gap:6px 10px;font-size:14px;margin:0}
.tr-meta dt{color:var(--muted);font-weight:600}.tr-meta dd{margin:0}
.tr-zips{display:flex;flex-wrap:wrap;gap:5px}
.tr-zips button{font-size:12.5px;font-weight:700;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:3px 7px;font-variant-numeric:tabular-nums}
.tr-zips button:hover{background:var(--leaf-soft);border-color:var(--leaf)}
.tr-cities{font-size:14px;color:var(--ink-2)}
.tr-cl{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:14px}
.tr-cl li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line);padding:3px 0}
.tr-cl b{font-variant-numeric:tabular-nums;font-weight:600;color:var(--muted)}
.tr-warn,.tr-note{border-radius:12px;padding:10px 12px;font-size:13.5px;border:1px solid}
.tr-warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}
.tr-note{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 22%,transparent)}
.tr-prog b{font-family:var(--display);font-weight:400;font-size:20px}
.tr-bar{height:10px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:6px}
.tr-bar i{display:block;height:100%;background:var(--leaf);border-radius:99px}
.tr-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tr-target .seg button{border:0;background:none;padding:5px 10px;font-weight:700;font-size:13px;border-radius:8px}
.tr-target .seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}
.tr-target .seg button+button{border-left:0}
.tr-acts{display:flex;gap:6px;flex-wrap:wrap}
.tr-save{display:flex;gap:8px;align-items:flex-end}.tr-save .field{flex:1;min-width:0}
.tr-res{display:grid;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tr-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-radius:12px;padding:8px 10px;border:1px solid var(--line)}
.tr-row.taken{background:var(--ok-soft)}.tr-row.check{background:var(--warn-soft)}.tr-row.open{background:var(--info-soft)}
.tr-z{font-family:var(--display);font-size:18px;background:none;border:0;padding:0;color:var(--ink)}
.tr-rowb{min-width:0}.tr-rowb small{display:block;color:var(--muted)}
.chip.tr-c-taken{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.chip.tr-c-open{background:var(--info-soft);color:var(--info);border-color:transparent}
.tr-foot{margin-top:12px}

/* Message schedule on a lead's page (Nov 6, 2026) */
.sl-plan-sum{all:unset;box-sizing:border-box;width:100%;display:flex;gap:8px;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px}
.sl-plan-sum:focus-visible{outline:2px solid var(--leaf);outline-offset:-2px;border-radius:14px}
.sl-plan.open .sl-plan-see{visibility:visible}
.sl-sched{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sl-sr{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sl-sr.open{border-color:var(--leaf)}
.sl-sr-h{all:unset;box-sizing:border-box;width:100%;display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer}
.sl-sr-h:focus-visible{outline:2px solid var(--leaf);border-radius:12px}
.sl-sr-ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}
.sl-sr.sent .sl-sr-ic,.sl-sr.done .sl-sr-ic{background:color-mix(in srgb,var(--leaf) 18%,var(--surface));color:var(--leaf-ink)}
.sl-sr-t{flex:1;min-width:0;display:grid}
.sl-sr-t small{color:var(--muted);font-size:12.5px}
.sl-sr-st{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sl-sr.sent .sl-sr-t b,.sl-sr.done .sl-sr-t b{color:var(--muted);font-weight:600}
.sl-sr.skip .sl-sr-t b,.sl-sr.off .sl-sr-t b{text-decoration:line-through;color:var(--muted)}
.sl-sr-b{display:grid;gap:10px;padding:0 12px 12px 50px}
.sl-sr-b .sl-script{margin:0;white-space:pre-wrap}
.sl-sp-subj{margin:0}
@media (max-width:640px){.sl-sr-h{flex-wrap:wrap}.sl-sr-st{width:100%;justify-content:flex-start;padding-left:38px}.sl-sr-b{padding-left:12px}}
/* Message schedule: day column and channel word (Nov 6, 2026) */
.sl-sr-day{flex:none;width:52px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.sl-sr-ch{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-2,var(--muted));margin-right:6px;vertical-align:1px}
.sl-sr[data-ch=text] .sl-sr-ch{background:color-mix(in srgb,var(--leaf) 16%,var(--surface))}
.sl-sr[data-ch=email] .sl-sr-ch{background:color-mix(in srgb,#5b8bd6 16%,var(--surface))}
.sl-ver{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);align-self:flex-start}
.sl-ver button{border:0;background:transparent;padding:7px 14px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer}
.sl-ver button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.sl-mine-note{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--leaf) 10%,var(--surface));font-size:13.5px;display:flex;gap:8px;align-items:flex-start}
.sl-tkind.k-mine{background:color-mix(in srgb,var(--leaf) 22%,var(--surface));color:var(--leaf-ink)}

/* Territories: color the map by, more numbers, territory report box */
.tr-color{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);margin-left:auto}
.tr-color .input{width:auto;min-width:190px;padding-top:8px;padding-bottom:8px}
@media (max-width:640px){.tr-color{margin-left:0;width:100%}.tr-color .input{flex:1}}
.tr-size.tr-more{grid-template-columns:repeat(2,1fr);margin-top:8px}
.tr-size.tr-more b{font-size:18px}
.tr-rep{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;gap:10px}
.tr-rep h3{display:flex;align-items:center;gap:6px;margin:0}
.tr-rep p{margin:0}

/* ---------- Workspace → Team: the whole corporate team's week + who's on what (Nov 6, 2026) ---------- */
.tc-nav{gap:6px}
.tw-h2{font-size:18px;margin:6px 0 -4px}
.tcal{padding:0;overflow:hidden}
.tc-row{display:grid;grid-template-columns:200px repeat(5,minmax(0,1fr));border-top:1px solid var(--line)}
.tc-row:first-child{border-top:0}
.tc-head{background:var(--surface-2);font-size:12px;font-weight:750;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.tc-head>span{padding:10px 10px}
.tc-day.today{color:var(--leaf-ink)}
.tc-day b{background:var(--leaf);color:var(--ever);border-radius:999px;padding:1px 7px;margin-left:4px;font-size:10px}
.tc-who{display:flex;gap:10px;align-items:center;padding:10px 12px;text-decoration:none;color:inherit;min-width:0;border-right:1px solid var(--line)}
.tc-who span{display:grid;min-width:0}
.tc-who b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-who small{font-size:12px;color:var(--muted)}
.tc-who em,.tw-h em{font-style:normal;color:var(--bad);font-weight:700}
a.tc-who:hover b{text-decoration:underline}
.tc-cell{display:flex;flex-direction:column;gap:4px;padding:8px 6px;min-width:0;border-left:1px solid var(--line);min-height:62px}
.tc-cell:nth-child(2){border-left:0}
.tc-cell.today{background:color-mix(in srgb,var(--leaf) 8%,transparent)}
.tc-cell.out{background:repeating-linear-gradient(135deg,var(--surface-2) 0 6px,transparent 6px 12px)}
.tc-dl{display:none}
.tc-free{font-size:12px;color:var(--faint);padding:2px 4px}
.tc-ev,.tc-task{display:flex;align-items:baseline;gap:5px;min-width:0;border-radius:7px;padding:4px 6px;text-decoration:none;color:var(--ink);text-align:left;font:inherit;font-size:12px;line-height:1.3;cursor:pointer}
.tc-ev{background:var(--info-soft);border:0;border-left:3px solid var(--info)}
.tc-ev.out{background:var(--stone-soft);border-left-color:var(--stone);color:var(--ink-2)}
.tc-ev.busy{background:var(--surface-2);border-left-color:var(--line-2);color:var(--muted);cursor:default}
.tc-ev i,.tc-task i{font-style:normal;font-weight:750;color:var(--muted);flex:none}
.tc-ev>span:not(.tc-meet),.tc-task>span:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tc-meet{flex:none;color:var(--info);margin-left:auto}
.tc-task{background:var(--surface);border:1px solid var(--line);align-items:center}
.tc-task .ws-dot{flex:none}
.tc-task.late{border-color:color-mix(in srgb,var(--bad) 45%,var(--line));background:var(--bad-soft)}
.tc-ev:hover,.tc-task:hover{filter:brightness(.97)}
.tc-key{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:-6px}
.tc-key .tc-ev,.tc-key .tc-task{display:inline-flex;cursor:default}
.tw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.tw-card{display:grid;gap:6px;align-content:start;padding:16px;transition:box-shadow .3s;min-width:0}
.tw-card.flash{box-shadow:0 0 0 3px var(--leaf-glow)}
.tw-h{display:flex;gap:10px;align-items:center;margin-bottom:4px}
.tw-h div{display:grid}
.tw-h small{font-size:12px;color:var(--muted)}
.tw-lbl{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0 0}
.tw-line{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:5px 4px;border-radius:8px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;min-width:0}
.tw-line>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-line:hover{background:var(--surface-2)}
.tw-none,.tw-nd{margin:4px 0 0;font-size:13px}
.tw-done{font-size:13px;font-weight:650;color:var(--leaf-ink);text-decoration:none;display:inline-flex;gap:5px;align-items:center;margin-top:6px}
.tw-done:hover{text-decoration:underline}
@media (max-width:900px){
  .tc-head{display:none}
  .tc-row{grid-template-columns:minmax(0,1fr);border-top:6px solid var(--surface-2)}
  .tc-who{border-right:0;border-bottom:1px solid var(--line);background:var(--surface-2)}
  .tc-cell{border-left:0;border-top:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center;min-height:0;padding:7px 10px}
  .tc-cell:nth-child(2){border-top:0}
  .tc-dl{display:block;width:64px;flex:none;font-size:12px;font-weight:750;color:var(--muted)}
  .tc-cell.today .tc-dl{color:var(--leaf-ink)}
  .tc-ev,.tc-task{max-width:calc(100% - 72px)}
}
/* Territories: radius, counties, saved, suggestions */
.tr-radius{fill:none;stroke:var(--ever);stroke-width:1.5px;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;pointer-events:none}
.tr-cty{display:grid;gap:6px}
.tr-cty-c{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px}
.tr-savebar{margin-top:12px;align-items:center}
.tr-sugbtn{margin:8px 0 10px}
.tr-sug{border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px;display:grid;gap:8px;background:var(--surface)}
.tr-sug.best{border-color:var(--leaf);box-shadow:0 0 0 2px color-mix(in srgb,var(--leaf) 35%,transparent)}
.tr-sug-h{margin:0;font-family:var(--display);font-weight:400;font-size:19px}
.tr-score{font-size:12px;color:var(--muted)}.tr-score b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--ink)}
.tr-why{margin:0;padding-left:18px;font-size:13px;display:grid;gap:4px}
.tr-sugline{stroke-dasharray:7 4}
/* ---------- Workspace → Referral sources (referrals.js) ---------- */
.rf-h{align-items:center}
.rf-prev{align-items:center;flex-wrap:wrap;margin-top:14px}.rf-prev>div{flex:1 1 260px}
.rf-office{max-width:340px;flex:0 1 340px}
.badge.rf-new{background:var(--leaf);color:var(--ever)}
.rf-bar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}
.rf-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;padding:7px 13px;font:inherit;font-size:13.5px;cursor:pointer}
.rf-chip .num{color:var(--muted);font-weight:700}
.rf-chip.on{border-color:color-mix(in srgb,var(--leaf) 60%,var(--line));background:var(--leaf-soft);color:var(--ink);font-weight:700}
.rf-chip:not(.on) .rf-dot{opacity:.35}
.rf-dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}
.rf-grid{display:grid;grid-template-columns:330px minmax(0,1fr) 360px;gap:16px;align-items:start}
@media (max-width:1280px){.rf-grid{grid-template-columns:330px minmax(0,1fr)}.rf-detail{grid-column:1/-1}}
@media (max-width:820px){.rf-grid{grid-template-columns:1fr}.rf-mapcol{order:-1}}
.rf-list{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:min(78vh,780px)}
.rf-lh{display:grid;grid-template-columns:1fr;gap:8px;padding:12px;border-bottom:1px solid var(--line)}
#rfList{overflow:auto;flex:1}
.rf-item{display:flex;gap:11px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 14px;font:inherit;color:inherit;cursor:pointer}
.rf-item:hover{background:var(--surface-2)}
.rf-item.sel{background:var(--leaf-soft);box-shadow:inset 3px 0 0 var(--leaf)}
.rf-item .rf-dot{margin-top:5px}
.rf-im{flex:1;min-width:0;display:grid;gap:3px}.rf-im b{font-size:14px;line-height:1.3}.rf-im small{color:var(--muted);font-size:12.5px}.rf-im .chip{justify-self:start;margin-top:2px}
.rf-score{text-align:right;flex:none;max-width:96px}.rf-score b{display:block;font-family:var(--display);font-size:18px;font-weight:400}.rf-score small{color:var(--muted);font-size:11px;line-height:1.25;display:block}
.rf-mapcard{height:min(78vh,780px)}
.rf-legend{position:absolute;left:12px;top:12px;background:var(--surface);border-radius:12px;padding:8px 12px;font-size:12.5px;display:grid;gap:4px;box-shadow:var(--shadow-1);z-index:1}
.rf-legend span{display:flex;gap:8px;align-items:center}
.rf-tkey{width:16px;height:10px;border:2px dashed var(--ever);background:color-mix(in srgb,var(--leaf) 25%,transparent);border-radius:3px}
.rf-ok{width:10px;height:10px;border-radius:50%;border:2px solid var(--leaf-2);background:var(--surface)}
.rf-zoom{position:absolute;right:12px;top:12px;display:grid;gap:6px;z-index:1}.rf-zoom .iconbtn{background:var(--surface);box-shadow:var(--shadow-1);font-size:18px;font-weight:700}
.rf-zip{fill:var(--tr-land);stroke:var(--line);stroke-width:.6px;vector-effect:non-scaling-stroke}
.rf-tzip{fill:color-mix(in srgb,var(--leaf) 20%,var(--tr-land));stroke:rgba(255,255,255,.7);stroke-width:.6px;vector-effect:non-scaling-stroke}
.rf-tline{fill:none;stroke:var(--ever);stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}
.rf-pin{cursor:pointer}.rf-dot{stroke:#fff}
.rf-pin .rf-dot{stroke:#fff}
.rf-pin .rf-ring{fill:none;stroke:none}
.rf-pin.done .rf-ring{stroke:var(--leaf-2)}
.rf-pin.sel .rf-ring{stroke:var(--ever)}
.rf-src{margin-top:8px;font-size:12px}
.rf-detail{padding:18px;position:sticky;top:12px}
@media (max-width:1280px){.rf-detail{position:static}}
.rf-empty{text-align:center;color:var(--muted);padding:26px 8px;display:grid;gap:10px;justify-items:center}.rf-empty .ico{width:30px;height:30px;color:var(--leaf-ink)}
.rf-tot{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:13px}.rf-tot b{color:var(--ink);font-family:var(--display);font-weight:400;font-size:18px}
.rf-name{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.2;margin:6px 0 4px}
.rf-addr{color:var(--muted);font-size:13.5px;margin:0 0 12px}
.rf-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.rf-facts div{background:var(--surface-2);border-radius:10px;padding:10px 12px}.rf-facts b{display:block;font-family:var(--display);font-weight:400;font-size:19px;color:var(--ink)}.rf-facts span{font-size:12px;color:var(--muted)}
.rf-off{color:var(--line-2)}
.rf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.rf-sec{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--muted);margin:18px 0 8px}
.rf-person{display:flex;gap:10px;align-items:center;padding:6px 0}.rf-person>span:nth-child(2){flex:1;min-width:0;display:grid}.rf-person small{color:var(--muted);font-size:12.5px}
.avatar.sm{width:32px;height:32px;font-size:12px;background:var(--leaf-soft);color:var(--leaf-ink)}
.rf-docs{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:220px;overflow:auto}.rf-docs li{display:grid;font-size:13.5px}.rf-docs span{color:var(--muted);font-size:12px}
.rf-tl{border-left:2px solid var(--line);padding-left:14px;margin-left:5px;display:grid;gap:10px;font-size:13.5px}
.rf-tl div{position:relative}.rf-tl div:before{content:"";position:absolute;left:-19px;top:5px;width:8px;height:8px;border-radius:50%;background:var(--leaf)}
.rf-tl small{display:block;color:var(--muted);font-size:12px}
.rf-due{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;margin-top:14px}
.rf-due b{display:flex;gap:6px;align-items:center;margin-right:4px}
.rf-duei{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.rf-duei span{font-weight:800;margin-right:6px;color:var(--leaf-ink)}.rf-duei.late span{color:var(--bad)}
@media (max-width:640px){.rf-mapcard{height:52vh;min-height:320px}.rf-row,.rf-facts{grid-template-columns:1fr 1fr}.rf-list{max-height:none}#rfList{max-height:60vh}}
.tr-k-ref{display:flex;align-items:center;gap:8px;margin-top:4px;padding-top:6px;border-top:1px solid var(--line);font-weight:700;cursor:pointer}
.tr-ref{stroke:#fff;cursor:pointer}.tr-refl.off{display:none}
.tr-refc{margin:8px 0 0}
/* Lead page, simpler (Nov 7, 2026): "Where they are" sentence + named trail, one Messages box, one note box */
.sl-where{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.sl-where-t{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink)}
.sl-where-t .eyebrow{display:block;margin-bottom:3px}
.sl-wt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(11,1fr);gap:4px}
.sl-wt li{display:grid;gap:5px;justify-items:center;min-width:0}
.sl-wt-bar{width:100%;height:8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.sl-wt li.done .sl-wt-bar{background:color-mix(in srgb,var(--leaf) 55%,var(--surface));border-color:transparent}
.sl-wt li.on .sl-wt-bar{background:var(--leaf);border-color:transparent;box-shadow:0 0 0 3px color-mix(in srgb,var(--leaf) 28%,transparent)}
.sl-wt li.lost .sl-wt-bar{background:var(--bad,#c0392b)}
.sl-wt-l{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sl-wt li.on .sl-wt-l{color:var(--ink);font-weight:700}
.sl-msgs .card-h .hint{font-weight:600}
.sl-msgs-none{margin:0;padding:12px;border-radius:10px;background:var(--surface-2);display:flex;gap:8px;align-items:center;font-size:14px}
.sl-msgs-sent{border:0;background:none;padding:6px 0;font:inherit;font-weight:700;font-size:14px;color:var(--ink);display:flex;gap:6px;align-items:center;cursor:pointer;justify-self:start}
.sl-msgs-f{padding-top:4px;border-top:1px solid var(--line)}
.sl-sr.sent .sl-sr-t b{font-weight:600}
.sl-compose-alt{margin:-4px 0 0;font-size:14px}
.sl-join-s{font-weight:700;color:var(--leaf-ink)}
@media (max-width:640px){ .sl-wt-l{font-size:10px} }
.sl-msgs-off{margin:0;font-size:13.5px;color:var(--muted);display:flex;gap:6px;align-items:flex-start}

/* Other people on a prospect (Nov 7, 2026) */
.sl-cts{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:12px;margin:0}
.sl-cts legend{font-weight:600;padding:0 6px}
.sl-cts legend .hint{display:block;font-weight:400}
.sl-ct-ed{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.sl-ct-ed .linkbtn{align-self:flex-start}
.sl-cts > .btn{align-self:flex-start}
.sl-ctl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sl-ctl li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.sl-ctl a{display:inline-flex;gap:4px;align-items:center}

/* "The Hub was just updated" refresh notice (Nov 7, 2026) */
.upd-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;background:var(--ever);color:var(--ever-ink);padding:10px 12px 10px 18px;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,.25);font-size:14px;font-weight:600;max-width:calc(100% - 32px)}
@media (max-width:700px){.upd-bar{bottom:84px}}
/* Long links and ZIP lists stay inside the timeline (Nov 7, 2026) */
.sl-act>div{min-width:0;flex:1}
.sl-act p,.sl-act-b{overflow-wrap:anywhere;word-break:break-word}

/* Booking: calendar view of the leader's day (Nov 7, 2026) */
.sl-cal-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.sl-cal-top .hint{flex-basis:100%}
.sl-cal{position:relative;margin:4px 0 10px 52px;max-height:none}
.sl-cal-h{position:absolute;left:-52px;width:44px;text-align:right;font-size:12px;color:var(--ink-3,var(--ink-2));transform:translateY(-50%)}
.sl-cal-col{position:absolute;inset:0;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.sl-cal-col>i{position:absolute;left:0;right:0;border-top:1px solid var(--line)}
.sl-cal-col>i:first-child{border-top:0}
.sl-cal-busy{position:absolute;left:6px;right:6px;border-radius:8px;background:repeating-linear-gradient(135deg,var(--line) 0 6px,color-mix(in srgb,var(--line) 55%,var(--surface)) 6px 12px);color:var(--ink-2);font-size:12px;font-weight:600;padding:3px 8px;overflow:hidden;margin-top:1px}
.sl-cal-busy.out{background:color-mix(in srgb,#C9741F 18%,var(--surface));color:#8a4f12}
.sl-cal .sl-cal-free{position:absolute;left:6px;right:6px;padding:0 8px;text-align:left;font-size:12px;font-weight:600;border:1px dashed transparent;border-radius:8px;background:transparent;color:color-mix(in srgb,var(--ink) 40%,transparent);font-weight:500;margin-top:1px}
.sl-cal .sl-cal-free:hover,.sl-cal .sl-cal-free:focus-visible{border-color:var(--leaf);background:color-mix(in srgb,var(--leaf) 12%,var(--surface));color:var(--ink)}
.sl-cal-pick{position:absolute;left:6px;right:6px;border-radius:8px;background:var(--leaf);color:#14261b;padding:4px 10px;display:flex;flex-direction:column;font-size:12.5px;pointer-events:none;box-shadow:0 2px 8px rgb(0 0 0 / .12);margin-top:1px;z-index:2}
.rf-next{background:var(--leaf-soft);border-radius:12px;padding:12px 14px;margin:0 0 12px;display:grid;gap:6px}
.rf-next p{margin:0;font-size:14px;line-height:1.45;color:var(--ink)}
.rf-next small{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--ink-2)}
.rf-acts{display:flex;flex-wrap:wrap;gap:8px}
.rf-acts>*{flex:1 1 140px}
.rf-tpls{display:flex;flex-wrap:wrap;gap:6px}.rf-tpls .chip{font-size:11px;padding:1px 7px}
.rf-sug{display:flex;gap:6px;align-items:flex-start;margin:0}
/* Territories: growth forecast and other home care agencies */
.tr-size.tr-grow{grid-template-columns:repeat(3,1fr)}
.tr-comp{fill:#9B3D6B}.tr-comp.us{fill:var(--leaf);stroke:#26300a}
.tr-k-comp i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#9B3D6B}
.tr-k-comp{border-top:0;margin-top:0;padding-top:0}
.tr-comp-box details{margin-top:6px}.tr-comp-box summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--leaf)}
.tr-comp-list{list-style:none;margin:6px 0 0;padding:0;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.tr-comp-list li{padding:6px 10px;border-bottom:1px solid var(--line);font-size:12.5px}.tr-comp-list li:last-child{border-bottom:0}
.tr-comp-list span{display:block;color:var(--muted);font-size:11.5px}
/* Connect my Google account (Referral sources + My profile) */
.gc-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface, #fff);margin:10px 0 4px}
.gc-ico{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink)}
.gc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gc-txt .hint{font-size:13px}
@media (max-width:560px){.gc-card{flex-wrap:wrap}.gc-card .btn{width:100%}}

/* ---------- Office Today: one calm list, peek ahead, choose your routines ---------- */
.ws-today{padding:8px 10px 10px}
.ws-today-h{display:flex;align-items:baseline;gap:10px;padding:10px 10px 6px}
.ws-today-h h2{font-size:20px;flex:1}
.ws-today-n{color:var(--muted);font-size:13.5px}
.ws-today-l{display:grid;gap:2px}
.ws-trow{display:flex;align-items:flex-start;gap:4px;border-radius:12px}
.ws-trow:hover{background:var(--surface-2)}
.ws-trow .ws-task:hover{background:none}
.ws-tick{flex:none;width:28px;height:28px;margin:11px 0 0 6px;border-radius:50%;border:2px solid var(--line-2);background:var(--surface);color:transparent;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ws-tick:hover{border-color:var(--leaf-2);color:var(--leaf-ink)}
.ws-tick.on{background:var(--leaf-2);border-color:var(--leaf-2);color:#fff}
.ws-today-empty{display:flex;gap:12px;align-items:center;padding:18px 12px 20px;color:var(--ink-2)}
.ws-today-empty>.ico{width:34px;height:34px;padding:7px;border-radius:50%;background:var(--ok-soft);color:var(--ok);flex:none}
.ws-today-empty p{margin:0}
.ws-peek{padding:0;overflow:hidden}
.ws-peek-h{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:0;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.ws-peek-t{color:var(--leaf-ink);font-weight:700;font-size:13.5px}
.ws-peek.open .ws-peek-h{border-bottom:1px solid var(--line)}
.ws-peek-g{padding:8px 10px 4px}
.ws-peek-g .eyebrow{display:block;padding:6px 8px 2px}
.ws-peek-g .ws-task-m b{font-weight:600;color:var(--ink-2)}
.ws-rout{display:flex;align-items:center;gap:14px;padding:14px 18px;flex-wrap:wrap}
.ws-rout>div{flex:1;min-width:220px}.ws-rout p{margin:2px 0 0}
.ws-rout-i{width:36px;height:36px;border-radius:10px;background:var(--leaf-soft);color:var(--leaf-ink);display:grid;place-items:center;flex:none}
.ws-off{font-style:italic}
.ws-rmodal{width:min(620px,calc(100% - 32px));gap:12px;max-height:calc(100vh - 48px);display:flex;flex-direction:column}
.ws-rmodal>p{margin:0}
.ws-rquick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ws-rquick .num{flex:1}
.ws-rlist{overflow:auto;display:grid;gap:14px;padding-right:4px;min-height:0}
.ws-rhat{display:grid;gap:2px}
.ws-rhat-h{display:flex;align-items:center;gap:8px;padding:4px 2px}.ws-rhat-h b{flex:1}
.ws-rt{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;font:inherit;color:var(--ink);padding:8px 6px;border-radius:10px;cursor:pointer}
.ws-rt:hover{background:var(--surface-2)}
.ws-rt-sw{flex:none;width:38px;height:22px;border-radius:999px;background:var(--line-2);position:relative;transition:background .15s}
.ws-rt-sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.ws-rt.on .ws-rt-sw{background:var(--leaf-2)}.ws-rt.on .ws-rt-sw::after{left:19px}
.ws-rt-m{display:grid;gap:2px;min-width:0}.ws-rt-m b{font-weight:600;font-size:14px;line-height:1.3}
.ws-rt:not(.on) .ws-rt-m b{color:var(--muted)}
.ws-rt-m small{color:var(--muted);font-size:12px}
.ws-rt-e{color:var(--leaf-ink);font-weight:700}
.of-hat li.of-offr{color:var(--muted)}