:root {
  --portal-top:#46779b; --portal-bottom:#173750; --portal-line:#91a8b5;
  --portal-strip:#dce8ec; --portal-glow:#f5ad50; --portal-frame:#bac8ce;
}
:root[data-theme="black"] {
  --portal-top:#304c63; --portal-bottom:#132634; --portal-line:#577380;
  --portal-strip:#253942; --portal-glow:#ffc375; --portal-frame:#3a515c;
}
body {
  background-image:repeating-linear-gradient(0deg,transparent 0 3px,#57768b12 3px 4px);
}
.global-header {
  display:block; max-width:1480px; padding:0; border:1px solid var(--portal-line);
  border-top:5px solid var(--portal-top); background:linear-gradient(var(--surface),var(--portal-strip));
  box-shadow:0 2px 0 #172d4229;
}
.global-header .wordmark { padding:11px clamp(14px,3vw,36px); }
.brand-mark {
  border-radius:4px; color:white; background:linear-gradient(#589bc0,#214e73);
  border:1px solid #193a52; box-shadow:inset 0 1px #ffffff75;
}
.global-header nav {
  width:100%; gap:0; padding:3px clamp(8px,2vw,24px);
  background:linear-gradient(var(--portal-top),var(--portal-bottom)); border-top:1px solid #fff8;
}
.global-header nav > a {
  color:#f6fbff; font-weight:700; padding:8px 11px; border-right:1px solid #ffffff30;
  text-shadow:0 1px #101d2b; font-size:13px;
}
.global-header nav > a:hover,.global-header nav > a[aria-current="page"] { color:#fff; background:#ffffff25; }
.global-header nav > .portal-rank-link { color:#ffe2a9; }
.global-header .theme-control { margin-inline-start:auto; color:white; padding:3px 7px; }
.global-header :is(select,.quiet-button) { border-radius:3px; }
.global-footer { border-top:3px double var(--portal-line); }
:is(.track-card,.ace-course-card,.curriculum-card,.dc-course-card,.roadmap-row,.panel,.global-live .live-shell) {
  border:1px solid var(--portal-frame); border-radius:4px;
  box-shadow:inset 0 1px #ffffff4d,0 2px 0 #182e4312;
}
:is(.track-card,.ace-course-card,.curriculum-card,.dc-course-card) { border-top:4px solid var(--portal-top); }
.track-card.cisco-card { border-top-color:#838c91; }
:is(.learning-main > .hero,.account-main > .intro,.ranking-banner) {
  background:repeating-linear-gradient(135deg,transparent 0 16px,#ffffff13 16px 17px),
             linear-gradient(115deg,var(--portal-strip),var(--surface));
  border:1px solid var(--portal-line); border-top:4px solid var(--portal-top);
  padding:clamp(18px,3vw,34px); max-width:none; margin-bottom:18px; border-radius:4px;
}
.learning-main > .hero h1 { font-size:clamp(30px,4vw,52px); }
:is(.ace-hero,.workbench-title) { border-radius:4px; }
.panel > h2,.section-heading h2 { padding-bottom:8px; border-bottom:2px solid var(--portal-line); }
.global-live .live-panel > summary { border-radius:5px; box-shadow:inset 0 1px #ffffff75,0 2px 4px #11253866; }
.ranking-main { max-width:1120px; margin:24px auto 50px; padding:0 clamp(10px,3vw,28px); }
.ranking-banner h1 { font-size:clamp(30px,5vw,50px); margin:4px 0; letter-spacing:-.05em; }
.ranking-banner p { margin:4px 0; color:var(--muted); }
.portal-label { font-size:11px; font-weight:800; letter-spacing:.1em; color:var(--accent); }
.ranking-board { border:1px solid var(--portal-line); border-radius:4px; background:var(--surface); }
.portal-bar {
  background:linear-gradient(var(--portal-top),var(--portal-bottom)); color:white;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:4px 12px; padding:9px 14px; text-shadow:0 1px #112433;
}
.portal-bar h2 { font-size:16px; margin:0; }
.portal-bar span { font-size:13px; }
.ranking-note { margin:10px 14px; color:var(--muted); font-size:13px; }
.ranking-scroll { overflow-x:auto; }
.ranking-table { width:100%; min-width:610px; border-collapse:collapse; font-size:13px; }
.ranking-table thead { background:linear-gradient(var(--surface),var(--portal-strip)); }
.ranking-table :is(th,td) { text-align:left; padding:7px 10px; border-block:1px solid var(--portal-frame); }
.ranking-table tbody tr:nth-child(even) { background:var(--surface-alt); }
.ranking-table tbody tr.ranking-mine { background:var(--accent-soft); }
.ranking-table th strong { overflow-wrap:anywhere; }
.ranking-table small,.rank-empty { display:block; font-weight:400; color:var(--muted); }
.ranking-table .character-avatar { display:block; width:48px; height:56px; }
.rank-place,.rank-self { display:inline-block; border:1px solid var(--portal-line); border-radius:3px; padding:1px 6px; }
.rank-medal { background:linear-gradient(#ffe6a3,#e4a047); color:#402406; border-color:#a66c2a; font-weight:800; }
.rank-xp { font-variant-numeric:tabular-nums; white-space:nowrap; }
.ranking-table summary { cursor:pointer; text-decoration:underline; }
.ranking-table dl { margin:4px 0; font-size:12px; }
.ranking-table dt { color:var(--muted); }
.ranking-table dd { margin:0 0 3px; }
.rank-pages { display:flex; justify-content:center; gap:14px; padding:11px; }
@media(max-width:600px) {
  .global-header nav > a { padding:6px 8px; font-size:12px; }
  .global-header .theme-control { margin-inline-start:0; }
}

/* Release 0.24 — soft, colourful 2000s learning portal */
:root {
 --page:#eff7f5;--surface:#fffefa;--surface-alt:#f1f6ed;--ink:#294052;--muted:#526779;
 --border:#c6d8d9;--accent:#24667a;--accent-soft:#e4f2eb;--accent-ink:#fff;
 --map:#f3f9f5;--hover:#e7f3ef;--shadow:0 5px 16px #537e8c16;
 --portal-top:#5e96ba;--portal-bottom:#315c87;--portal-line:#9fc3d2;
 --portal-strip:#e4f3fb;--portal-frame:#bdd7d9;
 --pastel-blue:#e1f1ff;--pastel-green:#ecf4d8;--pastel-peach:#fff0dc;--pastel-pink:#f8e7f2;
 --panel-blue:#82b7d5;--panel-green:#a1bc6b;--panel-peach:#e5af69;--panel-pink:#cfa0bb;
}
:root[data-theme="black"] {
 --page:#182632;--surface:#213342;--surface-alt:#273e4a;--ink:#e8f1f6;--muted:#bccdd7;
 --border:#4b6572;--accent:#a0d6e6;--accent-soft:#304d50;--accent-ink:#122e3d;
 --map:#203744;--portal-top:#406d93;--portal-bottom:#223d5b;--portal-strip:#2b465a;
 --portal-line:#63889f;--portal-frame:#4b697a;
 --pastel-blue:#2c4861;--pastel-green:#394e37;--pastel-peach:#524638;--pastel-pink:#4c3c50;
 --panel-blue:#6c9eba;--panel-green:#91a76e;--panel-peach:#c99b60;--panel-pink:#b388a5;
}
body {background-image:radial-gradient(ellipse at 12% 0%,#a8d6f34d,transparent 48%),radial-gradient(ellipse at 90% 10%,#c9e6b54d,transparent 42%);background-attachment:fixed;}
.global-header {margin:16px auto 0;width:calc(100% - 32px);border:1px solid var(--portal-line);border-top:4px solid #79afd2;border-radius:18px 18px 12px 12px;overflow:hidden;box-shadow:0 5px 20px #365c781a;}
.global-header .wordmark {padding:13px 25px;}
.brand-mark {border-radius:12px;background:linear-gradient(#7ab4d4,#3976a4);border-color:#578aac;box-shadow:inset 0 2px #ffffff80,0 2px 0 #244f7324;}
.global-header nav {padding:7px 12px;gap:4px;border:1px solid #8ab0cf;border-radius:11px;background:linear-gradient(#638fbb,#345b83);box-shadow:inset 0 1px #ffffff70;}
.global-header nav>a {border:0;border-radius:8px;padding:7px 12px;transition:background .18s ease,box-shadow .18s ease;}
.global-header nav>a:hover,.global-header nav>a[aria-current="page"] {background:linear-gradient(#8dbbd8,#557fa5);box-shadow:inset 0 1px #ffffff80;}
.global-header .quiet-button,.global-header select {border-radius:7px;}
.adventure-banner {position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr 1fr 300px;gap:20px;align-items:center;padding:22px 28px;background:linear-gradient(110deg,var(--pastel-blue),var(--surface) 53%,var(--pastel-green));overflow:hidden;}
.adventure-copy {position:relative;z-index:2;display:grid;gap:6px;}
.adventure-kicker {color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em;}
.adventure-copy>strong {font-size:clamp(23px,2.7vw,37px);line-height:1.2;letter-spacing:-.05em;color:var(--ink);}
.adventure-copy>span:last-child {font-size:12px;color:var(--muted);margin-top:7px;}
.adventure-member {display:grid;gap:4px;z-index:2;min-width:0;background:var(--surface);border:2px solid var(--panel-peach);border-radius:13px;padding:12px 15px;box-shadow:0 3px 0 #ae8f4c20;}
.adventure-member>strong {font-size:16px;overflow-wrap:anywhere;}
.adventure-member>span:not(.member-caption) {font-size:11px;color:var(--muted);}
.member-caption {font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted);border-bottom:1px dashed var(--border);padding-bottom:5px;}
.adventure-member>a:not(.adventure-go) {font-size:12px;justify-self:start;}
.adventure-go {display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;border:1px solid #488ba5;border-radius:8px;background:linear-gradient(#80cce6,#3986b2);color:#fff;text-shadow:0 1px #345c7e;padding:8px 12px;margin-top:6px;font-weight:800;box-shadow:inset 0 1px #ffffffa0;}
.adventure-go:hover {filter:brightness(1.07);}
.adventure-go b {font-size:20px;}
.adventure-scene {position:relative;height:155px;min-width:190px;pointer-events:none;}
.sky-cloud {position:absolute;width:82px;height:24px;border-radius:30px;background:#fff9;box-shadow:22px -11px 0 -2px #fff9,-6px -9px 0 -2px #fff9;}
.cloud-one {left:0;top:18px;}.cloud-two {right:0;top:58px;transform:scale(.65);}
.sky-sun {position:absolute;right:30px;top:6px;width:40px;height:40px;border-radius:50%;background:#ffdc8a;box-shadow:0 0 0 9px #ffdc8a30;}
.network-island {position:absolute;inset:15px 8px 0;}
.island-ground {position:absolute;bottom:0;left:5%;width:90%;height:35px;border-radius:50%;background:linear-gradient(#c5e39d,#98bf78);box-shadow:0 7px 0 #8bb5a352;z-index:-1;}
.island-device {position:absolute;z-index:2;border:2px solid #75a0b6;border-radius:9px;padding:10px 12px;background:linear-gradient(#fff,#cee7ef);font:700 10px/1.2 system-ui;color:#315770;box-shadow:0 4px 0 #7eabbd55;}
.device-spine {left:50%;top:0;transform:translateX(-50%);background:linear-gradient(#fff8df,#f6d487);border-color:#ccaf72;}
.device-leaf-one {left:6%;bottom:23px;}.device-leaf-two {right:6%;bottom:23px;}
.island-link {position:absolute;top:29px;left:50%;width:38%;height:3px;background:#70a38b;transform-origin:left center;}
.link-one {transform:rotate(142deg);}.link-two {transform:rotate(38deg);}
:is(.learning-main,.ace-main,.character-main,.ranking-main) {margin-top:24px;}
:is(.learning-main>.hero,.account-main>.intro,.ranking-banner) {border:1px solid var(--portal-line);border-top:5px solid var(--panel-blue);border-radius:18px;background:linear-gradient(120deg,var(--pastel-blue),var(--surface) 75%);box-shadow:var(--shadow);}
:is(.track-card,.ace-course-card,.curriculum-card,.dc-course-card,.roadmap-row,.panel,.character-panel,.ranking-board,.design-panel,.ace-stage,.global-live .live-shell) {border-radius:16px;border-color:var(--portal-frame);box-shadow:var(--shadow);}
:is(.track-card,.ace-course-card,.curriculum-card,.dc-course-card) {border-top:5px solid var(--panel-blue);background:linear-gradient(var(--pastel-blue),var(--surface) 130px);}
:is(.ace-course-card,.curriculum-card,.dc-course-card):nth-child(4n+2) {border-top-color:var(--panel-green);background:linear-gradient(var(--pastel-green),var(--surface) 130px);}
:is(.ace-course-card,.curriculum-card,.dc-course-card):nth-child(4n+3) {border-top-color:var(--panel-peach);background:linear-gradient(var(--pastel-peach),var(--surface) 130px);}
:is(.ace-course-card,.curriculum-card,.dc-course-card):nth-child(4n+4) {border-top-color:var(--panel-pink);background:linear-gradient(var(--pastel-pink),var(--surface) 130px);}
.track-card.ace-card {border-top-color:var(--panel-green);background:linear-gradient(var(--pastel-green),var(--surface) 70%);}
.track-card.cisco-card {border-top-color:#aab3b8;background:linear-gradient(var(--surface-alt),var(--surface));}
.track-status {border-radius:8px;}.track-status-open {background:var(--pastel-green);color:var(--ink);}
.character-main>header {padding:18px 24px;margin-bottom:18px;border-radius:16px;border:1px solid var(--panel-green);background:linear-gradient(100deg,var(--pastel-green),var(--surface));}
.character-main>header h1 {margin:0;overflow-wrap:anywhere;}
.character-main>header p {margin:4px 0;}
.character-panel {border:2px solid var(--panel-green);}
.character-panel:nth-child(2) {border-color:var(--panel-blue);}
.character-panel>h2 {font-size:18px;margin:-24px -24px 20px;padding:12px 22px;background:linear-gradient(var(--surface),var(--pastel-green));border-radius:14px 14px 0 0;border-bottom:1px solid var(--panel-green);}
.character-panel:nth-child(2)>h2 {background:linear-gradient(var(--surface),var(--pastel-blue));border-color:var(--panel-blue);}
.character-avatar {filter:drop-shadow(0 6px 5px #42697920);}
.character-gear li {background:var(--pastel-green);border-style:solid;}
.character-gear li:nth-child(2) {background:var(--pastel-blue);}
.character-gear li:nth-child(3) {background:var(--pastel-pink);}
.character-gear li:nth-child(4) {background:var(--pastel-peach);}
.character-panel :is(button,input,select) {border-radius:10px;}
.inventory-menu,.starter-grid li {background:linear-gradient(var(--surface),var(--pastel-peach));border-color:var(--panel-peach);}
.starter-catalog {border-color:var(--panel-peach);}
.ranking-banner {border-top-color:var(--panel-peach);background:linear-gradient(110deg,var(--pastel-peach),var(--surface));}
.ranking-board {overflow:hidden;}
.portal-bar {background:linear-gradient(#84a8c4,#4c7294);text-shadow:0 1px #23405b;padding:13px 18px;}
.ranking-table thead {background:linear-gradient(var(--surface),var(--pastel-blue));}
.rank-place {border-radius:8px;padding:3px 8px;}
.rank-medal {background:linear-gradient(#fff1b9,#f3c978);box-shadow:inset 0 1px #fff;}
.ace-hero {background:linear-gradient(125deg,var(--pastel-blue),var(--surface) 65%,var(--pastel-green));border:1px solid var(--portal-line);border-radius:20px;color:var(--ink);box-shadow:var(--shadow);}
.ace-hero h1 em {color:var(--accent);}
.ace-hero :is(p,.eyebrow),.hero-foot {color:var(--muted);}
.hero-foot {border-color:var(--border);}
.hero-fabric {--surface:var(--pastel-blue);--ink:inherit;--border:var(--panel-blue);--accent:inherit;--map:var(--pastel-green);}
.hero-fabric .ace-node-name,.hero-fabric .ace-host-name {fill:var(--ink);}
.hero-fabric .ace-host-ip {fill:var(--muted);}
.ace-primary {background:linear-gradient(#fff8da,#f3d793);border-color:#c9ac68;color:#594116;border-radius:10px;box-shadow:inset 0 1px #fff9;}
.ace-primary:hover {background:#ffecb8;}
.ace-overview {gap:8px;border:0;margin-bottom:30px;}
.ace-overview>div,.ace-overview>div:first-child,.ace-overview>div:last-child {padding:16px;border:1px solid var(--portal-frame);border-radius:13px;background:var(--pastel-blue);}
.ace-overview>div:nth-child(2){background:var(--pastel-green);}
.ace-overview>div:nth-child(3){background:var(--pastel-peach);}
.ace-overview>div:nth-child(4){background:var(--pastel-pink);}
.ace-overview b {font-weight:700;}
.course-map {background:transparent;}
.topic-chips span {background:var(--surface);border-radius:20px;}
.ace-stage {border-left:5px solid var(--panel-green);}
.design-panel {background:linear-gradient(var(--pastel-peach),var(--surface));border-color:var(--panel-peach);}
.stage-strip a {background:linear-gradient(var(--surface),var(--pastel-blue));border-radius:12px;}
.stage-strip a[aria-current=step] {background:var(--pastel-green);border-color:var(--panel-green);}
.ace-workbench .topology-card {border-top:4px solid var(--panel-green);}
.ace-workbench .scenario-card {border-top:4px solid var(--panel-peach);}
.ace-workbench .workspace article {border-radius:15px;}
.panel>h2 {padding:10px 14px;background:linear-gradient(var(--surface),var(--pastel-blue));border-radius:10px;border:1px solid var(--portal-line);}
.admin-summary span,.admin-pill {background:var(--pastel-green);}
.contact-banner a {background:var(--pastel-peach);border-radius:12px;padding:12px;}
.global-live .live-panel>summary {border-radius:18px;background:linear-gradient(#73b3aa,#316d77);color:white;box-shadow:inset 0 1px #fff8,0 4px 14px #345e6d35;}
.global-live .live-shell {border:2px solid var(--panel-blue);}
.global-live .live-heading {padding:8px;border-radius:8px;background:var(--pastel-blue);}
.global-footer {border-top:1px solid var(--portal-line);padding:18px 0 30px;}
@media(max-width:1000px){
 .adventure-banner {grid-template-columns:1fr 260px;padding:18px;}
 .adventure-scene {display:none;}
}
@media(max-width:600px){
 .global-header {width:calc(100% - 16px);margin-top:8px;}
 .global-header .wordmark {padding:12px 16px;}
 .global-header nav {padding:6px;gap:2px;}
 .global-header nav>a {font-size:12px;padding:7px 8px;}
 .adventure-banner {grid-template-columns:1fr;padding:16px;gap:14px;}
 .adventure-copy>strong {font-size:25px;}
 .adventure-member {padding:10px 12px;}
 .adventure-member>span:not(.member-caption) {display:none;}
 .adventure-go {padding:7px 10px;}
 .ace-overview>div {display:block;}
 .ace-overview span {display:block;}
 .character-main {padding:0 12px;}
}
.ace-workbench .adventure-banner {display:none;}

.island-cables {position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#70a38b;stroke-width:2.5;}
.notice-board{border:1px solid var(--panel-peach);border-radius:16px;background:var(--surface);overflow:hidden;margin-bottom:22px;box-shadow:var(--shadow)}
.notice-board>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:linear-gradient(var(--surface),var(--pastel-peach));border-bottom:1px solid var(--panel-peach)}
.notice-board h2{font-size:18px;margin:0}.notice-board header span{font-size:10px;color:var(--muted)}
.notice-row{padding:12px 18px;border-bottom:1px solid var(--border)}
.notice-row summary{cursor:pointer;overflow-wrap:anywhere}.notice-row time{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.notice-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;font-size:14px;line-height:1.8}
.notice-empty{padding:12px 18px;color:var(--muted);font-size:13px}
.login-left{min-width:0;align-self:start}.login-left>.intro{padding:28px;border:1px solid var(--portal-line);border-radius:16px;background:linear-gradient(120deg,var(--pastel-blue),var(--surface))}
.account-main:has(.login-left){align-items:start}
.notice-editor{margin-bottom:20px}.notice-editor label>input:not([type=checkbox]),.notice-editor textarea{display:block;width:100%;box-sizing:border-box}
.notice-editor textarea{font:inherit;color:var(--ink);background:var(--page);border:1px solid var(--border);border-radius:10px;padding:12px;resize:vertical}

/* Shared sizing for the portal. Keep wide topology and console layouts flexible. */
:root {
  --portal-gutter: clamp(12px, 2.6vw, 32px);
  --portal-gap: clamp(12px, 1.8vw, 20px);
  --portal-card-padding: clamp(14px, 2vw, 24px);
  --portal-radius: 16px;
  --portal-icon: 40px;
  --portal-feature-icon: clamp(48px, 6vw, 64px);
  --portal-row: 36px;
  --pending-bg: #f3f4f5;
  --pending-surface: #fff;
  --pending-line: #a6abb1;
  --pending-ink: #282d33;
  --pending-muted: #515961;
}
:root[data-theme="black"] {
  --pending-bg: #282b30;
  --pending-surface: #30343a;
  --pending-line: #747b83;
  --pending-ink: #f2f3f4;
  --pending-muted: #c0c6cc;
}
:is(.learning-main,.ace-main,.workbench-main,.account-main,.character-main,.ranking-main) {
  padding-inline: var(--portal-gutter);
}
:is(.track-grid,.curriculum-grid,.ace-course-grid,.dc-course-grid,.learning-method,.character-grid,.account-main,.workspace) {
  gap: var(--portal-gap);
}
:is(.track-card,.curriculum-card,.ace-course-card,.dc-course-card,.panel,.character-panel,.ranking-board,.design-panel,.ace-stage,.workspace article) {
  border-radius: var(--portal-radius);
  min-inline-size: 0;
}
:is(.track-card,.curriculum-card,.ace-course-card,.dc-course-card,.panel,.character-panel,.workspace article) {
  padding: var(--portal-card-padding);
}
.character-panel > h2 {
  margin: calc(0px - var(--portal-card-padding)) calc(0px - var(--portal-card-padding)) var(--portal-gap);
}
.brand-mark,.starter-icon { inline-size: var(--portal-icon); block-size: var(--portal-icon); }
.inventory-menu summary .starter-icon { inline-size: var(--portal-icon); block-size: var(--portal-icon); }
.reward-icon { inline-size: var(--portal-feature-icon); block-size: auto; }
.global-header nav > :is(a,label,form) { min-block-size: var(--portal-row); align-content: center; }
.track-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  overflow-wrap: anywhere;
}
.track-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.track-symbol {
  display: grid;
  place-items: center;
  flex: none;
  inline-size: var(--portal-feature-icon);
  block-size: var(--portal-feature-icon);
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--accent-soft);
  color: var(--accent);
}
.track-symbol svg { inline-size: 60%; block-size: 60%; }
.track-card .track-index { padding: 0; }
.track-card h2 { margin: 0; font-size: clamp(22px, 2.7vw, 34px); line-height: 1.18; }
.track-card p { margin: 0; }
.track-card > strong { margin-top: auto; padding-top: 12px; }
.track-card .track-topics { padding-bottom: 8px; }
.track-card .track-status {
  position: static;
  display: inline-flex;
  align-items: center;
  min-block-size: 28px;
  text-align: center;
  padding: 4px 8px;
}
.global-header nav > .portal-cisco-link { color: #f5f6f7; background: #444b53; }
.portal-cisco-link span { font-size: .8em; }
.track-card.cisco-card,
.learning-main.cisco-preview > .hero,
.cisco-preview .curriculum-grid .curriculum-card {
  border-color: var(--pending-line);
  background: linear-gradient(var(--pending-bg), var(--pending-surface));
  color: var(--pending-ink);
}
.track-card.cisco-card { filter: none; box-shadow: var(--shadow); }
.track-card.cisco-card:hover { border-color: var(--pending-muted); }
.cisco-preview :is(.hero-copy,.eyebrow,.curriculum-card p,.curriculum-card dd),
.track-card.cisco-card :is(h2 span,p,.track-index,.track-topics) { color: var(--pending-muted); }
.cisco-preview a { color: var(--pending-ink); }
.cisco-card :is(.track-symbol,.track-status),.cisco-state {
  background: var(--pending-bg);
  color: var(--pending-ink);
  border: 1px solid var(--pending-line);
}
.cisco-state { display: inline-flex; padding: 4px 9px; border-radius: 8px; font-size: 12px; font-weight: 700; }
.cisco-level-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.cisco-level-grid .track-card h2 { font-size: clamp(20px, 2vw, 27px); }
.cisco-level-grid .track-card p { padding-bottom: 8px; }
.blueprint-section { margin-block: 24px; }
.blueprint-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
.blueprint-heading h2,.curriculum-card h3 { margin: 0; }
.curriculum-card h3 { margin-top: 6px; }
.blueprint-note { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .cisco-level-grid { grid-template-columns: minmax(0,1fr); }
}
.ace-course-card { display: flex; flex-direction: column; }
.ace-course-card :is(.course-top,.course-copy) { padding: 0; }
.ace-course-card .course-map { margin-inline: 0; margin-bottom: 14px; }
.ace-course-card .course-copy { display: flex; flex: 1; flex-direction: column; }
.ace-course-card .topic-chips { margin-bottom: 16px; }
.ace-course-card .course-progress { margin-top: auto; }