:root{
  --ink:#121416; --paper:#F4F4F1; --stone:#DEDDD7; --granite:#5C6166; --glacier:#1F5C8B;
  --bg:var(--paper); --fg:var(--ink); --muted:#50555A; --line:#CFCEC7; --panel:#EAEAE5; --accent:var(--glacier);
  --inv-bg:var(--ink); --inv-fg:var(--paper);
  --red:#B8322A; --amber:#C98300; --green:#2C7A4B; --unknown:#8A8F94;
  --cat-trends:#1F5C8B; --cat-jobs:#2C7A4B; --cat-history:#8B4513; --cat-ask:#B8322A;
  --cat-books:#5C3D8B; --cat-library:#0E7490; --cat-podcasts:#C98300; --cat-ms:#0078D4; --cat-sentiment:#B8322A; --cat-labs:#0F766E; --cat-creative:#C2410C; --cat-community:#7C3AED; --cat-agents:#0369A1; --cat-risk:#B8322A; --cat-research:#4338CA;
  --display:"Bricolage Grotesque", "Arial Narrow", Arial, sans-serif;
  --serif:"Source Serif 4", Georgia, "Times New Roman", serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#101214; --fg:#ECECE7; --muted:#A3A8AD; --line:#2C3034; --panel:#181B1E; --accent:#6FA6D6;
    --inv-bg:#ECECE7; --inv-fg:#101214;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101214; --fg:#ECECE7; --muted:#A3A8AD; --line:#2C3034; --panel:#181B1E; --accent:#6FA6D6;
  --inv-bg:#ECECE7; --inv-fg:#101214;
}
*{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--serif);font-size:18px;line-height:1.65;padding-inline:20px}
.wrap{max-width:1120px;margin:0 auto}
h1,h2,h3,h4{font-family:var(--display);line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-0.01em}
h1{font-size:clamp(40px,7.5vw,84px);font-weight:800;letter-spacing:-0.035em;line-height:.92}
h2{font-size:clamp(28px,4vw,44px);font-weight:800}
h3{font-size:22px;font-weight:800}
h4{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
p{margin:0;max-width:65ch}
.eyebrow,.mono,code{font-family:var(--mono)}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
a{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto;display:block}

.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:18px;border-bottom:2px solid var(--fg);flex-wrap:wrap}
.wordmark{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-0.03em;line-height:1;color:var(--fg);text-decoration:none}
.wordmark .short{font-weight:400;letter-spacing:0;opacity:.7;font-size:.75em;margin-left:.35em}
.bar nav{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--display);font-weight:600;font-size:14px}
.bar nav a{color:var(--fg);text-decoration:none}
.bar nav a:hover,.bar nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}

.hero{padding-block:48px 36px;display:grid;gap:22px}
.hero.blog-hero{grid-template-columns:1.1fr .9fr;align-items:end;gap:32px}
@media (max-width:860px){.hero.blog-hero{grid-template-columns:1fr}}
.hero .lede{font-size:clamp(18px,2.2vw,24px);max-width:38ch}
.hero-meta{display:flex;gap:24px;flex-wrap:wrap;font-family:var(--mono);font-size:13px;color:var(--muted)}
.hero-art{border:2px solid var(--fg);overflow:hidden;aspect-ratio:16/10;background:var(--panel)}
.hero-art img{width:100%;height:100%;object-fit:cover}

.rule{border:0;border-top:2px solid var(--fg);margin:0}
.rule.thin{border-top:1px solid var(--line)}

section{padding-block:48px;border-top:1px solid var(--line);display:grid;gap:22px}
section.part{border-top:2px solid var(--fg)}
.part-label{font-family:var(--display);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.stack{display:grid;gap:10px}
.card{border:1px solid var(--line);padding:20px;display:grid;gap:10px;background:var(--panel);text-decoration:none;color:inherit}
.card:hover{border-color:var(--fg)}
.card .n{font-family:var(--display);font-weight:800;font-size:36px;line-height:1;font-variant-numeric:tabular-nums}
.card .l{font-family:var(--display);font-weight:600;font-size:16px}
.card .meta{font-family:var(--mono);font-size:12px;color:var(--muted)}

/* Blog feed */
.post-feed{display:grid;gap:0}
.post-card{display:grid;grid-template-columns:220px 1fr;gap:28px;padding-block:36px;border-top:1px solid var(--line);text-decoration:none;color:inherit;align-items:start}
.post-card:first-child{border-top:2px solid var(--fg)}
.post-card:hover .post-title{color:var(--accent)}
@media (max-width:720px){.post-card{grid-template-columns:1fr;gap:16px}}
.post-thumb{aspect-ratio:4/3;overflow:hidden;border:1.5px solid var(--fg);background:var(--panel)}
.post-thumb img{width:100%;height:100%;object-fit:cover}
.post-body{display:grid;gap:12px}
.post-title{font-family:var(--display);font-weight:800;font-size:clamp(22px,3vw,32px);line-height:1.1;letter-spacing:-0.02em;margin:0}
.post-excerpt{font-size:17px;color:var(--muted);max-width:58ch}
.post-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted)}

/* Category pills — multi-colour */
.cat{
  font-family:var(--mono);font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;
  letter-spacing:.06em;text-transform:uppercase;display:inline-block;color:#fff
}
.cat.trends{background:var(--cat-trends)}
.cat.jobs,.cat.new-jobs,.cat.jobs-library{background:var(--cat-jobs)}
.cat.history{background:var(--cat-history)}
.cat.ask{background:var(--cat-ask)}
.cat.books{background:var(--cat-books)}
.cat.podcasts{background:var(--cat-podcasts);color:#121416}
.cat.microsoft{background:var(--cat-ms)}
.cat.sentiment{background:var(--cat-sentiment)}
.cat.knowledge{background:var(--granite)}
.cat.labs{background:var(--cat-labs)}
.cat.creative{background:var(--cat-creative)}
.cat.community{background:var(--cat-community)}
.cat.agents{background:var(--cat-agents)}
.cat.research{background:var(--cat-research)}

.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.filters{display:flex;gap:8px;flex-wrap:wrap}
input[type="search"],select{
  font-family:var(--mono);font-size:13px;padding:8px 12px;border:1.5px solid var(--line);
  background:var(--bg);color:var(--fg);border-radius:0;min-width:180px
}
button.ghost{
  font-family:var(--display);font-weight:600;font-size:14px;padding:8px 14px;
  border:1.5px solid var(--fg);background:transparent;color:var(--fg);cursor:pointer
}
button.ghost:hover{background:var(--fg);color:var(--bg)}

.tbl{overflow-x:auto;border:2px solid var(--fg);border-radius:0;background:var(--bg);box-shadow:4px 4px 0 var(--fg)}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:15px;min-width:720px}
thead th{
  font-family:var(--display);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--paper);background:var(--ink);padding:14px 16px;border-bottom:3px solid var(--glacier);
  position:sticky;top:0;z-index:2;text-align:left;vertical-align:bottom;white-space:nowrap
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) thead th{color:var(--ink);background:var(--paper)}
}
:root[data-theme="dark"] thead th{color:var(--ink);background:var(--paper)}
th,td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1.5px solid var(--fg)}
tbody tr{background:var(--bg);transition:background .15s ease, box-shadow .15s ease}
tbody tr:nth-child(even){background:var(--panel)}
tbody tr:hover{background:color-mix(in srgb, var(--glacier) 10%, var(--panel));box-shadow:inset 5px 0 0 var(--glacier)}
tbody tr:last-child td{border-bottom:0}
td.title{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-0.015em;min-width:18ch}
td.title a{color:inherit;text-decoration:none}
td.title a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

td.source a.cite, a.source-link{
  font-family:var(--mono);font-size:12px;font-weight:600;color:var(--glacier);
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px
}
td.source a.cite:hover, a.source-link:hover{color:var(--accent)}
td.cite-cell{white-space:nowrap;vertical-align:middle}
a.cite-pill, span.cite-pill{
  display:inline-flex;align-items:center;gap:4px;
  font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 11px;border-radius:999px;text-decoration:none;
  background:var(--glacier);color:#fff;border:1.5px solid transparent;
  box-shadow:2px 2px 0 color-mix(in srgb, var(--fg) 22%, transparent)
}
a.cite-pill:hover{background:var(--ink);color:var(--paper);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--glacier)}
span.cite-pill.muted{background:transparent;color:var(--muted);border:1.5px dashed var(--line);box-shadow:none}

td.mono,th.num{font-family:var(--mono);font-size:12px}
.summary{font-size:14px;color:var(--muted);max-width:42ch;line-height:1.45}
.tags{display:flex;gap:7px;flex-wrap:wrap}
.tag{
  font-family:var(--mono);font-size:11px;font-weight:600;padding:4px 11px;border-radius:999px;
  letter-spacing:.05em;text-transform:uppercase;display:inline-block;
  background:var(--panel);color:var(--fg);border:1.5px solid var(--fg)
}
.tag.tag-trends,.tag.tag-future-of-work,.tag.tag-themes{background:var(--cat-trends);color:#fff;border-color:transparent}
.tag.tag-jobs,.tag.tag-roles,.tag.tag-careers,.tag.tag-ai-roles,.tag.tag-fde,.tag.tag-new-jobs{background:var(--cat-jobs);color:#fff;border-color:transparent}
.tag.tag-books,.tag.tag-research,.tag.tag-pdf,.tag.tag-reports{background:var(--cat-books);color:#fff;border-color:transparent}
.tag.tag-microsoft,.tag.tag-copilot,.tag.tag-agents{background:var(--cat-ms);color:#fff;border-color:transparent}
.tag.tag-sentiment,.tag.tag-news,.tag.tag-risk{background:var(--cat-sentiment);color:#fff;border-color:transparent}
.tag.tag-podcasts,.tag.tag-audio{background:var(--cat-podcasts);color:#121416;border-color:transparent}
.tag.tag-creative,.tag.tag-arts,.tag.tag-generative{background:var(--cat-creative);color:#fff;border-color:transparent}
.tag.tag-labs,.tag.tag-onet,.tag.tag-change-index{background:var(--cat-labs);color:#fff;border-color:transparent}
.tag.tag-community,.tag.tag-youtube,.tag.tag-reddit,.tag.tag-blogs{background:var(--cat-community);color:#fff;border-color:transparent}
.tag.tag-jev,.tag.tag-typeface,.tag.tag-content,.tag.tag-decision-models,.tag.tag-video{background:var(--cat-library);color:#fff;border-color:transparent}
.tag.tag-synthesis,.tag.tag-task,.tag.tag-history{background:var(--cat-history);color:#fff;border-color:transparent}
.tag.tag-augment{background:var(--glacier);color:#fff;border-color:transparent}
.tag.tag-autopilot{background:var(--green);color:#fff;border-color:transparent}
.tag.tag-autopilot-amber{background:var(--amber);color:#121416;border-color:transparent}
.tag.tag-hands-off{background:var(--red);color:#fff;border-color:transparent}

.pill{font-family:var(--mono);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;color:#fff;letter-spacing:.07em;text-transform:uppercase;display:inline-block;border:1.5px solid transparent;box-shadow:2px 2px 0 color-mix(in srgb, var(--fg) 25%, transparent)}
.pill.r,.pill.disaster,.pill.negative{background:var(--red)}
.pill.a,.pill.unknown{background:var(--amber);color:#121416}
.pill.g,.pill.positive{background:var(--green)}
.pill.u{background:transparent;color:var(--fg);border:1.5px dashed var(--unknown);box-shadow:none}
.pill.new{background:var(--green)}
.pill.emerging{background:var(--glacier)}
.pill.hypothetical{background:var(--granite)}
.pill.augment{background:var(--glacier)}
.pill.autopilot{background:var(--green)}
.pill.autopilot-amber{background:var(--amber);color:#121416}
.pill.hands-off{background:var(--red)}

/* Jobs library cards / timeline */
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.job-card{border:1.5px solid var(--line);padding:22px;display:grid;gap:12px;background:var(--bg)}
.job-card:hover{border-color:var(--fg)}
.job-card h3{font-size:20px}
.job-card .era-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.job-card p{font-size:15px;color:var(--muted)}
.job-card .cite{font-family:var(--mono);font-size:12px}

/* Books */
.book-list{display:grid;gap:0}
.book-row{display:grid;grid-template-columns:80px 1fr;gap:20px;padding-block:24px;border-top:1px solid var(--line)}
.book-row:first-child{border-top:2px solid var(--fg)}
.book-year{font-family:var(--display);font-weight:800;font-size:28px;line-height:1;color:var(--accent)}

/* Ask Q&A */
.qa{display:grid;gap:0}
.qa-item{padding-block:28px;border-top:1px solid var(--line);display:grid;gap:12px}
.qa-item:first-child{border-top:2px solid var(--fg)}
.qa-q{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.5vw,26px);line-height:1.15}
.qa-a{font-size:17px;max-width:62ch}
.qa-a p+p{margin-top:12px}

/* Article body */
.article{padding-block:36px 64px;display:grid;gap:28px;max-width:720px}
.article .cover{border:2px solid var(--fg);overflow:hidden;aspect-ratio:16/9;margin-bottom:8px}
.article .cover img{width:100%;height:100%;object-fit:cover}
.article .byline{font-family:var(--mono);font-size:13px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.prose{display:grid;gap:1.1em;font-size:18px;max-width:65ch}
.prose p{max-width:none}
.prose h2{font-size:28px;margin-top:.6em}
.prose h3{font-size:20px;margin-top:.4em}
.prose blockquote{margin:0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--panel);font-style:italic}
.prose ul,.prose ol{margin:0;padding-left:1.2em;display:grid;gap:6px}
.prose a{text-underline-offset:3px}

/* Podcasts */
.podcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.ep-card{border:1.5px solid var(--line);padding:22px;display:grid;gap:14px;background:var(--bg);text-decoration:none;color:inherit}
.ep-card:hover{border-color:var(--fg)}
.ep-num{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.ep-card h3{font-size:22px}
.ep-card audio,.player audio{width:100%;margin-top:4px}
.player{border:2px solid var(--fg);padding:24px;display:grid;gap:14px;background:var(--panel)}
.series-banner{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center}
@media (max-width:720px){.series-banner{grid-template-columns:1fr}}

.insight-card{border-left:3px solid var(--accent);padding:16px 20px;background:var(--panel);display:grid;gap:8px}
.insight-card strong{font-family:var(--display);font-size:18px;line-height:1.25}

.divider-art{margin-block:8px;border:1px solid var(--line);overflow:hidden;aspect-ratio:21/5;background:var(--panel)}
.divider-art img{width:100%;height:100%;object-fit:cover;opacity:.92}

.empty{padding:28px 0;color:var(--muted);font-family:var(--mono);font-size:14px}
.note{font-size:14px;color:var(--muted);max-width:70ch}
footer{padding-block:36px;border-top:2px solid var(--fg);font-size:14px;color:var(--muted);display:grid;gap:6px}
footer a{color:inherit}

.subnav{display:flex;gap:10px;flex-wrap:wrap;padding-block:12px 0}
.subnav a{
  font-family:var(--mono);font-size:12px;padding:6px 12px;border:1px solid var(--line);
  text-decoration:none;color:var(--fg)
}
.subnav a:hover,.subnav a[aria-current="page"]{border-color:var(--fg);background:var(--panel)}

@media (max-width:640px){
  .bar nav{font-size:13px;gap:10px}
  table{min-width:560px}
}


/* —— Labs —— */
.cat.labs{background:var(--cat-labs)}
.labs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.labs-card{border:2px solid var(--fg);padding:22px;display:grid;gap:12px;background:var(--bg);text-decoration:none;color:inherit;box-shadow:3px 3px 0 var(--fg);transition:transform .12s ease, box-shadow .12s ease}
.labs-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--fg)}
.labs-card .meta{font-family:var(--mono);font-size:12px;color:var(--muted)}

/* Change Index explorer — strict two-column, no overlap */
.ci-explorer{
  display:grid;
  grid-template-columns:minmax(280px,340px) minmax(0,1fr);
  gap:24px;
  align-items:start;
  width:100%;
}
.ci-explorer > *{min-width:0;max-width:100%}
.occ-list{
  display:block;
  border:2px solid var(--fg);
  max-height:min(72vh,780px);
  overflow-y:auto;
  overflow-x:hidden;
  position:sticky;
  top:12px;
  background:var(--bg);
  z-index:1;
}
.occ-detail{
  border:2px solid var(--fg);
  padding:24px;
  background:var(--bg);
  display:grid;
  gap:18px;
  position:relative;
  z-index:2;
  box-shadow:4px 4px 0 var(--cat-labs);
}
.occ-detail .dim-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:12px;
}
.occ-detail .dim-grid .card{min-width:0;padding:14px}
.occ-detail .dim-grid .n{font-size:26px}
.occ-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:6px 12px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1.5px solid var(--fg);
  cursor:pointer;
  background:var(--bg);
}
.occ-row:nth-child(even){background:var(--panel)}
.occ-row:hover,.occ-row.active{
  box-shadow:inset 5px 0 0 var(--cat-labs);
  background:color-mix(in srgb, var(--cat-labs) 10%, var(--panel));
}
.occ-row:last-child{border-bottom:0}
.occ-row .occ-main{grid-column:1;grid-row:1;min-width:0}
.occ-row h3{
  font-size:15px;margin:0;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.occ-row .occ-band{font-family:var(--mono);font-size:11px;color:var(--muted)}
.score-chip{
  grid-column:2;grid-row:1;
  font-family:var(--mono);font-weight:700;font-size:15px;
  font-variant-numeric:tabular-nums;justify-self:end;
}
.occ-row .lane-bar{
  grid-column:1 / -1;grid-row:2;
  height:10px;width:100%;max-width:100%;
}
.gauge-wrap{display:grid;gap:10px;max-width:100%}
.gauge{
  --score:0; height:18px; border:2px solid var(--fg); background:var(--panel); position:relative; overflow:hidden; width:100%
}
.gauge > i{
  display:block;height:100%;width:calc(var(--score) * 1%);max-width:100%;
  background:linear-gradient(90deg,var(--glacier),var(--cat-labs),var(--amber));
  transition:width 1.1s cubic-bezier(.2,.8,.2,1)
}
.gauge-label{font-family:var(--display);font-weight:800;font-size:42px;line-height:1;font-variant-numeric:tabular-nums}
.lane-bar{display:flex;height:28px;border:2px solid var(--fg);overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}
.lane-bar > span{display:block;height:100%;flex:0 0 auto;min-width:0;transition:width .9s ease}
.lane-bar .augment{background:var(--glacier)}
.lane-bar .autopilot{background:var(--green)}
.lane-bar .hands-off{background:var(--red)}
.task-list{display:grid;gap:10px}
.task-item{
  border:1.5px solid var(--fg);padding:14px 16px;display:grid;gap:10px 12px;
  grid-template-columns:auto minmax(0,1fr);align-items:start;background:var(--bg)
}
.task-item:nth-child(even){background:var(--panel)}
.task-item .task-body{display:grid;gap:6px;min-width:0}
.task-item .task-meta{font-family:var(--mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.chart-panel{border:2px solid var(--fg);padding:20px;background:var(--panel);display:grid;gap:14px;min-width:0;overflow:hidden}
.chart-panel canvas,.chart-panel svg{max-width:100%;height:auto}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.product-card{border:2px solid var(--fg);padding:24px;display:grid;gap:12px;background:var(--bg);box-shadow:4px 4px 0 var(--cat-labs)}
.product-card h3{font-size:22px}
.product-card .who{font-family:var(--mono);font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.pattern-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding-block:22px;border-top:1.5px solid var(--fg)}
.pattern-row:first-child{border-top:2px solid var(--fg)}
.pattern-n{font-family:var(--display);font-weight:800;font-size:36px;line-height:1;color:var(--cat-labs)}
.self-assess{border:2px solid var(--fg);padding:24px;display:grid;gap:14px;background:var(--panel);min-width:0}
.self-assess textarea, .self-assess input[type="text"]{
  font-family:var(--serif);font-size:16px;padding:12px;border:1.5px solid var(--fg);
  background:var(--bg);color:var(--fg);width:100%;max-width:100%;resize:vertical;box-sizing:border-box
}
.self-assess button{
  font-family:var(--display);font-weight:700;font-size:15px;padding:12px 18px;
  border:2px solid var(--fg);background:var(--cat-labs);color:#fff;cursor:pointer;justify-self:start;
  box-shadow:3px 3px 0 var(--fg)
}
.self-assess button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg)}
.attr-box{font-size:13px;color:var(--muted);border-left:3px solid var(--cat-labs);padding:12px 16px;background:var(--panel);max-width:72ch}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease, transform .55s ease}
.reveal.in{opacity:1;transform:none}
.labs-hero-stats{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--mono);font-size:13px}
.labs-hero-stats strong{font-family:var(--display);font-size:28px;display:block;line-height:1;margin-bottom:4px}
@media (max-width:860px){
  .ci-explorer{grid-template-columns:1fr;gap:20px}
  .occ-list{position:static;max-height:420px}
  .occ-detail{box-shadow:3px 3px 0 var(--cat-labs)}
}
@media (max-width:720px){
  .task-item{grid-template-columns:1fr}
}

/* —— Labs MVPs —— */
.mvp-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.mvp-toolbar .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mvp-toolbar input[type="search"],.mvp-toolbar input[type="text"],.mvp-toolbar select,
.mvp-field input,.mvp-field textarea,.mvp-field select{
  font-family:var(--serif);font-size:15px;padding:10px 12px;border:1.5px solid var(--fg);
  background:var(--bg);color:var(--fg);min-width:0
}
.mvp-toolbar select,.mvp-field select{font-family:var(--mono);font-size:13px;max-width:100%}
.btn,.mvp-btn{
  font-family:var(--display);font-weight:700;font-size:14px;padding:10px 16px;
  border:2px solid var(--fg);background:var(--cat-labs);color:#fff;cursor:pointer;
  box-shadow:3px 3px 0 var(--fg);text-decoration:none;display:inline-block;line-height:1.2
}
.btn:hover,.mvp-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--fg)}
.btn.secondary,.mvp-btn.secondary{background:var(--bg);color:var(--fg)}
.btn.ghost,.mvp-btn.ghost{background:transparent;color:var(--fg);box-shadow:none}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill.live{background:var(--green)}
.pill.home{background:var(--cat-ms)}
.pill.code{background:#24292F}
.pill.agents{background:var(--cat-agents)}
.pill.copilot{background:var(--cat-ms)}
.product-card .cta{margin-top:4px}
.product-card a.open-mvp{font-family:var(--display);font-weight:700;text-decoration:none;color:var(--fg);
  border-bottom:2px solid var(--cat-labs);justify-self:start}
.product-card a.open-mvp:hover{color:var(--accent)}

/* Questionnaire */
.q-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.q-step-dot{
  font-family:var(--mono);font-size:11px;padding:6px 12px;border:1.5px solid var(--line);
  color:var(--muted)
}
.q-step-dot.on{border-color:var(--fg);background:var(--cat-labs);color:#fff}
.q-step-dot.done{border-color:var(--fg);background:var(--panel);color:var(--fg)}
.q-panel{border:2px solid var(--fg);padding:24px;display:grid;gap:16px;background:var(--panel);min-width:0}
.q-panel[hidden]{display:none!important}
.mvp-field{display:grid;gap:8px}
.mvp-field > span.eyebrow{display:block}
.chip-grid{display:flex;flex-wrap:wrap;gap:8px}
.chip{
  font-family:var(--mono);font-size:12px;padding:8px 12px;border:1.5px solid var(--fg);
  background:var(--bg);cursor:pointer;user-select:none
}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip.on,.chip:has(input:checked){background:var(--cat-labs);color:#fff;border-color:var(--fg)}
.suggest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.suggest-grid{grid-template-columns:1fr}}
.suggest-col{border:2px solid var(--fg);padding:18px;display:grid;gap:12px;background:var(--bg);align-content:start}
.suggest-col h3{font-size:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.match-card{border:2px solid var(--fg);padding:18px;display:grid;gap:10px;background:var(--bg);box-shadow:3px 3px 0 var(--cat-labs)}
.match-card h3{font-size:20px}
.hands-callout{border:2px solid var(--red);padding:16px 18px;background:color-mix(in srgb, var(--red) 8%, var(--bg));display:grid;gap:8px}
.monday-list{display:grid;gap:10px;padding:0;list-style:none;margin:0}
.monday-list li{border-left:4px solid var(--cat-labs);padding:10px 14px;background:var(--panel)}

/* Report */
.report-sheet{border:2px solid var(--fg);padding:28px;display:grid;gap:22px;background:var(--bg);box-shadow:4px 4px 0 var(--cat-labs)}
.report-sheet h2{font-size:clamp(24px,3vw,34px)}
.neighbour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}

/* Triage cards */
.agenda-block{border:2px dashed var(--fg);padding:18px;background:var(--panel);display:grid;gap:8px}
.agenda-block ol{margin:0;padding-left:1.2em;display:grid;gap:6px;font-size:15px}
.triage-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.triage-card{
  border:2px solid var(--fg);padding:16px;display:grid;gap:10px;background:var(--bg);
  break-inside:avoid;page-break-inside:avoid;min-height:180px
}
.triage-card.lane-augment{box-shadow:inset 0 4px 0 var(--glacier)}
.triage-card.lane-autopilot,.triage-card.lane-autopilot-amber{box-shadow:inset 0 4px 0 var(--green)}
.triage-card.lane-hands-off{box-shadow:inset 0 4px 0 var(--red)}
.triage-prompts{font-family:var(--mono);font-size:12px;color:var(--muted);display:grid;gap:4px}
.seed-block{
  font-family:var(--mono);font-size:12px;padding:14px;border:1.5px solid var(--fg);
  background:var(--panel);white-space:pre-wrap;max-height:240px;overflow:auto
}

/* Heatmap */
.heatmap-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px
}
.heat-cell{
  border:1.5px solid var(--fg);padding:10px 8px;min-height:88px;display:grid;gap:4px;
  align-content:start;font-size:12px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)
}
.heat-cell .ht{font-family:var(--display);font-weight:700;font-size:13px;line-height:1.15;color:inherit}
.heat-cell .hs{font-family:var(--mono);font-size:18px;font-weight:700}
.heat-legend{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:12px}
.heat-legend i{display:inline-block;width:18px;height:14px;border:1px solid var(--fg);vertical-align:middle;margin-right:4px}
.heat-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:20px;align-items:start}
@media (max-width:860px){.heat-layout{grid-template-columns:1fr}}
.heat-side{border:2px solid var(--fg);padding:16px;background:var(--panel);display:grid;gap:10px;position:sticky;top:12px}
.heat-side ol{margin:0;padding-left:1.1em;font-size:13px;display:grid;gap:6px}

/* Tables */
.mvp-table-wrap{overflow:auto;border:2px solid var(--fg)}
.mvp-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.mvp-table th,.mvp-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.mvp-table th{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:var(--panel);position:sticky;top:0}
.mvp-table tr:nth-child(even) td{background:color-mix(in srgb, var(--panel) 55%, transparent)}
.mvp-table input[type="checkbox"]{width:18px;height:18px}

/* Backlog / coaching */
.backlog-list,.coach-list,.adj-list{display:grid;gap:12px}
.backlog-item,.coach-item,.adj-card{
  border:1.5px solid var(--fg);padding:16px;display:grid;gap:10px;background:var(--bg)
}
.backlog-item.selected{box-shadow:inset 4px 0 0 var(--cat-labs);background:var(--panel)}
.epic-preview{
  font-family:var(--mono);font-size:12px;white-space:pre-wrap;background:var(--panel);
  padding:12px;border:1px solid var(--line);max-height:220px;overflow:auto
}
.narrative-out{
  border:2px solid var(--fg);padding:28px;display:grid;gap:16px;background:var(--bg);
  box-shadow:4px 4px 0 var(--cat-labs);max-width:72ch
}
.narrative-out h2{font-size:28px}
.privacy-note{font-family:var(--mono);font-size:12px;color:var(--muted)}
.occ-select-wrap{display:grid;gap:8px;max-width:520px}
.occ-select-wrap datalist{display:none}

@media print{
  body{background:#fff;color:#000;padding:0;font-size:12pt}
  .bar,.subnav,footer,.no-print,.mvp-toolbar .filters,.q-steps{display:none!important}
  .wrap{max-width:none;margin:0}
  .report-sheet,.triage-card,.narrative-out,.suggest-col,.match-card{box-shadow:none;break-inside:avoid}
  .triage-sheet{grid-template-columns:1fr 1fr;gap:10mm}
  a{color:inherit;text-decoration:none}
  .attr-box{border-left:2px solid #000}
}

/* —— Ask library —— */
.ask-controls{display:grid;gap:14px;margin-bottom:8px}
.ask-pills{display:flex;flex-wrap:wrap;gap:8px}
.ask-pill{
  font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em;
  padding:7px 14px;border-radius:999px;border:1.5px solid var(--line);
  background:var(--bg);color:var(--fg);cursor:pointer;
  box-shadow:2px 2px 0 color-mix(in srgb, var(--fg) 12%, transparent);
}
.ask-pill:hover{border-color:var(--fg)}
.ask-pill.is-active{color:#fff;border-color:transparent;transform:translate(-1px,-1px)}
.ask-pill-all.is-active{background:var(--ink)}
.ask-pill-digital.is-active,.pill.ask-pill-digital{background:var(--glacier)}
.ask-pill-ai.is-active,.pill.ask-pill-ai{background:var(--cat-ms)}
.ask-pill-future.is-active,.pill.ask-pill-future{background:var(--cat-jobs)}
.ask-pill-fun.is-active,.pill.ask-pill-fun{background:var(--amber);color:#121416}
.ask-pill-retro.is-active,.pill.ask-pill-retro{background:var(--cat-history)}
.ask-pill-digital{border-color:color-mix(in srgb, var(--glacier) 50%, var(--line))}
.ask-pill-ai{border-color:color-mix(in srgb, var(--cat-ms) 50%, var(--line))}
.ask-pill-future{border-color:color-mix(in srgb, var(--cat-jobs) 50%, var(--line))}
.ask-pill-fun{border-color:color-mix(in srgb, var(--amber) 50%, var(--line))}
.ask-pill-retro{border-color:color-mix(in srgb, var(--cat-history) 50%, var(--line))}
#ask-search,.ask-controls input[type="search"]{
  width:100%;max-width:520px;font:inherit;font-family:var(--serif);font-size:16px;
  padding:12px 14px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);border-radius:4px
}
.qa-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tag.tag-ask{background:var(--cat-ask);color:#fff;border-color:transparent}
.tag.tag-digital-skills{background:var(--glacier);color:#fff;border-color:transparent}
.tag.tag-balanced-ai{background:var(--cat-ms);color:#fff;border-color:transparent}
.tag.tag-fun-light{background:var(--amber);color:#121416;border-color:transparent}
.tag.tag-retro-office{background:var(--cat-history);color:#fff;border-color:transparent}
.tag.tag-playlists,.tag.tag-good-vibes{background:var(--cat-community);color:#fff;border-color:transparent}
.tag.tag-craft{background:var(--cat-creative);color:#fff;border-color:transparent}
.tag.tag-purpose{background:var(--cat-jobs);color:#fff;border-color:transparent}
.tag.tag-colleagues{background:var(--cat-community);color:#fff;border-color:transparent}
.tag.tag-mastery{background:var(--glacier);color:#fff;border-color:transparent}
.tag.tag-joy{background:var(--amber);color:#121416;border-color:transparent}
.tag.tag-service{background:var(--cat-labs);color:#fff;border-color:transparent}

/* —— Playlists —— */
.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.playlist-card{
  border:1.5px solid var(--line);padding:20px;display:grid;gap:12px;background:var(--bg);
  box-shadow:3px 3px 0 color-mix(in srgb, var(--glacier) 25%, transparent)
}
.playlist-card:hover{border-color:var(--fg)}
.playlist-card h3{font-size:20px;line-height:1.2}
.playlist-card h3 a{color:inherit;text-decoration:none}
.playlist-card h3 a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* —— Good Vibes stream —— */
.vibes-page{--vibe-bg:#0E1A14;--vibe-fg:#F4F4F1;--vibe-sun:#F0B429;--vibe-leaf:#3D9A64;--vibe-sky:#5BA3D9}
body.vibes-body{background:var(--vibe-bg);color:var(--vibe-fg);padding:0;overflow-x:hidden}
body.vibes-body .wrap{max-width:none;padding:0}
.vibes-top{
  position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;padding:14px 20px;background:color-mix(in srgb, var(--vibe-bg) 92%, transparent);
  border-bottom:2px solid color-mix(in srgb, var(--vibe-sun) 55%, transparent);backdrop-filter:blur(8px)
}
.vibes-top a{color:var(--vibe-fg);font-family:var(--display);font-weight:700;text-decoration:none}
.vibes-top .wordmark{color:var(--vibe-fg)}
.vibes-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vibes-controls button{
  font-family:var(--mono);font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;
  border:1.5px solid color-mix(in srgb, var(--vibe-fg) 35%, transparent);background:transparent;color:var(--vibe-fg);cursor:pointer
}
.vibes-controls button.is-on,.vibes-controls button:hover{background:var(--vibe-sun);color:#121416;border-color:transparent}
.vibes-stage{
  position:relative;min-height:calc(100vh - 64px);padding:48px 20px 120px;overflow:hidden;
  background:
    radial-gradient(ellipse at 80% 10%, color-mix(in srgb, var(--vibe-sun) 35%, transparent), transparent 50%),
    radial-gradient(ellipse at 10% 80%, color-mix(in srgb, var(--vibe-leaf) 30%, transparent), transparent 45%),
    var(--vibe-bg);
}
.vibes-motif{position:absolute;pointer-events:none;opacity:.55;animation:floaty 12s ease-in-out infinite}
.vibes-motif.sun{width:160px;height:160px;border-radius:50%;background:var(--vibe-sun);top:8%;right:8%;box-shadow:0 0 0 14px color-mix(in srgb, var(--vibe-sun) 35%, transparent)}
.vibes-motif.smile{
  width:220px;height:110px;border:14px solid var(--vibe-leaf);border-top:none;border-radius:0 0 220px 220px;
  bottom:12%;left:8%;opacity:.4
}
.vibes-motif.block{width:64px;height:64px;background:var(--vibe-sky);border-radius:12px;top:40%;left:6%;animation-delay:-3s}
.vibes-stream{position:relative;z-index:2;display:grid;gap:28px;max-width:920px;margin:0 auto}
.vibe-card{
  border:2px solid color-mix(in srgb, var(--vibe-fg) 25%, transparent);padding:28px 28px 22px;
  background:color-mix(in srgb, var(--vibe-bg) 55%, #163022);cursor:pointer;
  animation:vibeIn .7s ease both;box-shadow:6px 6px 0 color-mix(in srgb, var(--vibe-sun) 40%, transparent);
  transition:transform .2s ease, box-shadow .2s ease
}
.vibe-card:hover,.vibe-card.is-paused{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--vibe-leaf)}
.vibe-card.is-paused{outline:3px solid var(--vibe-sun)}
.vibe-card blockquote{
  margin:0;font-family:var(--display);font-weight:800;font-size:clamp(26px,4.5vw,48px);
  line-height:1.05;letter-spacing:-.02em;text-wrap:balance
}
.vibe-card .vibe-meta{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:var(--mono);font-size:13px;opacity:.9}
.vibe-card .vibe-cite{color:var(--vibe-sun);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.vibe-card .vibe-cite:hover{color:#FFE08A}
.vibe-card .vibe-cite-missing{opacity:.7}
.vibe-card .vibe-attr{opacity:.85}
.vibe-pill-cited{background:var(--vibe-sky);color:#0E1A14}
.vibe-pill-orig{background:var(--vibe-leaf);color:#fff}
.vibe-card[data-origin="cited"]{border-color:color-mix(in srgb, var(--vibe-sun) 45%, transparent)}
.vibes-footnote{max-width:920px;margin:0 auto;padding:24px 20px 64px;font-size:14px;opacity:.75;font-family:var(--mono)}
@keyframes vibeIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media (prefers-reduced-motion: reduce){
  .vibe-card,.vibes-motif{animation:none !important}
  html{scroll-behavior:auto}
}
body.vibes-quiet .vibes-motif{display:none}
body.vibes-quiet .vibe-card{animation:none;box-shadow:none}

.vibes-tv-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;
  background:var(--vibe-sun);color:#121416;font-family:var(--display);font-weight:800;
  font-size:14px;text-decoration:none;border:2px solid transparent;letter-spacing:.01em
}
.vibes-tv-btn:hover{background:#FFE08A;transform:translateY(-1px)}
.vibes-submit-link{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;
  border:1.5px solid color-mix(in srgb, var(--vibe-fg) 40%, transparent);
  color:var(--vibe-fg);font-family:var(--mono);font-size:13px;text-decoration:none
}
.vibes-submit-link:hover{border-color:var(--vibe-sun);color:var(--vibe-sun)}

/* —— Music for Work lab —— */
.mfw-hero{padding-bottom:28px}
.mfw-attr-inline{margin-top:4px}
.mfw-player{
  border:2px solid var(--fg);
  background:var(--panel);
  padding:28px;
  display:grid;
  gap:18px;
  box-shadow:4px 4px 0 var(--fg);
  position:sticky;
  top:12px;
  z-index:5;
}
.mfw-player-top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}
@media (max-width:720px){
  .mfw-player{position:static;padding:20px}
  .mfw-player-top{grid-template-columns:1fr}
}
.mfw-player h2{font-size:clamp(22px,3.5vw,34px);margin-top:6px}
.mfw-blurb{margin-top:8px;color:var(--muted);max-width:52ch}
.mfw-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mfw-pill{
  font-family:var(--mono);font-size:11px;font-weight:500;
  padding:5px 10px;border-radius:999px;color:#fff;
  background:var(--pill-bg, var(--glacier));
  border:1.5px solid transparent;
}
.mfw-player-meta{font-size:12px;color:var(--muted);text-align:right}
.mfw-controls{display:flex;flex-wrap:wrap;gap:10px}
.mfw-btn{
  font-family:var(--display);font-weight:700;font-size:14px;
  padding:10px 16px;border:2px solid var(--fg);background:var(--bg);color:var(--fg);
  cursor:pointer;box-shadow:2px 2px 0 var(--fg);
  transition:transform .12s ease, box-shadow .12s ease;
}
.mfw-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--fg)}
.mfw-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.mfw-btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.mfw-btn-primary:hover:not(:disabled){background:var(--glacier);border-color:var(--glacier);box-shadow:3px 3px 0 var(--ink)}
.mfw-btn-ghost{background:transparent;box-shadow:none}
.mfw-progress-wrap{display:grid;gap:6px}
.mfw-progress-wrap input[type=range]{
  width:100%;accent-color:var(--glacier);height:8px;cursor:pointer;
}
.mfw-time{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.mfw-queue-status{font-size:12px;color:var(--muted);margin:0}
.mfw-section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:end;margin-bottom:16px}
.mfw-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:16px;
}
.mfw-card{
  position:relative;
  border:2px solid var(--fg);
  background:var(--bg);
  padding:18px 16px 16px;
  display:grid;gap:10px;
  box-shadow:3px 3px 0 var(--stone);
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
  animation:mfwIn .45s ease both;
}
.mfw-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--fg)}
.mfw-card.is-active{
  border-color:var(--glacier);
  box-shadow:4px 4px 0 var(--glacier);
  background:color-mix(in srgb, var(--glacier) 8%, var(--bg));
}
.mfw-card.in-queue{outline:2px dashed var(--cat-labs);outline-offset:2px}
.mfw-card.is-failed{opacity:.85;border-style:dashed}
.mfw-card.is-disabled:not(.is-failed){opacity:.7}
.mfw-card h3{font-size:17px;line-height:1.2;padding-right:28px}
.mfw-card-blurb{font-size:14px;color:var(--muted);line-height:1.45;max-width:none}
.mfw-card-index{font-size:11px;color:var(--muted);letter-spacing:.08em}
.mfw-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.mfw-regen{
  font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--red);border:1px solid color-mix(in srgb, var(--red) 40%, transparent);
  padding:2px 6px;
}
.mfw-queue-label{
  position:absolute;top:10px;right:10px;
  display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:6px;
  background:var(--panel);border:1.5px solid var(--line);
  cursor:pointer;z-index:2;
}
.mfw-queue-label:hover{border-color:var(--fg)}
.mfw-queue-cb{width:14px;height:14px;accent-color:var(--cat-labs);cursor:pointer}
@keyframes mfwIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .mfw-card,.mfw-btn{animation:none !important;transition:none !important}
  .mfw-card:hover,.mfw-btn:hover:not(:disabled){transform:none}
}