/* Smart Launcher — the toolkit's front door on a brand website.
   Every value that varies by brand is a custom property set on .sl-root by
   smart-launcher.js from the page's config. */
.sl-root{
  --sl-brand:#0F7B6C; --sl-brand-ink:#fff; --sl-ink:#1C2A2E; --sl-muted:#5d6b6f;
  --sl-surface:#fff; --sl-line:rgba(28,42,46,.12); --sl-shadow:0 18px 50px rgba(15,30,35,.22),0 4px 14px rgba(15,30,35,.12);
  --sl-font:inherit; --sl-radius:999px;
  position:fixed; right:max(16px,env(safe-area-inset-right)); bottom:max(16px,env(safe-area-inset-bottom));
  z-index:2147483000; font-family:var(--sl-font); color:var(--sl-ink);
  display:flex; flex-direction:column; align-items:flex-end; gap:12px; pointer-events:none;
}
.sl-root *{box-sizing:border-box;}
.sl-root button{font:inherit;}

/* ── the pill ─────────────────────────────────────────────────────────── */
.sl-pill{
  pointer-events:auto; position:relative; display:flex; align-items:center; gap:12px;
  min-height:64px; padding:8px 18px 8px 8px; border:0; border-radius:var(--sl-radius);
  background:var(--sl-surface); color:var(--sl-ink); box-shadow:var(--sl-shadow); cursor:pointer;
  text-align:left; overflow:hidden; isolation:isolate;
  transform:translateY(24px) scale(.92); opacity:0;
  transition:transform .55s cubic-bezier(.2,1.3,.4,1), opacity .35s ease, box-shadow .25s ease;
}
.sl-root.sl-in .sl-pill{transform:none; opacity:1;}
.sl-pill:hover{box-shadow:0 22px 60px rgba(15,30,35,.28),0 6px 16px rgba(15,30,35,.14); transform:translateY(-2px);}
.sl-pill:focus-visible{outline:3px solid var(--sl-brand); outline-offset:3px;}
/* glint: one sweep of light across the pill, a few times at most */
.sl-pill::after{content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.75) 46%,transparent 62%) no-repeat;
  background-size:250% 100%; background-position:180% 0; pointer-events:none;}
.sl-root.sl-glint .sl-pill::after{animation:sl-glint 1.1s ease;}
@keyframes sl-glint{to{background-position:-80% 0;}}

/* the "live" thumb: before/after wiping inside a circle */
.sl-thumb{position:relative; flex:none; width:48px; height:48px; border-radius:50%; overflow:hidden;
  background:var(--sl-brand); box-shadow:0 0 0 3px var(--sl-surface),0 0 0 5px color-mix(in srgb,var(--sl-brand) 35%,transparent);}
.sl-thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.sl-thumb .sl-after{clip-path:inset(0 0 0 100%); animation:sl-wipe 5.2s ease-in-out infinite;}
.sl-thumb .sl-line{position:absolute; top:0; bottom:0; width:2px; background:#fff; left:100%;
  box-shadow:0 0 6px rgba(0,0,0,.35); animation:sl-line 5.2s ease-in-out infinite;}
@keyframes sl-wipe{0%,12%{clip-path:inset(0 0 0 100%);}45%,70%{clip-path:inset(0 0 0 0);}100%{clip-path:inset(0 0 0 100%);}}
@keyframes sl-line{0%,12%{left:100%;opacity:1;}45%{left:0;opacity:1;}46%,70%{left:0;opacity:0;}71%{left:0;opacity:1;}100%{left:100%;opacity:1;}}
.sl-thumb.sl-icon{display:grid; place-items:center; color:var(--sl-brand-ink);}
.sl-thumb.sl-icon svg{width:26px; height:26px;}
/* ring: a soft pulse around the thumb */
.sl-ring{position:absolute; left:8px; top:50%; width:48px; height:48px; margin-top:-24px; border-radius:50%;
  pointer-events:none; box-shadow:0 0 0 0 color-mix(in srgb,var(--sl-brand) 45%,transparent);}
.sl-root.sl-glint .sl-ring{animation:sl-ring 1.6s ease-out;}
@keyframes sl-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sl-brand) 45%,transparent);}100%{box-shadow:0 0 0 18px transparent;}}

.sl-txt{display:flex; flex-direction:column; line-height:1.2; min-width:0;}
.sl-txt b{font-size:15px; font-weight:700; letter-spacing:-.01em; white-space:nowrap;}
.sl-txt span{font-size:12.5px; color:var(--sl-muted); margin-top:3px; white-space:nowrap;}
.sl-txt span:empty{display:none;}
.sl-go{flex:none; width:30px; height:30px; border-radius:50%; display:grid; place-items:center;
  background:var(--sl-brand); color:var(--sl-brand-ink); margin-left:2px;}
.sl-go svg{width:16px; height:16px;}
.sl-badge{position:absolute; top:6px; left:46px; min-width:18px; height:18px; padding:0 5px; border-radius:9px;
  background:#e5484d; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center;
  transform:scale(0); transition:transform .3s cubic-bezier(.2,1.6,.4,1);}
.sl-root.sl-teased .sl-badge{transform:scale(1);}
.sl-root.sl-teaser-open .sl-badge{transform:scale(0);}
.sl-pill.sl-done .sl-go{background:#1a8f5c;}

/* ── the teaser card ──────────────────────────────────────────────────── */
.sl-teaser{pointer-events:auto; position:relative; width:min(204px,calc(100vw - 32px)); padding:10px 10px 9px;
  background:var(--sl-surface); border-radius:13px; box-shadow:var(--sl-shadow);
  transform-origin:bottom right; transform:translateY(10px) scale(.94); opacity:0; visibility:hidden;
  transition:transform .4s cubic-bezier(.2,1.25,.4,1), opacity .25s ease, visibility 0s .4s;}
.sl-root.sl-teaser-open .sl-teaser{transform:none; opacity:1; visibility:visible; transition-delay:0s;}
.sl-teaser::after{content:""; position:absolute; right:22px; bottom:-5px; width:10px; height:10px;
  background:var(--sl-surface); transform:rotate(45deg); border-radius:2px;}
.sl-x{position:absolute; top:3px; right:3px; width:24px; height:24px; border:0; border-radius:50%;
  background:transparent; color:var(--sl-muted); cursor:pointer; display:grid; place-items:center;}
.sl-x:hover{background:rgba(0,0,0,.05);}
.sl-x svg{width:12px; height:12px;}
.sl-who{display:flex; align-items:center; gap:7px; margin-bottom:7px; padding-right:20px;}
.sl-who img{width:24px; height:24px; border-radius:50%; object-fit:cover;}
.sl-who b{display:block; font-size:11.5px; line-height:1.2;}
.sl-who span{display:flex; align-items:center; gap:4px; font-size:9.5px; line-height:1.2; color:var(--sl-muted);}
.sl-who span::before{content:""; flex:none; width:5px; height:5px; border-radius:50%; background:#2bb673;}
.sl-msg{font-size:11.5px; line-height:1.4; margin:0 0 8px; min-height:16px;}
.sl-typing{display:inline-flex; gap:4px; padding:4px 0;}
.sl-typing i{width:5px; height:5px; border-radius:50%; background:var(--sl-muted); opacity:.4; animation:sl-dot 1s infinite;}
.sl-typing i:nth-child(2){animation-delay:.15s;} .sl-typing i:nth-child(3){animation-delay:.3s;}
@keyframes sl-dot{0%,100%{opacity:.25; transform:none;}50%{opacity:.9; transform:translateY(-2px);}}
.sl-q{font-size:10.5px; font-weight:600; color:var(--sl-muted); margin:0 0 6px;}
.sl-chips{display:flex; flex-wrap:wrap; gap:5px;}
.sl-chip{min-height:26px; padding:4px 9px; border-radius:999px; border:1.5px solid var(--sl-line); background:var(--sl-surface);
  color:var(--sl-ink); font-size:11px; font-weight:600; cursor:pointer; transition:border-color .2s, background .2s, transform .15s;}
.sl-chip:hover{border-color:var(--sl-brand); background:color-mix(in srgb,var(--sl-brand) 8%,var(--sl-surface));}
.sl-chip:active{transform:scale(.97);}
.sl-chip:focus-visible{outline:3px solid var(--sl-brand); outline-offset:2px;}
.sl-fine{margin:7px 0 0; font-size:9.5px; color:var(--sl-muted);}
.sl-teaser > *{opacity:0; transform:translateY(4px); transition:opacity .3s, transform .3s;}
.sl-teaser.sl-typed > *{opacity:1; transform:none;}
.sl-teaser .sl-who,.sl-teaser .sl-x,.sl-teaser .sl-msg{opacity:1; transform:none;}

/* ── the app panel ────────────────────────────────────────────────────── */
.sl-backdrop{position:fixed; inset:0; z-index:2147483001; background:rgba(12,20,24,.55); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s .3s;}
.sl-backdrop.sl-open{opacity:1; visibility:visible; transition-delay:0s;}
.sl-panel{position:fixed; z-index:2147483002; display:flex; flex-direction:column; background:var(--sl-surface);
  overflow:hidden; visibility:hidden; font-family:var(--sl-font); color:var(--sl-ink);}
/* desktop: a centred device-sized window */
.sl-panel.sl-desk{left:50%; top:50%; width:min(460px,calc(100vw - 48px)); height:min(860px,calc(100vh - 48px));
  border-radius:24px; box-shadow:0 40px 120px rgba(0,0,0,.4);
  transform:translate(-50%,-46%) scale(.96); opacity:0; transition:transform .4s cubic-bezier(.2,1.1,.3,1), opacity .25s ease, visibility 0s .4s;}
.sl-panel.sl-desk.sl-open{transform:translate(-50%,-50%); opacity:1; visibility:visible; transition-delay:0s;}
/* mobile: a full-screen sheet in the same tab */
.sl-panel.sl-mob{inset:0; transform:translateY(100%); transition:transform .45s cubic-bezier(.2,1,.3,1), visibility 0s .45s;}
.sl-panel.sl-mob.sl-open{transform:none; visibility:visible; transition-delay:0s;}
.sl-bar{flex:none; display:flex; align-items:center; gap:10px; padding:10px 10px 10px 16px; padding-top:max(10px,env(safe-area-inset-top));
  border-bottom:1px solid var(--sl-line);}
.sl-bar-t{flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.2;}
.sl-bar-t b{font-size:14.5px;}
.sl-bar-t span{font-size:11.5px; color:var(--sl-muted); display:flex; align-items:center; gap:5px;}
.sl-bar-t span svg{width:12px; height:12px;}
.sl-ibtn{width:40px; height:40px; border:0; border-radius:50%; background:transparent; color:var(--sl-ink); cursor:pointer; display:grid; place-items:center;}
.sl-ibtn:hover{background:rgba(0,0,0,.06);}
.sl-ibtn:focus-visible{outline:3px solid var(--sl-brand); outline-offset:1px;}
.sl-ibtn svg{width:20px; height:20px;}
.sl-frame-wrap{position:relative; flex:1; background:#f6f6f4;}
.sl-frame{position:absolute; inset:0; width:100%; height:100%; border:0;}
.sl-load{position:absolute; inset:0; display:grid; place-items:center; color:var(--sl-muted); font-size:13px; transition:opacity .3s;}
.sl-load.sl-hide{opacity:0; pointer-events:none;}
.sl-spin{width:34px; height:34px; border-radius:50%; border:3px solid color-mix(in srgb,var(--sl-brand) 18%,transparent);
  border-top-color:var(--sl-brand); animation:sl-spin .8s linear infinite; margin:0 auto 10px;}
@keyframes sl-spin{to{transform:rotate(360deg);}}
html.sl-lock,html.sl-lock body{overflow:hidden !important;}

/* ── small screens: a compact pill ────────────────────────────────────── */
@media (max-width:480px){
  .sl-pill{min-height:56px; padding:6px 14px 6px 6px; gap:10px;}
  .sl-thumb,.sl-ring{width:44px; height:44px;} .sl-ring{left:6px; margin-top:-22px;}
  .sl-txt b{font-size:14px;} .sl-txt span{font-size:11.5px;}
  .sl-badge{left:40px;}
}
@media (prefers-reduced-motion:reduce){
  .sl-thumb .sl-after{animation:none; clip-path:inset(0 0 0 50%);}
  .sl-thumb .sl-line{animation:none; left:50%;}
  .sl-root.sl-glint .sl-pill::after,.sl-root.sl-glint .sl-ring,.sl-typing i,.sl-spin{animation:none;}
  .sl-pill,.sl-teaser,.sl-panel,.sl-backdrop{transition:none;}
}
@media print{.sl-root,.sl-panel,.sl-backdrop{display:none !important;}}

/* ── card mode: a floating before/after photo with small text below ────── */
.sl-card-wrap{position:relative; pointer-events:auto;}
.sl-pill.sl-card{display:block; width:var(--sl-card-w,110px); min-height:0; padding:4px 4px 6px; border-radius:15px; overflow:visible;
  transform:translateY(40px) rotate(-3deg) scale(.9);}
.sl-root.sl-in .sl-pill.sl-card{transform:none;}
.sl-pill.sl-card:hover{transform:translateY(-4px) rotate(-.6deg);}
.sl-pill.sl-card::after{border-radius:15px;}
.sl-ba{position:relative; display:block; aspect-ratio:1/1; border-radius:11px; overflow:hidden; background:#ddd;}
.sl-ba img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 6s ease;}
.sl-card:hover .sl-ba img{transform:scale(1.04);}
.sl-ba .sl-after{clip-path:inset(0 0 0 100%); animation:sl-cwipe 6.5s cubic-bezier(.65,0,.35,1) infinite;}
.sl-div{position:absolute; top:0; bottom:0; left:100%; width:2px; margin-left:-1px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.35);
  animation:sl-cdiv 6.5s cubic-bezier(.65,0,.35,1) infinite;}
.sl-div i{position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%; background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.3);}
.sl-div i::before,.sl-div i::after{content:""; position:absolute; top:50%; width:0; height:0; margin-top:-3px; border:3px solid transparent;}
.sl-div i::before{left:1px; border-right-color:var(--sl-ink);} .sl-div i::after{right:1px; border-left-color:var(--sl-ink);}
@keyframes sl-cwipe{0%,8%{clip-path:inset(0 0 0 100%);}42%,62%{clip-path:inset(0 0 0 0);}96%,100%{clip-path:inset(0 0 0 100%);}}
@keyframes sl-cdiv{0%,8%{left:100%; opacity:0;}12%{opacity:1;}38%{opacity:1;}42%,62%{left:0; opacity:0;}66%{opacity:1;}92%{opacity:1;}96%,100%{left:100%; opacity:0;}}
.sl-card:hover .sl-after,.sl-card:focus-visible .sl-after{animation-play-state:paused;}
.sl-card:hover .sl-div,.sl-card:focus-visible .sl-div{animation-play-state:paused;}
.sl-tag{position:absolute; top:5px; padding:2px 4px; border-radius:999px; background:rgba(255,255,255,.9); color:var(--sl-ink);
  font:700 6.5px/1 var(--sl-font); letter-spacing:.06em; text-transform:uppercase; font-style:normal;}
.sl-tb{left:5px; animation:sl-tb 6.5s infinite;} .sl-ta{right:5px; animation:sl-ta 6.5s infinite;}
@keyframes sl-tb{0%,30%{opacity:1;}42%,62%{opacity:.35;}80%,100%{opacity:1;}}
@keyframes sl-ta{0%,25%{opacity:.35;}40%,66%{opacity:1;}85%,100%{opacity:.35;}}
.sl-card .sl-txt{padding:5px 3px 0;}
.sl-card .sl-txt b{font-size:11px; line-height:1.25; white-space:normal;}
.sl-card .sl-txt span{font-size:9.5px; white-space:normal;}
.sl-card .sl-badge{top:-6px; left:-6px; box-shadow:0 0 0 3px var(--sl-surface);}
.sl-tuck{position:absolute; top:-8px; right:-8px; z-index:2; width:22px; height:22px; border:0; border-radius:50%; cursor:pointer;
  background:var(--sl-surface); color:var(--sl-ink); box-shadow:0 2px 10px rgba(0,0,0,.18); display:grid; place-items:center;
  opacity:0; transform:scale(.6); transition:opacity .2s, transform .2s;}
.sl-tuck svg{width:11px; height:11px;}
.sl-card-wrap:hover .sl-tuck,.sl-tuck:focus-visible{opacity:1; transform:none;}
.sl-mini{display:none; width:52px; height:52px; padding:0; border:3px solid var(--sl-surface); border-radius:50%; overflow:hidden; cursor:pointer;
  box-shadow:var(--sl-shadow), 0 0 0 3px color-mix(in srgb,var(--sl-brand) 45%,transparent);}
.sl-mini img{width:100%; height:100%; object-fit:cover; display:block;}
.sl-root.sl-min .sl-pill.sl-card,.sl-root.sl-min .sl-tuck{display:none;}
.sl-root.sl-min .sl-mini{display:block;}
@media (hover:none){ .sl-tuck{opacity:1; transform:none; width:26px; height:26px; top:-8px; right:-8px;} }
@media (max-width:480px){
  .sl-pill.sl-card{width:var(--sl-card-w-m,128px); padding:5px 5px 8px; border-radius:18px;}
  .sl-ba{border-radius:16px;}
  .sl-card .sl-txt{padding:6px 3px 0;} .sl-card .sl-txt b{font-size:12px; line-height:1.25;} .sl-card .sl-txt span{font-size:11px;}
  .sl-tag{font-size:7.5px; padding:3px 5px;} .sl-div i{width:20px; height:20px; margin:-10px 0 0 -10px;}
  .sl-tag{top:7px; font-size:8.5px; padding:3px 6px;} .sl-tb{left:7px;} .sl-ta{right:7px;}
  .sl-div i{width:22px; height:22px; margin:-11px 0 0 -11px;}
}
@media (prefers-reduced-motion:reduce){
  .sl-ba .sl-after{animation:none; clip-path:inset(0 0 0 50%);} .sl-div{animation:none; left:50%; opacity:1;}
  .sl-tb,.sl-ta{animation:none; opacity:1;} .sl-pill.sl-card{transform:none;}
}

/* the hide control belongs to the card: never visible before it is */
.sl-root:not(.sl-in) .sl-tuck{display:none;}

/* chips: beat ".sl-root button{font:inherit}" */
.sl-teaser .sl-chip{font-size:11px; font-weight:600; line-height:1.2;}

/* pill.imageOnly: the card is just the before/after (label kept for screen readers) */
.sl-imgonly .sl-pill.sl-card:not(.sl-status) .sl-txt{display:none;}
.sl-imgonly .sl-pill.sl-card:not(.sl-status){padding-bottom:4px;}

/* ── pill.style "doc": a report cover with a verification seal (legal) ──── */
.sl-root{--sl-display:Georgia,serif; --sl-ink-2:var(--sl-ink); --sl-cover:#1E3245; --sl-seal:#C9A04A; --sl-seal-ink:#1E3245; --sl-paper:#F5F2ED;}
.sl-seal-f{fill:var(--sl-seal);} .sl-seal-k{stroke:var(--sl-seal-ink);} .sl-seal-o{stroke:var(--sl-seal);}
.sl-pill.sl-card.sl-doc{padding:4px; border-radius:15px;}
.sl-cover{position:relative; display:block; height:136px; padding:11px 10px 0; border-radius:11px; overflow:hidden; background:var(--sl-cover); text-align:left;}
.sl-cv-frame{position:absolute; inset:4px; border:1px solid rgba(201,160,74,.5); border-radius:8px; pointer-events:none;}
.sl-cv-brand{position:relative; display:block; font:900 7.5px/1.25 var(--sl-font); letter-spacing:.18em; text-transform:uppercase; font-style:normal; color:var(--sl-seal);}
.sl-cv-title{position:relative; display:block; margin-top:8px; font:800 15px/1.02 var(--sl-display); color:#fff;}
.sl-cv-rule{position:relative; display:block; width:18px; height:2px; margin-top:8px; background:var(--sl-brand);}
.sl-cv-foot{position:absolute; left:10px; right:8px; bottom:8px; display:none; align-items:flex-end; justify-content:space-between;}
.sl-cv-foot em{display:block; font:900 7px/1.3 var(--sl-font); letter-spacing:.12em; text-transform:uppercase; font-style:normal; color:#E9D9AE;}
.sl-cv-foot svg{flex:none; width:30px; height:30px;}
.sl-cv-ready{display:flex;}
.sl-doc.sl-prog .sl-cv-ready,.sl-doc.sl-done .sl-cv-ready{display:none;}
.sl-doc.sl-prog .sl-cv-prog{display:block; right:10px; bottom:11px;}
.sl-doc.sl-done .sl-cv-done{display:flex;}
.sl-doc.sl-done.sl-prog .sl-cv-prog{display:none;}
.sl-cv-row{display:flex; justify-content:space-between; gap:4px;}
.sl-cv-bar{display:block; height:4px; margin-top:5px; border-radius:2px; overflow:hidden; background:rgba(255,255,255,.18);}
.sl-cv-bar i{display:block; width:0; height:100%; border-radius:2px; background:var(--sl-seal); transition:width .4s ease;}
.sl-doc .sl-txt{padding:7px 4px 3px;}
.sl-sheet{position:absolute; top:9px; right:-6px; bottom:-3px; left:9px; border-radius:14px; background:var(--sl-paper);
  box-shadow:0 10px 26px rgba(20,35,50,.2); transform:rotate(5deg); opacity:0; transition:opacity .4s ease .2s; pointer-events:none;}
.sl-root.sl-in .sl-sheet{opacity:1;}
.sl-root.sl-min .sl-sheet{display:none;}
.sl-mini.sl-mini-doc{background:var(--sl-cover);}
.sl-mini-doc svg{display:block; width:28px; height:28px; margin:9px auto;}

/* the richer greeting: avatars, a title, a verified badge, icon chips or one button */
.sl-stack{display:flex; flex:none;}
.sl-root .sl-stack img{position:relative; width:22px; height:22px; margin-left:-8px; border:2px solid var(--sl-surface); border-radius:50%; object-fit:cover;}
.sl-root .sl-stack img:first-child{margin-left:0; z-index:3;} .sl-root .sl-stack img:nth-child(2){z-index:2;}
.sl-nodot .sl-who span::before{display:none;}
.sl-title{margin:9px 0 0; font:700 16px/1.12 var(--sl-display); letter-spacing:-.01em; color:var(--sl-ink);}
.sl-vbadge{display:inline-flex; align-items:center; gap:5px; margin:7px 0 0; padding:3px 8px 3px 3px; border-radius:999px; background:var(--sl-paper);
  font:900 9px/1.2 var(--sl-font); letter-spacing:.1em; text-transform:uppercase; color:var(--sl-cover);}
.sl-vbadge svg{flex:none; width:15px; height:15px;}
.sl-badges{display:flex; flex-wrap:wrap; gap:5px; margin-top:7px;}
.sl-badges .sl-vbadge{margin:0;}
.sl-vbadge.sl-time{padding:3px 8px 3px 6px;}
.sl-vbadge.sl-time svg{width:12px; height:12px; color:var(--sl-cover);}
.sl-teaser .sl-title,.sl-teaser .sl-vbadge{opacity:1; transform:none;}
.sl-rich .sl-msg{margin:7px 0 0; font-size:11px; line-height:1.45; color:var(--sl-ink-2);}
.sl-rich .sl-q{margin:9px 0 6px; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase;}
.sl-chips.sl-grid{display:grid; grid-template-columns:1fr 1fr; gap:5px;}
.sl-teaser .sl-grid .sl-chip{display:flex; align-items:center; gap:5px; min-height:30px; padding:4px 7px; border-radius:8px; font-weight:700; text-align:left;}
.sl-ci{display:flex; flex:none;} .sl-ci svg{width:13px; height:13px;}
.sl-cta{display:flex; align-items:center; justify-content:center; gap:6px; width:100%; min-height:30px; margin-top:10px; padding:6px 10px;
  border:0; border-radius:8px; background:var(--sl-brand); color:var(--sl-brand-ink); cursor:pointer;}
.sl-root .sl-cta{font:900 11px/1.2 var(--sl-font); letter-spacing:.02em;}
.sl-cta svg{flex:none; width:12px; height:12px;}
.sl-cta:hover{filter:brightness(.94);} .sl-cta:focus-visible{outline:3px solid var(--sl-brand); outline-offset:2px;}
.sl-rich .sl-fine{display:flex; align-items:center; gap:4px; margin-top:8px; font-size:9px;}
.sl-rich .sl-fine svg{flex:none; width:9px; height:9px;}
.sl-is-doc .sl-teaser::after{right:50px;}
@media (max-width:480px){
  .sl-pill.sl-card.sl-doc{padding:4px; border-radius:15px;}
  .sl-doc .sl-cover{zoom:1.1765;}
  .sl-is-doc .sl-teaser::after{right:59px;}
  .sl-teaser .sl-grid .sl-chip,.sl-cta{min-height:44px;}
}
/* once a report is under way the "1" greeting badge is noise */
.sl-doc.sl-prog .sl-badge,.sl-doc.sl-done .sl-badge{display:none;}
/* app.wide: the desktop window widens when the app asks (the report section's two-column view) */
.sl-panel.sl-desk.sl-can-wide{transition:transform .4s cubic-bezier(.2,1.1,.3,1), opacity .25s ease, visibility 0s .4s, width .35s ease, height .35s ease, border-radius .35s ease;}
.sl-panel.sl-desk.sl-can-wide.sl-open{transition-delay:0s;}
.sl-panel.sl-desk.sl-wide{width:min(1040px,calc(100vw - 48px)); height:min(720px,calc(100vh - 48px)); border-radius:20px;}