/* A game arena for quizzes; a laboratory/case identity for missions. */
.quiz-lobby-mode main {padding-top:28px;}
.quiz-lobby-hero {min-height:145px;margin-bottom:8px;}
.quiz-hero-art {
  height:170px;mix-blend-mode:screen;
  mask-image:radial-gradient(ellipse at center,#000 22%,#0009 45%,transparent 68%);
  filter:brightness(.88) saturate(.85);
}
.quiz-lobby-mode .round-selection {margin-top:20px;}
.round-art {aspect-ratio:2.15;background:#10101c;}
.round-art img {object-fit:contain;filter:brightness(.88) saturate(.82);}
.round-card {box-shadow:0 0 16px #9455ff1f;}
.round-functional {box-shadow:0 0 16px #f06eea1b;}
.game-mode {
  background: radial-gradient(ellipse at 20% 25%, #40236b35, transparent 45%),
    radial-gradient(ellipse at 90% 65%, #5f24532b, transparent 40%), #101114;
}
.game-mode main {max-width:1220px;padding-top:28px;}
.game-shell {max-width:1100px;margin:auto;}
.game-toolbar {gap:18px;flex-wrap:wrap;}
.game-score {display:inline-flex;align-items:center;gap:8px;border:1px solid #59406c;background:#271d35;border-radius:30px;padding:8px 15px;margin-left:auto;color:#e7c3f5;}
.game-score .ui-icon {width:16px;height:16px;color:var(--pink);}
.game-progress {display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:28px;}
.game-progress progress {width:100%;height:6px;accent-color:var(--pink);}
.game-progress-caption {font-size:.75rem;color:var(--muted);}
.question-arena {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start;}
.question-context {min-width:0;padding:30px;background:linear-gradient(150deg,#262031,#17171e);border:1px solid #4c3a60;border-radius:26px;}
.question-context>.eyebrow {font-size:.65rem;letter-spacing:1.6px;}
.question-context .game-topic {margin:0 0 26px;}
.question-context h1 {font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.8px;margin:14px 0 25px;}
.game-code-panel {border:1px solid #40394d;border-radius:15px;overflow:hidden;background:#12121a;}
.game-code-title {display:flex;gap:12px;align-items:center;padding:12px 15px;background:#211c2b;color:#c7b5d9;font-size:.72rem;}
.game-code-title>span:last-child {margin-left:auto;font-size:.6rem;letter-spacing:1px;}
.code-dots {font-size:.6rem;color:var(--purple);letter-spacing:2px;}
.game-code-panel .game-code {margin:0;padding:22px 18px;border:0;border-radius:0;background:none;font-size:.83rem;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;}
.game-case {padding:22px;border-radius:16px;border:1px solid #624565;background:#37253d55;}
.game-case>p {font-size:1rem;color:#f3e6f6;line-height:1.8;}
.case-hint {display:flex;gap:10px;align-items:center;font-size:.78rem;color:#c2afca;line-height:1.6;border-top:1px solid #6a4c6c;padding-top:18px;}
.answer-arena {padding:12px 0;min-width:0;}
.answer-heading h2 {font-size:1.1rem;margin:0 0 6px;}
.answer-heading p {font-size:.85rem;margin:0;}
.answer-arena .game-options {margin:22px 0;gap:12px;}
.answer-arena .game-option {min-height:76px;padding:17px;border-radius:17px;background:#1b1a23;border-color:#494050;transition:border-color .15s,background .15s,transform .15s;}
.answer-arena .game-option:not(:disabled):hover {border-color:var(--purple);background:#292033;transform:translateY(-2px);}
.answer-arena .game-option.selected {border-color:var(--pink);background:#3a2543;box-shadow:0 0 0 1px var(--pink);}
.answer-arena .game-option.answer-correct {background:#203326;border-color:#a8d5a1;}
.answer-arena .game-option.answer-wrong {background:#3c242c;border-color:#f0a3b4;}
.answer-arena .game-option>span {line-height:1.5;font-size:.95rem;}
.answer-arena .game-option kbd {min-width:36px;text-align:center;padding:8px;border-radius:10px;}
.game-confirm {display:flex;flex-direction:column;gap:12px;}
.game-confirm .primary {width:100%;min-height:52px;background:linear-gradient(110deg,#eba0e1,#d88cec);color:#211127;}
.game-confirm .primary:disabled {background:#2a2430;color:#b4a3bb;border-color:#594c62;opacity:1;}
.game-confirm .note {max-width:none;text-align:center;margin:0;font-size:.72rem;}
.game-feedback {margin-top:24px;padding:26px;background:#221f2c;}
.feedback-heading {display:flex;gap:12px;align-items:center;}
.feedback-heading>span:first-child {display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#47304c;color:#ebc2f4;}
.feedback-points {margin-left:auto;color:#e7c6ed;font-size:.78rem;}
.feedback-learning {display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px;padding-top:20px;border-top:1px solid #6b557a66;}
.feedback-learning .eyebrow {font-size:.65rem;}
.feedback-learning p {margin-bottom:0;font-size:.85rem;}
.game-feedback-actions {justify-content:flex-end;}
.game-kind-note {display:flex;align-items:center;justify-content:center;gap:9px;}
.game-kind-note .ui-icon {width:16px;height:16px;color:var(--purple);}
.game-finish {max-width:780px;}
.game-finish-mark {box-shadow:0 0 70px #ae61d522;}
.game-finish .game-result-stats {background:#241c2f66;border:1px solid #59416b;border-radius:22px;padding:28px 20px;}
.game-finish .game-next-topic {border:1px solid #574268;border-left:3px solid var(--purple);border-radius:18px;}
.game-option:focus-visible,.game-shell button:focus-visible {outline:3px solid #f1c9f5;outline-offset:4px;}
.game-feedback:focus,.game-shell:focus {outline:none;}
.mission-labels .audience-label,.mission-labels .kind-label {
  border:1px solid #71518b;border-radius:8px;padding:7px 10px;background:#30233e;color:#f0defa;font-weight:650;
}
.mission-labels .kind-label {border-color:#704e69;background:#362637;color:#f4d4ed;}
.mission-row {border-left:3px solid #aa83e0;transition:border-color .15s,background .15s;}
.mission-row.mission-case {border-left-color:#dc8bd1;}
.mission-row .mission-meta .audience-label {font-size:.7rem;color:#eed4ff;background:#372443;border:1px solid #775095;border-radius:7px;padding:5px 8px;}
.mission-row .mission-meta .kind-label {font-weight:650;color:#e1cae6;}
.mission-code .mission-type-icon {color:#d8b7ff;background:#30233f;}
.mission-case .mission-type-icon {color:#f0b8e5;background:#392738;}
.mission-detail-cover {position:relative;display:flex;align-items:center;gap:16px;padding:24px;margin:-25px -25px 25px;min-height:110px;overflow:hidden;border-radius:21px 21px 0 0;background:radial-gradient(ellipse at 80% 100%,#7748a455,transparent 70%),#241d31;border-bottom:1px solid #5d436f;}
.mission-detail-cover.cover-case {background:radial-gradient(ellipse at 80% 100%,#ad529044,transparent 70%),#2b1e2c;}
.mission-detail-cover .detail-icon {margin:0;width:45px;height:45px;display:grid;place-items:center;background:#ffffff09;border:1px solid #9066a077;border-radius:13px;color:#e5b5f3;flex-shrink:0;}
.mission-detail-cover .detail-icon .ui-icon {width:26px;height:26px;}
.mission-detail-cover .eyebrow {font-size:.64rem;letter-spacing:1.3px;max-width:180px;z-index:1;}
.cover-symbol {position:absolute;right:12px;bottom:-15px;font:800 90px ui-monospace,monospace;color:#be89d31a;pointer-events:none;}
@media(max-width:850px) {
  .question-arena {gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .question-context {padding:23px;}
  .game-progress-caption {display:none;}
  .game-progress {grid-template-columns:auto 1fr;}
}
@media(max-width:650px) {
  .quiz-lobby-mode main {padding-top:22px;}
  .quiz-lobby-hero {min-height:165px;}
  .quiz-hero-art {height:100px;}
  .round-art {aspect-ratio:1.85;}
  .game-mode main {padding:20px 16px;}
  .question-arena {grid-template-columns:1fr;gap:22px;}
  .question-context {padding:22px 18px;border-radius:20px;}
  .question-context h1 {font-size:1.8rem;}
  .question-context .game-topic {margin-bottom:20px;}
  .answer-arena {padding:0;}
  .game-progress {gap:15px;margin-bottom:20px;}
  .game-toolbar {gap:12px;}
  .game-toolbar .game-score {margin-left:auto;font-size:.7rem;padding:6px 10px;}
  .feedback-learning {grid-template-columns:1fr;gap:20px;}
  .feedback-heading {gap:8px;flex-wrap:wrap;}
  .feedback-heading strong {font-size:.9rem;}
  .feedback-points {font-size:.72rem;}
  .game-feedback {padding:20px;}
  .game-feedback-actions {flex-direction:column;}
  .mission-detail-cover {margin:-22px -18px 22px;padding:23px 18px;}
}
@media(prefers-reduced-motion:reduce) {
  .answer-arena .game-option {transition:none;}
  .answer-arena .game-option:not(:disabled):hover {transform:none;}
}

/* Compact quiz library: shared site header, no decorative image banners. */
.quiz-library-heading{display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;margin-bottom:28px}
.quiz-library-heading h1{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:10px}
.quiz-library-heading p{margin:0;font-size:.95rem}
.quiz-personal-score{padding:20px 24px;border:1px solid #654778;border-radius:20px;background:linear-gradient(125deg,#33243f,#211c2a);display:grid;gap:7px}
.quiz-personal-score .eyebrow{font-size:.6rem;letter-spacing:1.2px}
.quiz-personal-score strong{font-size:2rem;color:#f0cfed}.quiz-personal-score strong small{font-size:.9rem;color:var(--muted)}
.quiz-personal-score>span:not(.eyebrow){font-size:.78rem;color:#dbcede}.quiz-personal-score p{font-size:.68rem;line-height:1.5}.quiz-personal-score a{font-size:.8rem;color:var(--pink)}
.quiz-library-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;align-items:end;padding:18px 0;border-block:1px solid #47354e}
.quiz-library-filters .field{margin:0;font-size:.75rem}.quiz-library-filters input,.quiz-library-filters select{width:100%;min-width:0;margin-bottom:0}
.quiz-result-count{font-size:.75rem;margin:18px 0}
.quiz-library-mode .round-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.quiz-library-mode .round-card{border:1px solid #4e3b62;border-radius:18px;box-shadow:none;background:linear-gradient(140deg,#26212e,#191a22)}
.quiz-library-mode .round-functional{border-color:#60405e}
.quiz-card-top{display:flex;align-items:center;gap:9px;padding:18px 18px 0}.quiz-card-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #73558e;border-radius:10px;background:#392847;color:#d2afea}.round-functional .quiz-card-icon{background:#3a283a;color:#e1add7}
.quiz-card-top .eyebrow{font-size:.6rem;letter-spacing:1px}.quiz-card-level{margin-left:auto;font-size:.65rem;color:#c6b8d0}
.quiz-library-mode .round-content{padding:16px 18px 18px}.quiz-library-mode .round-content h2{font-size:1.12rem;line-height:1.3;margin:0 0 10px}
.quiz-library-mode .round-content>p{font-size:.8rem;line-height:1.6;margin:0 0 18px}
.quiz-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.quiz-card-bottom>span{font-size:.65rem;color:#c7bad0;line-height:1.5}
.quiz-library-mode .round-content .primary{width:auto;min-height:38px;border-radius:12px;padding:9px 13px;font-size:.75rem;gap:7px;flex-shrink:0;background:#dc8bd1}
.quiz-library-mode .round-content .primary span{font-size:.8rem}
.quiz-pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:20px;font-size:.75rem}.quiz-pagination button{padding:8px 13px;font-size:.75rem}.quiz-pagination button:disabled{opacity:.4;cursor:default}
.quiz-library-note{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.8rem;margin-top:28px}
@media(max-width:1000px){.quiz-library-mode .round-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.quiz-library-heading{grid-template-columns:1fr;gap:18px}.quiz-personal-score{padding:16px 20px}.quiz-personal-score strong{font-size:1.6rem}.quiz-library-filters{grid-template-columns:1fr 1fr}.quiz-library-filters .field:first-child{grid-column:1/-1}.quiz-library-mode .round-grid{grid-template-columns:1fr}.quiz-library-note{font-size:.7rem}.quiz-pagination{justify-content:center}}

/* Mission catalog: compact cards with details on demand. */
.mission-catalog{max-width:1200px;margin:auto}.mission-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.mission-catalog-heading h1{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em;margin:12px 0}.mission-catalog-heading p{color:#b6adbf;margin:0;font-size:.95rem}.mission-catalog-heading .secondary{white-space:nowrap;display:flex;gap:12px;align-items:center}.mission-format-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.mission-format-tabs button{display:flex;align-items:center;gap:9px;background:#ffffff03;border:1px solid #ffffff13;border-radius:12px;padding:11px 17px;color:#b8afc4;font-size:.85rem}.mission-format-tabs .ui-icon{width:17px;height:17px}.mission-format-tabs [aria-pressed=true]{background:#a068d222;border-color:#a574cb88;color:#efdcff}.mission-catalog-filters{display:grid;grid-template-columns:1.6fr repeat(3,minmax(0,1fr));gap:14px;padding:20px;background:#18151f;border:1px solid #ffffff0d;border-radius:16px}.mission-catalog-filters label{font-size:.73rem;color:#b7adbf;display:grid;gap:8px}.mission-catalog-filters input,.mission-catalog-filters select{margin:0;width:100%;min-width:0;background:#100e16;border:1px solid #ffffff16;border-radius:9px;padding:12px;color:#eee6f5;font-size:.82rem}.mission-catalog-status{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:15px}.mission-catalog-status label{display:flex;gap:12px;align-items:center;font-size:.73rem;color:#a9a0b5}.mission-catalog-status select{margin:0;width:auto;max-width:245px;padding:8px 12px;background:#17131e;border-color:#ffffff13;font-size:.73rem}.mission-catalog-status .text-button{font-size:.75rem}.mission-results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 16px;color:#8f879c;font-size:.75rem}.mission-results-heading p{margin:0;color:#b7aec1}.mission-results-heading strong{color:#f3edf8}.mission-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mission-tile{--tile-accent:#c0a0f3;--tile-rgb:167,118,226;display:flex;flex-direction:column;min-width:0;padding:23px 22px 0;border:1px solid #ffffff13;border-radius:17px;background:linear-gradient(145deg,rgba(var(--tile-rgb),.065),transparent 52%),#19161f;overflow:hidden;transition:border-color .15s,transform .15s}.mission-tile:hover{border-color:rgba(var(--tile-rgb),.5);transform:translateY(-2px)}.mission-tile.tile-functional{--tile-accent:#95d5c9;--tile-rgb:90,180,161}.mission-tile.tile-shared{--tile-accent:#e5a8cd;--tile-rgb:203,117,171}.mission-tile-top{display:flex;align-items:center;gap:10px;min-height:38px}.mission-tile-icon{display:inline-grid;place-items:center;width:35px;height:35px;background:rgba(var(--tile-rgb,167,118,226),.12);color:var(--tile-accent,#c0a0f3);border:1px solid rgba(var(--tile-rgb,167,118,226),.22);border-radius:10px;flex-shrink:0}.mission-tile-icon .ui-icon{width:19px;height:19px}.mission-tile-audience{color:var(--tile-accent);font-size:.73rem;font-weight:650}.mission-tile-level{margin-left:auto;color:#aaa1b6;font-size:.67rem;white-space:nowrap}.mission-tile-kind{text-transform:uppercase;letter-spacing:.1em;font-size:.61rem;color:var(--tile-accent);margin-top:18px}.mission-tile h2{font-size:1.06rem;line-height:1.4;margin:7px 0 10px;letter-spacing:-.015em;min-height:2.8em;color:#f0eaf5}.mission-tile-statement{color:#a79daf;font-size:.78rem;line-height:1.65;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.95em}.mission-tile-context{margin-top:auto;display:flex;justify-content:space-between;gap:10px;font-size:.65rem;color:#9c92a9;padding-bottom:18px}.mission-tile-context span:last-child{display:flex;align-items:center;gap:5px;white-space:nowrap}.mission-tile-context .ui-icon{width:13px;height:13px}.mission-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -22px;padding:13px 22px;border-top:1px solid #ffffff0b;background:#0000000c}.tile-status{font-size:.65rem;color:#978ba6}.tile-status.status-completed{color:#8ed2ad}.tile-status.status-in_progress,.tile-status.status-practiced{color:#e2b8dd}.mission-tile-bottom .text-button{font-size:.72rem;padding:4px 0;color:var(--tile-accent);white-space:nowrap}.mission-pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0;font-size:.76rem;color:#a297ae}.mission-preview{color:#f2ecf8;background:#1b1723;border:1px solid #6a4d7b;border-radius:22px;width:min(680px,calc(100% - 32px));max-height:85dvh;padding:30px;box-sizing:border-box;box-shadow:0 24px 100px #0009}.mission-preview::backdrop{background:#080710bb;backdrop-filter:blur(5px)}.mission-preview-top{display:flex;align-items:center;gap:12px}.mission-preview-top>.text-button{margin-left:auto;white-space:nowrap}.mission-preview-top .eyebrow{font-size:.65rem;letter-spacing:.1em}.mission-preview h2{font-size:1.8rem;line-height:1.25;margin:14px 0 18px}.mission-preview h3{font-size:.9rem;margin-top:24px}.preview-meta{font-size:.72rem;color:#afa2be;margin-top:20px}.preview-statement{font-size:.94rem;line-height:1.8;color:#d3c8df}.mission-preview .mission-facts{margin-top:24px;font-size:.83rem}.preview-preparation{font-size:.78rem;color:#aea1bb;margin:22px 0}.preview-preparation summary{cursor:pointer}.preview-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #ffffff13}.mission-preview :focus-visible,.mission-catalog :focus-visible{outline:2px solid #d3a8f1;outline-offset:4px}@media(max-width:1000px){.mission-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mission-catalog-heading{align-items:flex-start;flex-direction:column;gap:16px}.mission-catalog-heading h1{font-size:2rem}.mission-catalog-heading p{font-size:.85rem}.mission-tile-grid{grid-template-columns:1fr}.mission-tile h2{min-height:0;font-size:1.15rem}.mission-tile-statement{min-height:0}.mission-results-heading>span{display:none}.mission-catalog-filters{padding:15px;gap:12px}.mission-catalog-filters label:first-child{grid-column:1/-1}.mission-format-tabs{gap:7px}.mission-format-tabs button{padding:9px 11px;font-size:.73rem}.mission-preview{padding:22px}.mission-preview h2{font-size:1.5rem}.mission-catalog-status label{gap:8px}.mission-catalog-status select{max-width:180px}.preview-actions>*{width:100%}}
/* Compact personal progress and collectible badges. */
.header-progress{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-progress[hidden]{display:none}.header-progress a{text-decoration:none}.header-points{display:flex;align-items:center;gap:5px;color:#e5a0df;font-size:.85rem;white-space:nowrap}.header-points small{color:#b9abc8}.header-badge{display:flex;align-items:center;gap:4px;border:1px solid #544260;border-radius:14px;padding:7px;color:#aa99ba;font-size:.75rem}.header-badge svg{width:20px;height:20px}.header-badge.has-badge{color:#eed0a2;background:#362539;border-color:#987251}.collection-title{font-size:1.2rem;margin:30px 0 18px}.badge-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(145deg,#241b32,#17121f);border-radius:22px;padding:24px}.badge-card.earned{border-color:#b07ba5;background:radial-gradient(ellipse at top right,#493048,#211828 65%)}.badge-card .badge-seal{width:78px;height:86px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:40% 40% 48% 48%;border:2px solid #80618d;box-shadow:inset 0 0 0 5px #231a2d;color:#b9a2cb;background:#35263f}.badge-card.earned .badge-seal{color:#ffdeb0;border-color:#d7a476;background:linear-gradient(135deg,#79503e,#40283b);box-shadow:inset 0 0 0 5px #513449,0 6px 24px #d79d6520}.badge-card .badge-seal svg{width:30px;height:30px}.badge-card h2{font-size:1.15rem;margin-top:14px}.badge-card .badge-criterion{font-size:.9rem;line-height:1.6;flex:1}.badge-card .badge-state{font-size:.72rem}.badge-card.planned{opacity:.65}.badge-upcoming{margin-top:30px;padding:20px;border:1px solid #3c2c49;border-radius:16px}.badge-upcoming>summary{cursor:pointer;font-weight:600}.badge-upcoming .badge-grid{margin-top:20px}.achievement-summary{flex-wrap:wrap}.badge-progress progress{accent-color:#d38acb}.header-points:focus-visible,.header-badge:focus-visible{outline:2px solid #e3a0dd;outline-offset:4px}
@media(max-width:1100px){header{flex-wrap:wrap;gap:14px}.header-progress{margin-left:auto}header nav{gap:16px}.header-points small{display:none}}
@media(max-width:600px){.header-progress{gap:6px}.header-points{font-size:.8rem}.badge-card{padding:20px}}
.badge-card:nth-child(5n+1) .badge-seal{color:#e8a0d8}.badge-card:nth-child(5n+2) .badge-seal{color:#9fddd2}.badge-card:nth-child(5n+3) .badge-seal{color:#d7b588}.badge-card:nth-child(5n+4) .badge-seal{color:#acacf3}.badge-card:nth-child(5n+5) .badge-seal{color:#efca8e}.badge-card .badge-seal{position:relative;clip-path:polygon(50% 0,90% 16%,100% 65%,50% 100%,0 65%,10% 16%);border-radius:0;width:92px;height:104px;box-shadow:inset 0 0 0 3px #73517f;background:linear-gradient(150deg,#49354d,#211829);padding-bottom:12px}.badge-card .badge-seal b{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:.65rem}.badge-card .badge-seal svg{width:37px;height:37px}.badge-card.earned .badge-seal{background:linear-gradient(135deg,#714462,#352038);color:#ffdebb;box-shadow:inset 0 0 0 3px #d7a476}.share-large-seal{display:inline-flex;color:#f0c49a;border:1px solid #9c7379;border-radius:24px;background:#39283d;padding:18px;margin-bottom:20px}.share-large-seal svg{width:44px;height:44px}.share-main .linkedin-primary{margin:10px 0}.share-extras{margin-top:20px}.share-main h2{font-size:1.4rem}.share-main .note{line-height:1.6}

/* Clear activity formats and a visible specification roadmap. */
.practice-format{font-size:.78rem;color:#dec1f1;border-left:3px solid #c690ef;padding-left:.65rem;margin:.6rem 0}
.quiz-topic{display:block;font-size:.75rem;color:#d7bee7;margin:.6rem 0}
.mission-tile:has(.mission-tile-kind){border-top:3px solid #ba8eea}
.mission-tile.tile-functional{border-top-color:#ed9fc7}
.mission-tile.tile-shared{border-top-color:#94d9c9}
.spec-layout{grid-template-columns:220px minmax(0,1fr) 250px;align-items:start}
.spec-roadmap{padding:1rem;position:sticky;top:1rem}
.spec-stage{display:block;text-align:left;width:100%;padding:.75rem;margin-top:.5rem;background:transparent;border:1px solid transparent;border-radius:10px}
.spec-stage small{display:block;color:#bfb0ce;margin-top:.3rem;font-size:.7rem}
.spec-stage[aria-current="step"]{background:#3d2b49;border-color:#bd8bd6}
@media(max-width:1100px){.spec-layout{grid-template-columns:200px minmax(0,1fr)}.spec-layout>details{grid-column:2}}
@media(max-width:700px){.spec-layout{grid-template-columns:1fr}.spec-roadmap{position:static}.spec-layout>details{grid-column:auto}}

/* Guided investigation: one task at a time, readable evidence and progressive help. */
.pilot-task{font-size:1.05rem;max-width:65ch;line-height:1.65}
.pilot-checkpoint{display:grid;gap:.65rem;margin:1.5rem 0;padding:1.2rem;border:1px solid var(--border,#49394d);border-radius:14px}
.pilot-checkpoint legend{font-weight:700;padding:0 .4rem;max-width:100%}
.pilot-checkpoint button{text-align:left;white-space:normal;line-height:1.5;justify-content:flex-start}
.pilot-checkpoint button[aria-pressed="true"]{border-color:#da91d0;background:#38243b}
.pilot-checkpoint-feedback{border-left:3px solid #da91d0;padding:.8rem 1rem;background:#251d2b;margin-bottom:1rem}
.pilot-business-screen{border:1px solid #61556d;border-radius:14px;overflow:hidden;margin:1.2rem 0;background:#f7f5fa;color:#252033}
.pilot-business-screen header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:#e5deee;color:#322440}
.pilot-business-screen header span{font-size:.8rem}
.pilot-business-body{padding:1.25rem}.pilot-business-body .note{color:#625770}
.pilot-table-scroll{overflow-x:auto}.pilot-business-screen table{width:100%;border-collapse:collapse;text-align:left}
.pilot-business-screen caption{text-align:left;font-weight:700;padding:.6rem 0}
.pilot-business-screen th,.pilot-business-screen td{padding:.8rem;border-bottom:1px solid #d8d0e1}
.pilot-business-screen th{background:#ede7f2}.pilot-help{margin-top:1rem}.pilot-help>p{max-width:65ch}
.pilot-resolution{border-top:1px solid #58435c;margin-top:1rem;padding-top:1rem}.pilot-resolution details{margin:.8rem 0}
.pilot-guided-step .pilot-lines{max-height:500px;overflow:auto;margin:1rem 0;border:1px solid #49394d;border-radius:12px}
.pilot-guided-step .pilot-line>span{color:#a89aac;text-align:right;padding-right:.75rem;min-width:2rem}
@media(max-width:600px){.pilot-checkpoint{padding:.8rem}.pilot-business-body{padding:.8rem}.pilot-business-screen th,.pilot-business-screen td{padding:.6rem}.pilot-help .actions button{width:100%}}
.pilot-timeline{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.75rem}.pilot-timeline li{display:flex;gap:1rem;border-left:2px solid #b67dac;padding:.6rem 1rem}.pilot-timeline time{font-variant-numeric:tabular-nums;font-weight:700;flex-shrink:0;color:#e6b7df}.pilot-timeline li.note{border-left-color:transparent}@media(max-width:600px){.pilot-timeline li{flex-direction:column;gap:.25rem}}