/* sideKick theme. Load AFTER desk.css. Tokens pulled from https://www.sidekickoffice.com/assets/css/site.css (12 Oct 2026). */
@font-face{font-family:"Plus Jakarta Sans";font-weight:200 800;font-display:swap;src:url("../fonts/plus-jakarta-sans.ttf") format("truetype");}
@font-face{font-family:"Space Grotesk";font-weight:300 700;font-display:swap;src:url("../fonts/space-grotesk.ttf") format("truetype");}
:root{
  --navy:#0F1B2D; --navy-2:#162538; --navy-3:#1E3049; --line:#2A3D57;
  --ice:#B3DBFC; --steel:#3D5A80;
  --ink:#C9D3DF; --muted:#9AA8BA; --cream:#F7F8FA;
  --ok:#C1E1C1; --ok-bg:#24402A; --warn:#FFFACD; --warn-bg:#3A3620; --danger:#E89A9A; --danger-bg:#3E1D1D;
  --charcoal:#2C333B; --canvas:#EEF1F4;
  --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mark:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;
}
html,body{background:#0A1322;}
body{font-family:var(--font);}
h1,h2,h3,h4,.score,.stat b,.stamp,button,.btn,.tabs a,th{font-family:var(--font);}
.brand-name{font-family:var(--mark);font-weight:500;letter-spacing:0.01em;}
.banner{background:#2B2A1C;color:var(--warn);}
/* Wide "desk" mode for desktop review prototypes: add class="shell wide" */
.shell.wide{max-width:1180px;}
@media (min-width:480px){.shell.wide{min-height:860px;}}
.shell.wide .tabs{grid-template-columns:repeat(var(--tabs,7),1fr);}
.grid2{display:grid;gap:12px;}
@media (min-width:860px){.grid2{grid-template-columns:1fr 1fr;}}
.paper{background:#F7F8FA;color:#0F1B2D;border-radius:12px;padding:18px;font-size:15px;}
.paper h1,.paper h2,.paper h3{color:#0F1B2D;} .paper .meta{color:#56606C;} .paper a{color:#3D5A80;}
.paper .q{border-left:4px solid #3D5A80;padding:4px 10px;background:#EEF1F4;margin:8px 0;font-style:italic;}
.example{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--warn-bg);color:var(--warn);padding:2px 6px;border-radius:6px;margin-left:6px;}
.pane[hidden]{display:none;}
.bar{height:8px;background:var(--navy-3);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ice)}
.shell.wide .tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(1164px,100%);border-radius:12px 12px 0 0;max-width:none;}