/* ==== Fabric Decision Navigator — design system v2 ==== */
:root {
  color-scheme: light;
  --accent: #0f7b68;
  --accent-strong: #0a5a4c;
  --accent-bright: #14a189;
  --accent-soft: #e3f3ef;
  --accent-ink: #063a32;
  --page: #f2f4f3;
  --page-grad-a: #e9f2ee;
  --page-grad-b: #f2f2f5;
  --card: #ffffff;
  --card-2: #f8faf9;
  --ink-1: #16211e;
  --ink-2: #55625e;
  --ink-3: #8a938f;
  --hairline: #e3e7e5;
  --hairline-2: #d3dad7;
  --good: #0c8a3e;
  --warn: #9a6a00;
  --serious: #b34a22;
  --ok: var(--good);
  --danger: var(--serious);
  --c-workloads: #087ea4;
  --c-foundation: #4f46e5;
  --c-governance: #2563eb;
  --c-capacity: #a16207;
  --c-workspace: #0f766e;
  --c-ingestion: #c2410c;
  --c-storage: #15803d;
  --c-dev: #0e7490;
  --c-science: #7e22ce;
  --c-realtime: #be123c;
  --c-bi: #806a00;
  --c-ai: #a21caf;
  --c-migration: #475569;
  --shadow-s: 0 1px 2px rgba(22,33,30,.06), 0 2px 8px rgba(22,33,30,.05);
  --shadow-m: 0 2px 4px rgba(22,33,30,.05), 0 12px 28px -8px rgba(22,33,30,.14);
  --shadow-l: 0 4px 10px rgba(22,33,30,.06), 0 24px 48px -12px rgba(22,33,30,.22);
  --r-s: 10px; --r-m: 14px; --r-l: 20px;
  --content-max: 1800px;
  --hero-a: #05332c;
  --hero-b: #0a5a4c;
  --hero-glow: #14a189;
}
[data-theme="dark"] {
  color-scheme: dark;
  --accent: #2cb59d;
  --accent-strong: #63d4bf;
  --accent-bright: #2cb59d;
  --accent-soft: #10352f;
  --accent-ink: #bfe9df;
  --page: #0e1412;
  --page-grad-a: #10201b;
  --page-grad-b: #12151c;
  --card: #171f1d;
  --card-2: #1c2624;
  --ink-1: #eef3f1;
  --ink-2: #a9b5b1;
  --ink-3: #6f7a76;
  --hairline: #26302d;
  --hairline-2: #33403c;
  --good: #3fbf6f;
  --warn: #d8a62a;
  --serious: #e07a4f;
  --c-workloads: #46b7d5;
  --c-foundation: #818cf8;
  --c-governance: #60a5fa;
  --c-capacity: #fbbf24;
  --c-workspace: #2dd4bf;
  --c-ingestion: #fb923c;
  --c-storage: #4ade80;
  --c-dev: #22d3ee;
  --c-science: #c084fc;
  --c-realtime: #fb7185;
  --c-bi: #f2c811;
  --c-ai: #e879f9;
  --c-migration: #94a3b8;
  --shadow-s: 0 1px 2px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.35);
  --shadow-m: 0 2px 4px rgba(0,0,0,.4), 0 12px 28px -8px rgba(0,0,0,.55);
  --shadow-l: 0 4px 10px rgba(0,0,0,.45), 0 24px 48px -12px rgba(0,0,0,.7);
  --hero-a: #03231e;
  --hero-b: #0a4a3f;
  --hero-glow: #2cb59d;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;
  background:
    radial-gradient(1100px 480px at 12% -140px, var(--page-grad-a), transparent 70%),
    radial-gradient(900px 420px at 95% -160px, var(--page-grad-b), transparent 70%),
    var(--page);
  background-attachment: fixed;
  color: var(--ink-1);
  line-height: 1.55;
  font-size: 15.5px;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--accent-strong); }
button { font: inherit; cursor: pointer; color: inherit; }
h1, h2, h3, h4 { line-height: 1.22; letter-spacing: -0.014em; }
::selection { background: color-mix(in srgb, var(--accent) 25%, transparent); }

.kicker {
  font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--accent-strong);
}

/* ---------------- App bar ---------------- */
.appbar {
  position: sticky; top: 0; z-index: 40;
  display: flex; align-items: center; gap: 18px;
  padding: 0 22px;
  height: 58px;
  background: color-mix(in srgb, var(--card) 82%, transparent);
  backdrop-filter: blur(14px) saturate(1.4);
  border-bottom: 1px solid var(--hairline);
}
.appbar .logo { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 15.5px; letter-spacing: -.01em; white-space: nowrap; }
.appbar .logo svg { width: 27px; height: 27px; }
.appbar nav { display: flex; gap: 4px; align-self: stretch; align-items: stretch; }
.appbar nav a {
  border: 0; background: transparent; color: var(--ink-2);
  padding: 0 14px; font-weight: 600; font-size: 13.5px;
  position: relative; display: flex; align-items: center;
  text-decoration: none; cursor: pointer;
}
.appbar nav a::after {
  content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px;
  border-radius: 3px 3px 0 0; background: transparent; transition: background .15s;
}
.appbar nav a:hover { color: var(--ink-1); }
.appbar nav a.active { color: var(--accent-strong); }
.appbar nav a.active::after { background: var(--accent); }
.appbar .spacer { flex: 1; }
.gsearch {
  position: relative; display: flex; align-items: center; gap: 8px;
  background: var(--card-2); border: 1px solid var(--hairline-2); border-radius: 10px;
  padding: 7px 12px; width: 290px; transition: border-color .15s;
}
.gsearch:focus-within { border-color: var(--accent); background: var(--card); }
.gsearch input { border: 0; outline: 0; background: transparent; font: inherit; color: var(--ink-1); width: 100%; font-size: 13px; }
.gresults {
  position: absolute; top: calc(100% + 8px); right: 0; width: 380px; max-width: 90vw;
  background: var(--card); border: 1px solid var(--hairline); border-radius: 12px;
  box-shadow: var(--shadow-l); display: none; overflow: hidden; z-index: 70;
}
.gr-item {
  display: flex; gap: 11px; align-items: center; width: 100%; padding: 9px 14px;
  background: none; border: 0; border-bottom: 1px solid var(--hairline); text-align: left;
}
.gr-item:last-child { border-bottom: 0; }
.gr-item:hover { background: var(--accent-soft); }
.gr-t { font-weight: 650; font-size: 13.5px; flex: 1; color: var(--ink-1); }
.gr-c { font-size: 11px; color: var(--ink-3); white-space: nowrap; }
.gr-empty { padding: 13px 16px; color: var(--ink-3); font-size: 13px; font-style: italic; }
@media (max-width: 1320px) { .gsearch { display: none; } }
.iconbtn {
  border: 1px solid var(--hairline); background: var(--card); color: var(--ink-2);
  width: 34px; height: 34px; border-radius: 9px; display: inline-flex;
  align-items: center; justify-content: center; transition: all .15s;
}
.iconbtn:hover { border-color: var(--accent); color: var(--accent-strong); transform: translateY(-1px); }
.iconbtn svg { width: 17px; height: 17px; }

/* ---------------- Layout & views ---------------- */
.view { display: none; max-width: var(--content-max); margin: 0 auto; padding: 28px 24px 90px; }
.view.active { display: block; animation: rise .35s cubic-bezier(.2,.7,.2,1); }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.pagehead { margin: 6px 0 20px; }
.pagehead h2 { margin: 6px 0 6px; font-size: 27px; }
.pagehead p { margin: 0; color: var(--ink-2); max-width: 115ch; font-size: 15px; }

/* ---------------- Hero ---------------- */
.hero {
  position: relative; overflow: hidden;
  border-radius: var(--r-l);
  background: linear-gradient(120deg, var(--hero-a) 0%, var(--hero-b) 100%);
  color: #f2fbf8;
  padding: clamp(36px, 5vw, 60px) clamp(26px, 4.5vw, 58px);
  margin-bottom: 34px;
  box-shadow: var(--shadow-l);
  isolation: isolate;
}
.hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(720px 340px at 88% -20%, color-mix(in srgb, var(--hero-glow) 34%, transparent), transparent 68%),
    radial-gradient(520px 300px at -6% 110%, color-mix(in srgb, var(--hero-glow) 20%, transparent), transparent 66%);
}
.hero-art { position: absolute; right: -40px; top: 50%; transform: translateY(-50%); height: 125%; z-index: -1; opacity: .5; pointer-events: none; }
.hero-fabric-logo { position:absolute; right:clamp(88px,10vw,150px); width:clamp(190px,22vw,300px); height:clamp(190px,22vw,300px); z-index:-1; opacity:.94; filter:drop-shadow(0 18px 26px rgba(0,0,0,.24)); pointer-events:none; }
.hero-fabric-logo .piconwrap { width:100% !important; height:100% !important; }
@media (max-width: 900px) { .hero-art { display: none; } }
@media (max-width: 900px) { .hero-fabric-logo { display: none; } }
.hero .kicker { color: #8fdcc9; margin-bottom: 14px; }
.hero h1 {
  margin: 0 0 14px; font-size: clamp(28px, 3.6vw, 44px); font-weight: 750;
  max-width: 21ch; letter-spacing: -0.022em;
  font-family: "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;
}
.hero h1 em { display: block; font-style: normal; color: #7fe6cd; }
.hero p { margin: 0 0 26px; max-width: 60ch; font-size: 16px; line-height: 1.65; color: #cfe9e1; }
.hero .cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 34px; }

.hero-stats { display: flex; gap: 12px; flex-wrap: wrap; }
.stat {
  flex: 1 1 210px; max-width: 300px; text-align: left;
  display: flex; flex-direction: column; gap: 2px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--r-m); padding: 14px 18px 12px;
  color: inherit; backdrop-filter: blur(6px);
  transition: background .15s, transform .15s, border-color .15s;
}
.stat:hover { background: rgba(255,255,255,.13); transform: translateY(-2px); border-color: rgba(255,255,255,.34); }
.stat .n { font-size: 30px; font-weight: 750; letter-spacing: -.02em; line-height: 1.1; color: #fff; }
.stat .l { font-size: 13px; font-weight: 650; color: #a9dccd; }
.stat .d { font-size: 12px; color: #8fb8ac; line-height: 1.45; }

/* ---------------- Buttons ---------------- */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 10px; padding: 11px 20px; font-weight: 650; font-size: 14px;
  border: 1px solid transparent; text-decoration: none;
  transition: transform .15s, box-shadow .15s, background .15s, border-color .15s;
}
.btn:active { transform: translateY(1px); }
.btn-primary { background: #fff; color: var(--hero-a); box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(0,0,0,.3); }
.btn-ghost { background: rgba(255,255,255,.09); color: #eafaf5; border-color: rgba(255,255,255,.32); }
.btn-ghost:hover { background: rgba(255,255,255,.18); }
.btn-accent { background: var(--accent); color: #fff; box-shadow: 0 3px 10px color-mix(in srgb, var(--accent) 40%, transparent); }
.btn-accent:hover { background: var(--accent-strong); transform: translateY(-1px); }
[data-theme="dark"] .btn-accent { color: #06231d; }
.btn-line { background: var(--card); color: var(--ink-1); border-color: var(--hairline-2); }
.btn-line:hover { border-color: var(--accent); color: var(--accent-strong); }

/* ---------------- Home cards ---------------- */
.sectionhead { display: flex; align-items: baseline; gap: 12px; margin: 34px 0 16px; }
.sectionhead h2 { margin: 0; font-size: 20px; }
.sectionhead .sub { color: var(--ink-3); font-size: 13px; }

.home-research-path {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;
}
.home-path-card {
  position: relative; min-width: 0; min-height: 210px; padding: 18px;
  border: 1px solid var(--hairline); border-top: 3px solid var(--c-workspace);
  border-radius: var(--r-m); background: var(--card); color: var(--ink-1);
  box-shadow: var(--shadow-s); display: flex; flex-direction: column; gap: 14px;
  text-align: left; cursor: pointer; transition: transform .18s, box-shadow .18s, border-color .18s;
}
.home-path-card:hover {
  transform: translateY(-3px); border-color: var(--c-workspace); box-shadow: var(--shadow-m);
}
.home-path-card:focus-visible { outline: 3px solid var(--c-workspace); outline-offset: 3px; }
.home-path-number {
  width: 42px; height: 42px; border-radius: 13px;
  display: grid; place-items: center; color: var(--c-workspace);
  background: color-mix(in srgb, var(--c-workspace) 14%, var(--card));
  font-size: 13px; font-weight: 800; letter-spacing: .04em;
}
.home-path-card h3 { margin: 0 0 7px; font-size: 17px; }
.home-path-card p { margin: 0; color: var(--ink-2); font-size: 13.5px; line-height: 1.5; }
.home-path-go {
  margin-top: auto; color: var(--c-workspace); font-size: 12.5px; font-weight: 750;
}

.home-decision-tools {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
}
.home-decision-card {
  min-width: 0; border: 1px solid var(--hairline); border-radius: var(--r-m);
  background: var(--card); padding: 20px; display: flex; flex-direction: column; align-items: flex-start; gap: 9px;
}
.home-decision-card.is-primary {
  border-color: color-mix(in srgb, var(--accent) 52%, var(--hairline));
  background: color-mix(in srgb, var(--accent) 7%, var(--card));
}
.home-tool-kicker {
  color: var(--accent-strong); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
}
.home-decision-card h3 { margin: 0; font-size: 18px; }
.home-decision-card p {
  margin: 0 0 7px; color: var(--ink-2); font-size: 13.5px; line-height: 1.55; flex: 1;
}
.home-decision-card .btn { margin-top: auto; }

@media (max-width: 1100px) {
  .home-research-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-decision-tools { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .home-research-path { grid-template-columns: 1fr; }
  .home-path-card { min-height: 0; }
  .sectionhead { align-items: flex-start; flex-direction: column; gap: 4px; }
}

.cardgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 14px; }
.homecard {
  position: relative; overflow: hidden;
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-m);
  padding: 18px 18px 16px; box-shadow: var(--shadow-s); cursor: pointer;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  display: flex; flex-direction: column; gap: 10px;
}
.homecard::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
  background: var(--cat, var(--accent)); opacity: 0; transition: opacity .18s;
}
.homecard:hover { transform: translateY(-3px); box-shadow: var(--shadow-m); border-color: color-mix(in srgb, var(--cat, var(--accent)) 45%, var(--hairline)); }
.homecard:hover::before { opacity: 1; }
.homecard .toprow { display: flex; align-items: center; justify-content: space-between; }
.homecard .glyph {
  width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  color: var(--cat, var(--accent));
  background: color-mix(in srgb, var(--cat, var(--accent)) 13%, transparent);
}
.homecard .glyph svg { width: 22px; height: 22px; }
.homecard .count {
  font-size: 11.5px; font-weight: 700; color: var(--ink-3);
  border: 1px solid var(--hairline); border-radius: 999px; padding: 2px 9px;
}
.homecard h3 { margin: 0; font-size: 15.5px; }
.homecard p { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.5; flex: 1; }
.homecard .go {
  align-self: flex-end; font-size: 13px; font-weight: 700; color: var(--cat, var(--accent-strong));
  opacity: 0; transform: translateX(-4px); transition: all .18s;
}
.homecard:hover .go { opacity: 1; transform: none; }

.footnote { color: var(--ink-3); font-size: 12.5px; margin-top: 34px; max-width: none; line-height: 1.6; }

/* ---------------- Chips & badges ---------------- */
.chip {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 12px; font-weight: 650; padding: 4px 11px; border-radius: 999px;
  border: 1px solid var(--hairline-2); color: var(--ink-2); background: var(--card);
}
.chip .dot { width: 8px; height: 8px; border-radius: 50%; }
.badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 750; padding: 2.5px 9px; border-radius: 999px;
  letter-spacing: .03em;
}
.badge-ga { color: var(--good); background: color-mix(in srgb, var(--good) 11%, transparent); }
.badge-preview { color: var(--warn); background: color-mix(in srgb, var(--warn) 13%, transparent); }
.badge-concept { color: var(--ink-2); background: color-mix(in srgb, var(--ink-3) 14%, transparent); }
.badge-retiring { color: var(--serious); background: color-mix(in srgb, var(--serious) 12%, transparent); }

/* ---------------- Interview ---------------- */
.progresswrap { max-width: 800px; margin: 0 auto 8px; display: flex; align-items: center; gap: 12px; }
.progress { flex: 1; height: 6px; background: var(--hairline); border-radius: 999px; overflow: hidden; }
.progress > div { height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent-bright)); border-radius: 999px; transition: width .35s cubic-bezier(.2,.7,.2,1); }
.progresslabel { font-size: 12px; font-weight: 700; color: var(--ink-3); white-space: nowrap; }
.qcard {
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-l);
  box-shadow: var(--shadow-m); padding: 34px 38px 30px; max-width: 800px; margin: 18px auto 0;
}
@media (max-width: 640px) { .qcard { padding: 24px 20px; } }
.qcard h2 { margin: 10px 0 8px; font-size: 23px; }
.qcard .help { color: var(--ink-2); font-size: 14px; margin-bottom: 18px; }
.opt {
  display: flex; align-items: center; gap: 14px; width: 100%; text-align: left;
  background: var(--card-2); border: 1.5px solid var(--hairline); border-radius: 12px;
  padding: 13px 17px; margin: 9px 0; font-size: 15px; font-weight: 550;
  transition: border-color .12s, background .12s, transform .12s;
}
.opt:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--hairline)); transform: translateX(2px); }
.opt.sel { border-color: var(--accent); background: var(--accent-soft); }
.opt .box {
  width: 21px; height: 21px; border-radius: 7px; border: 2px solid var(--hairline-2);
  flex: none; display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 13px; transition: all .12s; background: var(--card);
}
.opt.sel .box { background: var(--accent); border-color: var(--accent); }
.qnav { display: flex; justify-content: space-between; margin-top: 26px; gap: 10px; }

/* ---------------- Recommendations ---------------- */
.recwrap { max-width: 1020px; margin: 0 auto; }
.recgroup { margin: 30px 0 8px; }
.recgroup h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 17px; }
.recgroup h3::after { content: ""; flex: 1; height: 1px; background: var(--hairline); }
.reccard {
  position: relative;
  background: var(--card); border: 1px solid var(--hairline);
  border-radius: var(--r-m); box-shadow: var(--shadow-s); padding: 18px 22px 16px 26px; margin-bottom: 12px;
  overflow: hidden;
}
.reccard::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent); }
.reccard.p2::before { background: var(--c-governance); }
.reccard.p3::before { background: var(--ink-3); }
.reccard h4 { margin: 2px 0 6px; font-size: 15.5px; }
.reccard .why { color: var(--ink-2); font-size: 14px; margin: 0 0 12px; line-height: 1.6; }
.nodelinks { display: flex; flex-wrap: wrap; gap: 7px; }
.nodelink {
  font-size: 12.5px; font-weight: 650; border-radius: 999px; padding: 4px 12px;
  border: 1px solid var(--hairline-2); background: var(--card-2); color: var(--accent-strong);
  transition: all .12s;
}
.nodelink:hover { border-color: var(--accent); background: var(--accent-soft); }
.prio-label { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); }

/* ---------------- Decision map ---------------- */
.maplayout {
  display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 4fr);
  gap: 20px; align-items: start;
}
@media (max-width: 860px) { .maplayout { grid-template-columns: 1fr; } }
.mapbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.search {
  flex: 1; min-width: 240px; display: flex; align-items: center; gap: 9px;
  background: var(--card); border: 1px solid var(--hairline-2); border-radius: 11px; padding: 9px 14px;
  box-shadow: var(--shadow-s); transition: border-color .15s;
}
.search:focus-within { border-color: var(--accent); }
.search input { border: 0; outline: 0; background: transparent; color: var(--ink-1); font: inherit; width: 100%; }
.legend { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.legend .chip { cursor: pointer; transition: all .12s; }
.legend .chip:hover { border-color: var(--accent); }
.legend .chip.off { opacity: .35; }

.treewrap {
  position: static; padding: 14px 12px;
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-m);
  box-shadow: var(--shadow-s);
}
.legend .chip.pick.on { border-color: color-mix(in srgb, var(--accent) 50%, var(--hairline-2)); }
.legend .chip.pick.off { opacity: .38; }
.tnode { margin: 2px 0; }
.tlabel {
  display: flex; align-items: center; gap: 9px; width: 100%;
  background: transparent; border: 1px solid transparent; border-radius: 9px;
  padding: 5.5px 8px; font-size: 12px; font-weight: 600; text-align: left;
  transition: background .12s, border-color .12s;
}
.tlabel:hover { background: var(--card-2); border-color: var(--hairline); }
.tlabel.current { background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 45%, transparent); color: var(--accent-ink); }
.tlabel .cdot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.tlabel .twist { color: var(--ink-3); font-size: 9px; width: 9px; flex: none; transition: transform .16s; }
.tree-title { min-width: 0; }
.tree-workloads { flex: none; margin-left: auto; padding: 2px 5px; color: var(--c-workloads); background: color-mix(in srgb, var(--c-workloads) 9%, var(--card)); border: 1px solid color-mix(in srgb, var(--c-workloads) 28%, var(--hairline)); border-radius: 999px; font-size: 8px; font-weight: 800; letter-spacing: .03em; }
.tnode.open > .tlabel .twist { transform: rotate(90deg); }
.tkids { margin-left: 7px; padding-left: 7px; border-left: 1.5px solid var(--hairline); display: none; }
.tkids .tlabel { gap: 6px; padding: 5px 6px; font-size: 11px; }
.tnode.open > .tkids { display: block; animation: rise .25s cubic-bezier(.2,.7,.2,1); }

/* ---------------- Detail panel ---------------- */
.detail {
  position: static; scroll-margin-top: 82px;
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-m);
  box-shadow: var(--shadow-m); padding: 0 0 20px;
}
.detail-head {
  position: static;
  padding: 18px 22px 14px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--dcat, var(--accent)) 12%, var(--card)), var(--card));
  border-bottom: 1px solid var(--hairline);
  border-radius: var(--r-m) var(--r-m) 0 0;
}
.detail-body { padding: 6px 22px 0; }
.detail .cat-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.workload-head-label { margin-left: 3px; color: var(--ink-3); font-size: 8.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.workload-head-chip { display: inline-flex; align-items: center; gap: 4px; min-width: 0; padding: 3px 6px; color: var(--ink-2); background: color-mix(in srgb, var(--c-workloads) 7%, var(--card)); border: 1px solid color-mix(in srgb, var(--c-workloads) 24%, var(--hairline)); border-radius: 999px; font-size: 9px; font-weight: 700; }
.workload-head-chip:hover { color: var(--ink-1); border-color: var(--c-workloads); }
.workload-head-chip .piconwrap { flex: none; width: 15px !important; height: 15px !important; }
.detail h2 { margin: 2px 0 6px; font-size: 20px; display: flex; gap: 9px; align-items: center; }
.detail h2 svg { color: var(--dcat, var(--accent)); flex: none; }
.detail .summary { color: var(--ink-2); font-size: 13.5px; margin: 0; }
.medallion-jump { width:100%; display:flex; justify-content:space-between; align-items:center; gap:10px; margin:12px 0 2px; padding:9px 11px; text-align:left; color:var(--accent-ink); background:color-mix(in srgb,var(--accent) 8%,var(--card)); border:1px solid color-mix(in srgb,var(--accent) 35%,var(--hairline)); border-radius:8px; font-size:11px; }.medallion-jump span { font-weight:800; }.medallion-jump b { font-size:10px; }

.medallion-guide { max-width:1120px; margin:0 auto; }.medallion-definition { display:flex; gap:8px; margin:18px 0; padding:13px 15px; color:var(--accent-ink); background:var(--accent-soft); border-left:4px solid var(--accent); border-radius:9px; font-size:14px; line-height:1.45; }.medallion-stages { display:grid; grid-template-columns:1fr 36px 1fr 36px 1fr; gap:8px; align-items:stretch; }.med-stage { padding:18px; background:var(--card); border:1px solid var(--hairline); border-top:5px solid var(--accent); border-radius:12px; box-shadow:var(--shadow-s); }.med-stage.bronze { --med:#aa6a34; border-top-color:var(--med); }.med-stage.silver { --med:#667782; border-top-color:var(--med); }.med-stage.gold { --med:#b78713; border-top-color:var(--med); }.med-stage-top { display:flex; gap:9px; align-items:center; }.med-stage-top > span { width:29px; height:29px; display:grid; place-items:center; color:#fff; background:var(--med); border-radius:50%; font-size:12px; font-weight:800; }.med-stage-top em { display:block; color:var(--med); font-size:10px; font-style:normal; font-weight:800; letter-spacing:.08em; }.med-stage h3 { margin:2px 0 0; font-size:17px; }.med-stage-example { display:grid; gap:4px; margin:14px 0 10px; padding:9px; background:var(--card-2); border-radius:7px; }.med-stage-example b { font-size:10px; }.med-stage-example code { color:var(--ink-2); font-size:9.5px; }.med-stage ul { padding-left:17px; color:var(--ink-2); font-size:12px; line-height:1.45; }.med-stage li { margin:7px 0; }.med-stage-question { margin-top:12px; padding:8px; color:var(--ink-2); background:color-mix(in srgb,var(--med) 8%,var(--card)); border-radius:6px; font-size:11px; line-height:1.4; }.med-stage-question b { color:var(--ink-1); }.med-stage-arrow { align-self:center; color:var(--ink-3); font-size:25px; text-align:center; }.medallion-layout { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0; }.medallion-layout > div,.medallion-next { padding:16px; background:var(--card); border:1px solid var(--hairline); border-radius:10px; box-shadow:var(--shadow-s); }.medallion-layout h3,.medallion-next h3 { margin:0 0 7px; font-size:14px; }.medallion-layout p { margin:0; color:var(--ink-2); font-size:12.5px; line-height:1.5; }.medallion-next > div { display:flex; flex-wrap:wrap; gap:7px; }
.topic-visual { position:relative; margin: 16px 0 5px; padding: 15px; background: var(--card-2); border: 1px solid var(--hairline); border-radius: 12px; overflow: hidden; }
.topic-visual::before { content:""; position:absolute; z-index:3; top:0; left:0; right:0; height:3px; pointer-events:none; background:var(--dcat,var(--accent)); }
.visual-zoom-toggle { position:absolute; z-index:2; top:9px; right:9px; display:grid; place-items:center; width:30px; height:30px; padding:0; color:var(--ink-2); background:color-mix(in srgb,var(--card) 88%,transparent); border:1px solid var(--hairline); border-radius:7px; cursor:pointer; opacity:.72; transition:opacity .16s ease, transform .16s ease, background .16s ease; }
.visual-zoom-toggle svg { width:16px; height:16px; }
.topic-visual:hover .visual-zoom-toggle,.visual-zoom-toggle:focus-visible { opacity:1; background:var(--card); transform:scale(1.06); outline:none; }
.visual-zoom-open { overflow:hidden; }
.visual-zoom-open::before { content:""; position:fixed; z-index:999; inset:0; background:rgba(7,25,29,.66); backdrop-filter:blur(3px); }
.topic-visual.is-zoomed { position:fixed; z-index:1000; inset:14px; margin:0; max-width:none; padding:28px; overflow:auto; box-shadow:0 24px 80px rgba(0,0,0,.38); zoom:150%; }
.topic-visual.is-zoomed .visual-zoom-toggle { position:absolute; top:9px; right:9px; width:36px; height:36px; opacity:1; background:var(--card); }
.topic-visual.is-zoomed .tv-heading { padding-right:48px; margin-bottom:20px; }
.tv-heading { margin-bottom: 11px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); }
.tv-title { font-weight: 750; color: var(--ink-1); line-height: 1.3; }
.tv-copy { color: var(--ink-2); font-size: 12px; line-height: 1.45; }
.tv-icon { color: var(--dcat, var(--accent)); }
.tv-icon .piconwrap { width: 34px !important; height: 34px !important; }

.tv-hub { display: grid; grid-template-columns: minmax(150px, .8fr) 1.6fr; gap: 14px; align-items: center; }
.tv-hub-core { text-align: center; padding: 16px 12px; border-radius: 50%; aspect-ratio: 1; max-width: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; background: color-mix(in srgb, var(--dcat, var(--accent)) 12%, var(--card)); border: 2px solid color-mix(in srgb, var(--dcat, var(--accent)) 35%, var(--hairline)); }
.tv-hub-core .tv-title { margin-top: 7px; font-size: 12px; }
.tv-spokes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.tv-spoke { padding: 8px 10px; background: var(--card); border-left: 3px solid var(--dcat, var(--accent)); border-radius: 7px; font-size: 11.5px; font-weight: 650; line-height: 1.35; }

.tv-fork-question { padding: 10px 12px; text-align: center; font-weight: 750; background: color-mix(in srgb, var(--dcat, var(--accent)) 10%, var(--card)); border-radius: 9px; }
.tv-fork-line { width: 2px; height: 13px; margin: auto; background: var(--hairline-2); }
.tv-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tv-choice { padding: 10px 11px; background: var(--card); border: 1px solid var(--hairline); border-top: 3px solid var(--dcat, var(--accent)); border-radius: 8px; }
.tv-choice .tv-title { font-size: 12px; }
.tv-choice .tv-copy { margin-top: 4px; }

.tv-journey { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.tv-journey::before { content: ""; position: absolute; left: 12%; right: 12%; top: 18px; height: 2px; background: var(--hairline-2); }
.tv-stop { position: relative; text-align: center; }
.tv-dot { width: 36px; height: 36px; margin: 0 auto 8px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: var(--accent-ink); background: var(--accent-soft); border: 2px solid var(--dcat, var(--accent)); }
.tv-stop .tv-title { font-size: 12px; }
.tv-stop .tv-copy { margin-top: 4px; }

.tv-copy-route { display: grid; grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr); gap: 13px; align-items: stretch; }
.tv-route-side { min-width: 0; }
.tv-route-label { display: block; margin-bottom: 7px; color: var(--ink-3); font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.tv-route-list { display: grid; gap: 6px; }
.tv-route-item { min-width: 0; padding: 8px 10px; background: var(--card); border: 1px solid var(--hairline); border-radius: 8px; }
.tv-route-item b, .tv-route-item span { display: block; }
.tv-route-item b { color: var(--ink-1); font-size: 11.5px; line-height: 1.3; }
.tv-route-item span { margin-top: 2px; color: var(--ink-2); font-size: 10.5px; line-height: 1.35; }
.tv-copy-engine { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 148px; padding: 13px 10px; text-align: center; color: var(--ink-1); background: color-mix(in srgb, var(--dcat, var(--accent)) 13%, var(--card)); border: 2px solid color-mix(in srgb, var(--dcat, var(--accent)) 38%, var(--hairline)); border-radius: 14px; }
.tv-copy-engine::before, .tv-copy-engine::after { content: ""; position: absolute; top: 50%; width: 13px; height: 2px; background: var(--dcat, var(--accent)); }
.tv-copy-engine::before { right: 100%; }
.tv-copy-engine::after { left: 100%; }
.tv-copy-engine .tv-title { margin-top: 6px; font-size: 12px; }
.tv-copy-modes { margin-top: 7px; color: var(--ink-2); font-size: 10px; line-height: 1.45; }

/* Fabric workloads: the organizing layer that connects role-focused experiences to shared capabilities. */
.workload-overview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.workload-overview-card { display:grid; grid-template-columns:36px minmax(0,1fr); gap:9px; align-items:start; min-width:0; padding:10px; text-align:left; color:var(--ink-1); background:var(--card); border:1px solid var(--hairline); border-left:4px solid var(--dcat,var(--accent)); border-radius:9px; }
.workload-overview-card:hover { border-color:var(--dcat,var(--accent)); background:color-mix(in srgb,var(--dcat,var(--accent)) 6%,var(--card)); }
.workload-overview-card .piconwrap { width:34px !important; height:34px !important; }
.workload-overview-copy { min-width:0; }.workload-overview-copy b,.workload-overview-copy span,.workload-overview-copy small { display:block; }
.workload-overview-copy b { font-size:12px; }.workload-overview-copy span { margin-top:2px; color:var(--ink-2); font-size:10px; line-height:1.35; }
.workload-overview-copy small { margin-top:6px; color:var(--ink-3); font-size:9px; line-height:1.35; }
.workload-shared-foundation { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px 11px; margin-top:9px; padding:8px 10px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-radius:7px; font-size:9.5px; }
.workload-shared-foundation b { color:var(--accent-ink); }
.workload-shared-foundation i { width:3px; height:3px; background:var(--dcat,var(--accent)); border-radius:50%; }
.workload-persona { display:grid; grid-template-columns:minmax(125px,.72fr) minmax(0,1.5fr); gap:8px; margin-bottom:10px; }
.workload-persona > div { padding:9px 10px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }
.workload-persona span,.workload-persona b { display:block; }.workload-persona span { color:var(--ink-3); font-size:8.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.workload-persona b { margin-top:4px; color:var(--ink-1); font-size:10.5px; line-height:1.35; }
.workload-steps { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:3px 0 11px; }
.workload-steps::before { content:""; position:absolute; left:9%; right:9%; top:16px; height:2px; background:var(--hairline-2); }
.workload-step { position:relative; text-align:center; }.workload-step i { width:32px; height:32px; display:grid; place-items:center; margin:0 auto 5px; color:var(--accent-ink); background:var(--card); border:2px solid var(--dcat,var(--accent)); border-radius:50%; font-size:10px; font-style:normal; font-weight:800; }.workload-step b { color:var(--ink-1); font-size:9.5px; }
.workload-cap-heading { margin:0 0 6px; color:var(--ink-3); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.workload-cap-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.workload-capability { display:flex; gap:7px; align-items:flex-start; min-width:0; padding:8px 9px; text-align:left; color:var(--ink-1); background:var(--card); border:1px solid var(--hairline); border-radius:7px; }
button.workload-capability:hover { border-color:var(--dcat,var(--accent)); background:color-mix(in srgb,var(--dcat,var(--accent)) 6%,var(--card)); }
.workload-capability::before { content:""; flex:none; width:7px; height:7px; margin-top:4px; background:var(--dcat,var(--accent)); border-radius:2px; }
.workload-capability span { min-width:0; }.workload-capability b,.workload-capability small { display:block; }.workload-capability b { font-size:10.5px; }.workload-capability small { margin-top:2px; color:var(--ink-2); font-size:9px; line-height:1.35; }
.workload-association { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:11px 0 4px; padding:8px 10px; color:var(--ink-2); background:color-mix(in srgb,var(--c-workloads) 7%,var(--card)); border-left:3px solid var(--c-workloads); border-radius:7px; }
.workload-association > span { margin-right:3px; color:var(--ink-3); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.workload-association button { padding:4px 7px; color:var(--ink-1); background:var(--card); border:1px solid var(--hairline); border-radius:5px; font-size:10px; font-weight:700; }
.workload-association button:hover { color:var(--accent-strong); border-color:var(--c-workloads); }

/* Workload selector: one focused workload at a time. */
.workloads-page { min-width:0; }
.workloads-pagehead { margin-bottom:20px; }
.workloads-pagehead h2 { font-size:32px; }
.workload-tabs { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.workload-tab { position:relative; display:flex; align-items:center; gap:10px; min-width:0; min-height:62px; padding:10px 12px; text-align:left; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:10px; box-shadow:var(--shadow-s); }
.workload-tab::after { content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:3px; background:var(--waccent); border-radius:3px 3px 0 0; opacity:0; transform:scaleX(.55); transition:.18s ease; }
.workload-tab .piconwrap { flex:none; filter:drop-shadow(0 4px 7px rgba(0,0,0,.16)); }
.workload-tab > span { min-width:0; font-size:12.5px; font-weight:750; line-height:1.2; }
.workload-tab:hover { color:var(--ink-1); border-color:color-mix(in srgb,var(--waccent) 55%,var(--hairline)); background:color-mix(in srgb,var(--waccent) 5%,var(--card)); }
.workload-tab.is-active { color:var(--ink-1); background:color-mix(in srgb,var(--waccent) 10%,var(--card)); border-color:color-mix(in srgb,var(--waccent) 60%,var(--hairline)); }
.workload-tab.is-active::after { opacity:1; transform:scaleX(1); }
.workload-tab:focus-visible { outline:3px solid color-mix(in srgb,var(--waccent) 38%,transparent); outline-offset:2px; }
.workload-page-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:var(--card); border:1px solid var(--hairline); border-top:5px solid var(--waccent); border-radius:15px; box-shadow:var(--shadow-m); }
.workload-page-card > header { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:24px 28px; background:linear-gradient(115deg,color-mix(in srgb,var(--waccent) 13%,var(--card)),var(--card) 68%); border-bottom:1px solid var(--hairline); }
.workload-card-title { display:grid; grid-template-columns:72px minmax(0,1fr); gap:18px; align-items:center; min-width:0; }
.workload-card-title .piconwrap { filter:drop-shadow(0 8px 12px rgba(0,0,0,.2)); }
.workload-card-title h3 { margin:0 0 4px; font-size:30px; line-height:1.08; }
.workload-card-title p { max-width:none; margin:0; color:var(--ink-2); font-size:19px; font-weight:600; line-height:1.35; text-wrap:pretty; }
.workload-guide-link { flex:none; padding:10px 13px; color:var(--ink-1); background:var(--card); border:1px solid var(--hairline-2); border-radius:8px; font-size:12.5px; font-weight:750; white-space:nowrap; }
.workload-guide-link span { color:var(--waccent); }
.workload-guide-link:hover { border-color:var(--waccent); background:color-mix(in srgb,var(--waccent) 7%,var(--card)); }
.workload-card-story { padding:25px 28px; background:color-mix(in srgb,var(--waccent) 5%,var(--card-2)); border-bottom:1px solid var(--hairline); }
.workload-route-scroll { min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-gutter:stable; }
.workload-card-route { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:14px; min-width:680px; overflow:visible; background:transparent; }
.workload-card-route > span { position:relative; display:flex; align-items:center; justify-content:flex-start; gap:12px; min-height:82px; padding:15px 18px; color:var(--ink-1); background:var(--card); border:1px solid var(--hairline); border-top:3px solid color-mix(in srgb,var(--waccent) 76%,var(--hairline)); border-radius:10px; box-shadow:var(--shadow-s); }
.workload-card-route > span:not(:last-child)::after { content:"→"; position:absolute; right:-22px; top:50%; z-index:2; width:29px; height:29px; display:grid; place-items:center; transform:translateY(-50%); color:var(--waccent); background:var(--card); border:1px solid color-mix(in srgb,var(--waccent) 45%,var(--hairline)); border-radius:50%; font-size:15px; font-weight:900; box-shadow:var(--shadow-s); }
.workload-card-route i { flex:none; width:31px; height:31px; display:grid; place-items:center; color:var(--waccent); background:color-mix(in srgb,var(--waccent) 18%,var(--card)); border:1px solid color-mix(in srgb,var(--waccent) 48%,var(--hairline)); border-radius:50%; font-size:10.5px; font-style:normal; font-weight:900; letter-spacing:.035em; }
.workload-card-route b { font-size:17px; line-height:1.2; }
.workload-card-label { display:flex; align-items:baseline; justify-content:space-between; gap:14px; margin:25px 28px 10px; color:var(--ink-1); font-size:13px; font-weight:800; }
.workload-card-label span { color:var(--ink-3); font-size:11px; font-weight:600; }
.workload-page-components { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 28px 28px; }
.workload-cap-group { grid-column:1/-1; display:flex; align-items:center; gap:10px; min-width:0; margin:10px 0 1px; color:var(--waccent); font-size:11px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.workload-cap-group:first-child { margin-top:0; }
.workload-cap-group::after { content:""; flex:1; height:1px; background:linear-gradient(90deg,color-mix(in srgb,var(--waccent) 48%,var(--hairline)),transparent); }
.workload-page-cap { display:grid; grid-template-columns:42px minmax(0,1fr) 14px; gap:12px; align-items:center; min-width:0; min-height:98px; padding:14px 15px; text-align:left; color:var(--ink-1); background:var(--card-2); border:1px solid var(--hairline); border-radius:10px; }
button.workload-page-cap:hover { border-color:var(--waccent); background:color-mix(in srgb,var(--waccent) 7%,var(--card)); transform:translateY(-1px); }
.workload-page-cap > span { min-width:0; }
.workload-page-cap b,.workload-page-cap small { display:block; }
.workload-page-cap b { font-size:16px; line-height:1.25; }
.workload-shared-badge { display:inline-block; margin-left:5px; padding:2px 6px; color:var(--waccent); background:color-mix(in srgb,var(--waccent) 10%,var(--card)); border:1px solid color-mix(in srgb,var(--waccent) 35%,var(--hairline)); border-radius:999px; font-size:9px; font-style:normal; font-weight:800; letter-spacing:.04em; text-transform:uppercase; vertical-align:2px; }
.workload-page-cap small { margin-top:5px; color:var(--ink-2); font-size:13px; line-height:1.4; }
.workload-page-cap > i { color:var(--waccent); font-size:15px; font-style:normal; font-weight:800; }
.workload-page-cap.is-context { border-style:dashed; }

@media (max-width:1180px) {
  .appbar { gap:10px; padding-inline:14px; }
  .appbar nav a { padding-inline:9px; font-size:12.5px; }
  .workload-tabs { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(168px,205px); padding:2px 1px 9px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-gutter:stable; }
  .workload-tab { scroll-snap-align:start; }
}
@media (max-width:980px) {
  .workload-page-components { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .appbar { height:auto; min-height:58px; flex-wrap:wrap; padding:8px 12px 0; }
  .appbar .spacer { display:none; }
  .appbar nav { order:3; width:calc(100% + 24px); height:42px; margin:0 -12px; padding:0 7px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
  .appbar nav a { flex:none; padding:0 10px; white-space:nowrap; }
}
@media (max-width:560px) {
  .workloads-pagehead { margin-bottom:15px; }
  .workloads-pagehead h2 { font-size:26px; }
  .workload-tabs { grid-auto-columns:154px; margin-right:-24px; padding-right:24px; }
  .workload-tab { min-height:56px; padding:8px 10px; }
  .workload-tab .piconwrap { width:32px !important; height:32px !important; }
  .workload-tab > span { font-size:11.5px; }
  .workload-page-card > header { align-items:flex-start; flex-wrap:wrap; padding:18px; }
  .workload-card-title { grid-template-columns:58px minmax(0,1fr); gap:13px; }
  .workload-card-title .piconwrap { width:58px !important; height:58px !important; }
  .workload-card-title h3 { font-size:25px; }
  .workload-card-title p { font-size:16.5px; }
  .workload-guide-link { margin-left:71px; padding:8px 10px; }
  .workload-card-story { padding:19px 18px; }
  .workload-route-scroll { padding-bottom:5px; }
  .workload-card-label { display:block; margin:21px 18px 9px; }
  .workload-card-label span { display:block; margin-top:3px; }
  .workload-page-components { grid-template-columns:1fr; padding:0 18px 19px; }
  .workload-page-cap { min-height:82px; }
}

/* Bespoke topic slides: Mirroring and semantic models */
.mirror-flow { display:grid; grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr); gap:12px; align-items:stretch; }
.mirror-source,.mirror-onelake { padding:11px; background:var(--card); border:1px solid var(--hairline); border-radius:10px; }
.mirror-kicker,.semantic-kicker { display:block; margin-bottom:8px; color:var(--ink-3); font-size:9.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.mirror-db,.mirror-lake { display:flex; gap:8px; align-items:center; padding:8px; background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border-radius:7px; }
.mirror-db-mark,.mirror-lake-mark { width:28px; height:28px; display:grid; place-items:center; color:var(--dcat,var(--accent)); background:var(--card); border-radius:6px; font-weight:900; }
.mirror-db b,.mirror-lake b,.mirror-db span,.mirror-lake span { display:block; }.mirror-db b,.mirror-lake b { font-size:11.5px; }.mirror-db span,.mirror-lake span { margin-top:2px; color:var(--ink-3); font-size:9.5px; }
.mirror-chips { display:flex; flex-wrap:wrap; gap:4px; margin-top:8px; }.mirror-chips span { padding:3px 5px; color:var(--ink-2); background:var(--card-2); border:1px solid var(--hairline); border-radius:4px; font-size:9px; font-weight:650; }
.mirror-source p { margin:8px 1px 0; color:var(--ink-2); font-size:10px; line-height:1.4; }
.mirror-replication { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px; text-align:center; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 10%,var(--card)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 55%,var(--hairline)); border-radius:10px; }
.mirror-replication::before,.mirror-replication::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.mirror-replication::before { right:100%; }.mirror-replication::after { left:100%; }
.mirror-replication b { margin-top:7px; color:var(--ink-1); font-size:12px; }.mirror-replication span { margin-top:2px; font-size:10px; }.mirror-replication small { margin-top:8px; color:var(--accent-ink); font-size:9.5px; line-height:1.35; }
.mirror-pulse { display:flex; gap:4px; align-items:center; }.mirror-pulse i { width:8px; height:8px; border-radius:50%; background:var(--dcat,var(--accent)); }.mirror-pulse i:nth-child(2) { opacity:.62; }.mirror-pulse i:nth-child(3) { opacity:.28; }
.mirror-table { display:flex; justify-content:space-between; gap:6px; padding:6px 2px; border-bottom:1px solid var(--hairline); font:9.5px ui-monospace,Consolas,monospace; }.mirror-table:last-child { border-bottom:0; }.mirror-fresh { color:var(--good); font-family:inherit; font-weight:700; }
.mirror-outcomes { display:grid; grid-template-columns:repeat(3,1fr) 1.55fr; gap:7px; margin-top:9px; }.mirror-outcomes > div { padding:8px 9px; background:var(--card); border:1px solid var(--hairline); border-radius:7px; }.mirror-outcomes b,.mirror-outcomes span { display:block; }.mirror-outcomes b { font-size:10px; }.mirror-outcomes span { margin-top:2px; color:var(--ink-2); font-size:9.5px; line-height:1.35; }.mirror-outcomes .mirror-boundary { background:color-mix(in srgb,var(--warn) 8%,var(--card)); border-left:3px solid var(--warn); }

.shortcut-flow { display:grid; grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr); gap:12px; align-items:stretch; }.shortcut-source,.shortcut-lakehouse { overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:10px; box-shadow:var(--shadow-s); }.shortcut-window-head { display:flex; align-items:center; gap:5px; min-height:31px; padding:0 9px; background:var(--card-2); border-bottom:1px solid var(--hairline); }.shortcut-window-head span { width:6px; height:6px; background:var(--hairline-2); border-radius:50%; }.shortcut-window-head b { margin-left:3px; color:var(--ink-2); font-size:10px; }.shortcut-path,.shortcut-breadcrumb { padding:7px 9px; color:var(--ink-3); font:9.5px ui-monospace,Consolas,monospace; border-bottom:1px solid var(--hairline); }.shortcut-breadcrumb strong { color:var(--dcat,var(--accent)); }.shortcut-file,.shortcut-row { display:flex; align-items:center; gap:6px; min-height:26px; padding:0 9px; color:var(--ink-1); border-bottom:1px solid var(--hairline); font-size:10px; }.shortcut-file i,.shortcut-row i { color:var(--dcat,var(--accent)); font-style:normal; }.shortcut-file em { margin-left:auto; color:var(--ink-3); font-size:9px; font-style:normal; }.shortcut-file.indent { padding-left:23px; color:var(--ink-2); }.shortcut-source-note,.shortcut-lake-note { margin:7px 9px; padding:6px 7px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-radius:5px; font-size:9px; line-height:1.35; }.shortcut-link { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:7px; text-align:center; background:color-mix(in srgb,var(--dcat,var(--accent)) 10%,var(--card)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 60%,var(--hairline)); border-radius:10px; }.shortcut-link::before,.shortcut-link::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.shortcut-link::before { right:100%; }.shortcut-link::after { left:100%; }.shortcut-link-mark { width:30px; height:30px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border:2px solid var(--dcat,var(--accent)); border-radius:50%; font-size:16px; font-weight:800; }.shortcut-link b { margin-top:6px; color:var(--ink-1); font-size:11px; line-height:1.25; }.shortcut-link span { margin-top:3px; color:var(--ink-2); font-size:9px; }.shortcut-row { min-height:25px; }.shortcut-folder { margin:4px 5px; padding:0 5px; background:color-mix(in srgb,var(--dcat,var(--accent)) 9%,var(--card)); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 28%,var(--hairline)); border-radius:5px; }.shortcut-child { padding-left:25px; color:var(--ink-2); }.shortcut-badge { margin-left:auto; padding:2px 4px; color:var(--accent-ink); background:var(--accent-soft); border-radius:3px; font-size:7.5px; font-weight:800; letter-spacing:.05em; }.shortcut-consumption { display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:7px; margin-top:9px; }.shortcut-consumption > div { padding:8px 9px; background:var(--card); border:1px solid var(--hairline); border-radius:7px; }.shortcut-consumption b,.shortcut-consumption span { display:block; }.shortcut-consumption b { font-size:10px; }.shortcut-consumption span { margin-top:2px; color:var(--ink-2); font-size:9.5px; line-height:1.35; }.shortcut-consumption .shortcut-warning { background:color-mix(in srgb,var(--warn) 8%,var(--card)); border-left:3px solid var(--warn); }

.eventstream-canvas { display:grid; grid-template-columns:minmax(0,1.1fr) 135px minmax(0,1fr); gap:12px; align-items:stretch; }.eventstream-source,.eventstream-destinations { background:var(--card); border:1px solid var(--hairline-2); border-radius:10px; overflow:hidden; }.eventstream-head { display:flex; align-items:center; justify-content:space-between; gap:6px; padding:8px 9px; background:var(--card-2); border-bottom:1px solid var(--hairline); }.eventstream-head span { color:var(--ink-3); font-size:8.5px; font-weight:800; letter-spacing:.07em; }.eventstream-head b { color:var(--ink-1); font:10px ui-monospace,Consolas,monospace; }.eventstream-json { display:grid; gap:2px; margin:9px; padding:8px 9px; color:var(--ink-2); background:#172423; border-radius:6px; font:9.5px/1.4 ui-monospace,Consolas,monospace; }.eventstream-json i { color:#8ed8c4; font-style:normal; }.eventstream-json b { color:#f2d078; font-weight:inherit; }.eventstream-source small { display:block; margin:0 9px 9px; color:var(--ink-3); font-size:9.5px; line-height:1.35; }.eventstream-process { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px; text-align:center; background:color-mix(in srgb,var(--dcat,var(--accent)) 10%,var(--card)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 60%,var(--hairline)); border-radius:10px; }.eventstream-process::before,.eventstream-process::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.eventstream-process::before { right:100%; }.eventstream-process::after { left:100%; }.eventstream-process-mark { width:30px; height:30px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border:2px solid var(--dcat,var(--accent)); border-radius:50%; font-size:18px; font-weight:800; }.eventstream-process b { margin-top:6px; color:var(--ink-1); font-size:11px; }.eventstream-process > span { margin-top:2px; color:var(--ink-2); font-size:9px; }.eventstream-rule { margin-top:8px; padding:6px; color:var(--accent-ink); background:var(--card); border-radius:5px; font-size:9px; }.eventstream-rule em,.eventstream-rule span { display:block; }.eventstream-rule em { color:var(--ink-3); font-size:8px; font-style:normal; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.eventstream-destination { display:flex; gap:7px; align-items:center; padding:8px 9px; border-bottom:1px solid var(--hairline); }.eventstream-destination:last-child { border-bottom:0; }.eventstream-dest-icon { width:23px; height:23px; display:grid; place-items:center; color:var(--dcat,var(--accent)); background:color-mix(in srgb,var(--dcat,var(--accent)) 9%,var(--card)); border-radius:5px; font-weight:800; }.eventstream-destination b,.eventstream-destination span { display:block; }.eventstream-destination b { font-size:10.5px; }.eventstream-destination span { margin-top:2px; color:var(--ink-2); font-size:9px; line-height:1.3; }.eventstream-alert { background:color-mix(in srgb,var(--warn) 7%,var(--card)); }.eventstream-alert .eventstream-dest-icon { color:var(--warn); background:transparent; }.eventstream-callout { display:flex; gap:10px; align-items:baseline; margin-top:9px; padding:7px 9px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-radius:7px; }.eventstream-callout b { color:var(--accent-ink); font-size:10px; white-space:nowrap; }.eventstream-callout span { font-size:9.5px; line-height:1.35; }

.pipeline-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding:8px 10px; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:8px 8px 0 0; font-size:9.5px; }.pipeline-toolbar b { color:var(--ink-1); font-size:11px; }.pipeline-run { margin-left:auto; padding:3px 6px; color:var(--good); background:color-mix(in srgb,var(--good) 10%,var(--card)); border-radius:4px; font-weight:700; }.pipeline-canvas { display:grid; grid-template-columns:minmax(112px,1fr) 16px minmax(112px,1fr) 16px minmax(112px,1fr) 16px minmax(112px,1fr); gap:4px; align-items:stretch; padding:10px; background:var(--card-2); border:1px solid var(--hairline); border-top:0; }.pipeline-step { position:relative; min-width:0; padding:9px; background:var(--card); border:1px solid var(--hairline-2); border-radius:8px; }.pipeline-step-num { position:absolute; top:-7px; left:8px; width:18px; height:18px; display:grid; place-items:center; color:var(--accent-ink); background:var(--accent-soft); border:1px solid var(--dcat,var(--accent)); border-radius:50%; font-size:9px; font-weight:800; }.pipeline-step-head { padding-top:7px; }.pipeline-step-head b,.pipeline-step-head span { display:block; }.pipeline-step-head b { color:var(--ink-1); font-size:10.5px; }.pipeline-step-head span { margin-top:2px; color:var(--ink-3); font-size:8.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }.pipeline-step-body { display:flex; align-items:center; gap:4px; margin-top:9px; color:var(--ink-2); font-size:9px; line-height:1.3; }.pipeline-step-body span { padding:4px; background:var(--card-2); border-radius:4px; }.pipeline-step-body i { color:var(--dcat,var(--accent)); font-style:normal; }.pipeline-step small { display:block; margin-top:8px; color:var(--ink-3); font-size:8.8px; line-height:1.35; }.pipeline-arrow { align-self:center; color:var(--dcat,var(--accent)); font-size:18px; font-weight:800; text-align:center; }.pipeline-check,.pipeline-publish,.pipeline-stack { display:grid; gap:4px; margin-top:8px; }.pipeline-check span,.pipeline-publish span,.pipeline-stack span { padding:4px 5px; color:var(--ink-2); background:var(--card-2); border-radius:4px; font-size:8.8px; line-height:1.25; }.pipeline-check span { color:var(--good); }.pipeline-publish span { color:var(--accent-ink); }.pipeline-rule { display:flex; gap:7px; margin-top:8px; padding:8px 9px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-left:3px solid var(--dcat,var(--accent)); border-radius:6px; font-size:9.5px; line-height:1.38; }.pipeline-rule b { color:var(--accent-ink); white-space:nowrap; }

.scenario-flow { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,.9fr); gap:12px; align-items:stretch; }.scenario-source,.scenario-result { padding:9px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.scenario-label { margin-bottom:7px; color:var(--ink-3); font-size:8.8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.scenario-item { margin:5px 0; padding:6px 7px; color:var(--ink-2); background:var(--card-2); border-radius:5px; font:9px ui-monospace,Consolas,monospace; line-height:1.3; }.scenario-item-main { color:var(--ink-1); border-left:3px solid var(--dcat,var(--accent)); font-family:inherit; font-weight:750; }.scenario-work { position:relative; overflow:hidden; background:color-mix(in srgb,var(--dcat,var(--accent)) 9%,var(--card)); border:2px solid color-mix(in srgb,var(--dcat,var(--accent)) 42%,var(--hairline)); border-radius:11px; }.scenario-work::before,.scenario-work::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.scenario-work::before { right:100%; }.scenario-work::after { left:100%; }.scenario-work-head { display:flex; align-items:center; gap:7px; padding:9px 10px; background:color-mix(in srgb,var(--dcat,var(--accent)) 10%,var(--card)); border-bottom:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 20%,var(--hairline)); }.scenario-work-head > span { width:24px; height:24px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border-radius:6px; font-weight:900; }.scenario-work-head b,.scenario-work-head small { display:block; }.scenario-work-head b { color:var(--ink-1); font-size:11px; }.scenario-work-head small { margin-top:1px; color:var(--ink-3); font-size:8.5px; text-transform:uppercase; letter-spacing:.06em; }.scenario-work ol { margin:0; padding:7px 10px 8px; list-style:none; }.scenario-work li { display:flex; gap:6px; align-items:flex-start; margin:5px 0; color:var(--ink-2); font-size:9.5px; line-height:1.35; }.scenario-work li > span { flex:none; width:15px; height:15px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 35%,var(--hairline)); border-radius:50%; font-size:8px; font-weight:800; }.scenario-result-item { display:flex; gap:6px; align-items:center; margin:5px 0; padding:6px 7px; color:var(--ink-1); background:var(--card-2); border-radius:5px; font-size:9.5px; font-weight:650; line-height:1.3; }.scenario-result-item span { color:var(--dcat,var(--accent)); font-weight:900; }.scenario-note { display:flex; gap:9px; margin-top:9px; padding:8px 9px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-radius:7px; font-size:9.5px; line-height:1.35; }.scenario-note b { color:var(--accent-ink); white-space:nowrap; }

/* Fabric-shaped walkthroughs for permission, workspace, and ingestion decisions */
.fabric-demo .tv-heading { margin-bottom:10px; }
.fabric-window { overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:10px; box-shadow:var(--shadow-s); }
.fabric-toolbar { display:flex; justify-content:space-between; gap:9px; padding:8px 10px; color:var(--ink-2); background:var(--card-2); border-bottom:1px solid var(--hairline); font-size:9px; }
.fabric-toolbar b { color:var(--ink-1); font-size:10.5px; }.fabric-toolbar span { color:var(--ink-3); }
.fabric-split { display:grid; grid-template-columns:1fr 1.28fr; min-height:142px; }.fabric-pane,.fabric-tree,.fabric-permission { padding:9px; }.fabric-pane,.fabric-tree { border-right:1px solid var(--hairline); }
.fabric-pane-label { margin-bottom:7px; color:var(--ink-3); font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.fabric-user,.fabric-report-row { display:flex; gap:7px; align-items:center; padding:6px 5px; border-bottom:1px solid var(--hairline); }.fabric-user:last-child { border-bottom:0; }.fabric-user i { width:22px; height:22px; display:grid; place-items:center; color:var(--accent-ink); background:var(--accent-soft); border-radius:50%; font-size:8px; font-style:normal; font-weight:800; }.fabric-user span,.fabric-report-row div { min-width:0; }.fabric-user b,.fabric-user small,.fabric-report-row b,.fabric-report-row small { display:block; }.fabric-user b,.fabric-report-row b { color:var(--ink-1); font-size:9.5px; }.fabric-user small,.fabric-report-row small { margin-top:1px; color:var(--ink-3); font-size:8.5px; }.fabric-user.is-muted { opacity:.52; }.fabric-report-icon { width:25px; height:25px; display:grid; place-items:center; color:var(--dcat,var(--accent)); background:var(--accent-soft); border-radius:5px; font-size:14px; }.fabric-report-row em { margin-left:auto; padding:2px 4px; color:var(--good); background:color-mix(in srgb,var(--good) 10%,var(--card)); border-radius:3px; font-size:8px; font-style:normal; font-weight:800; }.fabric-check { margin:5px 0; color:var(--ink-2); font-size:9px; }.fabric-check::first-letter { color:var(--good); font-weight:900; }.fabric-boundary { margin-top:6px; padding:5px 6px; color:var(--accent-ink); background:var(--accent-soft); border-left:3px solid var(--dcat,var(--accent)); border-radius:4px; font-size:8.5px; font-weight:700; }
.fabric-caption { display:flex; gap:9px; margin-top:8px; padding:7px 9px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); border-radius:7px; font-size:9.5px; line-height:1.35; }.fabric-caption b { flex:none; color:var(--accent-ink); white-space:nowrap; }
.fabric-tree { color:var(--ink-2); font-size:9.5px; line-height:2; }.fabric-tree > div:not(.fabric-pane-label) { white-space:nowrap; }.fabric-tree-row { display:flex; justify-content:space-between; gap:4px; padding-left:11px; }.fabric-tree-row em { color:var(--good); font-size:8px; font-style:normal; }.fabric-tree-row.is-locked { color:var(--ink-3); }.fabric-tree-row.is-locked em { color:var(--warn); }
.fabric-grant { display:grid; grid-template-columns:1fr auto; column-gap:7px; padding:6px; border-bottom:1px solid var(--hairline); font-size:9px; }.fabric-grant b { color:var(--ink-1); }.fabric-grant span { grid-column:1; margin-top:2px; color:var(--ink-3); font-size:8.5px; }.fabric-grant i { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--good); font-style:normal; font-weight:900; }.fabric-grant.is-denied i { color:var(--warn); }
.fabric-role-tabs { display:flex; gap:4px; padding:7px 8px; background:var(--card-2); border-bottom:1px solid var(--hairline); }.fabric-role-tabs button { padding:4px 7px; color:var(--ink-2); background:transparent; border:1px solid transparent; border-radius:4px; font-size:8.5px; font-weight:700; cursor:pointer; }.fabric-role-tabs button.is-active { color:var(--accent-ink); background:var(--card); border-color:var(--hairline); }.fabric-security-body { display:grid; grid-template-columns:.78fr 1.42fr; }.fabric-role-rule { padding:10px; background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border-right:1px solid var(--hairline); }.fabric-role-rule b,.fabric-role-rule span,.fabric-role-rule small { display:block; }.fabric-role-rule b { color:var(--ink-1); font-size:10px; }.fabric-role-rule span { margin-top:5px; color:var(--accent-ink); font:9px ui-monospace,Consolas,monospace; }.fabric-role-rule small { margin-top:9px; color:var(--ink-3); font-size:8.5px; line-height:1.35; }.fabric-data-preview { padding:7px; font-size:8.5px; }.fabric-data-preview > div { display:grid; grid-template-columns:1.25fr .8fr 1fr .55fr; gap:4px; padding:5px; border-bottom:1px solid var(--hairline); }.fabric-data-preview > div:first-child { color:var(--ink-3); background:var(--card-2); font-size:7.5px; letter-spacing:.04em; text-transform:uppercase; }.fabric-data-preview > div:not(:first-child) { color:var(--ink-2); }.fabric-data-preview > div:not(:first-child) span:first-child { color:var(--ink-1); font-weight:700; }
.workspace-map-demo { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:8px 0; }.workspace-card { min-height:75px; padding:9px; background:var(--card); border:1px solid var(--hairline); border-top:3px solid var(--dcat,var(--accent)); border-radius:8px; }.workspace-card.is-production { background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); }.workspace-card span,.workspace-card b,.workspace-card small { display:block; }.workspace-card span { color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.08em; }.workspace-card b { margin-top:5px; color:var(--ink-1); font-size:10px; }.workspace-card small { margin-top:4px; color:var(--ink-2); font-size:8.5px; line-height:1.3; }
.release-lanes { display:grid; grid-template-columns:1fr 18px 1fr 18px 1fr; gap:5px; align-items:stretch; padding:10px; }.release-lanes > div { min-height:96px; padding:8px; background:var(--card-2); border:1px solid var(--hairline); border-radius:7px; }.release-lanes span,.release-lanes b,.release-lanes small,.release-lanes em { display:block; }.release-lanes span { color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.07em; }.release-lanes b { margin-top:5px; color:var(--ink-1); font-size:10px; }.release-lanes small { margin-top:7px; color:var(--ink-2); font-size:8.5px; line-height:1.35; }.release-lanes em { margin-top:7px; color:var(--good); font-size:8px; font-style:normal; font-weight:800; }.release-lanes > i { align-self:center; color:var(--dcat,var(--accent)); font-style:normal; font-weight:900; text-align:center; }
.cross-workspace-demo { display:grid; grid-template-columns:1fr .85fr 1fr; gap:9px; align-items:stretch; }.fabric-workspace,.fabric-consumer-stack > div { padding:9px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }.fabric-workspace > span,.fabric-consumer-stack span { display:block; color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.07em; }.fabric-workspace b,.fabric-consumer-stack b { display:block; margin-top:5px; color:var(--ink-1); font-size:10px; }.fabric-workspace small,.fabric-consumer-stack small { display:block; margin-top:5px; color:var(--ink-2); font-size:8.5px; line-height:1.3; }.fabric-item { margin-top:9px; padding:6px; color:var(--accent-ink); background:var(--accent-soft); border-radius:4px; font-size:9px; font-weight:800; }.fabric-share-path { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:7px; text-align:center; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 50%,var(--hairline)); border-radius:8px; }.fabric-share-path b { font-size:9px; line-height:1.25; }.fabric-share-path i { margin:7px 0; color:var(--dcat,var(--accent)); font-size:18px; font-style:normal; font-weight:900; }.fabric-share-path small { color:var(--ink-3); font-size:8px; line-height:1.3; }.fabric-consumer-stack { display:grid; gap:5px; }
.ingestion-selector { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }.fabric-source-card { min-height:103px; padding:9px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }.fabric-source-card b,.fabric-source-card span,.fabric-source-card em { display:block; }.fabric-source-card b { color:var(--ink-1); font-size:10px; line-height:1.3; }.fabric-source-card span { margin-top:5px; color:var(--ink-2); font-size:8.5px; line-height:1.3; }.fabric-source-card em { margin-top:10px; width:max-content; padding:3px 5px; color:var(--accent-ink); background:var(--accent-soft); border-radius:3px; font-size:8px; font-style:normal; font-weight:800; }
.powerquery-grid { display:grid; grid-template-columns:.75fr 1.55fr; min-height:156px; }.powerquery-steps { padding:9px; background:var(--card-2); border-right:1px solid var(--hairline); }.powerquery-steps span { display:block; margin-bottom:6px; color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.07em; }.powerquery-steps b { display:block; padding:5px 4px; color:var(--ink-2); border-bottom:1px solid var(--hairline); font-size:8.5px; font-weight:650; }.powerquery-steps .is-last { color:var(--accent-ink); }.powerquery-preview { padding:8px; font-size:9px; }.powerquery-preview > div { display:grid; grid-template-columns:1.25fr .65fr .65fr; gap:5px; padding:5px; border-bottom:1px solid var(--hairline); }.powerquery-preview > div:first-child { color:var(--ink-3); background:var(--card-2); font-size:7.5px; text-transform:uppercase; }.powerquery-preview small { display:block; margin-top:8px; color:var(--ink-3); font-size:8px; }
.mirror-product-demo { display:grid; grid-template-columns:1fr .75fr 1fr; gap:11px; align-items:stretch; }.fabric-db { padding:10px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.fabric-db span,.fabric-db b,.fabric-db small { display:block; }.fabric-db span { color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.07em; }.fabric-db b { margin-top:7px; color:var(--ink-1); font-size:10.5px; }.fabric-db small { margin-top:7px; color:var(--ink-2); font:8.5px/1.55 ui-monospace,Consolas,monospace; }.fabric-db.target { background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border-color:color-mix(in srgb,var(--dcat,var(--accent)) 42%,var(--hairline)); }.fabric-db em { color:var(--good); font-family:inherit; font-style:normal; font-weight:800; }.mirror-stream { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:9px; text-align:center; background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 55%,var(--hairline)); border-radius:9px; }.mirror-stream i { width:28px; height:28px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border:2px solid var(--dcat,var(--accent)); border-radius:50%; font-size:16px; font-style:normal; }.mirror-stream b { margin-top:7px; color:var(--ink-1); font-size:9px; line-height:1.3; }.mirror-stream small { margin-top:5px; color:var(--ink-3); font-size:8px; }
.open-mirror-demo { display:grid; grid-template-columns:1fr .72fr 1fr; gap:9px; align-items:stretch; }.fabric-contract { padding:10px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.fabric-contract span,.fabric-contract b,.fabric-contract small,.fabric-contract em { display:block; }.fabric-contract span { color:var(--ink-3); font-size:7.5px; font-weight:800; letter-spacing:.07em; }.fabric-contract b { margin-top:7px; color:var(--ink-1); font-size:10px; }.fabric-contract small { margin-top:7px; color:var(--ink-2); font-size:8.5px; line-height:1.45; }.fabric-contract em { margin-top:9px; color:var(--accent-ink); font-size:8px; font-style:normal; font-weight:750; }.fabric-contract.is-fabric { background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); }.fabric-contract-arrow { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:8px; text-align:center; background:var(--card-2); border-radius:8px; }.fabric-contract-arrow b { color:var(--ink-2); font-size:8.5px; line-height:1.3; }.fabric-contract-arrow i { margin:8px 0; color:var(--dcat,var(--accent)); font-size:19px; font-style:normal; font-weight:900; }.fabric-contract-arrow small { color:var(--ink-3); font-size:8px; }
/* Keep the detailed Fabric walkthrough UI readable at normal desktop zoom. */
.fabric-demo .fabric-toolbar { font-size:10px; }.fabric-demo .fabric-toolbar b { font-size:11.5px; }
.next-batch-canvas { display:grid; grid-template-columns:minmax(0,1fr) minmax(155px,.92fr) minmax(0,1fr); gap:12px; align-items:stretch; }
.next-batch-side { padding:11px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.next-batch-side span,.next-batch-side b,.next-batch-side small { display:block; }.next-batch-side span { color:var(--ink-3); font-size:9px; font-weight:800; letter-spacing:.07em; }.next-batch-side b { margin-top:8px; color:var(--ink-1); font-size:12px; }.next-batch-side small { margin-top:6px; color:var(--ink-2); font-size:10px; line-height:1.4; }.next-batch-side.result { background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); }
.next-batch-work { position:relative; display:flex; align-items:center; gap:8px; padding:11px; background:color-mix(in srgb,var(--dcat,var(--accent)) 11%,var(--card)); border:2px solid color-mix(in srgb,var(--dcat,var(--accent)) 40%,var(--hairline)); border-radius:10px; }.next-batch-work::before,.next-batch-work::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.next-batch-work::before { right:100%; }.next-batch-work::after { left:100%; }.next-batch-work > span { width:28px; height:28px; display:grid; place-items:center; flex:none; color:var(--accent-ink); background:var(--card); border-radius:6px; font-size:16px; }.next-batch-work b,.next-batch-work strong,.next-batch-work small { display:block; }.next-batch-work b { color:var(--ink-3); font-size:9px; letter-spacing:.06em; }.next-batch-work strong { margin-top:4px; color:var(--ink-1); font-size:11px; line-height:1.3; }.next-batch-work small { margin-top:5px; color:var(--ink-2); font-size:10px; line-height:1.35; }
.fabric-demo .fabric-pane-label,.fabric-demo .powerquery-steps span { font-size:9px; }
.fabric-demo .fabric-user b,.fabric-demo .fabric-report-row b,.fabric-demo .fabric-tree,.fabric-demo .fabric-grant,.fabric-demo .fabric-role-rule b,.fabric-demo .fabric-source-card b,.fabric-demo .fabric-workspace b,.fabric-demo .fabric-consumer-stack b,.fabric-demo .fabric-contract b,.fabric-demo .fabric-contract-arrow b { font-size:10.5px; }
.fabric-demo .fabric-user small,.fabric-demo .fabric-report-row small,.fabric-demo .fabric-tree-row em,.fabric-demo .fabric-grant span,.fabric-demo .fabric-role-rule small,.fabric-demo .fabric-source-card span,.fabric-demo .fabric-workspace small,.fabric-demo .fabric-consumer-stack small,.fabric-demo .fabric-contract small,.fabric-demo .fabric-contract-arrow small { font-size:9.5px; }
.fabric-demo .fabric-role-tabs button,.fabric-demo .fabric-data-preview,.fabric-demo .powerquery-steps b,.fabric-demo .powerquery-preview,.fabric-demo .fabric-db small { font-size:9.5px; }
.fabric-demo .fabric-data-preview > div:first-child,.fabric-demo .powerquery-preview > div:first-child,.fabric-demo .workspace-card span,.fabric-demo .release-lanes span,.fabric-demo .fabric-workspace > span,.fabric-demo .fabric-consumer-stack span,.fabric-demo .fabric-contract span { font-size:8.5px; }
.fabric-demo .workspace-card b,.fabric-demo .release-lanes b,.fabric-demo .fabric-db b { font-size:11px; }.fabric-demo .workspace-card small,.fabric-demo .release-lanes small,.fabric-demo .fabric-contract em { font-size:9.5px; }.fabric-demo .fabric-caption { font-size:10.5px; }
.technical-window { overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:10px; box-shadow:var(--shadow-s); }.technical-toolbar { display:flex; align-items:center; gap:9px; padding:8px 10px; background:var(--card-2); border-bottom:1px solid var(--hairline); font-size:10px; }.technical-toolbar b { color:var(--ink-1); font-size:11px; }.technical-toolbar em { margin-left:auto; padding:3px 6px; color:var(--good); background:color-mix(in srgb,var(--good) 10%,var(--card)); border-radius:4px; font-size:9px; font-style:normal; font-weight:800; }.technical-canvas { display:grid; grid-template-columns:1fr 1.25fr 1fr; min-height:164px; }.technical-canvas section { padding:10px; border-right:1px solid var(--hairline); }.technical-canvas section:last-child { border-right:0; }.technical-canvas label { display:block; color:var(--ink-3); font-size:8.5px; font-weight:800; letter-spacing:.07em; }.technical-title { margin-top:7px; color:var(--ink-1); font-size:11px; font-weight:800; }.technical-canvas code { display:block; min-height:30px; margin-top:6px; padding:5px 6px; color:var(--ink-2); background:var(--card-2); border-radius:4px; font:10px/1.35 ui-monospace,Consolas,monospace; white-space:normal; }.technical-config { background:color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card)); }.technical-list { display:grid; gap:4px; margin-top:8px; }.technical-list i { color:var(--ink-2); font-size:9.5px; font-style:normal; }.technical-list i:first-child { color:var(--good); }.technical-steps { display:grid; grid-template-columns:18px 1fr; gap:5px 6px; margin-top:8px; align-items:center; }.technical-steps i { width:17px; height:17px; display:grid; place-items:center; color:var(--accent-ink); background:var(--card); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 40%,var(--hairline)); border-radius:50%; font-size:9px; font-style:normal; font-weight:800; }.technical-steps span { color:var(--ink-2); font-size:9.5px; line-height:1.25; }
.medallion-card-toolbar { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; padding:8px 10px; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:8px; font-size:10px; }.medallion-card-toolbar b { color:var(--ink-1); font-size:10.5px; }.medallion-card-flow { display:grid; grid-template-columns:minmax(130px,.85fr) 18px minmax(150px,1fr) 18px minmax(150px,1fr) 18px minmax(150px,1fr); align-items:stretch; gap:7px; }.medallion-source,.medallion-stage-card { padding:10px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.medallion-source { display:flex; flex-direction:column; }.medallion-source > span { display:block; color:var(--ink-3); font-size:8.5px; font-weight:800; font-style:normal; letter-spacing:.07em; }.medallion-source b { margin-top:7px; color:var(--ink-1); font-size:11px; }.medallion-source code,.medallion-stage-card code { display:block; margin-top:7px; padding:5px 6px; color:var(--ink-2); background:var(--card-2); border-radius:4px; font:9.5px/1.35 ui-monospace,Consolas,monospace; white-space:normal; }.medallion-source small { margin-top:9px; color:var(--ink-2); font-size:9.5px; line-height:1.35; }.medallion-source > em { margin-top:auto; padding-top:8px; color:var(--accent-ink); font-size:9px; font-style:normal; font-weight:800; }.medallion-card-arrow { align-self:center; color:var(--ink-3); font-size:18px; font-style:normal; text-align:center; }.medallion-stage-card { --med-stage:var(--accent); border-top:4px solid var(--med-stage); }.medallion-stage-card.bronze { --med-stage:#b5793e; }.medallion-stage-card.silver { --med-stage:#78909b; }.medallion-stage-card.gold { --med-stage:#c99a22; }.medallion-stage-head { display:flex; gap:7px; align-items:center; }.medallion-stage-head > span { display:grid; place-items:center; flex:none; width:21px; height:21px; color:#fff; background:var(--med-stage); border-radius:50%; font-size:10px; font-weight:800; }.medallion-stage-head div { white-space:nowrap; }.medallion-stage-head em,.medallion-stage-head b { display:inline; color:var(--ink-1); font-size:11px; font-style:normal; font-weight:800; letter-spacing:0; }.medallion-stage-head b::before { content:" "; }.medallion-stage-card ul { display:grid; gap:5px; margin:9px 0; padding:0; list-style:none; }.medallion-stage-card li { color:var(--ink-2); font-size:9.5px; line-height:1.3; }.medallion-stage-card li::before { content:"✓ "; color:var(--med-stage); font-weight:800; }.medallion-stage-answer { margin-top:auto; padding:7px; color:var(--ink-2); background:color-mix(in srgb,var(--med-stage) 9%,var(--card)); border-radius:5px; font-size:9.5px; line-height:1.3; }.medallion-stage-answer b { color:var(--ink-1); }
.medallion-stage-head em,.medallion-stage-head b { color:var(--med-stage); letter-spacing:.04em; text-transform:uppercase; }
.medallion-stage-card code span { display:block; }.medallion-stage-card code small { display:block; margin-top:3px; color:var(--ink-3); font:9px/1.25 ui-monospace,Consolas,monospace; }
.internal-shortcut-demo { display:grid; grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr); gap:10px; align-items:stretch; }.shortcut-workspace-window { overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:9px; box-shadow:var(--shadow-s); }.shortcut-workspace-window.is-target { border-top:3px solid var(--accent); }.shortcut-workspace-toolbar { display:flex; justify-content:space-between; gap:8px; padding:8px 9px; background:var(--card-2); border-bottom:1px solid var(--hairline); }.shortcut-workspace-toolbar b { color:var(--ink-1); font-size:10.5px; }.shortcut-workspace-toolbar span { color:var(--ink-3); font-size:8.5px; }.shortcut-workspace-body { padding:10px; }.shortcut-workspace-body label { display:block; color:var(--ink-3); font-size:8.5px; font-weight:800; letter-spacing:.06em; }.shortcut-table-title { display:flex; align-items:center; gap:5px; margin:7px 0; color:var(--ink-1); font-size:11px; font-weight:800; }.shortcut-table-title em { padding:2px 4px; color:var(--accent-ink); background:var(--accent-soft); border-radius:3px; font-size:8px; font-style:normal; letter-spacing:.05em; }.shortcut-columns,.shortcut-data-row { display:grid; grid-template-columns:1.1fr 1.4fr .7fr .55fr; gap:4px; padding:5px 6px; border-radius:4px; font-size:8.5px; }.shortcut-columns { color:var(--ink-3); background:var(--card-2); }.shortcut-data-row { margin-top:2px; color:var(--ink-2); background:color-mix(in srgb,var(--accent) 5%,var(--card)); }.shortcut-data-row b { color:var(--ink-1); font-size:8.5px; }.shortcut-workspace-body small { display:block; margin-top:8px; color:var(--ink-2); font-size:9px; line-height:1.3; }.internal-shortcut-link { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 4px; text-align:center; }.internal-shortcut-link span { color:var(--accent-ink); font-size:8px; font-weight:800; letter-spacing:.06em; }.internal-shortcut-link b { margin-top:8px; color:var(--ink-1); font-size:10px; }.internal-shortcut-link i { margin:7px 0; color:var(--accent); font-size:25px; font-style:normal; }.internal-shortcut-link small { color:var(--ink-3); font-size:8.5px; line-height:1.25; }
.concrete-window { overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:10px; box-shadow:var(--shadow-s); }.concrete-toolbar { display:flex; justify-content:space-between; gap:8px; padding:8px 10px; background:var(--card-2); border-bottom:1px solid var(--hairline); }.concrete-toolbar b { color:var(--ink-1); font-size:11px; }.concrete-toolbar span { color:var(--ink-3); font-size:9px; }.concrete-grid { display:grid; grid-template-columns:minmax(0,1fr) 18px minmax(0,1.1fr) 18px minmax(0,1fr); align-items:stretch; }.concrete-panel { display:flex; flex-direction:column; min-height:158px; padding:10px; border-right:1px solid var(--hairline); }.concrete-panel-top label { display:block; color:var(--ink-3); font-size:8.5px; font-weight:800; letter-spacing:.07em; }.concrete-panel-top b { display:block; margin-top:6px; color:var(--ink-1); font-size:11px; }.concrete-panel code { min-height:57px; margin-top:8px; padding:7px; color:var(--ink-2); background:var(--card-2); border-radius:5px; font:9.5px/1.38 ui-monospace,Consolas,monospace; white-space:pre-line; }.concrete-panel-foot { display:flex; justify-content:space-between; gap:6px; margin-top:auto; padding-top:8px; }.concrete-panel-foot span { color:var(--ink-3); font-size:8px; font-weight:800; letter-spacing:.05em; }.concrete-panel-foot em { color:var(--accent-ink); font-size:9px; font-style:normal; font-weight:800; text-align:right; }.concrete-arrow { align-self:center; color:var(--accent); font-size:18px; font-style:normal; text-align:center; }

/* Feature-story visuals: deliberately varied teaching canvases for BI, AI, and migration cards. */
.feature-story { padding:0; overflow:hidden; background:var(--card); border:1px solid var(--hairline-2); border-radius:12px; box-shadow:var(--shadow-s); }.feature-story .tv-heading { padding:12px 14px 8px; margin:0; }.feature-story .fabric-caption { margin:0; border-radius:0; border-width:1px 0 0; }

/* Data Science cards: seven different product stories, each shaped like the experience it explains. */
.feature-ds { --ds-accent:var(--dcat,var(--c-ai)); }.feature-ds .tv-heading { padding:13px 15px 10px; color:var(--ink-1); background:linear-gradient(90deg,color-mix(in srgb,var(--ds-accent) 15%,var(--card-2)),var(--card) 74%); }.feature-ds label { display:block; color:var(--ds-accent); font-size:9px; font-weight:900; letter-spacing:.08em; }.feature-ds b,.feature-ds strong,.feature-ds span,.feature-ds small,.feature-ds em,.feature-ds code { font-size:10px; }.feature-ds button:not(.visual-zoom-toggle) { pointer-events:none; }

/* Experiment comparison surface */
.experiment-console { margin:0 13px 13px; overflow:hidden; background:var(--card-2); border:1px solid var(--hairline); border-radius:10px; }.experiment-console > header { display:flex; align-items:center; gap:12px; padding:10px 12px; background:var(--card); border-bottom:1px solid var(--hairline); }.experiment-console > header > div { min-width:0; }.experiment-console > header span,.experiment-console > header b { display:block; }.experiment-console > header > div > span { color:var(--ds-accent); font-size:8.5px; font-weight:850; letter-spacing:.08em; }.experiment-console > header > div > b { margin-top:2px; font-size:11.5px; }.experiment-console nav { display:flex; align-self:stretch; gap:12px; margin-left:auto; }.experiment-console nav span,.experiment-console nav strong { display:flex; align-items:center; color:var(--ink-3); font-size:9.5px; }.experiment-console nav strong { color:var(--ink-1); border-bottom:2px solid var(--ds-accent); }.experiment-workspace { display:grid; grid-template-columns:1.15fr .82fr .84fr; min-width:0; }.run-table,.metric-plot,.run-receipt { min-width:0; padding:11px; }.run-table { border-right:1px solid var(--hairline); }.run-row { display:grid; grid-template-columns:minmax(78px,1.3fr) .55fr .65fr .68fr; gap:5px; align-items:center; padding:6px 5px; color:var(--ink-2); border-bottom:1px solid var(--hairline); }.run-row > * { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.run-row b { color:var(--ink-1); }.run-row em { color:var(--ink-3); font-style:normal; }.run-row.is-best { background:color-mix(in srgb,var(--ds-accent) 10%,var(--card)); border-left:3px solid var(--ds-accent); }.run-row.is-best em { color:var(--good); font-weight:800; }.run-head { color:var(--ink-3); font-size:8px; font-weight:850; letter-spacing:.06em; }.metric-plot { border-right:1px solid var(--hairline); }.metric-plot label { color:var(--ink-3); }.plot-area { height:105px; display:flex; align-items:flex-end; justify-content:center; gap:8px; margin-top:6px; padding:9px 6px 0; border-left:1px solid var(--hairline-2); border-bottom:1px solid var(--hairline-2); }.plot-area i { position:relative; width:18%; min-width:14px; background:color-mix(in srgb,var(--ds-accent) 32%,var(--card)); border-radius:4px 4px 0 0; }.plot-area i.is-best { background:var(--ds-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-accent) 13%,transparent); }.plot-area span { position:absolute; left:50%; top:-13px; transform:translateX(-50%); color:var(--ink-2); font-size:8px; font-style:normal; }.metric-plot small { display:block; margin-top:6px; color:var(--ink-3); line-height:1.3; }.run-receipt { background:color-mix(in srgb,var(--ds-accent) 6%,var(--card)); }.run-receipt > strong { display:block; margin:4px 0 8px; color:var(--ink-1); font-size:12px; }.run-receipt > span { display:block; padding:4px 0; color:var(--ink-2); border-bottom:1px solid var(--hairline); line-height:1.3; }.run-receipt > span b { display:block; color:var(--ink-3); font-size:8px; letter-spacing:.05em; text-transform:uppercase; }.run-receipt button,.automl-winner button { width:100%; margin-top:9px; padding:7px; color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 15%,var(--card)); border:1px solid var(--ds-accent); border-radius:6px; font-weight:800; }

/* Model registry and controlled version selection */
.model-registry { margin:0 13px 13px; padding:12px; background:linear-gradient(135deg,color-mix(in srgb,var(--ds-accent) 8%,var(--card-2)),var(--card-2)); border:1px solid var(--hairline); border-radius:10px; }.model-registry > header { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:9px; align-items:center; padding-bottom:10px; border-bottom:1px solid var(--hairline); }.registry-model-mark,.endpoint-model-icon { width:36px; height:36px; display:grid; place-items:center; color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 17%,var(--card)); border:2px solid var(--ds-accent); border-radius:9px; font-size:12px; font-weight:900; }.model-registry header label,.model-registry header b,.model-registry header span { display:block; }.model-registry header b { margin-top:2px; font-size:13px; }.model-registry header span { margin-top:2px; color:var(--ink-3); }.model-registry header > em { padding:4px 7px; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:12px; font-style:normal; }.version-track { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:14px 0 11px; }.version-track::before { content:""; position:absolute; left:7%; right:7%; top:31px; height:2px; background:var(--hairline-2); }.version-track article { position:relative; display:grid; grid-template-columns:29px minmax(0,1fr); gap:7px; align-items:start; min-width:0; padding:6px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }.version-track article > i { position:relative; z-index:1; width:29px; height:29px; display:grid; place-items:center; color:var(--ink-2); background:var(--card-2); border:2px solid var(--hairline-2); border-radius:50%; font-style:normal; font-weight:900; }.version-track article b,.version-track article span { display:block; }.version-track article b { font-size:10.5px; }.version-track article span { margin-top:2px; color:var(--ink-3); line-height:1.3; }.version-track article small { grid-column:1 / -1; padding-top:4px; color:var(--ink-3); border-top:1px solid var(--hairline); }.version-track article.is-approved { border-color:var(--ds-accent); box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-accent) 10%,transparent); }.version-track article.is-approved > i { color:var(--accent-ink); border-color:var(--ds-accent); background:color-mix(in srgb,var(--ds-accent) 14%,var(--card)); }.version-track article.is-approved small { color:var(--good); font-weight:800; }.registry-release { display:grid; grid-template-columns:1.2fr .85fr .78fr; gap:8px; }.registry-release > * { min-width:0; padding:9px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }.registry-release section span,.registry-release aside span,.registry-release aside b { display:block; margin-top:4px; color:var(--ink-2); line-height:1.3; }.release-gate { display:flex; flex-direction:column; justify-content:center; text-align:center; border-color:color-mix(in srgb,var(--good) 55%,var(--hairline))!important; }.release-gate b { color:var(--ink-3); }.release-gate strong { margin:4px 0; color:var(--good); font-size:13px; }.release-gate span { color:var(--ink-2); }.registry-release aside b { color:var(--ink-1); }

/* Data Wrangler visual preparation studio */
.wrangler-studio { margin:0 13px 13px; overflow:hidden; background:var(--card-2); border:1px solid var(--hairline); border-radius:10px; }.wrangler-bar { display:flex; align-items:center; gap:9px; padding:9px 11px; background:var(--card); border-bottom:1px solid var(--hairline); }.wrangler-bar b { font-size:12px; }.wrangler-bar span { color:var(--ink-2); }.wrangler-bar em { margin-left:auto; color:var(--ink-3); font-style:normal; }.wrangler-grid { display:grid; grid-template-columns:.72fr .92fr 1.25fr; }.wrangler-grid > section { min-width:0; padding:11px; border-right:1px solid var(--hairline); }.wrangler-grid > section:last-child { border-right:0; }.profile-pane > b { display:block; margin-top:4px; font-size:11.5px; }.profile-hist { height:76px; display:flex; align-items:flex-end; gap:4px; margin:7px 0; padding:0 5px 4px; border-bottom:1px solid var(--hairline-2); }.profile-hist i { flex:1; background:linear-gradient(180deg,var(--ds-accent),color-mix(in srgb,var(--ds-accent) 28%,var(--card))); border-radius:3px 3px 0 0; }.profile-pane > span { display:flex; justify-content:space-between; gap:6px; margin-top:5px; color:var(--ink-2); }.profile-pane > span b { color:var(--ink-3); }.wrangler-steps article { display:grid; grid-template-columns:24px 1fr; gap:7px; margin-top:7px; padding:7px; background:var(--card); border:1px solid var(--hairline); border-radius:7px; }.wrangler-steps article > i { width:23px; height:23px; display:grid; place-items:center; color:var(--ink-3); background:var(--card-2); border-radius:50%; font-style:normal; font-weight:850; }.wrangler-steps article b,.wrangler-steps article span { display:block; }.wrangler-steps article span { margin-top:2px; color:var(--ink-3); line-height:1.3; }.wrangler-steps article.is-active { border-color:var(--ds-accent); }.wrangler-steps article.is-active > i { color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 15%,var(--card)); }.wrangler-steps article.is-done > i { color:var(--good); }.preview-table > div { display:grid; grid-template-columns:1fr 1fr .75fr; gap:5px; padding:5px; color:var(--ink-2); border-bottom:1px solid var(--hairline); }.preview-table > div:first-of-type { margin-top:5px; color:var(--ink-3); background:var(--card); font-size:8.5px; font-weight:850; }.preview-table .is-fixed { color:var(--good); background:color-mix(in srgb,var(--good) 8%,transparent); }.preview-table code { display:block; margin-top:9px; padding:7px; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:6px; font-family:ui-monospace,Consolas,monospace; line-height:1.42; }.wrangler-studio > footer { display:flex; align-items:center; gap:10px; padding:9px 11px; background:var(--card); border-top:1px solid var(--hairline); }.wrangler-studio > footer span { color:var(--ink-2); line-height:1.35; }.wrangler-studio > footer button { margin-left:auto; padding:6px 9px; color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 15%,var(--card)); border:1px solid var(--ds-accent); border-radius:6px; font-weight:800; white-space:nowrap; }

/* AutoML wizard and search leaderboard */
.automl-lab { margin:0 13px 13px; overflow:hidden; background:var(--card-2); border:1px solid var(--hairline); border-radius:10px; }.automl-steps { display:grid; grid-template-columns:repeat(4,1fr); background:var(--card); border-bottom:1px solid var(--hairline); }.automl-steps span { position:relative; display:flex; align-items:center; justify-content:center; gap:6px; padding:9px; color:var(--ink-3); font-weight:750; }.automl-steps span:not(:last-child)::after { content:""; position:absolute; right:-10px; z-index:1; width:19px; height:19px; background:var(--card); border-top:1px solid var(--hairline); border-right:1px solid var(--hairline); transform:rotate(45deg); }.automl-steps i { width:20px; height:20px; display:grid; place-items:center; color:var(--ink-3); background:var(--card-2); border-radius:50%; font-size:8.5px; font-style:normal; }.automl-steps .done i { color:var(--good); }.automl-steps .active { color:var(--ink-1); background:color-mix(in srgb,var(--ds-accent) 9%,var(--card)); }.automl-steps .active i { color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 18%,var(--card)); }.automl-main { display:grid; grid-template-columns:.72fr 1.25fr .72fr; }.automl-main > * { min-width:0; padding:12px; border-right:1px solid var(--hairline); }.automl-main > *:last-child { border-right:0; }.automl-brief > b,.automl-brief > span,.automl-brief > small { display:block; }.automl-brief > b { margin:5px 0 8px; font-size:12px; }.automl-brief > span { padding:4px 0; color:var(--ink-2); border-bottom:1px solid var(--hairline); }.automl-brief > span strong { display:inline-block; width:52px; color:var(--ink-3); }.automl-brief > small { margin-top:8px; color:var(--good); line-height:1.3; }.trial-leaderboard header { display:flex; align-items:center; justify-content:space-between; gap:7px; padding-bottom:7px; }.trial-leaderboard header b { font-size:11.5px; }.trial-leaderboard header span { color:var(--ink-3); }.trial-leaderboard article { display:grid; grid-template-columns:20px minmax(0,1fr) 58px; gap:7px; align-items:center; padding:7px 0; border-top:1px solid var(--hairline); }.trial-leaderboard article > em { width:19px; height:19px; display:grid; place-items:center; color:var(--ink-3); background:var(--card); border-radius:50%; font-style:normal; }.trial-leaderboard article div { min-width:0; }.trial-leaderboard article div b { display:block; }.trial-leaderboard article div i { display:block; height:4px; margin-top:4px; background:var(--ds-accent); border-radius:4px; }.trial-leaderboard article > strong { text-align:right; color:var(--ink-2); }.automl-winner { text-align:center; background:color-mix(in srgb,var(--ds-accent) 6%,var(--card)); }.winner-score { width:82px; height:82px; display:flex; flex-direction:column; align-items:center; justify-content:center; margin:8px auto; border:7px solid color-mix(in srgb,var(--ds-accent) 58%,var(--hairline)); border-radius:50%; }.winner-score b { font-size:18px; }.winner-score span { color:var(--ink-3); font-size:8px; }.automl-winner > strong,.automl-winner > span,.automl-winner > small { display:block; }.automl-winner > strong { font-size:12px; }.automl-winner > span { margin-top:4px; color:var(--ink-2); }.automl-winner > small { margin-top:7px; color:var(--warn); font-weight:800; }

/* Semantic Link bridge */
.semantic-bridge { display:grid; grid-template-columns:1fr .52fr 1fr; gap:0; margin:0 13px 13px; overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--c-bi) 7%,var(--card-2)),color-mix(in srgb,var(--ds-accent) 8%,var(--card-2))); border:1px solid var(--hairline); border-radius:10px; }.semantic-source,.semantic-notebook { min-width:0; padding:12px; background:var(--card); }.semantic-source header,.semantic-notebook header { padding-bottom:8px; border-bottom:1px solid var(--hairline); }.semantic-source header span,.semantic-source header b,.semantic-notebook header span,.semantic-notebook header b { display:block; }.semantic-source header span { color:var(--c-bi); font-size:8.5px; font-weight:850; }.semantic-notebook header span { color:var(--ds-accent); font-size:8.5px; font-weight:850; }.semantic-source header b,.semantic-notebook header b { margin-top:2px; font-size:11.5px; }.model-objects article { display:grid; grid-template-columns:24px 1fr; gap:7px; margin-top:7px; padding:6px; background:var(--card-2); border-radius:6px; }.model-objects article > i { width:23px; height:23px; display:grid; place-items:center; color:var(--c-bi); background:color-mix(in srgb,var(--c-bi) 12%,var(--card)); border-radius:5px; font-style:normal; }.model-objects article b,.model-objects article span { display:block; }.model-objects article span { margin-top:2px; color:var(--ink-3); }.semantic-source > small { display:block; margin-top:7px; color:var(--ink-3); }.semantic-link-span { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 6px; text-align:center; border-inline:1px solid var(--hairline); }.semantic-link-span span,.semantic-link-span b,.semantic-link-span small { display:block; }.semantic-link-span span { color:var(--ink-3); }.semantic-link-span i { margin:5px 0; color:var(--ds-accent); font-size:27px; font-style:normal; }.semantic-link-span b { color:var(--accent-ink); }.semantic-link-span small { margin-top:4px; color:var(--ink-3); line-height:1.25; }.semantic-notebook code { display:block; margin-top:8px; padding:8px; color:var(--ink-2); background:#111918; border:1px solid var(--hairline); border-radius:6px; font-family:ui-monospace,Consolas,monospace; line-height:1.4; }.semantic-notebook code em { color:#75d8b8; font-style:normal; }.notebook-result { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:8px; padding:7px; background:var(--card-2); border-radius:6px; }.notebook-result span { color:var(--ink-3); }.notebook-result strong { color:var(--good); }.semantic-bridge > footer { grid-column:1 / -1; display:grid; grid-template-columns:1fr 30px 1fr; gap:7px; align-items:center; padding:9px 12px; border-top:1px solid var(--hairline); }.semantic-bridge > footer div b,.semantic-bridge > footer div span { display:block; }.semantic-bridge > footer div span { margin-top:2px; color:var(--ink-2); }.semantic-bridge > footer > i { color:var(--ds-accent); font-size:18px; font-style:normal; text-align:center; }

/* Batch scoring route */
.batch-scoring { margin:0 13px 13px; padding:13px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--ds-accent) 7%,var(--card-2))); border:1px solid var(--hairline); border-radius:10px; }.batch-flow { display:grid; grid-template-columns:1fr 22px .82fr 22px 1.05fr 22px .92fr; gap:5px; align-items:stretch; }.batch-flow > section { min-width:0; padding:10px; background:var(--card); border:1px solid var(--hairline); border-radius:8px; }.batch-flow section > b,.batch-flow section > span,.batch-flow section > small { display:block; }.batch-flow section > b { margin-top:4px; font-size:11px; }.batch-flow section > span { margin-top:4px; color:var(--ink-2); }.batch-flow section > small { margin-top:5px; color:var(--ink-3); line-height:1.25; }.batch-arrow { display:grid; place-items:center; color:var(--ds-accent); font-size:18px!important; font-style:normal; }.tiny-table { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; margin-top:8px; }.tiny-table i { padding:4px 2px; overflow:hidden; color:var(--ink-3); background:var(--card-2); font-size:7.5px!important; font-style:normal; text-overflow:ellipsis; }.batch-model { text-align:center; border-top:3px solid var(--ds-accent)!important; }.model-cube { width:42px; height:42px; display:grid; place-items:center; margin:6px auto; color:var(--accent-ink); background:color-mix(in srgb,var(--ds-accent) 15%,var(--card)); border:2px solid var(--ds-accent); border-radius:9px; font-size:13px; font-weight:900; transform:rotate(-3deg); }.batch-predict code { display:block; margin-top:6px; padding:7px; overflow:hidden; color:var(--ink-2); background:#111918; border-radius:6px; font-family:ui-monospace,Consolas,monospace; line-height:1.38; }.batch-predict > span { color:var(--good)!important; text-align:center; }.batch-output { border-top:3px solid var(--good)!important; }.batch-output span { padding:3px 0; border-bottom:1px solid var(--hairline); }.batch-run-proof { display:grid; grid-template-columns:repeat(4,1fr) auto; gap:6px; margin-top:9px; }.batch-run-proof > * { padding:7px; color:var(--ink-2); background:var(--card); border:1px solid var(--hairline); border-radius:6px; text-align:center; }.batch-run-proof span b { color:var(--ink-1); }.batch-run-proof strong { display:grid; place-items:center; color:var(--good); border-color:color-mix(in srgb,var(--good) 48%,var(--hairline)); }

/* Real-time endpoint console */
.endpoint-console { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; gap:10px; margin:0 13px 13px; padding:12px; background:linear-gradient(135deg,color-mix(in srgb,var(--warn) 5%,var(--card-2)),color-mix(in srgb,var(--ds-accent) 8%,var(--card-2))); border:1px solid var(--hairline); border-radius:10px; }.endpoint-preview-flag { position:absolute; top:8px; right:8px; z-index:2; padding:3px 7px; color:#ffd27a; background:rgba(152,92,0,.25); border:1px solid #9d6a19; border-radius:11px; font-size:8px; font-weight:900; letter-spacing:.07em; }.endpoint-settings,.endpoint-test { min-width:0; overflow:hidden; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.endpoint-settings > header { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:8px; align-items:center; padding:10px; border-bottom:1px solid var(--hairline); }.endpoint-settings header label,.endpoint-settings header b { display:block; }.endpoint-settings header b { margin-top:2px; font-size:11.5px; }.endpoint-settings header em { padding:4px 7px; color:var(--good); background:color-mix(in srgb,var(--good) 8%,var(--card)); border:1px solid color-mix(in srgb,var(--good) 40%,var(--hairline)); border-radius:11px; font-style:normal; font-weight:850; }.endpoint-url { display:flex; align-items:center; gap:6px; margin:9px; padding:7px; background:#111918; border-radius:6px; }.endpoint-url span { padding:3px 5px; color:#b7ffdf; background:#19563d; border-radius:4px; font-size:8px; font-weight:900; }.endpoint-url code { min-width:0; overflow:hidden; color:var(--ink-2); font-family:ui-monospace,Consolas,monospace; text-overflow:ellipsis; white-space:nowrap; }.endpoint-toggles { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:0 9px 9px; }.endpoint-toggles article { padding:7px; background:var(--card-2); border-radius:6px; }.endpoint-toggles span,.endpoint-toggles b { display:block; }.endpoint-toggles span { color:var(--ink-3); }.endpoint-toggles b { margin-top:3px; color:var(--ink-1); }.endpoint-health { margin:0 9px 9px; padding:8px; background:color-mix(in srgb,var(--good) 6%,var(--card)); border-left:3px solid var(--good); border-radius:6px; }.endpoint-health > span { display:flex; align-items:center; gap:5px; color:var(--good); font-weight:850; }.endpoint-health > span i { width:7px; height:7px; background:var(--good); border-radius:50%; box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 13%,transparent); }.endpoint-health b,.endpoint-health small { display:block; margin-top:4px; }.endpoint-health small { color:var(--ink-3); }.endpoint-test > header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px; border-bottom:1px solid var(--hairline); }.endpoint-test > header b { font-size:11.5px; }.endpoint-test > header span { color:var(--ink-3); }.request-response { display:grid; grid-template-columns:1fr 24px 1fr; gap:6px; align-items:center; padding:10px; }.request-response > div { min-width:0; }.request-response > i { color:var(--ds-accent); font-size:18px; font-style:normal; text-align:center; }.request-response code { display:block; min-height:98px; margin-top:5px; padding:8px; color:var(--ink-2); background:#111918; border:1px solid var(--hairline); border-radius:6px; font-family:ui-monospace,Consolas,monospace; line-height:1.45; }.endpoint-test > footer { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:9px 10px; background:var(--card-2); border-top:1px solid var(--hairline); }.endpoint-test > footer span { color:var(--ink-2); }.endpoint-test > footer b { display:block; color:var(--ink-3); }
@media (max-width:760px) {
  .experiment-console > header { align-items:flex-start; flex-wrap:wrap; }.experiment-console nav { width:100%; margin-left:0; overflow-x:auto; }.experiment-console nav span,.experiment-console nav strong { min-height:27px; white-space:nowrap; }.experiment-workspace { grid-template-columns:1fr; }.run-table,.metric-plot { border-right:0; border-bottom:1px solid var(--hairline); }
  .version-track { grid-template-columns:1fr 1fr; }.version-track::before { display:none; }.registry-release { grid-template-columns:1fr; }
  .wrangler-grid { grid-template-columns:1fr; }.wrangler-grid > section { border-right:0; border-bottom:1px solid var(--hairline); }.wrangler-grid > section:last-child { border-bottom:0; }
  .automl-main { grid-template-columns:1fr; }.automl-main > * { border-right:0; border-bottom:1px solid var(--hairline); }.automl-main > *:last-child { border-bottom:0; }.automl-winner { text-align:left; }.winner-score { float:left; margin:2px 12px 8px 0; }.automl-winner button { width:auto; display:block; }
  .semantic-bridge { grid-template-columns:1fr; }.semantic-link-span { min-height:88px; border-inline:0; border-block:1px solid var(--hairline); }.semantic-link-span i { transform:rotate(90deg); }.semantic-bridge > footer { grid-template-columns:1fr; }.semantic-bridge > footer > i { transform:rotate(90deg); }
  .batch-flow { grid-template-columns:1fr; }.batch-arrow { min-height:20px; transform:rotate(90deg); }.batch-run-proof { grid-template-columns:1fr 1fr; }.batch-run-proof strong { grid-column:1 / -1; }
  .endpoint-console { grid-template-columns:1fr; }.endpoint-preview-flag { top:7px; right:7px; }.request-response { grid-template-columns:1fr; }.request-response > i { transform:rotate(90deg); }.request-response code { min-height:0; }.endpoint-test > footer { grid-template-columns:1fr; }
}
@media (max-width:480px) {
  .feature-ds .tv-heading { padding-right:42px; }.version-track { grid-template-columns:1fr; }.wrangler-studio > footer { align-items:flex-start; flex-direction:column; }.wrangler-studio > footer button { margin-left:0; }.automl-steps { grid-template-columns:1fr 1fr; }.automl-steps span:nth-child(2)::after,.automl-steps span:last-child::after { display:none; }.endpoint-settings > header { grid-template-columns:38px minmax(0,1fr); }.endpoint-settings header em { grid-column:2; justify-self:start; }.endpoint-toggles { grid-template-columns:1fr; }.batch-run-proof { grid-template-columns:1fr; }.batch-run-proof strong { grid-column:auto; }
}

.mode-board { padding:10px 14px 14px; background:linear-gradient(135deg,var(--card-2),transparent); }.mode-request { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:10px; border:1px solid var(--hairline); border-radius:8px; }.mode-request b,.mode-options b { color:var(--ink-1); font-size:12px; }.mode-request span { color:var(--ink-3); font-size:10px; }.mode-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0; }.mode-options article { position:relative; min-height:105px; padding:10px; border:1px solid var(--hairline); border-radius:8px; background:var(--card); }.mode-options em { display:block; margin-bottom:7px; color:var(--ink-3); font-size:9px; font-style:normal; font-weight:800; letter-spacing:.08em; }.mode-options small { display:block; margin-top:6px; color:var(--ink-2); font-size:10px; line-height:1.4; }.mode-options .is-picked { border:2px solid var(--accent); background:var(--accent-pale); }.mode-options i { position:absolute; right:7px; bottom:6px; color:var(--accent-ink); font-size:9px; font-style:normal; font-weight:800; }.mode-result { padding:8px 10px; color:var(--accent-ink); background:var(--accent-pale); border-radius:6px; font-size:11px; font-weight:800; }.mode-result strong { margin:0 8px; }
.lake-rail { display:grid; grid-template-columns:1.2fr .7fr 1fr .8fr; gap:8px; align-items:center; padding:16px; background:linear-gradient(100deg,var(--accent-pale),transparent 70%); }.lake-table,.lake-model,.lake-report { min-height:100px; padding:12px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.lake-rail label,.access-ladder label,.migration-pin label { display:block; color:var(--ink-3); font-size:8px; letter-spacing:.08em; font-weight:800; }.lake-rail b { display:block; margin:7px 0 4px; color:var(--ink-1); font-size:12px; }.lake-rail span,.lake-rail i { display:block; color:var(--ink-2); font-size:10px; font-style:normal; }.lake-beam { text-align:center; color:var(--accent-ink); }.lake-beam b { display:block; font-size:30px; line-height:1; }.lake-beam span { font-size:11px; font-weight:800; }.lake-beam small { color:var(--ink-3); font-size:9px; }.lake-report { background:var(--accent-pale); }
.security-stage { display:grid; grid-template-columns:.9fr 1fr 1fr; gap:10px; padding:14px; background:var(--card-2); }.security-role,.security-screen { padding:12px; border-radius:9px; border:1px solid var(--hairline); background:var(--card); }.security-role span,.security-screen em { color:var(--ink-3); font-size:9px; font-style:normal; font-weight:800; }.security-role b { display:block; margin:8px 0; color:var(--ink-1); font-size:12px; }.security-role small { color:var(--ink-2); font-size:10px; line-height:1.5; }.security-screen > div { display:flex; justify-content:space-between; }.security-screen p { display:flex; justify-content:space-between; padding:7px 0; margin:7px 0 0; border-top:1px solid var(--hairline); color:var(--ink-2); font-size:10px; }.security-screen strong { color:var(--ink-1); }.security-screen .masked { color:var(--danger); letter-spacing:.08em; }.security-screen.is-committee { border-color:var(--accent); }
.app-shelf { display:grid; grid-template-columns:1fr 90px 190px; gap:16px; align-items:center; padding:16px 20px; background:linear-gradient(120deg,var(--card-2),transparent); }.app-workspace { padding:12px; border:1px solid var(--hairline); border-radius:8px; }.app-workspace label { color:var(--ink-3); font-size:8px; letter-spacing:.08em; font-weight:800; }.app-workspace b,.app-workspace small { display:block; padding:6px 0; color:var(--ink-1); font-size:11px; }.app-workspace small { color:var(--ink-3); border-top:1px solid var(--hairline); }.app-publish { text-align:center; color:var(--accent-ink); font-size:10px; font-weight:800; }.app-publish strong { display:block; font-size:28px; }.app-phone { padding:13px; border:5px solid var(--ink-1); border-radius:16px; background:var(--card); }.app-phone div { margin-bottom:10px; color:var(--accent-ink); font-size:9px; font-weight:800; }.app-phone b,.app-phone span,.app-phone small { display:block; margin:5px 0; color:var(--ink-1); font-size:11px; }.app-phone span { padding:6px; background:var(--card-2); border-radius:4px; }.app-phone small { color:var(--ink-3); font-size:9px; }
.report-paper { width:min(500px,90%); margin:10px auto 16px; padding:16px; color:#24302d; background:#fffefb; box-shadow:0 9px 22px #0003; }.report-paper header,.paper-row { display:flex; justify-content:space-between; gap:12px; font-size:10px; }.report-paper header span { color:#65716c; }.paper-rule { height:2px; margin:12px 0; background:#178f79; }.paper-row { padding:7px 0; border-bottom:1px solid #dfe6e1; }.paper-head { color:#69736e; font-size:8px; font-weight:800; text-transform:uppercase; }.report-paper footer { margin-top:12px; color:#397262; font-size:9px; font-weight:800; }
.access-ladder { display:grid; grid-template-columns:1fr 26px 1fr 26px 1fr; align-items:center; gap:6px; padding:22px; }.access-ladder > div { min-height:92px; padding:12px; border:1px solid var(--hairline); border-radius:9px; background:var(--card-2); }.access-ladder b,.access-ladder span { display:block; margin-top:7px; color:var(--ink-1); font-size:11px; }.access-ladder span { color:var(--ink-2); font-size:10px; }.access-ladder > i { color:var(--accent); font-size:20px; font-style:normal; text-align:center; }.access-viewer { background:var(--accent-pale)!important; border-color:var(--accent)!important; }
.bi-command { display:grid; grid-template-columns:.86fr 1.55fr .86fr; gap:10px; align-items:stretch; padding:15px; background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 48%),linear-gradient(135deg,var(--card-2),transparent); }.bi-command label,.app-console label,.distribution-source label,.pbi-direct-decision label,.pbi-direct-trigger label { display:block; color:var(--ink-3); font-size:8px; font-weight:800; letter-spacing:.08em; }.bi-command-model,.bi-command-audience { padding:12px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.bi-command-model b,.bi-command-audience b { display:block; margin:10px 0 8px; color:var(--ink-1); font-size:12px; }.bi-command-model span,.bi-command-audience span { display:block; margin-top:7px; color:var(--ink-2); font-size:10px; line-height:1.35; }.bi-command-screen { padding:12px; border:1px solid color-mix(in srgb,var(--accent) 38%,var(--hairline)); border-radius:12px; background:#071310; box-shadow:inset 0 0 0 1px #ffffff10,0 14px 30px #0004; }.bi-screen-top { display:flex; justify-content:space-between; gap:10px; align-items:center; color:#e7fff7; font-size:12px; }.bi-screen-top em { color:#87e9cb; font-size:9px; font-style:normal; font-weight:800; }.bi-kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:12px 0; }.bi-kpi-row article { padding:8px; border:1px solid #ffffff1f; border-radius:8px; background:#ffffff0b; }.bi-kpi-row span { display:block; color:#a8bab5; font-size:8px; }.bi-kpi-row strong { display:block; margin-top:4px; color:#fff; font-size:14px; }.bi-screen-bars { display:grid; gap:7px; }.bi-screen-bars i { display:block; height:8px; border-radius:999px; background:linear-gradient(90deg,#f7c948,#35c7a2); }
.app-console { display:grid; grid-template-columns:1.2fr .85fr .85fr; gap:12px; align-items:center; padding:15px; background:linear-gradient(120deg,var(--card-2),color-mix(in srgb,var(--accent) 8%,transparent)); }.app-console-left,.app-console-right { display:grid; gap:7px; padding:11px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.app-item { display:flex; justify-content:space-between; gap:8px; padding:7px 8px; color:var(--ink-2); background:var(--card-2); border-radius:6px; font-size:10px; }.app-item em { color:var(--ink-3); font-style:normal; font-weight:800; }.app-item.is-live { color:var(--ink-1); border-left:3px solid var(--good); }.app-console-center { display:grid; place-items:center; }.app-phone-shell { width:150px; min-height:178px; padding:14px 11px; border:5px solid var(--ink-1); border-radius:20px; background:linear-gradient(180deg,#fff,#edf7f3); color:#17231f; box-shadow:0 12px 28px #0004; }.app-phone-shell b,.app-phone-shell span,.app-phone-shell small { display:block; }.app-phone-shell b { font-size:12px; }.app-phone-shell span { margin-top:8px; padding:7px; background:#dfece7; border-radius:7px; font-size:10px; font-weight:800; }.app-phone-shell small { margin-top:9px; color:#4f625c; font-size:8px; line-height:1.35; }.app-console-right span { padding:8px; color:var(--accent-ink); background:var(--accent-pale); border:1px solid color-mix(in srgb,var(--accent) 28%,var(--hairline)); border-radius:999px; font-size:10px; font-weight:800; text-align:center; }.app-console-right .is-muted { color:var(--ink-3); background:var(--card-2); border-color:var(--hairline); }
.distribution-cockpit { padding:15px; background:linear-gradient(135deg,var(--card-2),transparent); }.distribution-source { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.distribution-source b { color:var(--ink-1); font-size:12px; }.distribution-source span { color:var(--ink-2); font-size:10px; }.distribution-routes { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:12px 0; }.distribution-routes article { position:relative; min-height:96px; padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); overflow:hidden; }.distribution-routes article::before { content:""; position:absolute; inset:auto 10px 10px; height:4px; border-radius:999px; background:linear-gradient(90deg,var(--accent),transparent); }.distribution-routes b { display:block; color:var(--ink-1); font-size:14px; }.distribution-routes span { display:block; margin-top:8px; color:var(--ink-2); font-size:10px; line-height:1.35; }.distribution-routes em { position:absolute; right:10px; top:10px; color:var(--accent-ink); font-size:8px; font-style:normal; font-weight:800; }.distribution-warning { display:flex; justify-content:space-between; gap:14px; padding:10px 12px; color:var(--ink-2); background:color-mix(in srgb,var(--warn) 12%,var(--card)); border:1px solid color-mix(in srgb,var(--warn) 38%,var(--hairline)); border-radius:10px; font-size:10px; line-height:1.35; }.distribution-warning b { color:var(--ink-1); white-space:nowrap; }
.pbi-direct-board { display:grid; grid-template-columns:.88fr 1fr 1.08fr; gap:12px; align-items:stretch; padding:15px; background:linear-gradient(120deg,#10201d,var(--card-2)); }.pbix-card,.pbi-direct-decision,.pbi-direct-trigger { border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.pbix-card { position:relative; padding:15px 12px 12px; overflow:hidden; }.pbix-ribbon { position:absolute; top:0; left:0; right:0; height:7px; display:grid; grid-template-columns:1fr 1fr 1fr; }.pbix-ribbon span:nth-child(1){ background:#f3c743; }.pbix-ribbon span:nth-child(2){ background:#d8a321; }.pbix-ribbon span:nth-child(3){ background:#8d6b18; }.pbix-card b { display:block; margin-top:8px; color:var(--ink-1); font-size:13px; }.pbix-card small { display:block; margin-top:8px; color:var(--ink-2); font-size:10px; line-height:1.35; }.pbix-card em { display:inline-block; margin-top:12px; padding:5px 7px; color:#7a5b00; background:#ffe18a; border-radius:999px; font-size:9px; font-style:normal; font-weight:800; }.pbix-meter { height:9px; margin-top:14px; background:var(--card-2); border-radius:999px; overflow:hidden; }.pbix-meter i { display:block; height:100%; background:linear-gradient(90deg,#f0c436,#38b68f); }.pbi-direct-decision,.pbi-direct-trigger { padding:12px; }.pbi-direct-decision ul { margin:10px 0 0; padding-left:16px; color:var(--ink-2); font-size:10px; line-height:1.45; }.pbi-direct-decision li { margin:6px 0; }.pbi-direct-trigger { display:grid; gap:8px; }.pbi-direct-trigger div { padding:8px; color:var(--ink-1); background:var(--card-2); border-left:3px solid var(--accent); border-radius:7px; font-size:10px; line-height:1.35; }
.feature-ai label { display:block; color:var(--ink-3); font-size:8px; font-weight:800; letter-spacing:.08em; }.feature-ai b { color:var(--ink-1); }.feature-ai span,.feature-ai small,.feature-ai p,.feature-ai li { color:var(--ink-2); }
.ai-mission { position:relative; min-height:230px; padding:18px; background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 45%),linear-gradient(135deg,var(--card-2),#111b24); }.ai-orbit-center { position:absolute; left:50%; top:50%; width:150px; height:150px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; text-align:center; transform:translate(-50%,-50%); border:2px solid var(--accent); border-radius:50%; background:var(--card); box-shadow:0 0 34px color-mix(in srgb,var(--accent) 20%,transparent); }.ai-orbit-center b,.ai-orbit-center span { display:block; }.ai-orbit-center b { font-size:14px; }.ai-orbit-card { position:absolute; width:156px; padding:10px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); box-shadow:var(--shadow-s); }.ai-orbit-card b,.ai-orbit-card span { display:block; margin-top:5px; font-size:10px; }.ai-orbit-card.c1 { left:20px; top:18px; }.ai-orbit-card.c2 { right:20px; top:18px; }.ai-orbit-card.c3 { left:20px; bottom:18px; }.ai-orbit-card.c4 { right:20px; bottom:18px; }
.copilot-code { display:grid; grid-template-columns:1.4fr .75fr; gap:12px; padding:15px; background:#0c151b; }.code-pane,.test-pane { border:1px solid var(--hairline); border-radius:12px; background:var(--card); overflow:hidden; }.code-tabs { display:flex; justify-content:space-between; gap:8px; padding:9px 11px; border-bottom:1px solid var(--hairline); background:#071016; }.code-tabs b { font-size:11px; }.code-tabs em { color:var(--accent-ink); font-size:9px; font-style:normal; font-weight:800; }.code-pane code { display:grid; gap:6px; padding:12px; color:#b7f7d0; background:#091015; font:10.5px/1.45 ui-monospace,Consolas,monospace; }.code-pane code span { color:#b7f7d0; }.test-pane { padding:13px; }.test-pane b,.test-pane span { display:block; margin-top:8px; font-size:11px; }.test-pane b { font-size:17px; color:var(--good); }
.copilot-answer { --copilot-blue:#3DCBFF; --copilot-green:#52B471; --copilot-violet:#8C48FF; --copilot-pink:#F2598A; --copilot-gold:#FFB152; display:grid; grid-template-columns:1.18fr .82fr; gap:12px; padding:15px; background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--copilot-blue) 24%,transparent),transparent 34%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--copilot-violet) 24%,transparent),transparent 32%),linear-gradient(135deg,#08131b,#141922 58%,#111815); }.copilot-dashboard,.copilot-response { border:1px solid color-mix(in srgb,var(--copilot-blue) 22%,var(--hairline)); border-radius:16px; background:color-mix(in srgb,var(--card) 88%,#07131b); box-shadow:0 16px 30px #0005; overflow:hidden; }.dash-topbar { display:flex; justify-content:space-between; gap:10px; padding:11px 12px; border-bottom:1px solid var(--hairline); background:linear-gradient(90deg,color-mix(in srgb,var(--copilot-blue) 16%,transparent),color-mix(in srgb,var(--copilot-violet) 14%,transparent)); }.dash-topbar b { font-size:12px; }.dash-topbar span { color:var(--ink-3); font-size:9px; font-weight:800; }.dash-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:10px 12px; }.dash-metrics article { min-height:74px; padding:9px; border:1px solid var(--hairline); border-radius:12px; background:#0e171d; }.dash-metrics b { display:block; margin-top:6px; font-size:22px; line-height:1; }.dash-metrics article:nth-child(1) b { color:var(--copilot-pink); }.dash-metrics article:nth-child(2) b { color:var(--copilot-gold); }.dash-metrics article:nth-child(3) b { color:var(--copilot-green); }.dash-body { display:grid; grid-template-columns:1.35fr .9fr; gap:8px; padding:0 12px 12px; }.dash-chart,.dash-table { min-height:128px; padding:10px; border:1px solid var(--hairline); border-radius:12px; background:#0b1419; }.dash-chart { display:grid; align-content:start; gap:7px; }.dash-chart label,.dash-table label { margin-bottom:4px; }.bar { position:relative; display:block; height:15px; border-radius:999px; background:linear-gradient(90deg,var(--copilot-blue),var(--copilot-violet),var(--copilot-pink)); box-shadow:0 0 16px color-mix(in srgb,var(--copilot-violet) 22%,transparent); }.bar span { position:absolute; right:7px; top:2px; color:#fff; font-size:9px; font-weight:900; }.bar.b1 { width:94%; }.bar.b2 { width:92%; background:linear-gradient(90deg,var(--copilot-blue),var(--copilot-violet)); }.bar.b3 { width:91%; background:linear-gradient(90deg,var(--copilot-green),var(--copilot-blue)); }.bar.b4 { width:84%; background:linear-gradient(90deg,#56646f,#78838d); opacity:.72; }.dash-table { display:grid; gap:7px; align-content:start; }.dash-table span { display:flex; justify-content:space-between; gap:8px; padding:7px 8px; border-radius:9px; background:#111d22; }.dash-table b { font-size:10px; }.dash-table em { color:var(--ink-3); font-size:9px; font-style:normal; }.copilot-response { padding:12px; border-color:color-mix(in srgb,var(--copilot-violet) 28%,var(--hairline)); background:linear-gradient(155deg,color-mix(in srgb,var(--copilot-violet) 10%,var(--card)),color-mix(in srgb,var(--copilot-green) 9%,var(--card))); }.copilot-spark { display:flex; gap:5px; margin-bottom:10px; }.copilot-spark i { width:18px; height:18px; border-radius:9px 9px 4px 9px; background:var(--copilot-blue); box-shadow:0 0 14px color-mix(in srgb,var(--copilot-blue) 40%,transparent); }.copilot-spark i:nth-child(2) { background:var(--copilot-violet); }.copilot-spark i:nth-child(3) { background:var(--copilot-pink); }.copilot-spark i:nth-child(4) { background:var(--copilot-green); }.ask-bubble,.return-card { padding:11px; border:1px solid var(--hairline); border-radius:13px; background:#0d171d; }.ask-bubble { margin-bottom:9px; border-color:color-mix(in srgb,var(--copilot-blue) 34%,var(--hairline)); }.ask-bubble b { display:block; margin-top:7px; font-size:13px; line-height:1.28; }.return-card { border-color:color-mix(in srgb,var(--copilot-green) 28%,var(--hairline)); }.return-card b { display:block; margin-top:7px; color:var(--copilot-green); font-size:14px; }.return-card p { margin:8px 0; font-size:10px; line-height:1.45; }.return-card ul { margin:8px 0 0; padding-left:16px; }.return-card li { margin:5px 0; font-size:10px; line-height:1.35; }
.skill-rack { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; padding:15px; background:linear-gradient(135deg,#111827,var(--card-2)); }.skill-rack article { min-height:108px; padding:11px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.skill-rack article b,.skill-rack article span { display:block; margin-top:7px; font-size:11px; }.skill-rack-gate { grid-column:1/-1; display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border:1px dashed var(--accent); border-radius:10px; background:var(--accent-pale); }.skill-rack-gate b { white-space:nowrap; }
.ai-context-story { --ctx-blue:#3DCBFF; --ctx-green:#52B471; --ctx-violet:#8C48FF; --ctx-pink:#F2598A; --ctx-gold:#FFB152; display:grid; grid-template-columns:1fr 1.08fr 1fr; gap:12px; align-items:stretch; padding:15px; background:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--ctx-blue) 18%,transparent),transparent 34%),radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--ctx-violet) 17%,transparent),transparent 31%),linear-gradient(135deg,#08131b,#131823 58%,#0e1817); }.ai-context-story > section { display:grid; align-content:start; padding:12px; border:1px solid var(--hairline); border-radius:12px; background:color-mix(in srgb,var(--card) 91%,#07131b); box-shadow:0 14px 26px #0004; }.context-question { grid-template-rows:auto auto 1fr; border-color:color-mix(in srgb,var(--ctx-blue) 34%,var(--hairline))!important; }.context-chat { margin-top:9px; padding:10px; border-left:3px solid var(--ctx-blue); border-radius:8px; background:linear-gradient(135deg,color-mix(in srgb,var(--ctx-blue) 10%,#101d23),#101d23); }.context-chat small,.context-chat b { display:block; }.context-chat small { color:var(--ctx-blue); font-size:7px; font-weight:900; letter-spacing:.06em; }.context-chat b { margin-top:5px; color:var(--ink-1); font-size:10px; line-height:1.35; }.context-envelope { display:grid; align-content:end; gap:5px; margin-top:9px; padding:8px; border:1px dashed color-mix(in srgb,var(--ctx-blue) 34%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--ctx-blue) 7%,transparent); }.context-envelope > strong { color:var(--ctx-blue); font-size:7px; letter-spacing:.05em; }.context-envelope article { display:grid; grid-template-columns:47px 1fr; gap:7px; padding:6px 7px; border-radius:7px; background:#101d23; }.context-envelope span { color:var(--ink-3); font-size:7px; font-weight:900; text-transform:uppercase; }.context-envelope b { color:var(--ink-1); font-size:8px; line-height:1.2; }.context-answer { grid-template-rows:auto auto auto auto 1fr; border-color:color-mix(in srgb,var(--ctx-violet) 38%,var(--hairline))!important; }.answer-hero { margin-top:9px; padding:10px; color:#fff; border-radius:9px; background:linear-gradient(120deg,var(--ctx-violet),var(--ctx-pink)); }.answer-hero span,.answer-hero b,.answer-hero small { display:block; }.answer-hero span { font-size:7px; font-weight:900; letter-spacing:.06em; }.answer-hero b { margin-top:3px; font-size:18px; }.answer-hero small { margin-top:3px; color:#fff; font-size:8px; }.context-rank { display:grid; gap:6px; margin-top:9px; }.context-rank article { display:grid; grid-template-columns:58px 1fr 30px; gap:6px; align-items:center; }.context-rank b,.context-rank span { color:var(--ink-1); font-size:8px; }.context-rank i { display:block; height:8px; border-radius:999px; background:linear-gradient(90deg,var(--ctx-blue),var(--ctx-violet),var(--ctx-pink)); }.context-rank span { font-weight:900; text-align:right; }.answer-next { margin-top:9px; padding:8px; border-left:3px solid var(--ctx-gold); border-radius:8px; background:color-mix(in srgb,var(--ctx-gold) 9%,#101d23); }.answer-next strong,.answer-next b,.answer-next span { display:block; }.answer-next strong { color:var(--ctx-gold); font-size:7px; letter-spacing:.05em; }.answer-next b { margin-top:4px; color:var(--ink-1); font-size:10px; }.answer-next span { margin-top:3px; color:var(--ink-2); font-size:8px; line-height:1.25; }.answer-receipt { align-self:end; margin-top:8px; padding:7px 8px; border:1px dashed color-mix(in srgb,var(--ctx-green) 40%,var(--hairline)); border-radius:8px; background:color-mix(in srgb,var(--ctx-green) 7%,transparent); }.answer-receipt strong,.answer-receipt span { display:block; }.answer-receipt strong { color:#aeeac1; font-size:7px; letter-spacing:.05em; }.answer-receipt span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.2; }.context-control { grid-template-rows:auto auto auto 1fr; border-color:color-mix(in srgb,var(--ctx-green) 34%,var(--hairline))!important; }.action-boundary { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }.action-boundary article { padding:8px; border:1px solid var(--hairline); border-radius:8px; background:#101d23; }.action-boundary .action-allowed { border-color:color-mix(in srgb,var(--ctx-green) 38%,var(--hairline)); }.action-boundary .action-blocked { border-color:color-mix(in srgb,var(--ctx-pink) 38%,var(--hairline)); }.action-boundary strong,.action-boundary b,.action-boundary span { display:block; }.action-boundary strong { color:#aeeac1; font-size:6.5px; letter-spacing:.04em; }.action-boundary .action-blocked strong { color:#ffc1d8; }.action-boundary b { margin-top:5px; color:var(--ink-1); font-size:9px; }.action-boundary span { margin-top:4px; color:var(--ink-2); font-size:7px; line-height:1.25; }.owner-review { margin-top:9px; padding:9px; border-left:3px solid var(--ctx-green); border-radius:8px; background:color-mix(in srgb,var(--ctx-green) 9%,#101d23); }.owner-review strong,.owner-review b,.owner-review span { display:block; }.owner-review strong { color:#aeeac1; font-size:7px; letter-spacing:.05em; }.owner-review b { margin-top:4px; color:var(--ink-1); font-size:10px; }.owner-review span { margin-top:4px; color:var(--ink-2); font-size:8px; line-height:1.3; }.evidence-trail { align-self:end; margin-top:9px; padding:8px; border:1px dashed color-mix(in srgb,var(--ctx-blue) 34%,var(--hairline)); border-radius:8px; }.evidence-trail strong,.evidence-trail span,.evidence-trail b { display:block; }.evidence-trail strong { color:var(--ctx-blue); font-size:7px; letter-spacing:.05em; }.evidence-trail span { margin-top:4px; color:var(--ink-2); font-size:7px; line-height:1.25; }.evidence-trail b { margin-top:4px; color:var(--ink-1); font-size:8px; }
@media (max-width:760px) { .ai-context-story { grid-template-columns:1fr; padding:14px; } }
.agent-skill-hub { --skill-blue:#3DCBFF; --skill-green:#52B471; --skill-violet:#8C48FF; --skill-pink:#F2598A; --skill-gold:#FFB152; display:grid; grid-template-columns:.86fr 1.18fr 1fr; gap:12px; padding:15px; background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--skill-violet) 20%,transparent),transparent 31%),radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--skill-blue) 22%,transparent),transparent 34%),radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--skill-pink) 18%,transparent),transparent 32%),linear-gradient(135deg,#08131b,#151a25 58%,#101816); }.skill-command,.skill-artifacts { padding:13px; border:1px solid color-mix(in srgb,var(--skill-blue) 28%,var(--hairline)); border-radius:16px; background:color-mix(in srgb,var(--card) 90%,#07131b); box-shadow:0 16px 30px #0005; }.skill-command b,.skill-artifacts b { display:block; margin-top:8px; color:var(--ink-1); font-size:14px; line-height:1.25; }.skill-command span,.skill-artifacts span { display:block; margin-top:8px; font-size:10px; line-height:1.4; }.command-chips { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }.command-chips i { padding:6px 8px; color:#fff; border-radius:999px; background:linear-gradient(90deg,var(--skill-blue),var(--skill-violet)); font-size:9px; font-style:normal; font-weight:900; }.command-chips i:nth-child(2) { background:linear-gradient(90deg,var(--skill-violet),var(--skill-pink)); }.command-chips i:nth-child(3) { background:linear-gradient(90deg,var(--skill-green),var(--skill-blue)); }.skill-orchestrator { position:relative; min-height:252px; border:1px solid color-mix(in srgb,var(--skill-violet) 32%,var(--hairline)); border-radius:18px; background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--skill-blue) 16%,transparent),transparent 52%),#0b141c; box-shadow:inset 0 0 0 1px #ffffff08,0 16px 34px #0006; }.skill-core { position:absolute; left:50%; top:50%; width:114px; height:114px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:7px; text-align:center; transform:translate(-50%,-50%); border:2px solid var(--skill-blue); border-radius:50%; background:linear-gradient(155deg,#101b23,#171329); box-shadow:0 0 28px color-mix(in srgb,var(--skill-blue) 28%,transparent); }.skill-core b { color:#fff; font-size:14px; }.skill-core span { color:var(--ink-2); font-size:9px; line-height:1.25; }.skill-tile { position:absolute; width:104px; padding:9px; border:1px solid var(--hairline); border-radius:13px; background:#101a20; box-shadow:0 10px 22px #0005; }.skill-tile label { font-size:7px; }.skill-tile b,.skill-tile span { display:block; margin-top:5px; }.skill-tile b { font-size:12px; }.skill-tile span { font-size:9px; }.skill-tile.t1 { left:10px; top:14px; border-color:color-mix(in srgb,var(--skill-blue) 42%,var(--hairline)); }.skill-tile.t2 { right:10px; top:14px; border-color:color-mix(in srgb,var(--skill-violet) 42%,var(--hairline)); }.skill-tile.t3 { right:18px; bottom:18px; border-color:color-mix(in srgb,var(--skill-green) 42%,var(--hairline)); }.skill-tile.t4 { left:18px; bottom:18px; border-color:color-mix(in srgb,var(--skill-pink) 42%,var(--hairline)); }.skill-tile.t5 { left:50%; top:16px; transform:translateX(-50%); border-color:color-mix(in srgb,var(--skill-gold) 46%,var(--hairline)); }.artifact-stack { display:grid; gap:8px; margin-top:10px; }.artifact-stack article { padding:9px 10px; border-left:3px solid var(--skill-blue); border-radius:10px; background:#101d23; }.artifact-stack article:nth-child(2) { border-left-color:var(--skill-violet); }.artifact-stack article:nth-child(3) { border-left-color:var(--skill-green); }.artifact-stack article b { margin:0; font-size:11px; }.artifact-stack article span { margin-top:5px; font-size:9px; }.release-gate { margin-top:10px; padding:10px; border:1px dashed color-mix(in srgb,var(--skill-green) 48%,var(--hairline)); border-radius:12px; background:color-mix(in srgb,var(--skill-green) 14%,transparent); }.release-gate b { margin:0; color:#d8ffe6; font-size:12px; }.release-gate span { margin-top:5px; font-size:9px; }
.skill-map { display:grid; grid-template-rows:auto 1fr 1fr; gap:10px; min-height:252px; padding:12px; }.skill-map .skill-core { position:static; width:auto; height:auto; min-height:58px; transform:none; border-radius:14px; }.skill-lane { display:grid; gap:7px; padding:10px; border:1px solid color-mix(in srgb,var(--skill-blue) 24%,var(--hairline)); border-radius:14px; background:#0d171e; }.skill-lane label { color:var(--ink-3); font-size:8px; font-weight:900; letter-spacing:.08em; }.skill-path { display:grid; grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr; gap:6px; align-items:center; }.skill-path i { display:block; height:2px; border-radius:999px; background:linear-gradient(90deg,var(--skill-blue),var(--skill-violet)); }.skill-step { min-height:58px; padding:8px; border:1px solid var(--hairline); border-radius:11px; background:#111d23; box-shadow:0 8px 16px #0004; }.skill-step b,.skill-step span { display:block; }.skill-step b { color:var(--ink-1); font-size:11px; }.skill-step span { margin-top:5px; color:var(--ink-2); font-size:8.5px; line-height:1.25; }.skill-step.plan { border-color:color-mix(in srgb,var(--skill-gold) 48%,var(--hairline)); }.skill-step.author { border-color:color-mix(in srgb,var(--skill-blue) 46%,var(--hairline)); }.skill-step.design { border-color:color-mix(in srgb,var(--skill-violet) 48%,var(--hairline)); }.skill-step.manage { border-color:color-mix(in srgb,var(--skill-green) 46%,var(--hairline)); }.model-lane { border-color:color-mix(in srgb,var(--skill-pink) 30%,var(--hairline)); }.model-path { grid-template-columns:1fr 20px 1fr; }.skill-step.model-author { border-color:color-mix(in srgb,var(--skill-pink) 46%,var(--hairline)); }.skill-step.model-consume { border-color:color-mix(in srgb,var(--skill-gold) 48%,var(--hairline)); }
.request-brief { display:grid; gap:10px; margin-top:10px; }.request-brief p { margin:0; color:var(--ink-2); font-size:10px; line-height:1.42; }.request-assets { display:grid; gap:8px; }.request-assets article { display:grid; grid-template-columns:28px 1fr; column-gap:8px; align-items:center; padding:8px; border:1px solid var(--hairline); border-radius:11px; background:#101d23; }.request-assets span { grid-row:1 / span 2; display:grid; place-items:center; width:26px; height:26px; color:#fff; border-radius:50%; background:linear-gradient(135deg,var(--skill-blue),var(--skill-violet)); font-size:9px; font-weight:900; }.request-assets article:nth-child(2) span { background:linear-gradient(135deg,var(--skill-violet),var(--skill-pink)); }.request-assets article:nth-child(3) span { background:linear-gradient(135deg,var(--skill-green),var(--skill-blue)); }.request-assets b { margin:0; font-size:11px; }.request-assets small { color:var(--ink-2); font-size:9px; line-height:1.25; }.request-scope { display:flex; flex-wrap:wrap; gap:6px; padding:9px; border:1px dashed color-mix(in srgb,var(--skill-gold) 42%,var(--hairline)); border-radius:12px; background:color-mix(in srgb,var(--skill-gold) 8%,transparent); }.request-scope label { flex-basis:100%; font-size:8px; }.request-scope span { padding:5px 7px; color:#ffe6ae; border-radius:999px; background:#2a2415; font-size:8.5px; font-weight:900; }
.request-scope { display:none; }
.report-draft,.semantic-lab,.data-agent-desk,.ontology-editor,.ops-agent-console,.scenario-ledger { display:grid; gap:12px; padding:15px; background:linear-gradient(135deg,var(--card-2),transparent); }.report-draft { grid-template-columns:.8fr 1.2fr .8fr; align-items:center; }.report-draft aside,.draft-canvas { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.report-draft aside b,.report-draft aside span { display:block; margin-top:8px; font-size:11px; }.draft-canvas { display:grid; grid-template-columns:1fr 1fr; gap:7px; min-height:150px; background:#f7fbf8; color:#1c2925; box-shadow:0 10px 24px #0004; }.draft-title { grid-column:1/-1; font-weight:900; font-size:13px; }.draft-kpi,.draft-chart,.draft-table { border-radius:7px; background:#dfece7; }.draft-kpi { height:42px; }.draft-chart { height:72px; background:linear-gradient(135deg,#dfece7 50%,#36b99b 51%); }.draft-table { height:72px; }
.design-before-after { display:grid; grid-template-columns:1fr 96px 1fr; gap:12px; align-items:center; padding:15px; background:var(--card-2); }.design-before-after section { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.messy-report,.clean-report { min-height:112px; margin:9px 0; padding:9px; border-radius:8px; background:#eef6f2; }.messy-report { display:grid; grid-template-columns:1fr 1fr; gap:5px; }.messy-report i,.clean-report i { display:block; border-radius:4px; background:#879891; }.messy-report i:nth-child(3) { grid-column:1/-1; }.clean-report { display:grid; gap:8px; align-content:start; color:#15221e; }.clean-report b { color:#15221e; font-size:12px; }.clean-report i { height:9px; background:linear-gradient(90deg,#35c7a2,#f7c948); }.design-arrow { color:var(--accent-ink); text-align:center; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.management-board { display:grid; grid-template-columns:1.35fr .8fr; gap:12px; padding:15px; background:linear-gradient(135deg,var(--card-2),transparent); }.stale-list,.owner-decisions { display:grid; gap:8px; padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.stale-list div { display:flex; justify-content:space-between; gap:8px; padding:8px; background:var(--card-2); border-radius:7px; color:var(--ink-1); font-size:10px; }.stale-list em { color:var(--ink-3); font-style:normal; }.owner-decisions span { padding:8px; color:var(--accent-ink); background:var(--accent-pale); border-radius:999px; font-size:10px; font-weight:800; text-align:center; }
.planning-brief { padding:15px; background:linear-gradient(135deg,#101a20,var(--card-2)); }.stakeholder-ask,.acceptance-strip { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.stakeholder-ask b,.stakeholder-ask span,.acceptance-strip b,.acceptance-strip span { display:block; margin-top:6px; font-size:11px; }.plan-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:10px 0; }.plan-cards article { padding:10px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); color:var(--ink-3); font-size:9px; text-transform:uppercase; letter-spacing:.06em; }.plan-cards b { display:block; margin-top:8px; color:var(--ink-1); font-size:18px; letter-spacing:0; text-transform:none; }
.semantic-lab { grid-template-columns:.9fr 1.2fr .8fr; }.model-diagram,.dax-panel,.validation-panel { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.model-diagram b,.validation-panel span { display:block; margin-top:8px; padding:6px; background:var(--card-2); border-radius:6px; font-size:10px; }.model-diagram i { display:block; width:2px; height:12px; margin:2px auto; background:var(--accent); }.dax-panel code { display:block; margin-top:10px; padding:10px; color:#d7fbe6; background:#071016; border-radius:8px; font:10px/1.45 ui-monospace,Consolas,monospace; white-space:normal; }
.metric-receipt { display:grid; grid-template-columns:.8fr 1.2fr; gap:10px; padding:15px; background:linear-gradient(135deg,#15201d,var(--card-2)); }.receipt-question,.receipt-answer,.receipt-meta { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.receipt-question b,.receipt-answer b,.receipt-answer span { display:block; margin-top:8px; font-size:12px; }.receipt-answer b { color:var(--good); font-size:18px; }.receipt-meta { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:7px; }.receipt-meta span { padding:6px 8px; color:var(--accent-ink); background:var(--accent-pale); border-radius:999px; font-size:9px; font-weight:800; }
.agent-build,.agent-design-board,.agent-ops-console,.agent-plan-board,.agent-model-lab,.agent-consume-view { --agent-blue:#3DCBFF; --agent-green:#52B471; --agent-violet:#8C48FF; --agent-pink:#F2598A; --agent-gold:#FFB152; display:grid; gap:12px; padding:15px; background:radial-gradient(circle at 8% 4%,color-mix(in srgb,var(--agent-blue) 18%,transparent),transparent 34%),radial-gradient(circle at 94% 16%,color-mix(in srgb,var(--agent-violet) 18%,transparent),transparent 30%),linear-gradient(135deg,#08131b,#111a20 62%,#101816); }.agent-build { grid-template-columns:.78fr 1.36fr .86fr; align-items:stretch; }.agent-prompt,.agent-output,.agent-report-canvas,.design-before,.design-after,.design-agent-panel,.ops-inventory,.ops-queue,.ops-approval,.plan-intake,.plan-map,.plan-commit,.model-star,.model-diff,.model-tests,.consume-question,.consume-answer,.consume-receipt { border:1px solid color-mix(in srgb,var(--agent-blue) 20%,var(--hairline)); border-radius:14px; background:color-mix(in srgb,var(--card) 90%,#07131b); box-shadow:0 14px 26px #0004; }.agent-prompt,.agent-output,.design-before,.design-after,.design-agent-panel,.ops-inventory,.ops-queue,.ops-approval,.plan-intake,.plan-map,.plan-commit,.model-star,.model-diff,.model-tests,.consume-question,.consume-answer,.consume-receipt { padding:12px; }.agent-prompt b,.agent-output b,.design-agent-panel b,.ops-approval b,.plan-intake b,.plan-commit b,.model-star b,.consume-question b,.consume-answer b { display:block; margin-top:8px; font-size:13px; line-height:1.3; }.agent-prompt span,.agent-output span,.design-before span,.design-after span,.design-agent-panel span,.plan-intake span,.consume-question span { display:block; margin-top:7px; font-size:10px; line-height:1.35; }.agent-output span,.design-agent-panel span,.model-tests span,.consume-receipt span { padding:7px 8px; border-radius:9px; background:#111d22; }.agent-report-canvas { padding:12px; background:linear-gradient(155deg,#eff8f5,#d9ecf6); color:#13211d; }.report-window { min-height:184px; padding:12px; border-radius:12px; background:#fbfffd; box-shadow:0 14px 25px #0004; }.report-title { font-weight:900; font-size:13px; }.report-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:9px 0; }.report-kpis article { padding:8px; border-radius:8px; background:#e6f1f0; color:#40514c; font-size:8px; font-weight:900; text-transform:uppercase; }.report-kpis b { display:block; margin-top:4px; color:#0d211b; font-size:17px; }.report-bars { display:grid; gap:6px; margin:9px 0; }.report-bars i { display:block; height:11px; border-radius:999px; background:linear-gradient(90deg,var(--agent-blue),var(--agent-violet),var(--agent-pink)); }.report-table { display:grid; gap:5px; }.report-table span { padding:6px 8px; border-radius:7px; background:#eaf1ee; color:#213530; font-size:9px; font-weight:800; }.agent-design-board { grid-template-columns:1fr .82fr 1fr; align-items:center; }.dense-page,.polished-page { min-height:146px; margin:9px 0; padding:10px; border-radius:10px; background:#eef6f2; color:#14231e; }.dense-page { display:grid; grid-template-columns:1fr 1fr; gap:5px; }.dense-page i { display:block; border-radius:5px; background:#879891; }.dense-page i:nth-child(5) { grid-column:1/-1; }.polished-page { display:grid; gap:8px; align-content:start; }.polished-page b { color:#13231e; font-size:12px; }.hero-kpi { padding:10px; color:#fff; border-radius:9px; background:linear-gradient(110deg,var(--agent-violet),var(--agent-pink)); font-weight:900; }.polished-page i { display:block; height:10px; border-radius:999px; }.polished-page .a { width:86%; background:var(--agent-blue); }.polished-page .b { width:64%; background:var(--agent-green); }.polished-page .c { width:46%; background:var(--agent-gold); }.design-agent-panel { border-color:color-mix(in srgb,var(--agent-violet) 34%,var(--hairline)); }.agent-ops-console { grid-template-columns:.8fr 1.35fr .8fr; }.ops-inventory div { display:flex; gap:10px; align-items:center; margin-top:8px; padding:8px; border-radius:10px; background:#101d23; }.ops-inventory b { color:var(--agent-gold); font-size:22px; }.ops-inventory span { font-size:10px; }.ops-queue { display:grid; gap:8px; }.ops-queue article { padding:9px; border-left:3px solid var(--agent-pink); border-radius:9px; background:#101d23; }.ops-queue b,.ops-queue span { display:block; font-size:10px; }.ops-queue span { margin-top:5px; }.ops-approval { display:grid; gap:8px; align-content:start; border-color:color-mix(in srgb,var(--agent-green) 32%,var(--hairline)); }.ops-approval span { padding:8px; color:#d8ffe6; border-radius:999px; background:color-mix(in srgb,var(--agent-green) 22%,transparent); text-align:center; font-size:10px; font-weight:900; }.agent-plan-board { grid-template-columns:.82fr 1.28fr .82fr; }.plan-map { display:grid; gap:8px; }.plan-lane { padding:8px 9px; border-radius:10px; background:#101d23; }.plan-lane span,.plan-lane b { display:block; }.plan-lane span { color:var(--agent-blue); font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.plan-lane b { margin-top:4px; font-size:10px; line-height:1.35; }.plan-commit ul { margin:9px 0 0; padding-left:17px; }.plan-commit li { margin:5px 0; font-size:10px; }.agent-model-lab { grid-template-columns:.86fr 1.28fr .86fr; }.model-star { display:grid; gap:6px; align-content:start; text-align:center; }.model-star b,.model-star span { padding:7px; border-radius:9px; background:#101d23; }.model-star b { color:var(--agent-blue); }.model-star i { width:2px; height:16px; justify-self:center; background:var(--agent-violet); }.model-diff code { display:block; margin-top:9px; padding:11px; color:#c9fbe1; border-radius:10px; background:#071016; font:10px/1.45 ui-monospace,Consolas,monospace; }.dax-chip { margin-top:8px; padding:7px 8px; color:#fff; border-radius:999px; background:linear-gradient(90deg,var(--agent-violet),var(--agent-pink)); font-size:9px; font-weight:900; text-align:center; }.model-tests { display:grid; gap:7px; align-content:start; }.model-tests span { font-size:10px; }.agent-consume-view { grid-template-columns:.86fr 1.18fr .96fr; }.consume-answer b { color:var(--agent-green); font-size:22px; }.waterfall { display:flex; align-items:end; gap:8px; height:70px; margin:9px 0; padding:8px; border-radius:10px; background:#0b1419; }.waterfall i { width:24px; border-radius:6px 6px 2px 2px; background:linear-gradient(180deg,var(--agent-blue),var(--agent-violet)); }.waterfall i:nth-child(2) { background:linear-gradient(180deg,var(--agent-violet),var(--agent-pink)); }.waterfall i:nth-child(3) { background:linear-gradient(180deg,var(--agent-green),var(--agent-blue)); }.waterfall i.down { background:#64717a; }.consume-answer p { margin:8px 0 0; font-size:10px; line-height:1.4; }.consume-receipt { display:grid; gap:7px; align-content:start; }.consume-receipt span { color:var(--accent-ink); background:color-mix(in srgb,var(--agent-blue) 16%,transparent); font-size:9px; font-weight:900; }
.agent-prompt { display:grid; grid-template-rows:auto 1fr auto; padding:0; overflow:hidden; border-color:color-mix(in srgb,var(--agent-violet) 42%,var(--hairline)); background:#0b131b; }.chat-head { display:flex; align-items:center; gap:8px; padding:10px; border-bottom:1px solid var(--hairline); background:#101b23; }.agent-prompt .chat-avatar { display:grid; place-items:center; width:28px; height:28px; margin:0; color:#fff; border-radius:8px; background:linear-gradient(135deg,var(--agent-blue),var(--agent-violet),var(--agent-pink)); font-size:9px; font-weight:900; }.chat-head div { min-width:0; }.chat-head label,.chat-head small { display:block; }.chat-head small { margin-top:2px; color:var(--ink-3); font-size:8px; }.chat-thread { display:grid; align-content:start; gap:6px; padding:12px 10px; }.agent-prompt .chat-speaker { margin:0; color:var(--agent-blue); font-size:7.5px; font-weight:900; letter-spacing:.08em; }.chat-bubble { padding:10px; border:1px solid color-mix(in srgb,var(--agent-blue) 34%,var(--hairline)); border-radius:11px 11px 3px 11px; background:linear-gradient(145deg,#14242d,#171a2d); box-shadow:0 8px 18px #0004; }.agent-prompt .chat-bubble b { margin:0; font-size:11px; line-height:1.35; }.agent-prompt .chat-bubble span { margin-top:7px; color:var(--ink-2); font-size:9px; line-height:1.35; }.chat-attachment { display:flex; align-items:center; gap:6px; width:max-content; max-width:100%; padding:5px 7px; border:1px solid color-mix(in srgb,var(--agent-green) 32%,var(--hairline)); border-radius:7px; background:color-mix(in srgb,var(--agent-green) 10%,transparent); }.chat-attachment i { width:7px; height:7px; flex:none; border-radius:2px; background:var(--agent-green); }.agent-prompt .chat-attachment span { margin:0; overflow:hidden; color:#c9f4d6; font-size:8px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }.chat-compose { display:flex; align-items:center; gap:7px; min-width:0; margin:0 10px 10px; padding:7px 7px 7px 9px; border:1px solid var(--hairline); border-radius:9px; background:#111d23; }.agent-prompt .chat-compose span { min-width:0; margin:0; overflow:hidden; color:var(--ink-3); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.chat-compose i { display:grid; place-items:center; width:23px; height:23px; flex:none; margin-left:auto; color:#fff; border-radius:7px; background:linear-gradient(135deg,var(--agent-violet),var(--agent-pink)); font-size:13px; font-style:normal; font-weight:900; }.agent-output { display:grid; grid-template-rows:auto auto 1fr; align-content:start; border-color:color-mix(in srgb,var(--agent-green) 38%,var(--hairline)); }.agent-output > label { color:#aeeac1; }.agent-output > b { margin-top:7px; font-size:13px; }.output-summary { display:grid; gap:8px; margin-top:10px; }.output-summary article { padding:9px 9px 9px 11px; border-left:3px solid var(--agent-blue); border-radius:9px; background:#101d23; }.output-summary article.output-check { border-left-color:var(--agent-gold); }.output-summary article.output-next { border-left-color:var(--agent-green); background:color-mix(in srgb,var(--agent-green) 10%,#101d23); }.output-summary strong,.output-summary span { display:block; }.output-summary strong { color:var(--ink-1); font-size:10px; }.agent-output .output-summary span { margin-top:4px; padding:0; color:var(--ink-2); background:none; border-radius:0; font-size:8.5px; line-height:1.35; }
.agent-plan-board { grid-template-columns:.92fr 1.16fr 1fr; align-items:stretch; }.plan-intake,.plan-map,.plan-commit { display:grid; align-content:start; }.plan-intake { grid-template-rows:auto 1fr auto; }.plan-chat { display:grid; align-content:start; gap:8px; margin:10px 0; }.plan-chat article { padding:9px; border:1px solid var(--hairline); border-radius:10px 10px 10px 3px; background:#101d23; }.plan-chat article.planner-question { margin-left:12px; border-color:color-mix(in srgb,var(--agent-violet) 42%,var(--hairline)); border-radius:10px 10px 3px 10px; background:linear-gradient(135deg,color-mix(in srgb,var(--agent-violet) 13%,#101d23),#101d23); }.plan-chat article.stakeholder-answer { border-color:color-mix(in srgb,var(--agent-green) 38%,var(--hairline)); background:color-mix(in srgb,var(--agent-green) 9%,#101d23); }.plan-chat small,.plan-chat b { display:block; }.plan-chat small { color:var(--ink-3); font-size:7px; font-weight:900; letter-spacing:.06em; }.plan-chat .planner-question small { color:#cdb5ff; }.plan-chat .stakeholder-answer small { color:#aeeac1; }.plan-chat b { margin-top:4px; color:var(--ink-1); font-size:9px; line-height:1.3; }.plan-captured { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.plan-intake .plan-captured span { display:grid; place-items:center; min-height:27px; margin:0; padding:4px; color:#ccefff; border:1px solid color-mix(in srgb,var(--agent-blue) 28%,var(--hairline)); border-radius:7px; background:color-mix(in srgb,var(--agent-blue) 9%,transparent); font-size:7px; font-weight:800; line-height:1.15; text-align:center; }.plan-map { grid-template-rows:auto 1fr auto; border-color:color-mix(in srgb,var(--agent-violet) 34%,var(--hairline)); }.page-blueprint { display:grid; gap:7px; margin:10px 0; }.page-blueprint article { display:grid; grid-template-columns:30px 1fr; gap:8px; align-items:center; padding:8px; border:1px solid var(--hairline); border-radius:9px; background:#101d23; }.page-blueprint em { display:grid; place-items:center; width:30px; height:38px; color:#fff; border-radius:7px; background:linear-gradient(180deg,var(--agent-blue),var(--agent-violet)); font-size:8px; font-style:normal; font-weight:900; }.page-blueprint article:nth-child(2) em { background:linear-gradient(180deg,var(--agent-violet),var(--agent-pink)); }.page-blueprint article:nth-child(3) em { background:linear-gradient(180deg,var(--agent-green),var(--agent-blue)); }.page-blueprint b,.page-blueprint span,.page-blueprint small { display:block; }.page-blueprint b { color:var(--ink-1); font-size:10px; }.page-blueprint span { margin-top:3px; color:var(--ink-2); font-size:8px; line-height:1.2; }.page-blueprint small { margin-top:4px; color:color-mix(in srgb,var(--agent-blue) 72%,#fff); font-size:7px; font-weight:800; }.plan-gap { padding:8px 9px; border:1px dashed color-mix(in srgb,var(--agent-gold) 54%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-gold) 9%,transparent); }.plan-gap strong,.plan-gap b,.plan-gap span { display:block; }.plan-gap strong { color:var(--agent-gold); font-size:7px; letter-spacing:.06em; }.plan-gap b { margin-top:4px; color:#fff0c9; font-size:9px; }.plan-gap span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.25; }.plan-commit { grid-template-rows:auto auto 1fr auto; border-color:color-mix(in srgb,var(--agent-green) 34%,var(--hairline)); }.plan-commit > b { margin-top:7px; font-size:11px; }.plan-backlog { display:grid; gap:6px; margin:9px 0; }.plan-backlog article { display:grid; grid-template-columns:24px 1fr; gap:7px; align-items:center; padding:7px; border-left:3px solid var(--agent-green); border-radius:8px; background:#101d23; }.plan-backlog article:first-child { border-left-color:var(--agent-gold); }.plan-backlog em { display:grid; place-items:center; width:24px; height:24px; color:#fff; border-radius:6px; background:#1c2a30; font-size:7px; font-style:normal; font-weight:900; }.plan-backlog strong,.plan-backlog span { display:block; }.plan-backlog strong { color:var(--ink-1); font-size:8.5px; }.plan-backlog span { margin-top:2px; color:var(--ink-2); font-size:7px; line-height:1.2; }.plan-definition { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.plan-definition span { display:grid; place-items:center; min-height:25px; padding:4px; color:#d5ffe1; border-radius:7px; background:color-mix(in srgb,var(--agent-green) 14%,#101d23); font-size:7px; font-weight:800; line-height:1.15; text-align:center; }
.plan-chat { gap:12px; }.plan-chat article { position:relative; width:100%; }.plan-chat article.planner-question { margin-left:0; }.plan-chat article + article::before { content:""; position:absolute; left:17px; top:-13px; width:2px; height:12px; background:linear-gradient(180deg,var(--agent-blue),var(--agent-violet)); }.decision-brief { display:grid; gap:5px; padding:8px; border:1px solid color-mix(in srgb,var(--agent-blue) 34%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-blue) 8%,transparent); }.decision-brief > strong { color:var(--agent-blue); font-size:7px; letter-spacing:.06em; }.decision-brief > div { display:grid; grid-template-columns:58px 1fr; gap:7px; align-items:center; padding-top:5px; border-top:1px solid color-mix(in srgb,var(--agent-blue) 16%,var(--hairline)); }.plan-intake .decision-brief span { margin:0; color:var(--ink-3); font-size:7px; font-weight:900; text-transform:uppercase; }.decision-brief b { color:var(--ink-1); font-size:8px; line-height:1.2; }.ready-contract { display:grid; gap:5px; padding:8px; border:1px solid color-mix(in srgb,var(--agent-green) 34%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-green) 8%,transparent); }.ready-contract > strong { color:#aeeac1; font-size:7px; letter-spacing:.06em; }.ready-contract article { display:grid; grid-template-columns:22px 1fr; gap:7px; align-items:center; padding-top:5px; border-top:1px solid color-mix(in srgb,var(--agent-green) 16%,var(--hairline)); }.ready-contract i { display:grid; place-items:center; width:22px; height:22px; color:#d9ffe4; border-radius:6px; background:color-mix(in srgb,var(--agent-green) 20%,#101d23); font-size:7px; font-style:normal; font-weight:900; }.ready-contract b,.ready-contract span { display:block; }.ready-contract b { color:var(--ink-1); font-size:8px; }.ready-contract span { margin-top:2px; color:var(--ink-2); font-size:7px; line-height:1.2; }
.agent-model-lab { grid-template-columns:1fr 1.16fr 1fr; align-items:stretch; }.model-star,.model-diff,.model-tests { display:grid; align-content:start; text-align:left; }.model-star { grid-template-rows:auto auto auto 1fr; }.model-request { margin-top:9px; padding:9px; border-left:3px solid var(--agent-pink); border-radius:9px; background:color-mix(in srgb,var(--agent-pink) 9%,#101d23); }.model-request small,.model-request b { display:block; }.model-request small { color:#ffc4da; font-size:7px; font-weight:900; letter-spacing:.06em; }.model-star .model-request b { margin-top:5px; padding:0; color:var(--ink-1); background:none; font-size:10px; line-height:1.35; }.model-rule { margin-top:8px; padding:9px; border:1px solid color-mix(in srgb,var(--agent-gold) 42%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-gold) 8%,transparent); }.model-star .model-rule span,.model-star .model-rule b { display:block; margin:0; padding:0; background:none; }.model-star .model-rule span { color:var(--agent-gold); font-size:7px; font-weight:900; letter-spacing:.06em; }.model-star .model-rule b { margin-top:4px; color:#fff0c8; font-size:9px; line-height:1.3; }.model-guardrails { display:grid; align-content:end; gap:5px; margin-top:8px; }.model-guardrails article { display:grid; grid-template-columns:54px 1fr; gap:7px; padding:6px 8px; border-radius:8px; background:#101d23; }.model-guardrails strong { color:var(--ink-3); font-size:7px; text-transform:uppercase; }.model-star .model-guardrails span { margin:0; padding:0; color:var(--ink-1); background:none; font-size:8px; line-height:1.2; }.model-diff { grid-template-rows:auto auto 1fr auto; border-color:color-mix(in srgb,var(--agent-violet) 38%,var(--hairline)); }.model-artifacts { display:grid; grid-template-columns:1fr 18px 1fr; gap:6px; align-items:center; margin-top:9px; }.model-artifacts article { min-height:64px; padding:8px; border:1px solid color-mix(in srgb,var(--agent-blue) 32%,var(--hairline)); border-radius:9px; background:#101d23; }.model-artifacts article:last-child { border-color:color-mix(in srgb,var(--agent-violet) 38%,var(--hairline)); }.model-artifacts em,.model-artifacts b,.model-artifacts span { display:block; }.model-artifacts em { color:var(--agent-blue); font-size:6.5px; font-style:normal; font-weight:900; letter-spacing:.05em; }.model-artifacts article:last-child em { color:#c9abff; }.model-artifacts b { margin-top:4px; color:var(--ink-1); font-size:9px; }.model-artifacts span { margin-top:4px; color:var(--ink-2); font-size:7px; line-height:1.2; }.model-artifacts > i { color:var(--agent-violet); font-size:14px; font-style:normal; font-weight:900; text-align:center; }.model-diff code { align-self:stretch; margin-top:8px; padding:9px; font-size:8.5px; line-height:1.4; }.model-diff code strong { color:#fff; }.model-change-summary { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:8px; }.model-change-summary span { display:grid; place-items:center; min-height:25px; padding:4px; color:#e2d5ff; border-radius:7px; background:color-mix(in srgb,var(--agent-violet) 13%,#101d23); font-size:7px; font-weight:800; text-align:center; }.model-tests { grid-template-rows:auto 1fr auto; border-color:color-mix(in srgb,var(--agent-green) 36%,var(--hairline)); }.model-test-pack { display:grid; align-content:start; gap:6px; margin-top:9px; }.model-test-pack article { display:grid; grid-template-columns:1fr auto; gap:7px; align-items:center; padding:7px 8px; border-left:3px solid var(--agent-green); border-radius:8px; background:#101d23; }.model-test-pack strong,.model-test-pack span { display:block; }.model-test-pack strong { color:var(--ink-1); font-size:8.5px; }.model-tests .model-test-pack span { margin-top:3px; padding:0; color:var(--ink-2); background:none; font-size:7px; line-height:1.2; }.model-test-pack article > b { padding:4px 5px; color:#d9ffe4; border-radius:6px; background:color-mix(in srgb,var(--agent-green) 18%,transparent); font-size:6.5px; }.model-pr { margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--agent-blue) 46%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-blue) 8%,transparent); }.model-pr strong,.model-pr b,.model-pr span { display:block; }.model-pr strong { color:var(--agent-blue); font-size:7px; letter-spacing:.05em; }.model-pr b { margin-top:4px; color:var(--ink-1); font-size:8.5px; line-height:1.25; }.model-tests .model-pr span { margin-top:3px; padding:0; color:var(--ink-2); background:none; font-size:7px; }
.ops-queue { grid-template-rows:auto repeat(3,1fr); }.ops-queue article { display:grid; align-content:center; min-height:0; padding:10px 12px; border-left-width:4px; background:linear-gradient(90deg,color-mix(in srgb,var(--agent-pink) 8%,#101d23),#101d23 45%); }.ops-queue article.action-merge { border-left-color:var(--agent-violet); background:linear-gradient(90deg,color-mix(in srgb,var(--agent-violet) 9%,#101d23),#101d23 45%); }.ops-queue article.action-repair { border-left-color:var(--agent-blue); background:linear-gradient(90deg,color-mix(in srgb,var(--agent-blue) 9%,#101d23),#101d23 45%); }.ops-queue article b { color:var(--ink-1); font-size:12px; line-height:1.2; }.ops-queue article span { margin-top:5px; color:var(--ink-2); font-size:8.5px; line-height:1.3; }.ops-queue article span strong { color:color-mix(in srgb,var(--agent-gold) 72%,#fff); font-size:8.5px; }
.agent-design-board { grid-template-columns:1fr .9fr 1fr; align-items:stretch; }.design-before,.design-agent-panel,.design-after { display:grid; grid-template-rows:auto auto 1fr auto; align-content:start; }.design-stage-title { display:block; margin-top:7px; color:var(--ink-1); font-size:12px; line-height:1.25; }.design-before .dense-page { display:grid; grid-template-columns:1fr; gap:0; min-height:0; margin:9px 0; padding:8px; overflow:hidden; border:1px solid #cbdad4; background:#f3f8f6; }.dense-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 3px 8px; color:#17251f; }.dense-toolbar strong { font-size:9px; }.design-before .dense-toolbar span { margin:0; color:#60716a; font-size:7.5px; }.dense-row { display:grid; grid-template-columns:1.25fr .55fr .55fr; gap:5px; padding:6px 4px; border-top:1px solid #d5e1dc; color:#33443d; }.design-before .dense-row span { margin:0; font-size:7.5px; line-height:1.2; }.dense-head { color:#687970; background:#e8f0ed; font-weight:900; text-transform:uppercase; }.breach-row { color:#8c1649; background:#ffe4ee; font-weight:900; box-shadow:inset 3px 0 #e64f8f; }.design-insight { padding:8px 9px; border-left:3px solid var(--agent-pink); border-radius:8px; background:color-mix(in srgb,var(--agent-pink) 11%,#101d23); }.design-insight strong,.design-insight span { display:block; }.design-insight strong { color:#ffc6db; font-size:9px; }.design-before .design-insight span { margin-top:3px; font-size:8.5px; }.design-agent-panel { border-color:color-mix(in srgb,var(--agent-violet) 42%,var(--hairline)); background:linear-gradient(180deg,color-mix(in srgb,var(--agent-violet) 8%,var(--card)),var(--card)); }.design-plan { display:grid; gap:7px; margin:10px 0; }.design-plan article { display:grid; grid-template-columns:24px 1fr; gap:7px; align-items:center; padding:7px; border:1px solid var(--hairline); border-radius:9px; background:#101d23; }.design-plan em { display:grid; place-items:center; width:24px; height:24px; color:#fff; border-radius:7px; background:linear-gradient(135deg,var(--agent-blue),var(--agent-violet)); font-size:7.5px; font-style:normal; font-weight:900; }.design-plan article:nth-child(2) em { background:linear-gradient(135deg,var(--agent-violet),var(--agent-pink)); }.design-plan article:nth-child(3) em { background:linear-gradient(135deg,var(--agent-green),var(--agent-blue)); }.design-plan strong,.design-plan span { display:block; }.design-plan strong { color:var(--ink-1); font-size:9px; }.design-agent-panel .design-plan span { margin-top:2px; padding:0; color:var(--ink-2); background:none; font-size:7.5px; line-height:1.2; }.design-lock { display:grid; grid-template-columns:24px 1fr; column-gap:7px; padding:8px; border:1px dashed color-mix(in srgb,var(--agent-green) 52%,var(--hairline)); border-radius:9px; background:color-mix(in srgb,var(--agent-green) 10%,transparent); }.design-agent-panel .design-lock > span { grid-row:1 / span 2; display:grid; place-items:center; margin:0; padding:0; background:none; font-size:13px; }.design-lock b { margin:0; color:#d6ffe2; font-size:9px; }.design-lock small { margin-top:2px; color:var(--ink-2); font-size:7.5px; }.design-after { border-color:color-mix(in srgb,var(--agent-green) 38%,var(--hairline)); }.design-after .polished-page { display:grid; gap:7px; min-height:0; margin:9px 0; padding:9px; }.polished-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }.polished-title b { font-size:10px; }.design-after .polished-title span { margin:0; color:#60716a; font-size:7px; }.hero-kpi { display:grid; grid-template-columns:1fr auto; gap:2px 8px; padding:9px; }.hero-kpi small { color:#fff; font-size:7px; font-weight:900; }.hero-kpi strong { grid-row:2 / span 2; color:#fff; font-size:24px; }.design-after .hero-kpi span { align-self:end; margin:0; color:#fff; font-size:8px; }.breach-rank { display:grid; gap:5px; }.breach-rank article { display:grid; grid-template-columns:58px 1fr 25px; gap:6px; align-items:center; }.breach-rank b { color:#2c3d36; font-size:7.5px; }.breach-rank i { display:block; height:7px; border-radius:999px; background:linear-gradient(90deg,var(--agent-blue),var(--agent-violet),var(--agent-pink)); }.design-after .breach-rank span { margin:0; color:#26362f; font-size:7.5px; font-weight:900; text-align:right; }.design-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.design-after .design-proof span { display:grid; place-items:center; min-height:25px; margin:0; padding:4px; color:#ccefd8; border:1px solid color-mix(in srgb,var(--agent-green) 30%,var(--hairline)); border-radius:7px; background:color-mix(in srgb,var(--agent-green) 9%,transparent); font-size:7px; font-weight:800; line-height:1.15; text-align:center; }
.data-agent-desk { grid-template-columns:.8fr 1.2fr .8fr; align-items:stretch; }.agent-sources,.agent-chat,.agent-action { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.agent-sources span { display:block; margin-top:8px; padding:7px; background:var(--card-2); border-radius:7px; font-size:10px; }.agent-chat b { display:block; color:var(--ink-1); font-size:14px; }.agent-chat p { margin:10px 0; font-size:12px; line-height:1.45; }.agent-chat div { display:flex; gap:6px; flex-wrap:wrap; }.agent-chat div span { padding:5px 7px; color:var(--accent-ink); background:var(--accent-pale); border-radius:999px; font-size:9px; font-weight:800; }.agent-action b,.agent-action span { display:block; margin-top:9px; font-size:11px; }
.iq-layer { padding:16px; background:linear-gradient(180deg,#0f1a22,var(--card-2)); }.iq-top-row,.iq-foundation-row { display:grid; gap:8px; }.iq-top-row { grid-template-columns:repeat(3,1fr); }.iq-foundation-row { grid-template-columns:repeat(4,1fr); }.iq-top-row article,.iq-foundation-row article { padding:10px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); color:var(--ink-1); font-size:11px; font-weight:800; text-align:center; }.iq-context-band { margin:12px 0; padding:13px; color:var(--accent-ink); background:var(--accent-pale); border:1px solid color-mix(in srgb,var(--accent) 38%,var(--hairline)); border-radius:14px; text-align:center; }.iq-context-band b,.iq-context-band span { display:block; }.iq-context-band span { margin-top:6px; font-size:10px; }
.ontology-editor { grid-template-columns:.8fr 1.2fr .8fr; }.ontology-editor aside,.ontology-editor section { display:grid; gap:7px; padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.ontology-editor span { padding:7px; background:var(--card-2); border-radius:7px; font-size:10px; }.ontology-editor code { padding:9px; color:#d7fbe6; background:#071016; border-radius:8px; font:10px/1.45 ui-monospace,Consolas,monospace; white-space:normal; }.ontology-editor small { font-size:10px; line-height:1.4; }
.impact-graph { display:flex; align-items:center; justify-content:center; gap:9px; min-height:190px; padding:18px; background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%),var(--card-2); }.impact-graph .g-node { min-width:110px; padding:13px 10px; border:1px solid var(--hairline); border-radius:999px; background:var(--card); color:var(--ink-1); font-size:10px; font-weight:800; text-align:center; }.impact-graph .root { border-color:var(--accent); }.impact-graph .hot { color:#1f1700; background:#ffe18a; border-color:#e4bf39; }.impact-graph i { width:28px; height:2px; background:var(--accent); }.graph-note { align-self:flex-end; padding:7px 9px; color:var(--ink-2); background:var(--card); border-radius:8px; font-size:9px; }
.ops-agent-console { grid-template-columns:1.15fr .8fr .8fr; }.ops-timeline,.ops-human,.ops-audit { padding:12px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.ops-timeline { display:grid; grid-template-columns:42px 1fr; gap:7px; align-items:center; }.ops-timeline span { color:var(--accent-ink); font-size:10px; font-weight:900; }.ops-timeline b { font-size:10px; }.ops-human,.ops-audit { display:grid; align-content:center; gap:8px; }.ops-human { border:2px solid var(--accent); background:var(--accent-pale); }
.scenario-ledger { grid-template-columns:repeat(3,1fr); }.scenario-ledger section { min-height:112px; padding:13px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.scenario-ledger .scenario-draft { border-color:var(--accent); background:var(--accent-pale); }.scenario-ledger b,.scenario-ledger span { display:block; margin-top:9px; font-size:11px; }
.governance-tower { display:grid; grid-template-columns:.75fr 1.35fr; gap:12px; align-items:center; padding:15px; background:linear-gradient(135deg,#111827,var(--card-2)); }.tower { min-height:170px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; text-align:center; border:2px solid var(--accent); border-radius:18px; background:var(--card); box-shadow:0 12px 28px #0004; }.tower b,.tower span { display:block; }.tower b { font-size:15px; }.launch-checks { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.launch-checks article { min-height:76px; padding:10px; border:1px solid var(--hairline); border-radius:12px; background:var(--card); }.launch-checks span { display:inline-grid; width:22px; height:22px; place-items:center; margin-right:6px; color:var(--accent-ink); background:var(--accent-pale); border-radius:50%; font-weight:900; }.launch-checks b { font-size:11px; }.launch-checks small { display:block; margin-top:7px; font-size:10px; line-height:1.35; }
.ai-gates { display:grid; grid-template-columns:repeat(4,1fr); padding:14px; background:radial-gradient(circle at 50% 50%,var(--accent-pale),transparent 65%); }.ai-gates article { position:relative; min-height:116px; padding:14px; border:1px solid var(--hairline); background:var(--card); }.ai-gates article:first-child { border-radius:10px 0 0 10px; }.ai-gates article:last-child { border-radius:0 10px 10px 0; }.ai-gates span { display:block; color:var(--accent-ink); font-size:18px; font-weight:900; }.ai-gates b,.ai-gates small { display:block; margin-top:9px; color:var(--ink-1); font-size:11px; }.ai-gates small { color:var(--ink-2); font-size:10px; line-height:1.35; }.ai-workbench { display:grid; grid-template-columns:1fr 130px 1fr; gap:14px; align-items:center; padding:18px; background:linear-gradient(135deg,var(--card-2),var(--accent-pale)); }.work-prompt,.work-review { padding:13px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.work-prompt label,.work-review label { color:var(--ink-3); font-size:8px; letter-spacing:.08em; font-weight:800; }.work-prompt b,.work-review b { display:block; margin:8px 0; color:var(--ink-1); font-size:12px; }.work-prompt small,.work-review small { color:var(--ink-2); font-size:10px; line-height:1.4; }.work-machine { display:grid; place-items:center; min-height:120px; text-align:center; border-radius:50%; color:var(--accent-ink); background:var(--card); border:2px solid var(--accent); }.work-machine span { font-size:25px; }.work-machine b,.work-machine small { display:block; margin-top:4px; font-size:10px; }.work-machine small { color:var(--ink-3); font-size:8px; }
.graph-canvas { position:relative; display:flex; align-items:center; justify-content:center; gap:16px; min-height:180px; padding:20px; overflow:hidden; background:radial-gradient(circle at 50% 50%,var(--accent-pale),transparent 65%); }.graph-node,.graph-action { z-index:1; min-width:110px; padding:12px; border:1px solid var(--hairline); border-radius:50%; color:var(--ink-2); background:var(--card); text-align:center; font-size:9px; }.graph-node b,.graph-action b { display:block; margin-top:5px; color:var(--ink-1); font-size:11px; }.graph-link { z-index:1; color:var(--accent-ink); font-size:8px; font-weight:800; writing-mode:vertical-rl; transform:rotate(180deg); }.graph-action { border-radius:10px; background:var(--accent-pale); }.decision-loop { display:flex; align-items:center; justify-content:center; gap:8px; padding:24px 12px; background:var(--card-2); }.decision-loop > div { min-width:112px; padding:11px; border:1px solid var(--hairline); border-radius:9px; background:var(--card); }.decision-loop label,.planning-grid label { color:var(--ink-3); font-size:8px; font-weight:800; letter-spacing:.08em; }.decision-loop b,.decision-loop small { display:block; margin-top:6px; color:var(--ink-1); font-size:11px; }.decision-loop small { color:var(--ink-2); font-size:9px; }.decision-loop i { color:var(--accent); font-size:20px; font-style:normal; }.decision-loop .human { border:2px solid var(--accent); }.planning-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:16px; background:var(--card-2); }.actual,.scenario,.compare { padding:13px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.scenario { border-color:var(--accent); background:var(--accent-pale); }.planning-grid b,.planning-grid span { display:block; margin-top:7px; color:var(--ink-1); font-size:12px; }.planning-grid span { color:var(--ink-2); font-size:10px; }.compare { grid-column:1/-1; display:flex; align-items:center; gap:10px; }.compare i { flex:1; height:2px; background:linear-gradient(90deg,var(--ink-3),var(--accent)); }.compare b { margin:0 0 0 auto; color:var(--accent-ink); font-size:10px; }
.migration-storyboard { --mig-orange:#FF935C; --mig-gold:#FFC857; --mig-blue:#42C7F5; --mig-green:#50C878; --mig-violet:#9B6BFF; --mig-pink:#F15B91; display:grid; grid-template-columns:1fr 1.12fr 1fr; gap:12px; align-items:stretch; padding:15px; background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--mig-orange) 18%,transparent),transparent 32%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--mig-violet) 15%,transparent),transparent 30%),linear-gradient(135deg,#111719,#151923 58%,#111917); }.migration-storyboard > section { display:grid; align-content:start; padding:12px; border:1px solid color-mix(in srgb,var(--mig-orange) 26%,var(--hairline)); border-radius:12px; background:color-mix(in srgb,var(--card) 92%,#090f12); box-shadow:0 14px 26px #0004; }.migration-storyboard > section > label { color:color-mix(in srgb,var(--mig-orange) 74%,#fff); font-size:7.5px; letter-spacing:.06em; }.mig-scoreboard { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:9px; }.mig-scoreboard article { padding:8px 5px; border-radius:8px; background:#111e23; text-align:center; }.mig-scoreboard b,.mig-scoreboard span { display:block; }.mig-scoreboard b { color:var(--mig-gold); font-size:17px; }.mig-scoreboard span { margin-top:2px; color:var(--ink-2); font-size:7px; }.mig-assets { display:grid; gap:7px; margin-top:9px; }.mig-assets article { position:relative; padding:9px 48px 9px 9px; border-left:3px solid #53616a; border-radius:8px; background:#101b20; }.mig-assets article.is-selected { border-left-color:var(--mig-orange); background:color-mix(in srgb,var(--mig-orange) 9%,#101b20); }.mig-assets strong,.mig-assets span,.mig-assets em { display:block; }.mig-assets strong { color:var(--ink-1); font-size:9.5px; }.mig-assets span { margin-top:4px; color:var(--ink-2); font-size:7.5px; line-height:1.25; }.mig-assets em { position:absolute; right:7px; top:9px; color:var(--mig-orange); font-size:6.5px; font-style:normal; font-weight:900; }.mig-wave { border-color:color-mix(in srgb,var(--mig-blue) 30%,var(--hairline))!important; }.mig-wave > b { display:block; margin-top:8px; color:var(--ink-1); font-size:12px; }.wave-steps { display:grid; gap:7px; margin-top:9px; }.wave-steps article { position:relative; display:grid; grid-template-columns:27px 1fr; gap:8px; align-items:center; padding:8px; border-radius:8px; background:#101d23; }.wave-steps article + article::before { content:""; position:absolute; left:21px; top:-8px; width:2px; height:8px; background:linear-gradient(var(--mig-blue),var(--mig-violet)); }.wave-steps em { display:grid; place-items:center; width:27px; height:27px; color:#fff; border-radius:7px; background:linear-gradient(135deg,var(--mig-orange),var(--mig-violet)); font-size:7px; font-style:normal; font-weight:900; }.wave-steps strong,.wave-steps span { display:block; }.wave-steps strong { color:var(--ink-1); font-size:9px; }.wave-steps span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.2; }.mig-release { grid-template-rows:auto auto 1fr auto; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.release-status { margin-top:9px; padding:9px; color:#fff; border-radius:8px; background:linear-gradient(120deg,var(--mig-violet),var(--mig-pink)); }.release-status strong,.release-status b,.release-status span { display:block; }.release-status strong { font-size:7px; letter-spacing:.06em; }.release-status b { margin-top:3px; font-size:13px; }.release-status span { margin-top:3px; font-size:7.5px; }.release-checks { display:grid; align-content:start; gap:6px; margin-top:9px; }.release-checks article { padding:7px 8px; border-left:3px solid var(--mig-green); border-radius:8px; background:#101d23; }.release-checks article.wait { border-left-color:var(--mig-gold); }.release-checks b,.release-checks span { display:block; }.release-checks b { color:var(--ink-1); font-size:8.5px; }.release-checks span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }.reuse-note { align-self:end; margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--mig-blue) 36%,var(--hairline)); border-radius:8px; }.reuse-note strong,.reuse-note span { display:block; }.reuse-note strong { color:var(--mig-blue); font-size:7px; }.reuse-note span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.2; }.tableau-audit { border-color:color-mix(in srgb,var(--mig-blue) 30%,var(--hairline))!important; }.tableau-window { margin-top:9px; padding:9px; color:#17241f; border-radius:9px; background:#eff6f3; box-shadow:0 10px 20px #0004; }.tableau-title { display:flex; justify-content:space-between; gap:7px; }.tableau-title b,.tableau-title span { font-size:8px; }.tableau-title span { color:#60716a; }.tableau-kpis { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:8px; }.tableau-kpis article { padding:7px; border-radius:7px; background:#dfeae6; }.tableau-kpis b,.tableau-kpis span { display:block; }.tableau-kpis b { color:#15241e; font-size:14px; }.tableau-kpis span { margin-top:2px; color:#60716a; font-size:7px; }.tableau-bars { display:grid; gap:5px; margin-top:8px; }.tableau-bars i { display:block; height:8px; border-radius:999px; background:linear-gradient(90deg,var(--mig-blue),var(--mig-violet),var(--mig-pink)); }.workbook-evidence { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:9px; }.workbook-evidence article { padding:7px 4px; border-radius:7px; background:#101d23; text-align:center; }.workbook-evidence b,.workbook-evidence span { display:block; }.workbook-evidence b { color:var(--mig-gold); font-size:13px; }.workbook-evidence span { margin-top:2px; color:var(--ink-2); font-size:6.5px; line-height:1.15; }.sheet-triage { grid-template-rows:auto 1fr auto; border-color:color-mix(in srgb,var(--mig-violet) 32%,var(--hairline))!important; }.sheet-decisions { display:grid; align-content:start; gap:7px; margin-top:9px; }.sheet-decisions article { padding:8px; border-left:3px solid var(--mig-green); border-radius:8px; background:#101d23; }.sheet-decisions article.redesign { border-left-color:var(--mig-violet); }.sheet-decisions article.retire { border-left-color:var(--mig-orange); }.sheet-decisions em,.sheet-decisions b,.sheet-decisions span { display:block; }.sheet-decisions em { color:var(--mig-green); font-size:6.5px; font-style:normal; font-weight:900; }.sheet-decisions .redesign em { color:#cdbbff; }.sheet-decisions .retire em { color:var(--mig-orange); }.sheet-decisions b { margin-top:3px; color:var(--ink-1); font-size:9px; }.sheet-decisions span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.2; }.calc-map { display:grid; grid-template-columns:1fr 12px 1fr; gap:5px; align-items:center; margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--mig-violet) 38%,var(--hairline)); border-radius:8px; }.calc-map strong,.calc-map b { grid-column:1 / -1; }.calc-map strong { color:#cdbbff; font-size:7px; }.calc-map span { color:var(--ink-1); font-size:7px; line-height:1.2; text-align:center; }.calc-map i { color:var(--mig-violet); font-style:normal; }.calc-map b { color:var(--ink-2); font-size:7px; text-align:center; }.tableau-parity { grid-template-rows:auto auto auto 1fr; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.parity-table { display:grid; margin-top:9px; overflow:hidden; border:1px solid var(--hairline); border-radius:8px; }.parity-table > div { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:5px; padding:7px; border-top:1px solid var(--hairline); }.parity-table > div:first-child { border-top:0; background:#162329; }.parity-table span,.parity-table b { font-size:7.5px; }.parity-table span { color:var(--ink-2); }.parity-table b { color:var(--ink-1); text-align:right; }.audience-test { margin-top:8px; padding:8px; border-left:3px solid var(--mig-blue); border-radius:8px; background:#101d23; }.audience-test strong,.audience-test b,.audience-test span { display:block; }.audience-test strong { color:var(--mig-blue); font-size:7px; }.audience-test b { margin-top:3px; color:var(--ink-1); font-size:8.5px; line-height:1.2; }.audience-test span { margin-top:3px; color:var(--ink-2); font-size:7px; }.sunset-stamp { align-self:end; margin-top:8px; padding:8px; border:1px solid color-mix(in srgb,var(--mig-green) 36%,var(--hairline)); border-radius:8px; background:color-mix(in srgb,var(--mig-green) 9%,transparent); }.sunset-stamp strong,.sunset-stamp span,.sunset-stamp b { display:block; }.sunset-stamp strong { color:#bdf3ce; font-size:7px; }.sunset-stamp span,.sunset-stamp b { margin-top:3px; font-size:7.5px; }.sunset-stamp span { color:var(--ink-2); }.sunset-stamp b { color:var(--ink-1); }.alteryx-source { grid-template-rows:auto auto 1fr; }.alteryx-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:4px; align-items:center; margin-top:9px; }.alteryx-flow article { min-width:0; padding:7px 4px; border:1px solid var(--hairline); border-radius:7px; background:#101d23; text-align:center; }.alteryx-flow article.complex { border-color:color-mix(in srgb,var(--mig-pink) 44%,var(--hairline)); }.alteryx-flow em,.alteryx-flow b,.alteryx-flow span { display:block; }.alteryx-flow em { color:var(--mig-orange); font-size:6px; font-style:normal; font-weight:900; }.alteryx-flow b { margin-top:3px; overflow-wrap:anywhere; color:var(--ink-1); font-size:7px; }.alteryx-flow span { margin-top:2px; color:var(--ink-3); font-size:6px; }.alteryx-flow > i { color:var(--mig-orange); font-size:9px; font-style:normal; }.workflow-findings { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; align-self:end; margin-top:9px; }.workflow-findings article { padding:7px 4px; border-radius:7px; background:#101d23; text-align:center; }.workflow-findings strong,.workflow-findings span { display:block; }.workflow-findings strong { color:var(--mig-gold); font-size:9px; }.workflow-findings span { margin-top:3px; color:var(--ink-2); font-size:6.5px; line-height:1.15; }.fabric-decomposition { border-color:color-mix(in srgb,var(--mig-violet) 32%,var(--hairline))!important; }.tool-lanes { display:grid; gap:7px; margin-top:9px; }.tool-lanes article { padding:8px; border-left:3px solid var(--mig-blue); border-radius:8px; background:#101d23; }.tool-lanes article.notebook-lane { border-left-color:var(--mig-violet); }.tool-lanes article.pipeline-lane { border-left-color:var(--mig-green); }.tool-lanes em,.tool-lanes b,.tool-lanes span,.tool-lanes small { display:block; }.tool-lanes em { color:var(--mig-blue); font-size:6.5px; font-style:normal; font-weight:900; }.tool-lanes .notebook-lane em { color:#cdbbff; }.tool-lanes .pipeline-lane em { color:#bdf3ce; }.tool-lanes b { margin-top:3px; color:var(--ink-1); font-size:9.5px; }.tool-lanes span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }.tool-lanes small { margin-top:4px; color:var(--ink-3); font-size:6.5px; }.pipeline-handoff { grid-template-rows:auto auto 1fr auto; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.run-receipt { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:9px; padding:8px; border-radius:8px; background:linear-gradient(120deg,color-mix(in srgb,var(--mig-green) 16%,#101d23),#101d23); }.run-receipt > strong { grid-column:1 / -1; color:#bdf3ce; font-size:7px; }.run-receipt article { text-align:center; }.run-receipt span,.run-receipt b { display:block; }.run-receipt span { color:var(--ink-2); font-size:6.5px; }.run-receipt b { margin-top:3px; color:var(--ink-1); font-size:10px; }.operating-proof { display:grid; align-content:start; gap:6px; margin-top:8px; }.operating-proof article { padding:7px 8px; border-radius:8px; background:#101d23; }.operating-proof b,.operating-proof span { display:block; }.operating-proof b { color:var(--ink-1); font-size:8.5px; }.operating-proof span { margin-top:3px; color:var(--ink-2); font-size:7px; }.handoff-ready { align-self:end; margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--mig-green) 38%,var(--hairline)); border-radius:8px; }.handoff-ready strong,.handoff-ready span { display:block; }.handoff-ready strong { color:#bdf3ce; font-size:7px; }.handoff-ready span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }
.alteryx-decompose .alteryx-source { grid-template-rows:auto auto auto; }.alteryx-decompose .alteryx-flow { grid-template-columns:1fr; gap:0; }.alteryx-decompose .alteryx-flow article { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:44px; padding:8px; text-align:left; }.alteryx-decompose .alteryx-flow em { display:grid; place-items:center; width:28px; height:28px; color:#fff; border-radius:7px; background:linear-gradient(135deg,var(--mig-orange),var(--mig-violet)); font-size:7px; }.alteryx-decompose .alteryx-flow b { margin:0; overflow-wrap:normal; font-size:9px; }.alteryx-decompose .alteryx-flow span { margin:0; font-size:7px; text-align:right; }.alteryx-decompose .alteryx-flow > i { display:grid; place-items:center; height:13px; transform:rotate(90deg); font-size:10px; }.alteryx-decompose .workflow-findings { align-self:auto; margin-top:10px; }
.dremio-current { grid-template-rows:auto auto 1fr; }.dremio-view { margin-top:9px; padding:10px; border:1px solid color-mix(in srgb,var(--mig-blue) 34%,var(--hairline)); border-radius:8px; background:#0b1419; }.dremio-view small,.dremio-view b,.dremio-view code { display:block; }.dremio-view small { color:var(--mig-blue); font-size:7px; font-weight:900; }.dremio-view b { margin-top:4px; color:var(--ink-1); font-size:11px; }.dremio-view code { margin-top:7px; color:#c8eaf5; font:7.5px/1.5 ui-monospace,Consolas,monospace; }.current-contract { display:grid; align-content:end; gap:6px; margin-top:9px; }.current-contract article { display:grid; grid-template-columns:74px 1fr; gap:7px; padding:7px 8px; border-radius:8px; background:#101d23; }.current-contract span { color:var(--ink-3); font-size:7px; font-weight:900; }.current-contract b { color:var(--ink-1); font-size:8px; }.posture-review { grid-template-rows:auto 1fr auto; border-color:color-mix(in srgb,var(--mig-violet) 32%,var(--hairline))!important; }.posture-options { display:grid; align-content:start; gap:7px; margin-top:9px; }.posture-options article { display:grid; grid-template-columns:25px 1fr auto; gap:8px; align-items:center; padding:8px; border:1px solid var(--hairline); border-radius:8px; background:#101d23; }.posture-options article.chosen { border-color:color-mix(in srgb,var(--mig-green) 46%,var(--hairline)); background:color-mix(in srgb,var(--mig-green) 9%,#101d23); }.posture-options em { display:grid; place-items:center; width:25px; height:25px; color:#fff; border-radius:7px; background:#26323a; font-size:8px; font-style:normal; font-weight:900; }.posture-options .chosen em { background:linear-gradient(135deg,var(--mig-green),var(--mig-blue)); }.posture-options b,.posture-options span { display:block; }.posture-options b { color:var(--ink-1); font-size:9px; }.posture-options span { margin-top:3px; color:var(--ink-2); font-size:7px; line-height:1.2; }.posture-options article > strong { color:#bdf3ce; font-size:6.5px; }.decision-basis { margin-top:8px; padding:8px; border-left:3px solid var(--mig-green); border-radius:8px; background:#101d23; }.decision-basis strong,.decision-basis span { display:block; }.decision-basis strong { color:#bdf3ce; font-size:7px; }.decision-basis span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.25; }.dremio-boundary { grid-template-rows:auto auto auto 1fr; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.boundary-split { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:9px; }.boundary-split article { padding:8px; border-top:3px solid var(--mig-blue); border-radius:8px; background:#101d23; }.boundary-split article:last-child { border-top-color:var(--mig-green); }.boundary-split strong,.boundary-split b,.boundary-split span { display:block; }.boundary-split strong { color:var(--mig-blue); font-size:6.5px; }.boundary-split article:last-child strong { color:#bdf3ce; }.boundary-split b { margin-top:4px; color:var(--ink-1); font-size:8.5px; }.boundary-split span { margin-top:4px; color:var(--ink-2); font-size:7px; line-height:1.25; }.boundary-flow { display:flex; align-items:center; justify-content:center; gap:5px; margin-top:8px; padding:7px; border-radius:8px; background:#0c151a; }.boundary-flow span,.boundary-flow b { font-size:7px; text-align:center; }.boundary-flow span { color:var(--ink-2); }.boundary-flow b { color:#bdf3ce; }.boundary-flow i { color:var(--mig-orange); font-style:normal; }.boundary-trigger { align-self:end; margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--mig-orange) 38%,var(--hairline)); border-radius:8px; }.boundary-trigger strong,.boundary-trigger span { display:block; }.boundary-trigger strong { color:var(--mig-orange); font-size:7px; }.boundary-trigger span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.25; }.direct-dependency { grid-template-rows:auto auto 1fr; }.direct-flow { display:grid; grid-template-columns:1fr 18px 1fr; gap:6px; align-items:center; margin-top:9px; }.direct-flow article { padding:9px 7px; border:1px solid color-mix(in srgb,var(--mig-orange) 34%,var(--hairline)); border-radius:8px; background:#101d23; text-align:center; }.direct-flow small,.direct-flow b,.direct-flow span { display:block; }.direct-flow small { color:var(--mig-orange); font-size:6.5px; font-weight:900; }.direct-flow b { margin-top:4px; color:var(--ink-1); font-size:9px; }.direct-flow span { margin-top:3px; color:var(--ink-2); font-size:7px; }.direct-flow > i { color:var(--mig-orange); font-style:normal; text-align:center; }.direct-risks { display:grid; align-content:end; gap:6px; margin-top:9px; }.direct-risks article { padding:7px 8px; border-left:3px solid var(--mig-orange); border-radius:8px; background:#101d23; }.direct-risks b,.direct-risks span { display:block; }.direct-risks b { color:var(--ink-1); font-size:8.5px; }.direct-risks span { margin-top:3px; color:var(--ink-2); font-size:7px; }.staged-switch { border-color:color-mix(in srgb,var(--mig-blue) 32%,var(--hairline))!important; }.switch-steps { display:grid; gap:7px; margin-top:9px; }.switch-steps article { position:relative; display:grid; grid-template-columns:28px 1fr; gap:8px; align-items:center; padding:8px; border:1px solid var(--hairline); border-radius:8px; background:#101d23; }.switch-steps article.done { border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline)); }.switch-steps article.active { border-color:color-mix(in srgb,var(--mig-blue) 48%,var(--hairline)); background:color-mix(in srgb,var(--mig-blue) 8%,#101d23); }.switch-steps article + article::before { content:""; position:absolute; left:21px; top:-8px; width:2px; height:8px; background:var(--mig-blue); }.switch-steps em { display:grid; place-items:center; width:28px; height:28px; color:#fff; border-radius:7px; background:#27333a; font-size:7px; font-style:normal; font-weight:900; }.switch-steps .done em { background:linear-gradient(135deg,var(--mig-green),var(--mig-blue)); }.switch-steps .active em { background:linear-gradient(135deg,var(--mig-blue),var(--mig-violet)); }.switch-steps b,.switch-steps span { display:block; }.switch-steps b { color:var(--ink-1); font-size:9px; }.switch-steps span { margin-top:3px; color:var(--ink-2); font-size:7.5px; line-height:1.2; }.cutover-console { grid-template-rows:auto auto 1fr auto; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.same-report { margin-top:9px; padding:8px; color:#fff; border-radius:8px; background:linear-gradient(120deg,var(--mig-violet),var(--mig-pink)); }.same-report strong,.same-report b,.same-report span { display:block; }.same-report strong { font-size:6.5px; }.same-report b { margin-top:3px; font-size:11px; }.same-report span { margin-top:3px; font-size:7px; }.path-compare { display:grid; align-content:start; margin-top:8px; overflow:hidden; border:1px solid var(--hairline); border-radius:8px; }.path-compare > div { display:grid; grid-template-columns:1.1fr .8fr .8fr; gap:5px; padding:6px 7px; border-top:1px solid var(--hairline); }.path-compare > div:first-child { border-top:0; background:#162329; }.path-compare span,.path-compare b { font-size:7px; }.path-compare span { color:var(--ink-2); }.path-compare b { color:var(--ink-1); text-align:right; }.cutover-gate { align-self:end; margin-top:8px; padding:8px; border:1px dashed color-mix(in srgb,var(--mig-gold) 44%,var(--hairline)); border-radius:8px; background:color-mix(in srgb,var(--mig-gold) 7%,transparent); }.cutover-gate strong,.cutover-gate b,.cutover-gate span { display:block; }.cutover-gate strong { color:var(--mig-gold); font-size:7px; }.cutover-gate b { margin-top:3px; color:var(--ink-1); font-size:9px; }.cutover-gate span { margin-top:3px; color:var(--ink-2); font-size:7px; }.truth-collision { grid-template-rows:auto auto 1fr auto; }.truth-collision > b { margin-top:8px; color:var(--ink-1); font-size:10px; line-height:1.3; }.platform-values { display:grid; align-content:start; gap:6px; margin-top:9px; }.platform-values article { padding:8px; border-left:3px solid var(--mig-blue); border-radius:8px; background:#101d23; }.platform-values article.dremio-value { border-left-color:var(--mig-violet); }.platform-values article.powerbi-value { border-left-color:var(--mig-gold); }.platform-values em,.platform-values strong,.platform-values span { display:block; }.platform-values em { color:var(--mig-blue); font-size:6.5px; font-style:normal; font-weight:900; }.platform-values .dremio-value em { color:#cdbbff; }.platform-values .powerbi-value em { color:var(--mig-gold); }.platform-values strong { margin-top:3px; color:var(--ink-1); font-size:12px; }.platform-values span { margin-top:3px; color:var(--ink-2); font-size:7px; }.collision-warning { align-self:end; margin-top:8px; padding:8px; border:1px solid color-mix(in srgb,var(--mig-orange) 36%,var(--hairline)); border-radius:8px; background:color-mix(in srgb,var(--mig-orange) 8%,transparent); }.collision-warning strong,.collision-warning span { display:block; }.collision-warning strong { color:var(--mig-orange); font-size:7px; }.collision-warning span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }.transition-register { grid-template-rows:auto auto auto auto 1fr; border-color:color-mix(in srgb,var(--mig-violet) 32%,var(--hairline))!important; }.register-head,.register-row { display:grid; grid-template-columns:.9fr 1.25fr .65fr; gap:6px; align-items:center; padding:7px; }.register-head { margin-top:9px; border-radius:7px 7px 0 0; background:#162329; }.register-head span { color:var(--ink-3); font-size:6.5px; font-weight:900; }.register-row { border-top:1px solid var(--hairline); background:#101d23; }.register-row b,.register-row span,.register-row em { font-size:7px; }.register-row b { color:var(--ink-1); }.register-row span { color:var(--ink-2); line-height:1.2; }.register-row em { color:var(--mig-gold); font-style:normal; font-weight:900; text-align:right; }.metric-owner { align-self:end; margin-top:9px; padding:8px; border-left:3px solid var(--mig-violet); border-radius:8px; background:#101d23; }.metric-owner strong,.metric-owner b,.metric-owner span { display:block; }.metric-owner strong { color:#cdbbff; font-size:7px; }.metric-owner b { margin-top:3px; color:var(--ink-1); font-size:9px; }.metric-owner span { margin-top:3px; color:var(--ink-2); font-size:7px; }.coexist-release { grid-template-rows:auto auto auto 1fr auto; border-color:color-mix(in srgb,var(--mig-green) 30%,var(--hairline))!important; }.approved-door,.next-door { margin-top:9px; padding:8px; border-left:3px solid var(--mig-orange); border-radius:8px; background:#101d23; }.next-door { border-left-color:var(--mig-green); }.approved-door strong,.approved-door b,.approved-door span,.next-door strong,.next-door b,.next-door span { display:block; }.approved-door strong { color:var(--mig-orange); font-size:7px; }.next-door strong { color:#bdf3ce; font-size:7px; }.approved-door b,.next-door b { margin-top:3px; color:var(--ink-1); font-size:9px; }.approved-door span,.next-door span { margin-top:3px; color:var(--ink-2); font-size:7px; }.sunset-conditions { display:grid; align-content:start; gap:5px; margin-top:9px; }.sunset-conditions > strong { color:var(--mig-gold); font-size:7px; }.sunset-conditions article { display:grid; grid-template-columns:55px 1fr; gap:7px; padding:6px 7px; border-radius:7px; background:#101d23; }.sunset-conditions span { color:var(--ink-3); font-size:7px; font-weight:900; }.sunset-conditions b { color:var(--ink-1); font-size:7.5px; }.coexist-log { align-self:end; margin-top:8px; padding:7px; border:1px dashed color-mix(in srgb,var(--mig-blue) 34%,var(--hairline)); border-radius:8px; }.coexist-log span { color:var(--ink-2); font-size:7px; line-height:1.2; }.migration-map { display:grid; grid-template-columns:1fr 80px 1fr; gap:10px; align-items:center; padding:18px; background:linear-gradient(135deg,var(--card-2),transparent); }.migration-pin,.migration-gate { min-height:108px; padding:13px; border:1px solid var(--hairline); border-radius:10px; background:var(--card); }.migration-pin b,.migration-gate b { display:block; margin:8px 0; color:var(--ink-1); font-size:12px; }.migration-pin span,.migration-gate span { color:var(--ink-2); font-size:10px; line-height:1.4; }.migration-track { text-align:center; color:var(--accent); }.migration-track i { display:block; width:9px; height:9px; margin:7px auto; border-radius:50%; background:var(--accent); }.migration-track strong { color:var(--ink-3); font-size:8px; writing-mode:vertical-rl; }.migration-pin.fabric { border-color:var(--accent); background:var(--accent-pale); }.migration-gate { grid-column:1/-1; min-height:auto; display:flex; align-items:center; gap:12px; border-style:dashed; }.migration-gate b { margin:0; }.migration-gate span { margin-left:auto; }
@media (max-width:760px) { .migration-storyboard { grid-template-columns:1fr; padding:14px; }.alteryx-flow { grid-template-columns:1fr; }.alteryx-flow > i { transform:rotate(90deg); text-align:center; }.boundary-split,.action-boundary { grid-template-columns:1fr; } }
.control-demo { background:linear-gradient(145deg,color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card-2)),var(--card-2) 42%); }
.control-question { display:flex; gap:8px; margin-bottom:10px; padding:9px 10px; color:var(--ink-2); background:var(--card); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 28%,var(--hairline)); border-left:3px solid var(--dcat,var(--accent)); border-radius:8px; font-size:11px; line-height:1.4; }
.control-question b { flex:none; color:var(--accent-ink); font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
.control-steps { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.control-steps::before { content:""; position:absolute; top:17px; left:16%; right:16%; height:2px; background:color-mix(in srgb,var(--dcat,var(--accent)) 42%,var(--hairline-2)); }
.control-step { position:relative; display:grid; grid-template-columns:34px 1fr; gap:7px; padding:8px; background:var(--card); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 22%,var(--hairline)); border-radius:8px; }
.control-step > span { width:28px; height:28px; display:grid; place-items:center; color:var(--accent-ink); background:color-mix(in srgb,var(--dcat,var(--accent)) 13%,var(--card)); border:2px solid var(--dcat,var(--accent)); border-radius:50%; font-size:10px; font-weight:800; }
.control-step b { display:block; margin-top:2px; color:var(--ink-1); font-size:10.5px; }
.control-step p { margin:3px 0 0; color:var(--ink-2); font-size:9.5px; line-height:1.35; }
.control-outcome { display:flex; gap:9px; margin-top:9px; padding:8px 9px; color:var(--ink-2); background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); border-left:3px solid var(--dcat,var(--accent)); border-radius:6px; font-size:10px; line-height:1.35; }
.control-outcome b { color:var(--accent-ink); white-space:nowrap; }

/* Tenant, governance, capacity, and access stories that need more than a repeated control path. */
.feature-admin { --admin-accent:var(--dcat,var(--accent)); }.feature-admin .tv-heading { color:var(--ink-2); background:linear-gradient(90deg,color-mix(in srgb,var(--admin-accent) 14%,var(--card-2)),var(--card) 70%); }.feature-admin label { display:block; color:var(--admin-accent); font-size:8px; font-weight:900; letter-spacing:.08em; }.admin-triptych { display:grid; grid-template-columns:.95fr 1.15fr 1fr; gap:10px; padding:14px; background:linear-gradient(135deg,color-mix(in srgb,var(--admin-accent) 8%,var(--card-2)),var(--card-2) 52%); }.admin-story-panel { min-width:0; padding:12px; border:1px solid color-mix(in srgb,var(--admin-accent) 28%,var(--hairline)); border-radius:10px; background:var(--card); }.admin-story-panel b,.admin-story-panel span,.admin-story-panel em { display:block; }
.identity-person { display:flex; align-items:center; gap:9px; margin-top:12px; padding:9px; border-radius:8px; background:color-mix(in srgb,var(--admin-accent) 9%,var(--card-2)); }.identity-person i { width:34px; height:34px; display:grid; place-items:center; flex:none; color:#fff; background:var(--admin-accent); border-radius:50%; font-size:10px; font-style:normal; font-weight:900; }.identity-person b { color:var(--ink-1); font-size:11px; }.identity-person span { margin-top:2px; color:var(--ink-2); font-size:9px; }.identity-request { margin-top:9px; padding:9px; border-left:3px solid var(--admin-accent); border-radius:6px; background:var(--card-2); }.identity-request strong { display:block; color:var(--ink-1); font-size:10px; line-height:1.3; }.identity-request span { margin-top:5px; color:var(--ink-3); font-size:8px; }.entitlement-chain { display:grid; gap:3px; margin-top:10px; }.entitlement-chain article { padding:7px 9px; border:1px solid var(--hairline); border-radius:7px; background:var(--card-2); }.entitlement-chain article:not(.separate-gate) { border-left:3px solid var(--admin-accent); }.entitlement-chain .separate-gate { border-style:dashed; border-color:color-mix(in srgb,var(--warn) 55%,var(--hairline)); }.entitlement-chain i { color:var(--admin-accent); font-size:12px; font-style:normal; text-align:center; }.entitlement-chain em { color:var(--ink-3); font-size:7px; font-style:normal; font-weight:900; }.entitlement-chain b { margin-top:2px; color:var(--ink-1); font-size:9.5px; }.entitlement-chain span { margin-top:2px; color:var(--ink-2); font-size:8px; }.access-receipt { margin-top:10px; padding:10px; border-radius:8px; background:var(--card-2); }.access-receipt b { margin:7px 0 4px; color:var(--ink-1); font-size:9px; }.access-receipt b:first-child { margin-top:0; }.access-receipt span { position:relative; margin-top:4px; padding:5px 6px 5px 20px; border-radius:5px; color:var(--ink-2); background:var(--card); font-size:8.5px; }.access-receipt span::before { position:absolute; left:7px; font-weight:900; }.access-receipt .is-allowed::before { content:"+"; color:var(--ok); }.access-receipt .is-denied::before { content:"-"; color:var(--danger); }.access-receipt footer { margin-top:8px; padding-top:7px; color:var(--admin-accent); border-top:1px solid var(--hairline); font-size:8px; font-weight:800; line-height:1.3; }
.trust-noise .search-chip { margin-top:11px; padding:7px 9px; color:var(--ink-1); border:1px solid var(--hairline-2); border-radius:7px; font-size:9px; }.trust-noise article { margin-top:6px; padding:7px; border-left:3px solid var(--hairline-2); border-radius:6px; background:var(--card-2); }.trust-noise article:last-child { border-left-color:var(--admin-accent); }.trust-noise b { color:var(--ink-1); font-size:9px; }.trust-noise span { margin-top:2px; color:var(--ink-3); font-size:7.5px; }.trust-definition { margin-top:11px; padding:10px; color:#fff; border-radius:8px; background:linear-gradient(125deg,var(--admin-accent),color-mix(in srgb,var(--admin-accent) 58%,#20333a)); }.trust-definition em { font-size:7px; font-style:normal; font-weight:900; }.trust-definition b { margin-top:5px; font-size:10.5px; line-height:1.3; }.trust-evidence { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:7px; }.trust-evidence span { padding:7px; color:var(--ink-2); border-radius:6px; background:var(--card-2); font-size:8px; }.trust-evidence b { margin-bottom:3px; color:var(--ink-1); font-size:8px; }.certified-asset { margin-top:11px; padding:12px; border:2px solid var(--admin-accent); border-radius:9px; background:color-mix(in srgb,var(--admin-accent) 10%,var(--card-2)); }.certified-asset em { color:var(--admin-accent); font-size:8px; font-style:normal; font-weight:900; }.certified-asset b { margin-top:5px; color:var(--ink-1); font-size:11px; }.certified-asset strong { display:block; margin-top:13px; color:var(--ink-1); font-size:22px; }.certified-asset span { margin-top:7px; color:var(--ink-2); font-size:8px; line-height:1.3; }.decision-ready { margin-top:8px; padding:7px; color:var(--admin-accent); border-radius:6px; background:var(--card-2); font-size:8px; font-weight:800; text-align:center; }
.endorsement-ladder { display:grid; grid-template-columns:1fr 24px 1fr 24px 1fr; gap:6px; align-items:center; padding:16px 18px 12px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 8%,var(--card-2))); }.endorsement-ladder section { min-height:115px; padding:11px; border:1px solid var(--hairline); border-top:3px solid var(--hairline-2); border-radius:9px; background:var(--card); }.endorsement-ladder section.is-promoted { border-top-color:var(--warn); }.endorsement-ladder section.is-certified { border:2px solid var(--admin-accent); background:color-mix(in srgb,var(--admin-accent) 9%,var(--card)); }.endorsement-ladder label { color:var(--ink-3); }.endorsement-ladder .is-promoted label { color:var(--warn); }.endorsement-ladder .is-certified label { color:var(--admin-accent); }.endorsement-ladder b,.endorsement-ladder span,.endorsement-ladder em { display:block; }.endorsement-ladder b { margin-top:9px; color:var(--ink-1); font-size:11px; line-height:1.25; }.endorsement-ladder span { margin-top:7px; color:var(--ink-2); font-size:9px; line-height:1.3; }.endorsement-ladder em { margin-top:8px; color:var(--ink-3); font-size:8px; font-style:normal; }.endorsement-ladder > i { color:var(--admin-accent); font-size:18px; font-style:normal; text-align:center; }.endorsement-proof { display:flex; flex-wrap:wrap; gap:6px; padding:0 18px 14px; }.endorsement-proof span,.endorsement-proof b { padding:6px 8px; border-radius:6px; background:var(--card-2); font-size:8px; }.endorsement-proof span { color:var(--ink-2); }.endorsement-proof b { margin-left:auto; color:var(--admin-accent); border:1px solid color-mix(in srgb,var(--admin-accent) 35%,var(--hairline)); }
.catalog-window { margin:12px 14px 14px; overflow:hidden; border:1px solid color-mix(in srgb,var(--admin-accent) 34%,var(--hairline)); border-radius:10px; background:var(--card); box-shadow:var(--shadow-s); }.catalog-window header { display:flex; align-items:center; gap:14px; padding:9px 11px; border-bottom:1px solid var(--hairline); background:color-mix(in srgb,var(--admin-accent) 8%,var(--card-2)); }.catalog-window header > span { color:var(--ink-1); font-size:10px; font-weight:800; }.catalog-query { flex:1; display:flex; justify-content:space-between; padding:6px 7px 6px 10px; color:var(--ink-2); border:1px solid var(--hairline-2); border-radius:7px; background:var(--card); font-size:9px; }.catalog-query b { padding:2px 7px; color:#fff; border-radius:4px; background:var(--admin-accent); font-size:8px; }.catalog-results { display:grid; grid-template-columns:.65fr 1.65fr .75fr; min-height:170px; }.catalog-results aside,.catalog-results main,.catalog-action { min-width:0; padding:11px; }.catalog-results aside,.catalog-results main { border-right:1px solid var(--hairline); }.catalog-results label { margin-bottom:9px; }.catalog-results aside span { display:block; margin-top:6px; padding:6px; color:var(--ink-3); border-radius:5px; background:var(--card-2); font-size:8px; }.catalog-results aside .is-on { color:var(--ink-1); border-left:3px solid var(--admin-accent); }.catalog-hit { display:flex; justify-content:space-between; gap:8px; padding:9px; border:2px solid var(--admin-accent); border-radius:8px; background:color-mix(in srgb,var(--admin-accent) 8%,var(--card-2)); }.catalog-hit em,.catalog-hit b,.catalog-hit span { display:block; }.catalog-hit em { color:var(--admin-accent); font-size:7px; font-style:normal; font-weight:900; }.catalog-hit b { margin-top:3px; color:var(--ink-1); font-size:10.5px; }.catalog-hit span { margin-top:3px; color:var(--ink-2); font-size:8px; }.catalog-hit strong { color:var(--ink-2); font-size:8px; white-space:nowrap; }.catalog-metadata { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:7px; }.catalog-metadata span { padding:6px; color:var(--ink-2); border-radius:5px; background:var(--card-2); font-size:7.5px; }.catalog-metadata b { display:block; margin-bottom:2px; color:var(--ink-1); font-size:7.5px; }.catalog-action b,.catalog-action span,.catalog-action small { display:block; }.catalog-action b { padding:8px; color:#fff; border-radius:6px; background:var(--admin-accent); font-size:9px; text-align:center; }.catalog-action span { margin-top:6px; padding:7px; color:var(--ink-2); border:1px solid var(--hairline); border-radius:6px; font-size:8px; text-align:center; }.catalog-action small { margin-top:9px; color:var(--ink-3); font-size:7.5px; line-height:1.3; text-align:center; }
.lineage-change { padding:14px; background:linear-gradient(130deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 7%,var(--card-2))); }.change-ticket { display:flex; align-items:center; gap:10px; padding:8px 10px; border-left:3px solid var(--warn); border-radius:7px; background:var(--card); }.change-ticket label { color:var(--warn); }.change-ticket b { color:var(--ink-1); font-size:10px; }.change-ticket span,.change-ticket em { color:var(--ink-2); font-size:8.5px; font-style:normal; }.change-ticket em { margin-left:auto; }.impact-path { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr); align-items:center; margin-top:10px; }.impact-path article { min-height:82px; padding:9px; border:1px solid color-mix(in srgb,var(--admin-accent) 28%,var(--hairline)); border-radius:8px; background:var(--card); }.impact-path article:last-of-type { border:2px solid var(--admin-accent); }.impact-path small,.impact-path b,.impact-path span { display:block; }.impact-path small { color:var(--admin-accent); font-size:7px; font-weight:900; }.impact-path b { margin-top:7px; color:var(--ink-1); font-size:9.5px; }.impact-path span { margin-top:6px; padding:4px; color:var(--ink-2); border-radius:4px; background:var(--card-2); font-size:7.5px; }.impact-path .change-field { color:var(--warn); border:1px dashed var(--warn); }.impact-path > i { color:var(--admin-accent); font-size:16px; font-style:normal; text-align:center; }.impact-plan { display:grid; grid-template-columns:1fr 1.2fr 1fr auto; gap:6px; margin-top:9px; }.impact-plan span,.impact-plan strong { padding:7px; border-radius:6px; background:var(--card); font-size:8px; }.impact-plan span { color:var(--ink-2); }.impact-plan span b { display:block; margin-bottom:2px; color:var(--ink-1); }.impact-plan strong { color:var(--admin-accent); border:1px solid color-mix(in srgb,var(--admin-accent) 35%,var(--hairline)); }
.capacity-ops { position:relative; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 8%,var(--card-2))); }.capacity-clock { display:grid; grid-template-columns:repeat(4,1fr); margin-left:86px; color:var(--ink-3); font-size:8px; }.capacity-clock span:last-child { text-align:right; }.capacity-lanes { display:grid; grid-template-columns:78px 1fr; gap:7px; margin-top:5px; }.capacity-lanes label { align-self:center; }.capacity-lanes > div { position:relative; display:grid; gap:5px; min-height:39px; padding:6px 0; border-radius:6px; background:repeating-linear-gradient(90deg,var(--card) 0,var(--card) calc(25% - 1px),var(--hairline) 25%); }.capacity-lanes i { position:relative; top:auto; height:25px; display:grid; place-items:center; overflow:hidden; color:#fff; border-radius:5px; background:var(--admin-accent); font-size:7.5px; font-style:normal; font-weight:800; white-space:nowrap; }.capacity-lanes .refresh { background:var(--ok); }.capacity-lanes .notebook { top:auto; height:25px; background:var(--warn); }.capacity-lanes .viewers { background:var(--danger); }.capacity-collision { display:flex; gap:8px; margin:8px 0 0 86px; padding:7px; color:var(--ink-2); border:1px solid color-mix(in srgb,var(--danger) 42%,var(--hairline)); border-radius:6px; background:color-mix(in srgb,var(--danger) 8%,var(--card)); font-size:8.5px; }.capacity-collision b { color:var(--danger); white-space:nowrap; }.capacity-owner-action { display:grid; grid-template-columns:1fr 1fr auto; gap:7px; margin-top:8px; }.capacity-owner-action span,.capacity-owner-action strong { padding:7px; border-radius:6px; background:var(--card); font-size:8px; }.capacity-owner-action span { color:var(--ink-2); }.capacity-owner-action span b { color:var(--ink-1); }.capacity-owner-action strong { color:var(--admin-accent); border:1px solid color-mix(in srgb,var(--admin-accent) 35%,var(--hairline)); }
.sku-cockpit { display:grid; grid-template-columns:.85fr 1.35fr .9fr; gap:10px; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 8%,var(--card-2))); }.sku-cockpit section { min-width:0; padding:11px; border:1px solid color-mix(in srgb,var(--admin-accent) 24%,var(--hairline)); border-radius:9px; background:var(--card); }.demand-metrics { display:grid; grid-template-columns:1fr 1fr; gap:5px; margin-top:9px; }.demand-metrics span { padding:7px; color:var(--ink-2); border-radius:6px; background:var(--card-2); font-size:7.5px; }.demand-metrics span:last-child { grid-column:1/-1; }.demand-metrics b { display:block; color:var(--ink-1); font-size:13px; }.demand-stack { display:grid; gap:4px; margin-top:8px; }.demand-stack i { min-width:46%; padding:5px; color:#fff; border-radius:4px; background:var(--admin-accent); font-size:7px; font-style:normal; font-weight:800; }.demand-stack i:nth-child(2) { background:var(--ok); }.demand-stack i:nth-child(3) { background:var(--warn); }.sku-options article { display:grid; grid-template-columns:32px 1fr; gap:3px 7px; margin-top:6px; padding:7px; border:1px solid var(--hairline); border-radius:7px; background:var(--card-2); }.sku-options article.is-selected { border:2px solid var(--admin-accent); background:color-mix(in srgb,var(--admin-accent) 9%,var(--card-2)); }.sku-options b { grid-row:1/span 2; align-self:center; color:var(--ink-1); font-size:12px; }.sku-options span { color:var(--ink-1); font-size:8px; }.sku-options em { color:var(--ink-3); font-size:7px; font-style:normal; }.sku-recommendation strong { display:block; margin-top:10px; color:var(--admin-accent); font-size:19px; }.sku-recommendation > span { display:block; margin-top:4px; color:var(--ink-2); font-size:8px; line-height:1.3; }.sku-recommendation > div { margin-top:9px; padding:8px; border-radius:7px; background:var(--card-2); }.sku-recommendation div b,.sku-recommendation small { display:block; }.sku-recommendation div b { color:var(--ink-1); font-size:8px; }.sku-recommendation small { margin-top:5px; color:var(--ink-2); font-size:7.5px; }
.license-route { display:grid; grid-template-columns:.8fr 1.45fr .85fr; gap:10px; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 8%,var(--card-2))); }.license-route section { padding:11px; border:1px solid color-mix(in srgb,var(--admin-accent) 25%,var(--hairline)); border-radius:9px; background:var(--card); }.license-people article { display:flex; align-items:center; gap:8px; margin-top:8px; padding:8px; border-radius:7px; background:var(--card-2); }.license-people i { width:34px; height:34px; display:grid; place-items:center; flex:none; color:#fff; border-radius:8px; background:var(--admin-accent); font-size:11px; font-style:normal; font-weight:900; }.license-people article:last-child i { background:var(--ok); }.license-people b,.license-people span { display:block; }.license-people b { color:var(--ink-1); font-size:9px; }.license-people span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }.license-branch { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }.license-branch article { padding:9px; border-top:3px solid var(--admin-accent); border-radius:7px; background:var(--card-2); }.license-branch article:last-child { border-top-color:var(--ok); }.license-branch b,.license-branch span,.license-branch em { display:block; }.license-branch b { color:var(--ink-1); font-size:10px; }.license-branch span { margin-top:6px; color:var(--ink-1); font-size:9px; }.license-branch em { margin-top:5px; color:var(--ink-3); font-size:7.5px; font-style:normal; line-height:1.3; }.license-boundary { margin-top:7px; padding:6px; color:var(--warn); border:1px dashed color-mix(in srgb,var(--warn) 48%,var(--hairline)); border-radius:6px; font-size:7.5px; font-weight:800; text-align:center; }.license-result span,.license-result b { display:block; }.license-result span { position:relative; margin-top:7px; padding:6px 6px 6px 19px; color:var(--ink-2); border-radius:5px; background:var(--card-2); font-size:8px; }.license-result span::before { position:absolute; left:7px; content:"+"; color:var(--ok); font-weight:900; }.license-result .is-watch::before { content:"!"; color:var(--warn); }.license-result > b { margin-top:9px; padding:8px; color:var(--admin-accent); border:1px solid color-mix(in srgb,var(--admin-accent) 35%,var(--hairline)); border-radius:6px; font-size:9px; text-align:center; }
.capacity-behaviors { padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 7%,var(--card-2))); }
.capacity-scenario { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:11px 12px; border:1px solid color-mix(in srgb,var(--admin-accent) 30%,var(--hairline)); border-radius:9px; background:var(--card); }
.capacity-scenario b,.capacity-scenario span { display:block; }.capacity-scenario b { margin-top:5px; color:var(--ink-1); font-size:12px; }.capacity-scenario span { margin-top:4px; color:var(--ink-2); font-size:10px; line-height:1.35; }.capacity-scenario > strong { flex:none; padding:7px 9px; color:var(--admin-accent); border:1px solid color-mix(in srgb,var(--admin-accent) 38%,var(--hairline)); border-radius:6px; background:color-mix(in srgb,var(--admin-accent) 8%,var(--card-2)); font-size:9px; }
.capacity-concept-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:9px; }.capacity-concept { min-width:0; overflow:hidden; border:1px solid color-mix(in srgb,var(--concept-color) 34%,var(--hairline)); border-top:4px solid var(--concept-color); border-radius:10px; background:var(--card); }.capacity-concept.is-burst { --concept-color:var(--admin-accent); }.capacity-concept.is-smooth { --concept-color:var(--ok); }.capacity-concept.is-throttle { --concept-color:var(--danger); }.capacity-concept.is-surge { --concept-color:var(--warn); }
.concept-head { display:flex; align-items:center; gap:9px; padding:10px 11px 8px; }.concept-head > i { width:25px; height:25px; display:grid; place-items:center; flex:none; color:var(--card); border-radius:7px; background:var(--concept-color); font-size:10px; font-style:normal; font-weight:900; }.concept-head b,.concept-head span { display:block; }.concept-head b { color:var(--ink-1); font-size:12px; }.concept-head span { margin-top:2px; color:var(--ink-2); font-size:9px; }
.concept-example { margin:0 9px; padding:9px; border-radius:8px; background:var(--card-2); }.concept-example small { display:block; color:var(--concept-color); font-size:8px; font-weight:900; letter-spacing:.07em; }.concept-example > strong { display:block; min-height:32px; margin-top:5px; color:var(--ink-1); font-size:9.5px; line-height:1.35; }.concept-example output { display:block; margin-top:7px; padding:6px 7px; color:var(--concept-color); border-left:3px solid var(--concept-color); border-radius:5px; background:var(--card); font-size:9px; font-weight:800; }
.capacity-concept footer { min-height:37px; padding:8px 10px 10px; color:var(--ink-2); font-size:9px; line-height:1.35; }
.burst-scale { position:relative; height:34px; margin-top:8px; overflow:hidden; border-radius:6px; background:var(--card); }.burst-scale::after { position:absolute; top:0; bottom:0; left:58%; width:2px; content:""; background:var(--ink-3); }.burst-scale i { position:absolute; left:0; top:7px; width:86%; height:20px; border-radius:0 5px 5px 0; background:linear-gradient(90deg,var(--concept-color) 0 67%,color-mix(in srgb,var(--concept-color) 38%,transparent) 67%); }.burst-scale span,.burst-scale em { position:absolute; z-index:1; top:10px; font-size:8px; font-style:normal; font-weight:800; }.burst-scale span { left:7px; color:#17201d; }.burst-scale em { right:7px; color:var(--ink-1); }
.smoothing-receipt { display:grid; grid-template-columns:1fr 18px 1fr; gap:5px; align-items:center; margin-top:8px; }.smoothing-receipt span { padding:7px; color:var(--ink-2); border-radius:6px; background:var(--card); font-size:8px; line-height:1.25; }.smoothing-receipt b { display:block; margin-bottom:3px; color:var(--ink-1); font-size:8.5px; }.smoothing-receipt > i { color:var(--concept-color); font-size:14px; font-style:normal; text-align:center; }
.throttle-states,.surge-results { display:grid; gap:5px; margin-top:8px; }.throttle-states span,.surge-results span { display:flex; justify-content:space-between; gap:7px; padding:6px 7px; color:var(--ink-2); border-radius:5px; background:var(--card); font-size:8px; }.throttle-states b,.surge-results b { color:var(--ink-1); }.throttle-states em,.surge-results em { color:var(--concept-color); font-style:normal; font-weight:800; text-align:right; }
.surge-setting { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:7px; padding:7px; border:1px solid color-mix(in srgb,var(--concept-color) 32%,var(--hairline)); border-radius:6px; background:var(--card); }.surge-setting span,.surge-setting b { display:block; }.surge-setting span { color:var(--ink-2); font-size:8px; }.surge-setting b { margin-bottom:2px; color:var(--ink-1); font-size:8.5px; }.surge-setting em { padding:4px 8px; color:#17201d; border-radius:999px; background:var(--concept-color); font-size:8px; font-style:normal; font-weight:900; }
.capacity-reading { display:flex; gap:8px; margin-top:9px; padding:9px 10px; color:var(--ink-2); border-left:3px solid var(--admin-accent); border-radius:7px; background:var(--card); font-size:9.5px; line-height:1.4; }.capacity-reading b { flex:none; color:var(--ink-1); }
.tuning-arrow,.boundary-arrow { color:var(--admin-accent); font-size:18px; font-style:normal; text-align:center; }
.capacity-boundaries { display:grid; grid-template-columns:1.05fr 26px 1fr 1fr; gap:9px; align-items:stretch; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--admin-accent) 8%,var(--card-2))); }.capacity-boundaries section { min-width:0; padding:11px; border:1px solid color-mix(in srgb,var(--admin-accent) 26%,var(--hairline)); border-radius:9px; background:var(--card); }.shared-pressure article { margin-top:7px; padding:8px; border-left:3px solid var(--admin-accent); border-radius:6px; background:var(--card-2); }.shared-pressure article:nth-of-type(2) { border-left-color:var(--warn); }.shared-pressure b,.shared-pressure span { display:block; }.shared-pressure b { color:var(--ink-1); font-size:9px; }.shared-pressure span { margin-top:3px; color:var(--ink-2); font-size:7.5px; }.pressure-meter { position:relative; height:24px; margin-top:8px; overflow:hidden; border-radius:5px; background:var(--card-2); }.pressure-meter i { display:block; width:94%; height:100%; background:linear-gradient(90deg,var(--admin-accent),var(--warn),var(--danger)); }.pressure-meter em { position:absolute; inset:0; display:grid; place-items:center; color:#fff; font-size:7px; font-style:normal; font-weight:900; }.split-capacity { border-top:3px solid var(--admin-accent)!important; }.research-capacity { border-top-color:var(--warn)!important; }.split-capacity b,.split-capacity span,.split-capacity em,.split-capacity strong { display:block; }.split-capacity b { margin-top:10px; color:var(--ink-1); font-size:11px; }.split-capacity span { margin-top:8px; color:var(--ink-2); font-size:8.5px; line-height:1.35; }.split-capacity em { margin-top:10px; color:var(--ink-3); font-size:7.5px; font-style:normal; }.split-capacity strong { margin-top:9px; padding:6px; color:var(--admin-accent); border-radius:5px; background:var(--card-2); font-size:8px; }.research-capacity strong { color:var(--warn); }
.feature-admin label,.feature-admin b,.feature-admin span,.feature-admin em,.feature-admin small,.feature-admin footer,.feature-admin strong,.feature-admin i { font-size:10px; }.feature-admin .identity-person b,.feature-admin .split-capacity b { font-size:11px; }.feature-admin .capacity-scenario b,.feature-admin .concept-head b { font-size:12px; }.feature-admin .demand-metrics b,.feature-admin .sku-options b { font-size:13px; }.feature-admin .certified-asset strong { font-size:22px; }.feature-admin .sku-recommendation > strong { font-size:19px; }.feature-admin .endorsement-ladder > i,.feature-admin .tuning-arrow,.feature-admin .boundary-arrow { font-size:18px; }.feature-admin .search-chip,.feature-admin .decision-ready,.feature-admin .catalog-query,.feature-admin .license-boundary { font-size:10px; }
@media (max-width:760px) { .admin-triptych,.sku-cockpit,.license-route,.capacity-concept-grid { grid-template-columns:1fr; }.capacity-scenario,.capacity-reading { align-items:flex-start; flex-direction:column; }.capacity-scenario > strong { white-space:normal; }.endorsement-ladder { grid-template-columns:1fr; }.endorsement-ladder > i,.tuning-arrow,.boundary-arrow { transform:rotate(90deg); }.endorsement-proof b { margin-left:0; }.catalog-results { grid-template-columns:1fr; }.catalog-results aside,.catalog-results main { border-right:0; border-bottom:1px solid var(--hairline); }.change-ticket { align-items:flex-start; flex-wrap:wrap; }.change-ticket em { width:100%; margin-left:0; }.impact-path { grid-template-columns:1fr; gap:5px; }.impact-path > i { transform:rotate(90deg); }.impact-plan,.capacity-owner-action { grid-template-columns:1fr; }.capacity-clock { margin-left:0; }.capacity-collision { margin-left:0; }.capacity-boundaries { grid-template-columns:1fr; }.license-branch { grid-template-columns:1fr; } }

/* Full-card audit: distinct platform stories for category roots and known outliers. */
.feature-platform .tv-heading { color:var(--ink-2); background:linear-gradient(90deg,color-mix(in srgb,var(--dcat,var(--accent)) 14%,var(--card-2)),var(--card) 72%); }.feature-platform label { display:block; color:var(--dcat,var(--accent)); font-size:10px; font-weight:900; letter-spacing:.08em; }.storage-router { display:grid; gap:7px; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--dcat,var(--accent)) 7%,var(--card-2))); }.storage-route-head,.storage-route-row { display:grid; grid-template-columns:1.15fr 24px .95fr .82fr 1.15fr; gap:7px; align-items:center; }.storage-route-head span { color:var(--ink-3); font-size:10px; font-weight:900; }.storage-route-head span:nth-child(2) { grid-column:3; }.storage-route-row { padding:8px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 22%,var(--hairline)); border-radius:8px; background:var(--card); }.storage-route-row article b,.storage-route-row article span,.storage-route-row section b,.storage-route-row strong { display:block; }.storage-route-row article b { color:var(--ink-1); font-size:11px; }.storage-route-row article span { margin-top:3px; color:var(--ink-2); font-size:10px; }.storage-route-row > i { color:var(--dcat,var(--accent)); font-size:18px; font-style:normal; text-align:center; }.storage-route-row > em { color:var(--ink-2); font-size:10px; font-style:normal; line-height:1.3; }.storage-route-row section { padding:8px; border-top:3px solid var(--dcat,var(--accent)); border-radius:7px; background:var(--card-2); }.storage-route-row .eventhouse-choice { border-top-color:var(--ok); }.storage-route-row .sqldb-choice { border-top-color:var(--warn); }.storage-route-row section b { margin-top:3px; color:var(--ink-1); font-size:10px; }.storage-route-row strong { color:var(--ink-2); font-size:10px; font-weight:650; line-height:1.3; }.storage-router-rule { display:flex; gap:10px; padding:8px 10px; color:var(--ink-2); border-left:3px solid var(--dcat,var(--accent)); border-radius:6px; background:color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card)); font-size:10px; }.storage-router-rule b { color:var(--ink-1); white-space:nowrap; }
.onelake-product { display:grid; grid-template-columns:1fr 130px 1.12fr; gap:10px; align-items:stretch; padding:14px 14px 9px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card-2))); }.onelake-producer,.onelake-consumers { padding:11px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 28%,var(--hairline)); border-radius:9px; background:var(--card); }.onelake-producer > b { display:block; margin-top:8px; color:var(--ink-1); font-size:12px; }.onelake-path { display:flex; flex-wrap:wrap; gap:4px; margin-top:9px; }.onelake-path span,.onelake-path strong { padding:5px 6px; color:var(--ink-2); border-radius:5px; background:var(--card-2); font-size:10px; }.onelake-path strong { color:var(--dcat,var(--accent)); }.onelake-table { display:grid; grid-template-columns:.65fr 1.4fr .35fr; gap:5px; margin-top:7px; padding:7px; color:var(--ink-2); border-left:3px solid var(--dcat,var(--accent)); border-radius:5px; background:var(--card-2); font-size:10px; }.onelake-producer small { display:block; margin-top:9px; color:var(--ink-2); font-size:10px; line-height:1.35; }.onelake-core { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:9px; color:var(--ink-1); text-align:center; border:2px solid var(--dcat,var(--accent)); border-radius:12px; background:color-mix(in srgb,var(--dcat,var(--accent)) 11%,var(--card)); }.onelake-core em { color:var(--dcat,var(--accent)); font-size:10px; font-style:normal; font-weight:900; }.onelake-core b { margin-top:8px; font-size:16px; }.onelake-core span { margin-top:5px; color:var(--ink-2); font-size:10px; line-height:1.3; }.onelake-core i { margin-top:8px; color:var(--dcat,var(--accent)); font-size:20px; font-style:normal; }.onelake-consumers article { margin-top:6px; padding:7px 8px; border-left:3px solid var(--dcat,var(--accent)); border-radius:6px; background:var(--card-2); }.onelake-consumers article:nth-of-type(2) { border-left-color:var(--ok); }.onelake-consumers article:nth-of-type(3) { border-left-color:var(--warn); }.onelake-consumers b,.onelake-consumers span,.onelake-consumers em { display:block; }.onelake-consumers b { color:var(--ink-1); font-size:10px; }.onelake-consumers span,.onelake-consumers em { margin-top:2px; color:var(--ink-2); font-size:10px; font-style:normal; }.onelake-consumers em { color:var(--ink-3); }.onelake-contract { display:grid; grid-template-columns:1fr 1fr auto; gap:7px; padding:0 14px 13px; }.onelake-contract span,.onelake-contract strong { padding:7px; border-radius:6px; background:var(--card-2); font-size:10px; }.onelake-contract span { color:var(--ink-2); }.onelake-contract span b { color:var(--ink-1); }.onelake-contract strong { color:var(--dcat,var(--accent)); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 34%,var(--hairline)); }
.realtime-incident { padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card-2))); }.incident-clock,.incident-track { display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr; gap:6px; }.incident-clock span { color:var(--ink-3); font-size:10px; font-family:ui-monospace,Consolas,monospace; }.incident-clock span:nth-child(2) { grid-column:3; }.incident-clock span:nth-child(3) { grid-column:5; }.incident-clock span:nth-child(4) { grid-column:7; }.incident-track { align-items:stretch; margin-top:5px; }.incident-track article { min-width:0; padding:10px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 27%,var(--hairline)); border-top:3px solid var(--dcat,var(--accent)); border-radius:8px; background:var(--card); }.incident-track .incident-route { border-top-color:var(--ok); }.incident-track .incident-detect { border-top-color:var(--warn); }.incident-track .incident-owner { border-top-color:var(--danger); }.incident-track b,.incident-track span { display:block; }.incident-track b { margin-top:8px; color:var(--ink-1); font-size:11px; }.incident-track span { margin-top:5px; color:var(--ink-2); font-size:10px; line-height:1.3; }.incident-track > i { align-self:center; color:var(--dcat,var(--accent)); font-size:17px; font-style:normal; text-align:center; }.incident-receipt { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }.incident-receipt span,.incident-receipt strong { padding:7px 8px; border-radius:6px; background:var(--card); font-size:10px; }.incident-receipt span { color:var(--ink-2); }.incident-receipt span b { color:var(--ink-1); }.incident-receipt strong { margin-left:auto; color:var(--dcat,var(--accent)); border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 34%,var(--hairline)); }
.dev-release-track { display:grid; grid-template-columns:.72fr 1.75fr .85fr; gap:10px; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card-2))); }.dev-change-card,.release-evidence { padding:11px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 28%,var(--hairline)); border-radius:9px; background:var(--card); }.dev-change-card b,.dev-change-card span,.dev-change-card code { display:block; }.dev-change-card b { margin-top:9px; color:var(--ink-1); font-size:12px; }.dev-change-card span { margin-top:5px; color:var(--ink-2); font-size:10px; }.dev-change-card code { margin-top:10px; padding:7px; color:var(--dcat,var(--accent)); border-radius:5px; background:var(--card-2); font-size:10px; }.release-track-line { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; align-items:start; padding-top:8px; }.release-track-line::before { content:""; position:absolute; top:23px; left:12%; right:12%; height:2px; background:color-mix(in srgb,var(--dcat,var(--accent)) 42%,var(--hairline)); }.release-track-line article { position:relative; min-width:0; text-align:center; }.release-track-line i { position:relative; width:31px; height:31px; display:grid; place-items:center; margin:0 auto; color:var(--ink-2); border:2px solid var(--hairline-2); border-radius:50%; background:var(--card); font-size:10px; font-style:normal; font-weight:900; }.release-track-line .is-done i { color:#fff; border-color:var(--ok); background:var(--ok); }.release-track-line .is-active i { color:#fff; border-color:var(--dcat,var(--accent)); background:var(--dcat,var(--accent)); }.release-track-line b,.release-track-line span { display:block; }.release-track-line b { margin-top:7px; color:var(--ink-1); font-size:10px; }.release-track-line span { margin-top:4px; color:var(--ink-2); font-size:10px; line-height:1.3; }.release-evidence span,.release-evidence strong { display:block; }.release-evidence span { margin-top:7px; padding:6px; color:var(--ink-2); border-radius:5px; background:var(--card-2); font-size:10px; }.release-evidence span b { display:block; margin-bottom:2px; color:var(--ink-1); }.release-evidence strong { margin-top:8px; padding:7px; color:var(--dcat,var(--accent)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 48%,var(--hairline)); border-radius:6px; font-size:10px; line-height:1.3; }
.vscode-workbench { display:grid; grid-template-columns:1.55fr .75fr; gap:10px; padding:14px; background:linear-gradient(135deg,#101b22,color-mix(in srgb,var(--dcat,var(--accent)) 10%,#101b22)); }.vscode-window { overflow:hidden; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 32%,#34434c); border-radius:9px; background:#111a21; }.vscode-window header,.vscode-window footer { display:flex; align-items:center; gap:10px; padding:7px 9px; color:#aebbc2; background:#1c2932; font-size:10px; }.vscode-window header b { color:#eef4f6; }.vscode-window header span { margin-left:auto; color:var(--dcat,var(--accent)); }.vscode-window footer b { margin-left:auto; color:#eef4f6; }.vscode-body { display:grid; grid-template-columns:145px 1fr; min-height:190px; }.vscode-body aside { padding:9px; border-right:1px solid #34434c; background:#17222a; }.vscode-body aside label { color:#93a2aa; }.vscode-body aside span,.vscode-body aside strong { display:block; padding:6px 4px; color:#aebbc2; font-size:10px; }.vscode-body aside strong { color:#fff; background:#263741; }.vscode-body main { min-width:0; }.editor-tab { padding:8px 10px; color:#eef4f6; border-bottom:1px solid #34434c; background:#17222a; font-size:10px; }.editor-tab em { color:var(--warn); font-style:normal; }.vscode-body code { display:grid; gap:2px; padding:12px; color:#d4dde1; font:10px/1.45 ui-monospace,Consolas,monospace; white-space:normal; }.vscode-body code span { padding:2px 5px; }.vscode-body .diff-remove { color:#ffb5bd; background:#5b26304f; }.vscode-body .diff-add { color:#bdf3ce; background:#174a2c66; }.vscode-handoff { padding:11px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 32%,var(--hairline)); border-radius:9px; background:var(--card); }.vscode-handoff article { display:grid; grid-template-columns:26px 1fr; gap:8px; align-items:center; margin-top:8px; padding:8px; border-radius:7px; background:var(--card-2); }.vscode-handoff article > i { width:26px; height:26px; display:grid; place-items:center; color:#fff; border-radius:50%; background:var(--dcat,var(--accent)); font-size:10px; font-style:normal; font-weight:900; }.vscode-handoff b,.vscode-handoff span { display:block; }.vscode-handoff b { color:var(--ink-1); font-size:10px; }.vscode-handoff span { margin-top:3px; color:var(--ink-2); font-size:10px; }.vscode-result { margin-top:9px; padding:9px; color:var(--ink-2); border:1px dashed color-mix(in srgb,var(--ok) 48%,var(--hairline)); border-radius:7px; background:color-mix(in srgb,var(--ok) 8%,var(--card-2)); }.vscode-result b { color:var(--ok); }
.portability-board { display:grid; grid-template-columns:.75fr 1.35fr .9fr; gap:10px; padding:14px; background:linear-gradient(135deg,var(--card-2),color-mix(in srgb,var(--dcat,var(--accent)) 8%,var(--card-2))); }.portability-product,.portability-options { padding:11px; border:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 28%,var(--hairline)); border-radius:9px; background:var(--card); }.portability-product b,.portability-product span,.portability-product strong { display:block; }.portability-product b { margin-top:10px; color:var(--ink-1); font-size:13px; }.portability-product span { margin-top:6px; color:var(--ink-2); font-size:10px; }.portability-product strong { margin-top:11px; padding:8px; color:var(--dcat,var(--accent)); border-radius:6px; background:var(--card-2); font-size:10px; line-height:1.35; }.portability-levers { display:grid; gap:6px; }.portability-levers article { display:grid; grid-template-columns:30px 1fr auto; gap:8px; align-items:center; padding:8px; border-left:3px solid var(--dcat,var(--accent)); border-radius:7px; background:var(--card); }.portability-levers article:nth-child(2) { border-left-color:var(--ok); }.portability-levers article:nth-child(3) { border-left-color:var(--warn); }.portability-levers article:nth-child(4) { border-left-color:var(--danger); }.portability-levers i { width:30px; height:30px; display:grid; place-items:center; color:#fff; border-radius:7px; background:var(--dcat,var(--accent)); font-size:10px; font-style:normal; font-weight:900; }.portability-levers b,.portability-levers span { display:block; }.portability-levers b { color:var(--ink-1); font-size:10px; }.portability-levers span { margin-top:3px; color:var(--ink-2); font-size:10px; line-height:1.3; }.portability-levers em { color:var(--ink-3); font-size:10px; font-style:normal; font-weight:900; }.portability-options span,.portability-options strong { display:block; }.portability-options span { margin-top:7px; padding:7px; color:var(--ink-2); border-radius:6px; background:var(--card-2); font-size:10px; line-height:1.3; }.portability-options span b { display:block; margin-bottom:2px; color:var(--ink-1); }.portability-options strong { margin-top:9px; padding:8px; color:var(--dcat,var(--accent)); border:1px dashed color-mix(in srgb,var(--dcat,var(--accent)) 48%,var(--hairline)); border-radius:6px; font-size:10px; line-height:1.35; }
@media (max-width:760px) { .storage-route-head { display:none; }.storage-route-row { grid-template-columns:1fr; }.storage-route-row > i { transform:rotate(90deg); }.storage-router-rule { display:block; }.storage-router-rule span { display:block; margin-top:4px; }.onelake-product,.dev-release-track,.vscode-workbench,.portability-board { grid-template-columns:1fr; }.onelake-core i { transform:rotate(90deg); }.onelake-contract { grid-template-columns:1fr; }.incident-clock { display:none; }.incident-track { grid-template-columns:1fr; }.incident-track > i { transform:rotate(90deg); }.incident-receipt strong { margin-left:0; }.release-track-line { grid-template-columns:1fr; gap:8px; }.release-track-line::before { top:20px; bottom:20px; left:15px; right:auto; width:2px; height:auto; }.release-track-line article { display:grid; grid-template-columns:31px 1fr; gap:8px; text-align:left; }.release-track-line i { grid-row:1/span 2; margin:0; }.release-track-line b,.release-track-line span { margin-top:0; }.vscode-body { grid-template-columns:105px 1fr; } }
.semantic-flow { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr); gap:12px; align-items:center; }.semantic-tables,.semantic-consumers { padding:10px; background:var(--card); border:1px solid var(--hairline); border-radius:10px; }.semantic-table { margin:5px 0; padding:7px 8px; border-left:3px solid var(--dcat,var(--accent)); background:var(--card-2); border-radius:5px; }.semantic-table b,.semantic-table span { display:block; }.semantic-table b { font:10.5px ui-monospace,Consolas,monospace; }.semantic-table span { margin-top:2px; color:var(--ink-3); font-size:9px; }.semantic-tables small,.semantic-consumers small { display:block; margin-top:7px; color:var(--ink-3); font-size:9px; line-height:1.35; }
.semantic-engine { position:relative; background:color-mix(in srgb,var(--dcat,var(--accent)) 11%,var(--card)); border:2px solid color-mix(in srgb,var(--dcat,var(--accent)) 50%,var(--hairline)); border-radius:12px; overflow:hidden; }.semantic-engine::before,.semantic-engine::after { content:""; position:absolute; top:50%; width:12px; height:2px; background:var(--dcat,var(--accent)); }.semantic-engine::before { right:100%; }.semantic-engine::after { left:100%; }.semantic-engine-head { display:flex; align-items:center; gap:7px; padding:10px; color:var(--accent-ink); background:color-mix(in srgb,var(--dcat,var(--accent)) 10%,var(--card)); }.semantic-engine-head span { font-size:17px; }.semantic-engine-head b { font-size:12px; line-height:1.2; }.semantic-engine-body { padding:7px 10px 9px; }.semantic-engine-body > div { padding:6px 0; border-bottom:1px solid color-mix(in srgb,var(--dcat,var(--accent)) 18%,var(--hairline)); }.semantic-engine-body > div:last-child { border-bottom:0; }.semantic-engine-body em,.semantic-engine-body span { display:block; }.semantic-engine-body em { color:var(--ink-3); font-size:9px; font-style:normal; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }.semantic-engine-body span { margin-top:2px; color:var(--ink-1); font-size:10px; line-height:1.35; }
.semantic-consumer { display:flex; align-items:center; gap:6px; margin:5px 0; padding:7px; color:var(--ink-1); background:var(--card-2); border:1px solid var(--hairline); border-radius:6px; font-size:10px; }.semantic-consumer span { width:17px; color:var(--dcat,var(--accent)); font-size:13px; text-align:center; }.semantic-rule { display:flex; align-items:center; gap:8px; margin-top:9px; padding:7px 9px; color:var(--accent-ink); background:color-mix(in srgb,var(--dcat,var(--accent)) 9%,var(--card)); border-radius:7px; font-size:10.5px; font-weight:700; text-align:center; }.semantic-rule i { flex:1; height:1px; background:var(--dcat,var(--accent)); }

.rich-board-columns { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.rich-board-columns::before { content:""; position:absolute; left:16%; right:16%; top:22px; height:2px; background:var(--hairline-2); }.rich-board-column { position:relative; min-width:0; padding:0 9px 10px; background:var(--card); border:1px solid var(--hairline); border-radius:9px; }.rich-board-stage { width:30px; height:30px; display:grid; place-items:center; margin:8px 0 7px; color:var(--accent-ink); background:color-mix(in srgb,var(--dcat,var(--accent)) 14%,var(--card)); border:2px solid var(--dcat,var(--accent)); border-radius:9px; font-size:11px; font-weight:800; }.rich-board-kicker { color:var(--ink-3); font-size:9px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.rich-board-title { margin-top:3px; color:var(--ink-1); font-size:12px; font-weight:750; line-height:1.3; }.rich-board-column ul { margin:7px 0 0; padding:0; list-style:none; }.rich-board-column li { position:relative; margin:5px 0; padding-left:9px; color:var(--ink-2); font-size:9.8px; line-height:1.38; }.rich-board-column li::before { content:""; position:absolute; left:0; top:.52em; width:4px; height:4px; background:var(--dcat,var(--accent)); border-radius:50%; }.rich-board-notes { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }.rich-board-notes > div { padding:8px 9px; background:color-mix(in srgb,var(--dcat,var(--accent)) 6%,var(--card)); border-radius:7px; }.rich-board-notes > div:last-child { background:color-mix(in srgb,var(--warn) 7%,var(--card)); border-left:3px solid var(--warn); }.rich-board-notes b,.rich-board-notes span { display:block; }.rich-board-notes b { color:var(--ink-1); font-size:9.5px; text-transform:uppercase; letter-spacing:.05em; }.rich-board-notes span { margin-top:2px; color:var(--ink-2); font-size:10px; line-height:1.35; }

.git-demo-steps { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 10px; }
.git-step { flex: 1 1 130px; padding: 7px 10px; color: var(--ink-2); background: var(--card); border: 1px solid var(--hairline-2); border-radius: 8px; font-size: 11.5px; font-weight: 700; text-align: left; }
.git-step:hover { border-color: var(--dcat, var(--accent)); color: var(--ink-1); }
.git-step.is-active { color: var(--accent-ink); background: color-mix(in srgb, var(--dcat, var(--accent)) 13%, var(--card)); border-color: var(--dcat, var(--accent)); }
.git-demo-frame { overflow: hidden; background: var(--card); border: 1px solid var(--hairline-2); border-radius: 10px; box-shadow: var(--shadow-s); }
.git-demo-toolbar { display: flex; align-items: center; gap: 9px; min-height: 42px; padding: 7px 10px; background: var(--card-2); border-bottom: 1px solid var(--hairline); }
.git-demo-workspace { min-width: 0; font-size: 12px; font-weight: 750; }
.git-demo-branch { min-width: 0; margin-left: auto; padding: 3px 7px; color: var(--ink-2); background: var(--card); border: 1px solid var(--hairline); border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.git-source-button { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; color: var(--ink-1); background: var(--card); border: 1px solid var(--hairline-2); border-radius: 6px; font-size: 10.5px; font-weight: 700; white-space: nowrap; }
.git-source-count { min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; color: var(--accent-ink); background: var(--accent-soft); border-radius: 9px; }
.git-demo-canvas { display: grid; grid-template-columns: minmax(215px, .9fr) minmax(270px, 1.1fr); min-height: 258px; }
.git-item-list { min-width: 0; padding: 10px; border-right: 1px solid var(--hairline); }
.git-pane-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 7px; color: var(--ink-3); font-size: 9.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.git-item-row { display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; gap: 7px; align-items: center; padding: 8px 6px; border-bottom: 1px solid var(--hairline); }
.git-item-row:last-child { border-bottom: 0; }
.git-item-icon { width: 25px; height: 25px; display: grid; place-items: center; color: var(--dcat, var(--accent)); background: color-mix(in srgb, var(--dcat, var(--accent)) 10%, var(--card)); border-radius: 6px; font-size: 11px; font-weight: 800; }
.git-item-name { min-width: 0; }
.git-item-name b, .git-item-name span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.git-item-name b { color: var(--ink-1); font-size: 11px; }
.git-item-name span { color: var(--ink-3); font-size: 9.5px; }
.git-item-status { color: var(--ink-3); font-size: 9.5px; font-weight: 700; white-space: nowrap; }
.git-item-status.is-change { color: var(--warn); }
.git-item-status.is-new { color: var(--dcat, var(--accent)); }
.git-item-status.is-synced { color: var(--good); }
.git-source-pane { min-width: 0; padding: 10px 11px; background: var(--card-2); }
.git-pane-tabs { display: flex; gap: 15px; margin: 0 -1px 10px; border-bottom: 1px solid var(--hairline); }
.git-pane-tab { padding: 0 1px 7px; color: var(--ink-3); font-size: 10.5px; font-weight: 700; }
.git-pane-tab.is-active { color: var(--ink-1); border-bottom: 2px solid var(--dcat, var(--accent)); }
.git-panel[hidden] { display: none; }
.git-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.git-panel-heading b { font-size: 11.5px; }
.git-panel-heading span { color: var(--ink-3); font-size: 9.5px; }
.git-change { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--hairline); font-size: 10.5px; }
.git-change code { color: var(--ink-3); font-size: 9px; }
.git-state-note { margin-top: 9px; padding: 8px 9px; color: var(--ink-2); background: var(--card); border-left: 3px solid var(--dcat, var(--accent)); border-radius: 5px; font-size: 10.5px; line-height: 1.4; }
.git-diff { margin: 7px 0; padding: 8px 9px; color: var(--ink-2); background: var(--card); border: 1px solid var(--hairline); border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9.5px; line-height: 1.55; }
.git-diff-add { color: var(--good); }
.git-diff-remove { color: var(--serious); }
.git-commit-label { display: block; margin: 8px 0 4px; color: var(--ink-2); font-size: 10px; font-weight: 700; }
.git-commit-input { width: 100%; padding: 7px 8px; color: var(--ink-1); background: var(--card); border: 1px solid var(--hairline-2); border-radius: 6px; font: inherit; font-size: 10.5px; }
.git-commit-button { width: 100%; margin-top: 8px; padding: 7px 9px; color: #fff; background: var(--dcat, var(--accent)); border: 0; border-radius: 6px; font-size: 10.5px; font-weight: 750; }
[data-theme="dark"] .git-commit-button { color: #160a11; }
.git-success { padding: 15px 10px; text-align: center; }
.git-success-mark { width: 38px; height: 38px; display: grid; place-items: center; margin: 0 auto 7px; color: var(--good); background: color-mix(in srgb, var(--good) 13%, var(--card)); border-radius: 50%; font-size: 20px; font-weight: 800; }
.git-success b { display: block; font-size: 12px; }
.git-success span { display: block; margin-top: 4px; color: var(--ink-2); font-size: 10.5px; }
.git-demo-sync { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 6px 10px; color: var(--ink-3); background: var(--card); border-top: 1px solid var(--hairline); font-size: 9.5px; }

.tv-shield { display: grid; grid-template-columns: 150px 1fr; gap: 18px; align-items: center; }
.tv-shield-mark { width: 136px; height: 150px; display: grid; place-items: center; text-align: center; padding: 26px 18px 18px; margin: auto; background: color-mix(in srgb, var(--dcat, var(--accent)) 13%, var(--card)); clip-path: polygon(50% 0, 94% 18%, 88% 68%, 50% 100%, 12% 68%, 6% 18%); }
.tv-shield-mark .tv-title { margin-top: 5px; font-size: 11px; }
.tv-guardrails { display: grid; gap: 8px; }
.tv-guardrail { padding: 9px 11px; background: var(--card); border-radius: 8px; border: 1px solid var(--hairline); }
.tv-guardrail b { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); }
.tv-guardrail span { display: block; margin-top: 3px; color: var(--ink-1); font-size: 12px; line-height: 1.4; }

.tv-meter-scale { display: flex; align-items: flex-end; gap: 6px; height: 92px; padding-top: 8px; }
.tv-meter-bar { flex: 1; min-width: 0; border-radius: 6px 6px 2px 2px; background: color-mix(in srgb, var(--dcat, var(--accent)) 18%, var(--card)); border: 1px solid color-mix(in srgb, var(--dcat, var(--accent)) 35%, var(--hairline)); display: flex; align-items: flex-end; justify-content: center; padding: 6px 3px; font-size: 10.5px; font-weight: 750; }
.tv-meter-note { display: flex; justify-content: space-between; gap: 12px; margin-top: 9px; color: var(--ink-2); font-size: 11.5px; }

.tv-spotlight { display: grid; grid-template-columns: 145px 1fr; gap: 16px; align-items: stretch; }
.tv-spotlight-main { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 14px 10px; background: color-mix(in srgb, var(--dcat, var(--accent)) 11%, var(--card)); border-radius: 10px; }
.tv-spotlight-main .tv-title { margin-top: 8px; font-size: 12px; }
.tv-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.tv-fact { padding: 10px 11px; background: var(--card); border: 1px solid var(--hairline); border-radius: 8px; }
.tv-fact b { display: block; margin-bottom: 4px; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--ink-3); }

@media (max-width: 560px) {
  .medallion-stages { grid-template-columns:1fr; }.med-stage-arrow { height:18px; transform:rotate(90deg); }.medallion-layout { grid-template-columns:1fr; }.medallion-definition { display:block; }.medallion-definition span { display:block; margin-top:3px; }.medallion-jump { display:block; }.medallion-jump b { display:block; margin-top:3px; }
  .tv-hub, .tv-shield, .tv-spotlight { grid-template-columns: 1fr; }
  .tv-hub-core { width: 145px; }
  .tv-spokes, .tv-choices, .tv-facts { grid-template-columns: 1fr; }
  .tv-journey { grid-template-columns: 1fr; gap: 9px; }
  .tv-journey::before { left: 17px; right: auto; top: 18px; bottom: 18px; width: 2px; height: auto; }
  .tv-stop { display: grid; grid-template-columns: 36px 1fr; gap: 10px; text-align: left; align-items: center; }
  .tv-dot { margin: 0; }
  .tv-copy-route { grid-template-columns: 1fr; }
  .mirror-flow,.semantic-flow { grid-template-columns:1fr; }
  .shortcut-flow { grid-template-columns:1fr; }.shortcut-link { min-height:86px; }.shortcut-link::before,.shortcut-link::after { top:auto; right:auto; left:50%; width:2px; height:10px; }.shortcut-link::before { bottom:100%; }.shortcut-link::after { top:100%; }.shortcut-consumption { grid-template-columns:1fr; }
  .eventstream-canvas { grid-template-columns:1fr; }.eventstream-process { min-height:112px; }.eventstream-process::before,.eventstream-process::after { top:auto; right:auto; left:50%; width:2px; height:10px; }.eventstream-process::before { bottom:100%; }.eventstream-process::after { top:100%; }.eventstream-callout { display:block; }.eventstream-callout span { display:block; margin-top:3px; }
  .pipeline-canvas { grid-template-columns:1fr; }.pipeline-arrow { height:14px; transform:rotate(90deg); }.pipeline-run { margin-left:0; }.pipeline-rule { display:block; }.pipeline-rule span { display:block; margin-top:3px; }
  .scenario-flow { grid-template-columns:1fr; }.scenario-work::before,.scenario-work::after { top:auto; right:auto; left:50%; width:2px; height:10px; }.scenario-work::before { bottom:100%; }.scenario-work::after { top:100%; }.scenario-note { display:block; }.scenario-note span { display:block; margin-top:3px; }
  .control-question,.control-outcome { display:block; }.control-question span,.control-outcome span { display:block; margin-top:3px; }.control-steps { grid-template-columns:1fr; }.control-steps::before { left:21px; right:auto; top:16px; bottom:16px; width:2px; height:auto; }
  .fabric-split,.fabric-security-body,.powerquery-grid,.next-batch-canvas,.technical-canvas,.medallion-card-flow,.internal-shortcut-demo,.concrete-grid { grid-template-columns:1fr; }.fabric-pane,.fabric-tree,.fabric-role-rule,.powerquery-steps,.technical-canvas section,.concrete-panel { border-right:0; border-bottom:1px solid var(--hairline); }.workspace-map-demo { grid-template-columns:1fr; }.release-lanes { grid-template-columns:1fr; }.release-lanes > i { height:14px; transform:rotate(90deg); }.cross-workspace-demo,.mirror-product-demo,.open-mirror-demo { grid-template-columns:1fr; }.fabric-share-path,.mirror-stream,.fabric-contract-arrow { min-height:72px; }.fabric-share-path i,.fabric-contract-arrow i { margin:3px 0; transform:rotate(90deg); }.medallion-card-arrow,.concrete-arrow { height:14px; transform:rotate(90deg); }.internal-shortcut-link i { transform:rotate(90deg); }.next-batch-work { min-height:76px; }.next-batch-work::before,.next-batch-work::after { top:auto; right:auto; left:50%; width:2px; height:10px; }.next-batch-work::before { bottom:100%; }.next-batch-work::after { top:100%; }.ingestion-selector { grid-template-columns:1fr 1fr; }.fabric-caption { display:block; }.fabric-caption span { display:block; margin-top:3px; }
  .mode-options,.lake-rail,.security-stage,.app-shelf,.access-ladder,.bi-command,.app-console,.distribution-routes,.pbi-direct-board,.copilot-code,.copilot-answer,.dash-metrics,.dash-body,.skill-rack,.report-draft,.design-before-after,.management-board,.plan-cards,.semantic-lab,.metric-receipt,.data-agent-desk,.iq-top-row,.iq-foundation-row,.ontology-editor,.ops-agent-console,.scenario-ledger,.governance-tower,.launch-checks,.ai-gates,.ai-workbench,.planning-grid,.migration-map { grid-template-columns:1fr; }.lake-beam { padding:8px; }.lake-beam b { transform:rotate(90deg); }.security-screen.is-committee { display:none; }.app-publish strong { transform:rotate(90deg); }.app-phone-shell { width:100%; min-height:0; }.distribution-source,.distribution-warning { display:block; }.distribution-source span,.distribution-warning span { display:block; margin-top:6px; }.access-ladder > i { transform:rotate(90deg); }.dash-topbar { display:block; }.dash-topbar span { display:block; margin-top:5px; }.ai-orbit-center { position:static; width:auto; height:auto; min-height:92px; transform:none; border-radius:14px; }.ai-mission { display:grid; gap:8px; min-height:0; }.ai-orbit-card { position:static; width:auto; }.skill-rack-gate,.receipt-meta { display:block; }.skill-rack-gate span,.receipt-meta span { display:block; margin-top:6px; }.design-arrow { padding:4px 0; }.impact-graph { flex-direction:column; }.impact-graph i { width:2px; height:20px; }.graph-note { align-self:stretch; text-align:center; }.ai-gates article { border-radius:0!important; }.work-machine { border-radius:10px; min-height:74px; }.graph-canvas { flex-direction:column; }.graph-link { writing-mode:initial; transform:none; }.decision-loop { flex-direction:column; }.decision-loop i { transform:rotate(90deg); }.migration-track { display:flex; align-items:center; justify-content:center; gap:6px; }.migration-track i { margin:0; }.migration-track strong { writing-mode:initial; }.migration-gate { grid-column:auto; display:block; }.migration-gate span { display:block; margin:6px 0 0; }
  .rich-board-columns { grid-template-columns:1fr; }.rich-board-columns::before { left:22px; right:auto; top:22px; bottom:22px; width:2px; height:auto; }.rich-board-column { display:grid; grid-template-columns:30px 1fr; column-gap:9px; padding:9px; }.rich-board-stage { grid-row:1 / span 3; margin:0; }.rich-board-kicker,.rich-board-title,.rich-board-column ul { grid-column:2; }.rich-board-notes { grid-template-columns:1fr; }
  .mirror-replication { min-height:96px; }.mirror-replication::before,.mirror-replication::after,.semantic-engine::before,.semantic-engine::after { top:auto; right:auto; left:50%; width:2px; height:10px; }.mirror-replication::before,.semantic-engine::before { bottom:100%; }.mirror-replication::after,.semantic-engine::after { top:100%; }
  .mirror-outcomes { grid-template-columns:repeat(2,1fr); }.mirror-outcomes .mirror-boundary { grid-column:1 / -1; }.semantic-rule { flex-direction:column; }.semantic-rule i { width:1px; height:10px; flex:none; }
  .tv-copy-engine { min-height: 112px; }
  .tv-copy-engine::before, .tv-copy-engine::after { top: auto; right: auto; left: 50%; width: 2px; height: 13px; }
  .tv-copy-engine::before { bottom: 100%; }
  .tv-copy-engine::after { top: 100%; }
  .git-demo-toolbar { flex-wrap: wrap; }
  .git-demo-branch { order: 3; width: 100%; margin-left: 0; }
  .git-demo-canvas { grid-template-columns: 1fr; }
  .git-item-list { border-right: 0; border-bottom: 1px solid var(--hairline); }
  .workload-overview-grid,.workload-persona,.workload-cap-grid { grid-template-columns:1fr; }
  .workload-steps { grid-template-columns:1fr; gap:7px; }
  .workload-steps::before { left:15px; right:auto; top:15px; bottom:15px; width:2px; height:auto; }
  .workload-step { display:grid; grid-template-columns:32px 1fr; gap:8px; align-items:center; text-align:left; }
  .workload-step i { margin:0; }
}
.detail .body p { font-size: 14px; margin: 11px 0; line-height: 1.62; }
.deep-dive { margin: 15px 0 2px; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.deep-dive summary { padding: 11px 2px; font-size: 13px; font-weight: 700; color: var(--accent-strong); cursor: pointer; list-style:none; }
.deep-dive summary::-webkit-details-marker { display:none; }
.deep-dive summary::before { --deep-dive-arrow-turn:0deg; content:"▸"; display:inline-block; width:14px; color:var(--accent-strong); font-size:12px; animation:deep-dive-arrow-pulse 1.6s ease-in-out infinite; }
.deep-dive[open] summary { border-bottom: 1px solid var(--hairline); }
.deep-dive[open] summary::before { --deep-dive-arrow-turn:90deg; }
.deep-dive .body { padding: 2px 0 7px; }
@keyframes deep-dive-arrow-pulse { 0%,100% { opacity:.55; transform:rotate(var(--deep-dive-arrow-turn)) scale(1); } 50% { opacity:1; transform:rotate(var(--deep-dive-arrow-turn)) scale(1.24); } }
.detail-table-scroll { overflow-x: auto; margin: 15px 0; border: 1px solid var(--hairline); border-radius: 10px; }
.detail .info-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 13px; }
.detail .info-table th, .detail .info-table td { padding: 10px 12px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hairline); }
.detail .info-table th { background: var(--card-2); color: var(--ink-3); font-size: 10.5px; text-transform: uppercase; letter-spacing: .07em; }
.detail .info-table td:first-child { font-weight: 750; color: var(--ink-1); width: 27%; }
.detail .info-table tr:last-child td { border-bottom: 0; }
.detail h4 {
  margin: 18px 0 7px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em;
  color: var(--ink-3); display: flex; align-items: center; gap: 8px;
}
.detail h4::after { content: ""; flex: 1; height: 1px; background: var(--hairline); }
.detail ul { margin: 4px 0; padding-left: 20px; font-size: 13.5px; }
.detail li { margin: 5px 0; line-height: 1.55; }
.fin {
  background: var(--accent-soft); border-left: 3px solid var(--accent);
  border-radius: 8px; padding: 11px 15px; font-size: 13.5px; margin-top: 14px; line-height: 1.55;
}
.fin b { color: var(--accent-ink); }
.dfork {
  border: 1px solid var(--hairline-2); border-radius: 12px; padding: 14px 16px; margin-top: 14px;
  background: var(--card-2);
}
.dfork .q { font-weight: 700; font-size: 14px; margin-bottom: 10px; display: flex; gap: 8px; }
.dfork .o { margin: 10px 0; font-size: 13.5px; padding-left: 12px; border-left: 2.5px solid var(--hairline-2); }
.dfork .o b { display: block; margin-bottom: 1px; }
.dfork .o span { color: var(--ink-2); line-height: 1.5; }
.dfork .o em { color: var(--ink-3); font-style: normal; font-weight: 650; }
.linklist { list-style: none; padding: 0 !important; }
.linklist li { margin: 7px 0; font-size: 13.5px; }
.linklist a { text-decoration: none; font-weight: 600; }
.linklist a:hover { text-decoration: underline; }
.linklist .ext { font-size: 11px; color: var(--ink-3); }

/* ---------------- Playbook ---------------- */
.pbwrap { max-width: 1060px; margin: 0 auto; }
.pbhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.pbhead > div { min-width: 0; }
.pb-restart {
  flex: 0 0 auto;
  padding: 10px 13px;
  border: 1px solid var(--hairline-2);
  border-radius: 9px;
  color: var(--ink-2);
  background: var(--card);
  font-size: 12px;
  font-weight: 750;
}
.pb-restart:hover { color: var(--ink-1); border-color: var(--ink-3); }
.pbguide {
  display: grid;
  grid-template-columns: minmax(140px, .28fr) 1fr;
  gap: 20px;
  margin-bottom: 14px;
  padding: 16px 18px;
  border: 1px solid var(--hairline);
  border-left: 4px solid var(--accent);
  border-radius: var(--r-m);
  background: var(--card);
}
.pbguide strong { color: var(--ink-1); }
.pbguide span { color: var(--ink-2); line-height: 1.55; }
.pbstatus {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 22px;
}
.pbstatus > div {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 13px 15px;
  border: 1px solid var(--hairline);
  border-left: 4px solid var(--hairline-2);
  border-radius: var(--r-m);
  background: var(--card);
}
.pbstatus b { font-size: 24px; }
.pbstatus span { font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.pbstatus-decisions { border-left-color: #9a91ff !important; }
.pbstatus-decisions b, .pbstatus-decisions span { color: #9a91ff; }
.pbstatus-validation { border-left-color: #ffc83d !important; }
.pbstatus-validation b, .pbstatus-validation span { color: #ffc83d; }
.pbstatus-recommendations { border-left-color: #39e6d1 !important; }
.pbstatus-recommendations b, .pbstatus-recommendations span { color: #39e6d1; }
.stage {
  position: relative;
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-l);
  box-shadow: var(--shadow-s); padding: 26px 30px 22px; margin: 0 0 20px 54px;
}
@media (max-width: 700px) {
  .pbhead { display: grid; }
  .pb-restart { justify-self: start; }
  .pbguide { grid-template-columns: 1fr; gap: 6px; }
  .pbstatus { grid-template-columns: 1fr; }
  .stage { margin-left: 0; padding: 20px 18px; }
}
.stagenum {
  position: absolute; left: -54px; top: 24px;
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 750; font-size: 15px;
  background: var(--card); border: 2px solid var(--hairline-2); color: var(--ink-3);
}
.stage.decided .stagenum { background: #9a91ff; border-color: #9a91ff; color: #11151a; }
.stage:not(:last-of-type)::after {
  content: ""; position: absolute; left: -36px; top: 70px; bottom: -22px; width: 2px;
  background: var(--hairline-2);
}
@media (max-width: 700px) {
  .stagenum { display: none; }
  .stage::after { display: none !important; }
}
.stage h3 { margin: 0 0 8px; font-size: 18px; }
.stage .context { color: var(--ink-2); font-size: 14.5px; margin-bottom: 16px; line-height: 1.6; }
.pbopt {
  display: block; width: 100%; text-align: left; background: var(--card-2);
  border: 1.5px solid var(--hairline); border-radius: 13px; padding: 14px 18px; margin: 10px 0;
  transition: border-color .13s, background .13s;
}
.pbopt:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--hairline)); }
.pbopt.sel {
  border-color: #9a91ff;
  background: color-mix(in srgb, #9a91ff 9%, var(--card-2));
}
.pbopt .lab { font-weight: 700; font-size: 14.5px; display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.pbopt .det { color: var(--ink-2); font-size: 13.5px; margin-top: 5px; line-height: 1.55; }
.pbopt .cons { display: none; font-size: 13.5px; margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--hairline-2); line-height: 1.55; }
.pbopt.sel .cons { display: block; animation: rise .25s; }
.recstar {
  color: #39e6d1; font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  background: color-mix(in srgb, #39e6d1 10%, transparent); border-radius: 999px; padding: 2.5px 9px;
}
.pbissues { display: grid; gap: 8px; margin-top: 13px; }
.pbglobalissues { margin: -8px 0 20px; }
.pbissue {
  padding: 12px 14px;
  border: 1px solid var(--hairline);
  border-left: 4px solid #ffc83d;
  border-radius: 10px;
  background: color-mix(in srgb, #ffc83d 6%, var(--card-2));
}
.pbissue.status-blocked-by-organizational-policy,
.pbissue.status-blocked-by-missing-parity { border-left-color: #ff76b8; }
.pbissue strong,
.pbissue span { display: block; }
.pbissue strong {
  color: #ffc83d;
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.pbissue.status-blocked-by-organizational-policy strong,
.pbissue.status-blocked-by-missing-parity strong { color: #ff76b8; }
.pbissue span { margin-top: 5px; color: var(--ink-1); font-weight: 700; }
.pbissue ul { margin: 7px 0 0; padding-left: 18px; color: var(--ink-2); font-size: 13px; line-height: 1.5; }
.pbfoot { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-left: 54px; }
@media (max-width: 700px) { .pbfoot { margin-left: 0; } }
.pbcount { color: var(--ink-2); font-size: 14px; font-weight: 600; }

/* ---------------- Summary ---------------- */
.sumcard {
  background: var(--card); border: 1px solid var(--hairline); border-radius: var(--r-m);
  box-shadow: var(--shadow-s); padding: 24px 28px; margin-bottom: 16px;
}
.sumcard h3 { margin: 0 0 12px; font-size: 17px; display: flex; align-items: center; gap: 10px; }
.sumcard h3::after { content: ""; flex: 1; height: 1px; background: var(--hairline); }
.sumrow { display: flex; gap: 14px; padding: 8px 0; border-bottom: 1px dashed var(--hairline); font-size: 14px; }
.sumrow:last-child { border-bottom: 0; }
.sumrow .k { flex: 1 1 46%; color: var(--ink-2); }
.sumrow .v { flex: 1 1 54%; font-weight: 400; }
.exportbar { display: flex; gap: 10px; flex-wrap: wrap; margin: 16px 0 22px; }
.empty { color: var(--ink-3); font-style: italic; }

.toast {
  position: fixed; bottom: 26px; left: 50%; transform: translateX(-50%) translateY(90px);
  background: var(--ink-1); color: var(--page); padding: 11px 22px; border-radius: 999px;
  font-size: 13.5px; font-weight: 650; opacity: 0; transition: all .3s cubic-bezier(.2,.7,.2,1);
  z-index: 90; pointer-events: none; box-shadow: var(--shadow-l);
}
.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ---------------- Print ---------------- */
@media print {
  :root,
  [data-theme="dark"] {
    color-scheme: light;
    --page: #fff;
    --page-grad-a: #fff;
    --page-grad-b: #fff;
    --card: #fff;
    --card-2: #f7f8f8;
    --ink-1: #111;
    --ink-2: #333;
    --ink-3: #5c625f;
    --hairline: #cfd4d2;
    --hairline-2: #b8bfbc;
    --accent: #176b5e;
    --accent-soft: #eef6f4;
    --accent-ink: #143f38;
    --shadow-s: none;
    --shadow-m: none;
    --shadow-l: none;
  }
  @page { margin: .55in; }
  html,
  body,
  main,
  #view-summary,
  #summaryHost {
    background: #fff !important;
    color: #111 !important;
  }
  body { font-size: 11px; }
  .appbar, .exportbar, .qnav, .mapbar, .legend, .hero .cta, .noprint, .toast { display: none !important; }
  .view { display: none !important; padding: 0; max-width: none; }
  .view.print-target { display: block !important; animation: none; }
  .view.print-target .pagehead { margin-bottom: 14px; }
  .view.print-target .pagehead h2 { color: #111 !important; }
  .sumcard,
  .stage,
  .reccard,
  .qcard {
    background: #fff !important;
    color: #111 !important;
    box-shadow: none !important;
    border: 1px solid #b8bfbc !important;
    break-inside: avoid;
  }
  .sumcard {
    padding: 16px 18px;
    margin-bottom: 12px;
    border-radius: 7px;
  }
  .sumcard h3,
  .sumcard h4,
  .sumrow .v { color: #111 !important; }
  .sumcard h3::after { background: #cfd4d2; }
  .sumrow {
    padding: 6px 0;
    color: #111;
    border-bottom-color: #d8dcda;
  }
  .sumrow .k,
  .reccard .why,
  .decision-validation,
  .prio-label { color: #3f4744 !important; }
  .reccard {
    padding: 13px 16px 12px 19px;
    margin-bottom: 9px;
    border-radius: 6px;
  }
  a { color: #111 !important; text-decoration: underline; }
  .printonly { display: block !important; }
}
.printonly { display: none; }

/* ---------------- Product icons ---------------- */
.piconwrap { display: inline-flex; align-items: center; justify-content: center; flex: none; vertical-align: middle; }
.piconwrap svg.picon { width: 100%; height: 100%; }
.piconwrap.catfall { border-radius: 6px; background: color-mix(in srgb, currentColor 12%, transparent); }

/* ---------------- Adventure interview ---------------- */
.trail {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  max-width: 980px; margin: 0 auto 14px;
}
.waypoint {
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--card); border: 1px solid var(--hairline); border-radius: 999px;
  padding: 4px 12px 4px 5px; font-size: 12px; font-weight: 650; color: var(--ink-2);
  transition: all .12s; max-width: 190px;
}
.waypoint .wp-n {
  width: 20px; height: 20px; border-radius: 50%; flex: none;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--accent-soft); color: var(--accent-strong); font-size: 11px; font-weight: 800;
}
.waypoint .wp-l { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.waypoint:hover { border-color: var(--accent); color: var(--ink-1); }
.waypoint.here { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-ink); }
.waypoint.here .wp-n { background: var(--accent); color: #fff; }
.wp-arrow { color: var(--ink-3); font-size: 12px; }

.qcard.adventure { max-width: 980px; }
.scene {
  font-size: 16.5px; line-height: 1.6; color: var(--ink-1);
  border-left: 3px solid var(--accent); padding: 2px 0 2px 16px;
  margin: 14px 0 10px; font-style: italic;
}
[data-theme="dark"] .scene { color: var(--ink-2); }
.choicegrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)); gap: 11px; margin-top: 16px; }
.choice {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  background: var(--card-2); border: 1.5px solid var(--hairline); border-radius: 14px;
  padding: 16px 16px 14px; text-align: left; min-height: 108px;
  transition: transform .14s, border-color .14s, background .14s, box-shadow .14s;
}
.choice:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--accent) 60%, var(--hairline)); box-shadow: var(--shadow-m); }
.choice.sel { border-color: var(--accent); background: var(--accent-soft); }
.choice-art { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.choice-art .piconwrap { width: 42px !important; height: 42px !important; filter: drop-shadow(0 2px 4px rgba(22,33,30,.14)); }
.choice-art.dot::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: var(--accent); }
.choice-lab { font-weight: 650; font-size: 14px; line-height: 1.35; }
.choice-check {
  position: absolute; top: 10px; right: 12px; width: 22px; height: 22px; border-radius: 50%;
  background: var(--accent); color: #fff; font-size: 13px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: scale(.5); transition: all .15s;
}
.choice.sel .choice-check { opacity: 1; transform: scale(1); }

/* ---------------- Compare ---------------- */
.cmpblock { margin-bottom: 44px; }
.comparelayout {
  display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: 24px; align-items: stretch;
}
.comparepagehead { margin: 6px 0 20px; }
.comparelayout .cmpcallouts { display: flex; flex-direction: column; padding-top: 6px; }
.comparelayout .cmpcallouts .cmpoutro { flex: 1; }
.comparetablehost { grid-column: 1 / -1; min-width: 0; }
.comparemain .cmpblock { margin-bottom: 0; }
.cmpsectionhead { margin: 6px 0 14px; }
.cmpsectionhead .sectionhead { margin: 0 0 4px !important; }
.cmpintro { color: var(--ink-2); margin: 2px 0 12px; max-width: 115ch; }
.cmpcallouts { min-width: 0; }
.onelake-banner {
  display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 18px; row-gap: 4px;
  align-items: start; width: 100%; text-align: left;
  background: linear-gradient(115deg, var(--accent-soft), var(--card) 70%);
  border: 1.5px solid color-mix(in srgb, var(--accent) 35%, var(--hairline));
  border-radius: var(--r-m); padding: 16px 22px; margin: 4px 0 18px;
  transition: border-color .14s, box-shadow .14s;
}
.onelake-banner:hover { border-color: var(--accent); box-shadow: var(--shadow-m); }
.onelake-banner > :first-child { grid-row: 1 / span 2; }
.ob-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ob-name { font-weight: 750; font-size: 15.5px; }
.ob-tag { font-weight: 650; font-size: 12.5px; color: var(--accent-strong); margin-left: 6px; }
.ob-text { font-size: 13.5px; color: var(--ink-2); line-height: 1.55; }
.ob-go { grid-column: 2; font-weight: 700; font-size: 13px; color: var(--accent-strong); margin: 0; }
.cmppick { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.cmppick .pick { gap: 6px; }
.cmppick .pick.off { opacity: .45; }
.cmppick .pick.on { border-color: color-mix(in srgb, var(--accent) 45%, var(--hairline-2)); }
.cmphint { font-size: 12px; color: var(--ink-3); margin-left: 6px; }
.cmpscroll {
  overflow-x: auto; border: 1px solid var(--hairline); border-radius: var(--r-m);
  background: var(--card); box-shadow: var(--shadow-s);
}
table.cmp { border-collapse: collapse; width: 100%; min-width: 760px; font-size: 13.5px; }
table.cmp th, table.cmp td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hairline); }
table.cmp thead th { border-bottom: 2px solid var(--hairline-2); position: sticky; top: 0; background: var(--card); z-index: 2; }
table.cmp .rowlab {
  font-size: 12px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em;
  color: var(--ink-3); width: 128px; min-width: 110px; background: var(--card);
  position: sticky; left: 0; z-index: 1;
}
table.cmp tbody tr:last-child th, table.cmp tbody tr:last-child td { border-bottom: 0; }
table.cmp tbody tr:hover td { background: color-mix(in srgb, var(--accent) 4%, transparent); }
.cmphead { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; background: none; border: 0; padding: 0; text-align: left; }
.cmphead:hover .cmpname { color: var(--accent-strong); text-decoration: underline; }
.cmpname { font-size: 14.5px; font-weight: 750; color: var(--ink-1); }
.cmptag { font-size: 11.5px; font-weight: 600; color: var(--ink-3); }
table.cmp td { color: var(--ink-2); line-height: 1.5; transition: opacity .12s, background .12s; }
table.cmp .bestrow td { color: var(--ink-1); font-weight: 600; background: color-mix(in srgb, var(--accent) 5%, transparent); }
table.cmp .dim { opacity: .32; }
table.cmp td.spot, table.cmp th.spot { background: var(--accent-soft) !important; opacity: 1; }
.cmpoutro {
  background: var(--accent-soft); border-left: 3px solid var(--accent);
  border-radius: 10px; padding: 14px 18px; margin: 0;
}
.cmpoutro h4 { margin: 0 0 6px; font-size: 14px; color: var(--accent-ink); }
.cmpoutro p { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-1); }
.cmpcite { font-size: 12.5px; color: var(--ink-3); margin: 10px 2px 0; }
.cmpcite a { font-weight: 650; }
tr.bestrow .rowlab { color: var(--accent-strong); }

@media (max-width: 900px) {
  .comparelayout { grid-template-columns: 1fr; gap: 8px; }
  .comparelayout .cmpcallouts { padding-top: 0; }
}

.cmpswitch { margin-bottom: 20px; }
.cmpswitch button { padding: 10px 20px; font-size: 13.5px; }

/* ---------------- Mode switch ---------------- */
.modeswitch { display: inline-flex; border: 1px solid var(--hairline-2); border-radius: 11px; overflow: hidden; background: var(--card); box-shadow: var(--shadow-s); }
.modeswitch button { border: 0; background: transparent; padding: 9px 16px; font-size: 13px; font-weight: 650; color: var(--ink-2); }
.modeswitch button.on { background: var(--accent); color: #fff; }
[data-theme="dark"] .modeswitch button.on { color: #06231d; }

/* ---------------- Flow diagram ---------------- */
.maplayout.flowing { grid-template-columns: 1fr; }
.maplayout.flowing .flowpanel {
  width: calc(100vw - 24px);
  margin-left: calc(50% - 50vw + 12px);
}
.mapcanvas, .flowpanel, .detailpanel { min-width: 0; }
.maplayout.flowing .detail {
  display: none; margin-top: 18px;
}
.maplayout.flowing.flow-detail-open .detail {
  display: block;
  animation: rise .25s cubic-bezier(.2,.7,.2,1);
}
.flowwrap {
  position: relative; background: var(--card); border: 1px solid var(--hairline);
  border-radius: var(--r-m); box-shadow: var(--shadow-s); padding: 48px 12px 8px; overflow: hidden;
}
.flowviewport { width: 100%; overflow: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--hairline-2) transparent; }
.flowviewport.can-scroll { overflow-x: auto; }
.flowviewport::-webkit-scrollbar { height: 10px; }
.flowviewport::-webkit-scrollbar-track { background: transparent; }
.flowviewport::-webkit-scrollbar-thumb { background: var(--hairline-2); border: 3px solid var(--card); border-radius: 999px; }
.flowfit-canvas { position: relative; margin: 0 auto; }
.flowscene { position: absolute; inset: 0 auto auto 0; width: 1580px; transform-origin: top left; }
.flowtools {
  position: absolute; top: 9px; right: 12px; z-index: 5; display: inline-flex; align-items: center;
  border: 1px solid var(--hairline-2); border-radius: 8px; overflow: hidden; background: var(--card-2); box-shadow: var(--shadow-s);
}
.flowtools button { display: grid; place-items: center; width: 30px; height: 28px; padding: 0; border: 0; border-right: 1px solid var(--hairline); background: transparent; font-size: 18px; font-weight: 650; }
.flowtools button:hover { color: var(--accent-strong); background: var(--accent-soft); }
.flowtools button:last-child { border-right: 0; border-left: 1px solid var(--hairline); }
.flowtools button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.flowtools output { width: 43px; text-align: center; color: var(--ink-3); font-size: 10.5px; font-weight: 700; }
.flowedges { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; }
.flowedges-build { z-index: 2; }
.fedge { fill: none; stroke: var(--hairline-2); stroke-width: 1.5; opacity: .24; transition: stroke .15s, opacity .15s, stroke-width .15s; }
.fedge.build { stroke: #9b6cff; stroke-dasharray: 7 5; opacity: 0; }
.fedge.govern { stroke: #34b982; stroke-dasharray: 2 6; stroke-linecap: round; opacity: 0; }
.fedge.hot { stroke: var(--accent); stroke-width: 2.6; opacity: 1; }
.fedge.build.hot { stroke: #ad83ff; }
.fedge.govern.hot { stroke: #43d499; }
.fedge.cold { opacity: .06; }
#flow-arrow path { fill: var(--hairline-2); }
#flow-arrow-hot path { fill: var(--accent); }
.flowstage { position: relative; width: 1580px; }
.flowrails { display: grid; gap: 9px; margin-bottom: 12px; }
.flowrail {
  display: grid; grid-template-columns: 195px minmax(0, 1fr); gap: 12px; align-items: center;
  border: 1px solid var(--hairline); border-left-width: 4px; border-radius: 10px; padding: 9px 11px;
  background: color-mix(in srgb, var(--card-2) 92%, transparent);
}
.flowrail.build { border-left-color: #9b6cff; background: color-mix(in srgb, #9b6cff 6%, var(--card)); }
.flowrail.govern { border-left-color: #34b982; background: color-mix(in srgb, #34b982 6%, var(--card)); }
.flowrail-head { display: flex; flex-direction: column; gap: 3px; }
.flowrail-head, .flowrail-nodes, .flowcol-head, .flowcol > .flownode, .flow-divider span, .flowlegend { position: relative; }
.flowrail.build .flowrail-head, .flowrail.build .flowrail-nodes, .flowcol-head, .flowcol > .flownode, .flow-divider span, .flowlegend { z-index: 3; }
.flowrail.govern .flowrail-head, .flowrail.govern .flowrail-nodes { z-index: 1; }
.flowrail-head > span { font-size: 12px; font-weight: 800; text-transform: uppercase; color: var(--ink-1); }
.flowrail-head small { color: var(--ink-3); font-size: 10.5px; line-height: 1.3; }
.flowrail-nodes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.flowrail-node { min-height: 52px; padding: 7px 10px; }
.flowrail-node.build { border-color: color-mix(in srgb, #9b6cff 42%, var(--hairline)); }
.flowrail-node.govern { border-color: color-mix(in srgb, #34b982 42%, var(--hairline)); }
.flow-divider { display: flex; align-items: center; gap: 10px; margin: 4px 0 10px; color: var(--ink-3); }
.flow-divider::before, .flow-divider::after { content: ""; height: 1px; flex: 1; background: var(--hairline); }
.flow-divider span { font-size: 10px; font-weight: 800; text-transform: uppercase; }
.flowcols { position: relative; display: grid; grid-template-columns: repeat(7, minmax(190px, 1fr)); gap: 18px; width: 100%; align-items: stretch; }
.flowcol { min-width: 0; display: flex; flex-direction: column; gap: 9px; justify-content: flex-start; --flow-color: #68aef5; }
.flowcol:nth-child(2) { --flow-color: #31c7c0; }
.flowcol:nth-child(3) { --flow-color: #49b978; }
.flowcol:nth-child(4) { --flow-color: #f29a4a; }
.flowcol:nth-child(5) { --flow-color: #a679ff; }
.flowcol:nth-child(6) { --flow-color: #e5bd38; }
.flowcol:nth-child(7) { --flow-color: #e85a98; }
.flowcol-head { min-height: 49px; padding: 0 5px 8px; border-bottom: 2px solid var(--flow-color); }
.flowcol-l {
  font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em;
  color: var(--ink-1); text-align: left; margin-bottom: 3px;
}
.flowcol-s { font-size: 10.5px; color: var(--ink-3); line-height: 1.3; }
.flownode {
  display: flex; align-items: center; gap: 11px; text-align: left;
  background: var(--card-2); border: 1.5px solid var(--hairline); border-radius: 12px;
  padding: 9px 12px; transition: all .14s; min-height: 56px; min-width: 0;
}
.flowcol .flownode { border-left: 3px solid color-mix(in srgb, var(--flow-color) 82%, var(--hairline)); }
.flownode .fn-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.flownode .fn-t { font-weight: 700; font-size: 13px; display: block; line-height: 1.25; overflow-wrap: normal; word-break: normal; }
.flownode .fn-s { font-size: 11.5px; color: var(--ink-3); display: block; line-height: 1.35; overflow-wrap: anywhere; }
.flownode:hover, .flownode.hot { border-color: var(--accent); box-shadow: var(--shadow-m); background: var(--card); }
.flownode.cold { opacity: .38; }
.flownode.current { border-color: var(--accent); background: var(--accent-soft); }
.flowhint { text-align: center; color: var(--ink-3); font-size: 12.5px; margin: 12px 0 8px; }
.flowlegend { display: flex; justify-content: center; gap: 22px; margin-top: 14px; color: var(--ink-3); font-size: 11px; }
.flowlegend span { display: inline-flex; align-items: center; gap: 7px; }
.flowlegend i { width: 28px; height: 0; border-top: 2px solid var(--hairline-2); }
.flowlegend i.build { border-color: #9b6cff; border-top-style: dashed; }
.flowlegend i.govern { border-color: #34b982; border-top-style: dotted; }
.flow-scroll-note { display: none; }
.flow-scrollbar {
  display: none; align-items: center; gap: 8px; color: var(--ink-3); font-size: 13px;
}
.flow-scrollbar input { flex: 1; accent-color: var(--accent); }

@media (max-width: 1180px) {
  .flow-scroll-note { display: inline; }
}

@media (max-width: 700px) {
  .maplayout.flowing .flowwrap {
    width: 100%; max-width: 100%; padding: 46px 8px 8px; border-radius: var(--r-s);
  }
  .maplayout.flowing .flowpanel { width: calc(100vw - 12px); margin-left: calc(50% - 50vw + 6px); }
  .flowhint { text-align: left; line-height: 1.45; }
  .maplayout.flowing .detail { margin-top: 14px; }
  .maplayout.flowing .detail-head { padding: 16px 18px 13px; }
  .maplayout.flowing .detail-body { padding: 5px 18px 0; }
  .maplayout.flowing .detail h2 { font-size: 18px; }
}

@media (max-width:760px) {
  .agent-skill-hub { grid-template-columns:1fr; padding:14px; }
  .skill-orchestrator { display:grid; gap:8px; min-height:0; padding:12px; }
  .skill-core,.skill-tile,.skill-tile.t1,.skill-tile.t2,.skill-tile.t3,.skill-tile.t4,.skill-tile.t5 { position:static; width:auto; height:auto; transform:none; }
  .skill-core { min-height:84px; border-radius:14px; }
  .skill-tile { display:block; }
  .skill-map { grid-template-rows:auto auto auto; }
  .skill-map .skill-core { min-height:70px; }
  .skill-path,.model-path { grid-template-columns:1fr; }
  .skill-path i { width:2px; height:14px; justify-self:center; background:linear-gradient(180deg,var(--skill-blue),var(--skill-violet)); }
  .agent-build,.agent-design-board,.agent-ops-console,.agent-plan-board,.agent-model-lab,.agent-consume-view,.report-kpis { grid-template-columns:1fr; }
  .agent-build,.agent-design-board,.agent-ops-console,.agent-plan-board,.agent-model-lab,.agent-consume-view { padding:14px; }
  .report-window { min-height:0; }
  .agent-output span,.design-agent-panel span,.model-tests span,.consume-receipt span { display:block; margin-top:6px; }
  .waterfall { height:82px; }
}

/* ---------------- Wide desktop ----------------
   The application shell grows to 1800px above. These refinements use the
   additional room for more legible teaching content without changing the
   established tablet and mobile scale. */
@media screen and (min-width: 1600px) {
  body { font-size: 17px; }

  .appbar { height: 64px; padding-inline: 30px; gap: 22px; }
  .appbar .logo { font-size: 16.5px; }
  .appbar .logo svg { width: 30px; height: 30px; }
  .appbar nav a { padding-inline: 16px; font-size: 14.5px; }
  .gsearch { width: 320px; padding: 8px 13px; }
  .gsearch input { font-size: 14px; }
  .iconbtn { width: 38px; height: 38px; }

  .view { padding: 34px 32px 104px; }
  .pagehead { margin-bottom: 24px; }
  .pagehead h2 { font-size: 32px; }
  .pagehead p { max-width: 125ch; font-size: 17px; }
  .kicker { font-size: 12.5px; }

  .hero { padding: 66px 70px; }
  .hero h1 { max-width: 23ch; font-size: 52px; }
  .hero p { max-width: 66ch; font-size: 18px; }
  .stat { max-width: 340px; padding: 17px 20px 15px; }
  .stat .n { font-size: 34px; }
  .stat .l { font-size: 14.5px; }
  .stat .d { font-size: 13.5px; }
  .sectionhead h2 { font-size: 23px; }
  .sectionhead .sub { font-size: 14.5px; }
  .cardgrid { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 17px; }
  .homecard { padding: 21px 21px 18px; gap: 12px; }
  .homecard h3 { font-size: 17px; }
  .homecard p { font-size: 14.5px; }

  .progresswrap,
  .qcard { max-width: 1080px; }
  .trail,
  .qcard.adventure { max-width: 1240px; }
  .qcard { padding: 40px 46px 36px; }
  .qcard h2 { font-size: 27px; }
  .qcard .help { font-size: 16px; }
  .opt { padding: 15px 19px; font-size: 16.5px; }
  .scene { font-size: 18px; }
  .choicegrid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
  .choice { min-height: 122px; padding: 18px; }
  .choice-lab { font-size: 15.5px; }
  .recwrap { max-width: 1320px; }
  .recgroup h3 { font-size: 19px; }
  .reccard { padding: 21px 25px 19px 29px; }
  .reccard h4 { font-size: 17px; }
  .reccard .why { font-size: 15.5px; }

  .maplayout { grid-template-columns: minmax(300px, .95fr) minmax(0, 4.6fr); gap: 24px; }
  .treewrap { padding: 17px 15px; }
  .tlabel { padding: 7px 9px; font-size: 13.5px; }
  .tkids .tlabel { padding: 6px 8px; font-size: 12.5px; }
  .tree-workloads { font-size: 9px; }
  .detail-head { padding: 23px 28px 18px; }
  .detail-body { padding: 8px 28px 0; }
  .detail h2 { font-size: 25px; }
  .detail .summary { font-size: 15.5px; }
  .detail h4 { font-size: 12.5px; }
  .detail ul,
  .detail .info-table,
  .fin,
  .dfork .o,
  .linklist li { font-size: 15px; }
  .dfork .q { font-size: 15.5px; }
  .detail .info-table th { font-size: 11.5px; }
  .topic-visual { margin-top: 20px; padding: 19px; }
  .tv-heading { margin-bottom: 14px; font-size: 12.5px; }
  .tv-copy { font-size: 13.5px; }
  .tv-icon .piconwrap { width: 40px !important; height: 40px !important; }
  .tree-workloads,
  .workload-head-label,
  .workload-head-chip,
  .workload-shared-badge { font-size: 12px; }
  .workload-head-chip { gap: 6px; padding: 4px 8px; }
  .workload-shared-badge { padding: 3px 7px; vertical-align: 1px; }

  /* Wide-desktop visual typography tiers: captions 12px, labels 13-14px, explanatory copy 15px. */
  .topic-visual { overflow: auto; }
  .topic-visual :where(label, small, code, li, p, span, em, i) {
    font-size: max(12px, min(1em, 14px));
    line-height: 1.38;
  }
  .topic-visual :where(b, strong, .tv-title) {
    font-size: max(13px, min(1em, 15px));
    line-height: 1.32;
  }
  .topic-visual :where(
    .tv-copy,
    .fabric-caption span,
    .scenario-note span,
    .control-step p,
    .control-outcome span,
    .technical-list i,
    .rich-board-column li,
    .rich-board-notes span,
    .workload-capability small,
    .workload-overview-copy span,
    .workload-overview-copy small
  ) { font-size: 15px; line-height: 1.42; }
  .topic-visual :where(
    .tv-heading,
    .tv-route-label,
    .workload-persona span,
    .workload-cap-heading,
    .mirror-kicker,
    .semantic-kicker,
    .scenario-label,
    .fabric-pane-label,
    .concrete-panel-top label,
    .concrete-panel-foot span,
    .technical-canvas label,
    .rich-board-kicker,
    .git-pane-title,
    .git-pane-tab,
    .git-commit-label,
    .tv-guardrail b,
    .tv-fact b
  ) { font-size: 12px; line-height: 1.35; }
  .topic-visual :where(
    .tv-spoke,
    .tv-choice .tv-title,
    .tv-stop .tv-title,
    .tv-route-item b,
    .tv-copy-engine .tv-title,
    .workload-overview-copy b,
    .workload-persona b,
    .workload-step b,
    .workload-capability b,
    .mirror-db b,
    .mirror-lake b,
    .mirror-outcomes b,
    .shortcut-consumption b,
    .semantic-table b,
    .semantic-engine-head b,
    .semantic-consumer,
    .rich-board-title,
    .git-step,
    .git-item-name b,
    .git-panel-heading b,
    .git-success b,
    .tv-shield-mark .tv-title,
    .tv-spotlight-main .tv-title
  ) { font-size: 14px; line-height: 1.32; }
  .topic-visual :where(
    .tv-route-item span,
    .tv-copy-modes,
    .workload-shared-foundation,
    .mirror-db span,
    .mirror-lake span,
    .mirror-chips span,
    .mirror-replication span,
    .mirror-replication small,
    .mirror-outcomes span,
    .shortcut-window-head b,
    .shortcut-path,
    .shortcut-breadcrumb,
    .shortcut-file,
    .shortcut-row,
    .shortcut-source-note,
    .shortcut-lake-note,
    .shortcut-link span,
    .shortcut-badge,
    .shortcut-consumption span,
    .eventstream-head span,
    .eventstream-json span,
    .eventstream-json i,
    .semantic-table span,
    .semantic-tables small,
    .semantic-consumers small,
    .semantic-engine-body em,
    .semantic-engine-body span,
    .semantic-rule,
    .rich-board-notes b,
    .git-demo-branch,
    .git-source-button,
    .git-item-name span,
    .git-item-status,
    .git-panel-heading span,
    .git-change,
    .git-change code,
    .git-state-note,
    .git-diff,
    .git-commit-input,
    .git-commit-button,
    .git-success span,
    .git-demo-sync,
    .tv-meter-bar,
    .tv-meter-note,
    .tv-guardrail span
  ) { font-size: 12.5px; line-height: 1.4; }
  .workload-overview-card { grid-template-columns: 44px minmax(0, 1fr); padding: 14px; gap: 12px; }
  .workload-detail { padding: 24px; }
  .workload-persona { grid-template-columns: minmax(180px, .72fr) minmax(0, 1.5fr); gap: 12px; }
  .workload-steps { gap: 22px; margin-bottom: 16px; }
  .workload-step i { width: 38px; height: 38px; font-size: 13px; }
  .workload-cap-grid { gap: 9px; }
  .workload-capability { padding: 11px 12px; }
  .tv-copy-route { grid-template-columns: minmax(0, 1fr) 170px minmax(0, 1fr); gap: 18px; }
  .tv-route-list { gap: 8px; }
  .tv-route-item { padding: 11px 12px; }
  .tv-copy-engine { min-height: 178px; padding: 16px 12px; }
  .mirror-flow,
  .semantic-flow,
  .shortcut-flow,
  .eventstream-canvas,
  .pipeline-canvas,
  .scenario-flow,
  .technical-canvas,
  .concrete-grid,
  .rich-board-columns,
  .git-demo-canvas { gap: 16px; }
  .pipeline-step,
  .control-step,
  .fabric-user,
  .fabric-source-card,
  .technical-canvas section,
  .concrete-panel,
  .rich-board-column,
  .git-item-row { padding-block: 10px; }
  .fabric-caption { padding: 12px 14px; }
  .git-demo-canvas { grid-template-columns: minmax(300px, .9fr) minmax(390px, 1.1fr); min-height: 310px; }
  .git-demo-toolbar { min-height: 50px; padding: 9px 12px; }
  .git-demo-steps { gap: 10px; margin-bottom: 13px; }
  .git-step { min-height: 48px; padding: 10px 12px; }
  .flowtools output,
  .flowrail-head small,
  .flow-divider span,
  .flowcol-l,
  .flowcol-s,
  .flownode .fn-s,
  .flowlegend { font-size: 12px; }
  .flowrail-head > span,
  .flownode .fn-t { font-size: 14px; }
  .flowrail-node { min-height: 62px; }
  .flowcol-head { min-height: 58px; }
  .flowcols { grid-template-columns: repeat(7, minmax(205px, 1fr)); }
  .flowscene,
  .flowstage { width: 1700px; }
  .flowwrap { padding-inline: 16px; }
  .medallion-guide { max-width: 1500px; }
  .medallion-definition { font-size: 16px; }
  .med-stage h3 { font-size: 19px; }
  .med-stage ul { font-size: 13.5px; }
  .medallion-layout h3,
  .medallion-next h3 { font-size: 16px; }
  .medallion-layout p { font-size: 14px; }

  .workload-tabs { gap: 10px; margin-bottom: 18px; }
  .workload-tab { min-height: 70px; padding: 12px 14px; }
  .workload-tab > span { font-size: 14px; }
  .workload-page-card > header { padding: 29px 34px; }
  .workload-card-title { grid-template-columns: 82px minmax(0, 1fr); gap: 22px; }
  .workload-card-title h3 { font-size: 34px; }
  .workload-card-title p { font-size: 21px; }
  .workload-guide-link { padding: 12px 15px; font-size: 14px; }
  .workload-card-story { padding: 30px 34px; }
  .workload-card-route { grid-template-columns: repeat(4, minmax(180px, 1fr)); gap: 18px; }
  .workload-card-route > span { min-height: 94px; padding: 18px 21px; }
  .workload-card-route b { font-size: 19px; }
  .workload-card-label { margin: 29px 34px 12px; font-size: 14.5px; }
  .workload-card-label span { font-size: 12.5px; }
  .workload-page-components { gap: 13px; padding: 0 34px 34px; }
  .workload-cap-group { font-size: 12px; }
  .workload-page-cap { min-height: 112px; padding: 17px 18px; }
  .workload-page-cap b { font-size: 17.5px; }
  .workload-page-cap small { font-size: 14.5px; }

  .comparelayout { gap: 30px; }
  .cmpintro { font-size: 16.5px; }
  .onelake-banner { grid-template-columns: 52px minmax(0, 1fr); padding: 20px 26px; }
  .ob-name { font-size: 17px; }
  .ob-tag { font-size: 14px; }
  .ob-text { font-size: 15px; }
  .ob-go { font-size: 14.5px; }
  table.cmp { font-size: 15px; }
  table.cmp th,
  table.cmp td { padding: 14px 17px; }
  table.cmp .rowlab { width: 150px; font-size: 13px; }
  .cmpname { font-size: 16px; }
  .cmptag { font-size: 12.5px; }
  .cmpoutro { padding: 18px 22px; }
  .cmpoutro h4 { font-size: 16px; }
  .cmpoutro p { font-size: 15px; }
  .cmpcite { font-size: 13.5px; }

  .pbwrap { max-width: 1360px; }
  .stage { padding: 31px 36px 27px; }
  .stage h3 { font-size: 21px; }
  .stage .context,
  .pbopt .lab { font-size: 16px; }
  .pbopt .det,
  .pbopt .cons { font-size: 15px; }
  .sumcard { padding: 29px 34px; }
  .sumcard h3 { font-size: 19px; }
  .sumrow { font-size: 15.5px; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

@media screen and (min-width: 1600px) {
  .homecard .count,
  .badge,
  .recstar,
  .linklist .ext,
  .detail .info-table th,
  .tree-workloads,
  .workload-head-label,
  .workload-head-chip,
  .workload-shared-badge,
  .flowtools output,
  .flowrail-head small,
  .flow-divider span,
  .flowcol-l,
  .flowcol-s,
  .flownode .fn-s,
  .flowlegend { font-size: 12px !important; line-height: 1.35 !important; }

  .homecard p { font-size: 15px; }
  .workload-head-chip { gap: 6px; padding: 4px 8px; }
  .workload-shared-badge { padding: 3px 7px; vertical-align: 1px; }

  .topic-visual :where(div, p, span, small, label, code, li, em, i, button, article, footer, output) {
    font-size: max(12px, min(1em, 14px)) !important;
    line-height: 1.38 !important;
  }
  .topic-visual :where(b, strong, .tv-title) {
    font-size: max(13px, min(1em, 15px)) !important;
    line-height: 1.32 !important;
  }
  .topic-visual :where(
    .tv-copy,
    .fabric-caption span,
    .scenario-note span,
    .control-step p,
    .control-outcome span,
    .technical-list i,
    .rich-board-column li,
    .rich-board-notes span,
    .workload-capability small,
    .workload-overview-copy span,
    .workload-overview-copy small
  ) { font-size: 15px !important; line-height: 1.42 !important; }
  .topic-visual :where(
    .tv-heading,
    .tv-route-label,
    .workload-persona span,
    .workload-cap-heading,
    .mirror-kicker,
    .semantic-kicker,
    .scenario-label,
    .fabric-pane-label,
    .concrete-panel-top label,
    .concrete-panel-foot span,
    .technical-canvas label,
    .rich-board-kicker,
    .git-pane-title,
    .git-pane-tab,
    .git-commit-label,
    .tv-guardrail b,
    .tv-fact b
  ) { font-size: 12px !important; line-height: 1.35 !important; }
  .flowrail-head > span,
  .flownode .fn-t { font-size: 14px !important; line-height: 1.28 !important; }
}

.storage-route-head span:nth-child(3) { grid-column:4; }
.storage-route-head span:nth-child(4) { grid-column:5; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

@media screen and (min-width: 1600px) {
  .topic-visual .tiny-table i {
    font-size: 12px !important;
    line-height: 1.38 !important;
  }
}