:root {
  --ink: #10243f;
  --muted: #60748e;
  --blue: #0b61e8;
  --cyan: #20b7c7;
  --navy: #0d2039;
  --line: #d9e4f1;
  --soft: #f4f8fc;
  --ok: #138d63;
  --bad: #d34d55;
  --warn: #d58c24;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: #eaf0f7;
  color: var(--ink);
  font-family: "Microsoft YaHei UI", "PingFang SC", Arial, sans-serif;
}
button,
select,
textarea {
  font-family: inherit;
}
.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 66px;
  padding: 10px max(22px, calc((100vw - 1420px) / 2));
  background: var(--navy);
  color: #fff;
}
.top a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: #cee0f8;
  text-decoration: none;
}
.top div {
  text-align: right;
}
.top strong,
.top small {
  display: block;
}
.top small {
  margin-top: 4px;
  color: #9fb5cf;
  font-size: 12px;
}
main {
  max-width: 1420px;
  margin: auto;
  background: #fff;
  box-shadow: 0 12px 55px #173a5f18;
}
.hero {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  align-items: center;
  gap: 8%;
  min-height: 470px;
  padding: 64px 7%;
  background: linear-gradient(122deg, #f8fbff 0 61%, #e8f2ff 61%);
}
.hero h1 {
  margin: 0 0 20px;
  font-size: 46px;
  line-height: 1.18;
}
.hero p {
  max-width: 650px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.9;
}
.hero a,
.cases > button,
.answer > button,
.closure-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 0;
  border-radius: 6px;
  background: var(--blue);
  padding: 0 20px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}
.hero aside {
  display: grid;
  grid-template-columns: repeat(9, auto);
  align-items: center;
  border-top: 5px solid var(--cyan);
  background: var(--navy);
  padding: 28px 24px;
  color: #fff;
}
.hero aside b {
  text-align: center;
  font-size: 13px;
}
.hero aside i {
  color: #6683a6;
  font-style: normal;
}
.hero aside footer {
  grid-column: 1/-1;
  margin-top: 20px;
  border-top: 1px solid #35506f;
  padding-top: 14px;
  color: #b8c9dc;
  font-size: 12px;
  line-height: 1.55;
}
.principle {
  border-bottom: 1px solid var(--line);
  padding: 48px 6%;
}
.principle header {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.principle small,
.lab header small,
.result header small,
.closure header small {
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.principle h2 {
  margin: 7px 0;
  font-size: 28px;
}
.principle ol {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  margin: 25px 0 0;
  padding: 0;
  border-block: 1px solid var(--line);
  list-style: none;
}
.principle li {
  min-width: 0;
  border-right: 1px solid var(--line);
  padding: 16px 10px;
}
.principle li:last-child {
  border-right: 0;
}
.principle li b,
.principle li strong,
.principle li span {
  display: block;
}
.principle li b {
  color: var(--blue);
  font-size: 11px;
}
.principle li strong {
  margin: 8px 0 5px;
  font-size: 13px;
}
.principle li span {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.lab {
  display: grid;
  grid-template-columns: 270px 1.25fr 0.9fr;
  border-bottom: 1px solid var(--line);
}
.cases,
.gate-stage,
.answer {
  padding: 30px;
}
.cases {
  background: var(--navy);
  color: #fff;
}
.cases h2,
.gate-stage h2,
.answer h2 {
  margin: 7px 0;
  font-size: 22px;
}
.cases header strong {
  color: #b2c5da;
  font-size: 12px;
}
.cases nav {
  display: grid;
  gap: 6px;
  margin-top: 20px;
}
.cases nav button {
  min-height: 54px;
  border: 1px solid #34506f;
  border-radius: 5px;
  background: transparent;
  padding: 9px 11px;
  color: #c3d3e5;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}
.cases nav button.active {
  border-color: #58b9ff;
  background: #173b65;
  color: #fff;
}
.cases nav button.done {
  border-color: #2f9f7b;
  color: #83e0bc;
}
.cases nav button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.cases nav button b {
  display: inline-block;
  width: 28px;
  color: #75cff0;
}
.cases > button {
  width: 100%;
  margin-top: 20px;
}
.cases > button:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}
.cases p {
  color: #adc0d7;
  font-size: 12px;
  line-height: 1.55;
}
.gate-stage {
  border-right: 1px solid var(--line);
  background: #f8fbff;
}
.gate-stage > header {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.gate-stage > header p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.gate-stage > header > strong {
  color: var(--bad);
  font-size: 13px;
}
.gate-stage > header > strong.review {
  color: var(--blue);
}
#gate-list {
  display: grid;
  margin: 18px 0 0;
  padding: 0;
  border-top: 1px solid var(--line);
  list-style: none;
}
#gate-list li {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  border-bottom: 1px solid var(--line);
  background: #fff;
  padding: 7px 9px;
}
#gate-list li b {
  color: var(--blue);
  font:
    800 11px Consolas,
    monospace;
}
#gate-list li div strong,
#gate-list li div span {
  display: block;
}
#gate-list li div strong {
  font-size: 13px;
}
#gate-list li div span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
#gate-list li em {
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 11px;
  font-style: normal;
}
#gate-list li.pass em {
  border-color: #8bd2b8;
  color: var(--ok);
}
#gate-list li.stop {
  border-left: 4px solid var(--bad);
  background: #fff4f4;
}
#gate-list li.stop em {
  border-color: #eba8ac;
  color: var(--bad);
}
#gate-list li.unknown {
  border-left: 4px solid var(--warn);
  background: #fff9ee;
}
#gate-list li.unknown em {
  border-color: #e3be80;
  color: #9b681a;
}
.first-stop {
  margin-top: 14px;
  border-left: 4px solid var(--bad);
  background: #fff1f2;
  padding: 14px;
}
.first-stop span,
.first-stop strong {
  display: block;
}
.first-stop span {
  color: var(--muted);
  font-size: 11px;
}
.first-stop strong {
  margin: 6px 0;
  font-size: 14px;
}
.first-stop p {
  margin: 0;
  color: #7e4246;
  font-size: 12px;
  line-height: 1.55;
}
.answer fieldset {
  border: 0;
  padding: 0;
}
.answer legend {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 800;
}
.answer fieldset label {
  display: flex;
  gap: 8px;
  min-height: 50px;
  margin-bottom: 7px;
  border: 1px solid var(--line);
  padding: 11px;
  color: #354d67;
  font-size: 13px;
  line-height: 1.5;
}
.answer fieldset label:has(input:checked) {
  border-color: #8db9f2;
  background: #eaf3ff;
  color: var(--navy);
}
.answer > label {
  display: block;
  margin-top: 18px;
}
.answer > label span b,
.answer > label span small {
  display: block;
}
.answer > label span small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
}
.gate-prediction {
  margin: 18px 0;
}
.gate-prediction select {
  width: 100%;
  min-height: 46px;
  margin-top: 10px;
  border: 1px solid #9eb5cf;
  border-radius: 5px;
  background: #fff;
  padding: 0 11px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
}
.gate-prediction select:focus,
.answer textarea:focus,
.showcase-statement textarea:focus {
  outline: 3px solid #0b61e833;
  outline-offset: 2px;
}
.answer textarea {
  width: 100%;
  min-height: 120px;
  margin-top: 10px;
  border: 1px solid #b4c7dc;
  padding: 11px;
  font-size: 13px;
  line-height: 1.7;
  resize: vertical;
}
.answer output {
  display: block;
  color: var(--muted);
  font-size: 12px;
  text-align: right;
}
.answer > button {
  width: 100%;
  margin-top: 10px;
}
.answer p {
  min-height: 42px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.answer p.pass {
  color: var(--ok);
  font-weight: 800;
}
.answer p.fail {
  color: var(--bad);
  font-weight: 800;
}
.result {
  padding: 50px 7%;
}
.result > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.result h2 {
  margin: 7px 0;
  font-size: 30px;
}
.result > header strong {
  color: var(--blue);
}
.result-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.result-flow article {
  min-height: 120px;
  border: 1px solid var(--line);
  border-top: 4px solid var(--blue);
  padding: 18px;
}
.result-flow article.stop {
  border-top-color: var(--bad);
}
.result-flow b {
  font-size: 14px;
}
.result-flow p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}
.result-flow i {
  color: var(--blue);
  font-style: normal;
}
.result > aside {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  margin-top: 20px;
  background: var(--navy);
  padding: 20px;
  color: #fff;
}
.result > aside span {
  color: #c0cee0;
  font-size: 12px;
  line-height: 1.65;
}
.result > footer {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
  margin-top: 16px;
}
.result > footer a {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.result > footer a.primary {
  justify-content: center;
  border-radius: 6px;
  background: var(--blue);
  padding: 0 18px;
  color: #fff;
}
.closure {
  border-top: 1px solid var(--line);
  background: #f7faff;
  padding: 50px 7%;
}
.closure > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
}
.closure h2 {
  margin: 7px 0;
  color: var(--navy);
  font-size: 30px;
}
.closure > header p {
  max-width: 820px;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}
.closure > header > strong {
  color: var(--blue);
  font-size: 13px;
}
.showcase-map {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 24px;
}
.showcase-map article {
  min-height: 120px;
  border: 1px solid var(--line);
  border-top: 4px solid var(--blue);
  background: #fff;
  padding: 20px;
}
.showcase-map b {
  color: var(--navy);
  font-size: 15px;
}
.showcase-map p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.closure-form {
  margin-top: 18px;
}
.closure-form > fieldset {
  margin: 0;
  border: 1px solid #b9d2f4;
  border-radius: 8px;
  background: #fff;
  padding: 22px;
}
.closure-form > fieldset > legend {
  padding: 0 8px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 800;
}
.closure-choices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.closure-choices fieldset {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--line);
  padding: 14px 0 0;
}
.closure-choices legend {
  padding-right: 8px;
  color: var(--blue);
  font-size: 13px;
  font-weight: 800;
}
.closure-choices label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-height: 58px;
  border-bottom: 1px solid var(--line);
  padding: 11px 6px;
  color: #354d67;
  font-size: 13px;
  line-height: 1.55;
}
.closure-choices label:has(input:checked) {
  border-color: #8db9f2;
  border-radius: 5px;
  background: #eaf3ff;
  color: var(--navy);
}
.showcase-statement {
  display: block;
  margin-top: 20px;
}
.showcase-statement span b,
.showcase-statement span small {
  display: block;
}
.showcase-statement span b {
  font-size: 14px;
}
.showcase-statement span small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}
.showcase-statement textarea {
  width: 100%;
  min-height: 130px;
  margin-top: 10px;
  border: 1px solid #a9bfd8;
  border-radius: 5px;
  padding: 13px;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.75;
  resize: vertical;
}
.showcase-statement output {
  display: block;
  color: var(--muted);
  font-size: 12px;
  text-align: right;
}
.closure-form button {
  width: 100%;
  margin-top: 12px;
}
.closure-form > fieldset:disabled {
  opacity: 0.55;
}
.closure-form > fieldset:disabled button {
  cursor: not-allowed;
}
#closure-feedback {
  min-height: 44px;
  margin: 12px 0 0;
  border-left: 3px solid #a7b9ca;
  background: #fff;
  padding: 11px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
#closure-feedback.pass {
  border-left-color: var(--ok);
  background: #edf8f4;
  color: #28684f;
  font-weight: 750;
}
#closure-feedback.fail {
  border-left-color: var(--bad);
  background: #fff1f2;
  color: #8a3d43;
  font-weight: 750;
}
.closure-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 18px;
  border: 1px solid #b9d2f4;
  border-radius: 8px;
  background: #fff;
  padding: 18px 20px;
}
.closure-next strong,
.closure-next span {
  display: block;
}
.closure-next strong {
  color: var(--navy);
  font-size: 14px;
}
.closure-next span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.closure-next a,.closure-next button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 6px;
  background: var(--blue);
  padding: 0 18px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}
.closure-next button{border:1px solid var(--blue);background:#fff;color:var(--blue);cursor:pointer}
.boundary {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 20px;
  background: var(--navy);
  padding: 24px 5%;
  color: #fff;
}
.boundary span {
  color: #b9c9dc;
  font-size: 12px;
  line-height: 1.65;
}
@media (max-width: 1100px) {
  .principle ol {
    grid-template-columns: repeat(5, 1fr);
  }
  .lab {
    grid-template-columns: 260px 1fr;
  }
  .answer {
    grid-column: 1/-1;
  }
  .closure-choices,
  .showcase-map {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 700px) {
  .top {
    padding: 10px 16px;
  }
  .hero {
    grid-template-columns: 1fr;
    padding: 45px 20px;
    background: #f8fbff;
  }
  .hero h1 {
    font-size: 34px;
  }
  .hero aside {
    grid-template-columns: 1fr;
  }
  .hero aside i {
    transform: rotate(90deg);
    text-align: center;
  }
  .principle {
    padding: 38px 20px;
  }
  .principle ol {
    grid-template-columns: 1fr 1fr;
  }
  .lab {
    display: block;
  }
  .cases,
  .gate-stage,
  .answer {
    padding: 25px 20px;
  }
  .cases nav {
    grid-template-columns: 1fr;
  }
  .result,
  .closure {
    padding: 42px 20px;
  }
  .result > header,
  .closure > header {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  .result-flow {
    grid-template-columns: 1fr;
  }
  .result-flow i {
    transform: rotate(90deg);
    text-align: center;
  }
  .result > aside {
    grid-template-columns: 1fr;
  }
  .result > footer {
    display: block;
  }
  .result > footer a {
    justify-content: center;
    margin-top: 8px;
  }
  .closure h2 {
    font-size: 26px;
  }
  .closure-form > fieldset {
    padding: 18px 14px;
  }
  .closure-next {
    align-items: stretch;
    flex-direction: column;
  }
  .closure-next a {
    white-space: normal;
    text-align: center;
  }
  .boundary {
    grid-template-columns: 1fr;
    padding: 24px 20px;
  }
}
#closure-form {
  margin-top: 18px;
}
#closure-form > fieldset {
  margin: 0;
  border: 1px solid #b9d2f4;
  border-radius: 8px;
  background: #fff;
  padding: 22px;
}
#closure-form > fieldset > legend {
  padding: 0 8px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 800;
}
#closure-form button {
  width: 100%;
  min-height: 46px;
  margin-top: 12px;
  border: 1px solid var(--blue);
  border-radius: 6px;
  background: var(--blue);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
#closure-form > fieldset:disabled {
  opacity: 0.55;
}
#closure-form > fieldset:disabled button {
  cursor: not-allowed;
}
@media (max-width: 700px) {
  #closure-form > fieldset {
    padding: 18px 14px;
  }
}

/* P329: H1 supervised hardware example teaching candidate. */
.top{background:#fff;color:var(--navy);border-bottom:1px solid var(--line)}.top nav{display:flex;align-items:center;gap:22px}.top nav a:last-child{color:var(--muted);font-size:12px}.top a{color:var(--blue)}.top small{color:var(--muted)}
@media(max-width:700px){.top nav a:last-child{display:none}}
.mode-tabs{display:flex;width:max-content;margin:0 0 24px;border:1px solid #cbd9e9;border-radius:7px;background:#fff;overflow:hidden}.mode-tabs a{min-width:112px;min-height:44px;border:0;border-right:1px solid #dce6f2;border-radius:0;background:#fff;color:#61728a;font-weight:700}.mode-tabs a:last-child{border-right:0}.mode-tabs a[aria-current=page]{background:var(--blue);color:#fff}.h1-demo{padding:34px 18px 42px;background:#f7faff}.h1-heading,.h1-feedback>header,.h1-authority>header,.h1-trace>header,.h1-reflection>header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.h1-heading{padding:0 12px 20px}.h1-heading small,.h1-feedback small,.h1-authority small,.h1-trace small,.h1-reflection small{color:var(--blue);font-size:12px;font-weight:800}.h1-heading h2,.h1-feedback h3,.h1-authority h3,.h1-trace h3,.h1-reflection h3{margin:6px 0 0;color:var(--navy)}.h1-heading h2{font-size:25px}.h1-heading p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h1-heading>strong{border:1px solid #9ec2f1;border-radius:5px;background:#fff;padding:9px 12px;color:var(--blue);font:800 11px Consolas,monospace;white-space:nowrap}.h1-workspace{display:grid;grid-template-columns:minmax(260px,.92fr) minmax(330px,1.22fr) minmax(260px,.92fr);gap:12px}.h1-media,.h1-causal,.h1-feedback,.h1-authority,.h1-trace,.h1-reflection{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(39,76,119,.04)}.h1-media{min-width:0;overflow:hidden}.h1-media>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-bottom:1px solid var(--line);padding:9px 13px}.h1-media header small,.h1-media header strong{display:block}.h1-media header small{color:var(--muted);font-size:11px}.h1-media header strong{margin-top:3px;font-size:13px}.h1-media header em{color:#9b681a;font-size:11px;font-style:normal;font-weight:800}.h1-media figure{position:relative;height:268px;margin:0;background:#eef3f8;overflow:hidden}.h1-media img{width:100%;height:100%;object-fit:cover}.input-media img{object-position:center 48%}.monitor-media img{object-position:center 54%}.h1-media figcaption{position:absolute;right:8px;bottom:8px;left:8px;border-radius:4px;background:rgba(13,32,57,.82);padding:7px 9px;color:#fff;font-size:10px;line-height:1.4}.h1-media>footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.h1-media>footer span{min-width:0;padding:10px;border-right:1px solid var(--line);color:var(--muted);font-size:10px;text-align:center}.h1-media>footer span:last-child{border-right:0}.h1-media>footer b{display:block;margin-top:4px;color:var(--navy);font-size:11px}.h1-causal{display:flex;min-width:0;flex-direction:column;padding:14px}.h1-causal>header{display:flex;justify-content:space-between;gap:12px}.h1-causal>header small{color:var(--muted);font-size:11px}.h1-causal>header strong{color:#9b681a;font-size:12px}.h1-causal ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.h1-causal li{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-height:58px;border:1px solid #cbd9e9;border-radius:7px;padding:8px;background:#fff}.h1-causal li:not(:last-child)::after{position:absolute;right:-9px;width:8px;border-top:2px solid #8ba8ca;content:""}.h1-causal li.active{border-color:var(--blue);background:#eef5ff;box-shadow:0 0 0 2px #dceaff}.h1-causal li.done{border-color:#87c9b2;background:#f1faf6}.h1-causal li b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f1ff;color:var(--blue);font-size:10px}.h1-causal li span,.h1-causal li small{display:block}.h1-causal li span{font-size:12px;font-weight:800}.h1-causal li small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}.h1-causal>aside{margin-top:auto;border-left:4px solid var(--blue);background:#f2f7ff;padding:14px}.h1-causal>aside strong,.h1-causal>aside span{display:block}.h1-causal>aside strong{font-size:12px;line-height:1.55}.h1-causal>aside span{margin-top:6px;color:var(--muted);font-size:11px}.h1-feedback,.h1-authority,.h1-trace,.h1-reflection{margin-top:12px;padding:18px}.h1-feedback>header h3,.h1-authority h3,.h1-trace h3,.h1-reflection h3{font-size:19px}.h1-feedback nav{display:flex;gap:5px}.h1-feedback nav button{min-width:45px;min-height:44px;border:1px solid #b9cae0;border-radius:5px;background:#fff;color:#41566f;font-weight:800;cursor:pointer}.h1-feedback nav button.active{border-color:var(--blue);background:#edf4ff;color:var(--blue)}#h1-chart{display:block;width:100%;height:210px;margin-top:12px;border:1px solid var(--line);background:#fbfdff}#h1-chart text{fill:#74869c;font-size:10px}.chart-grid path{fill:none;stroke:#dce6f1;stroke-width:1}.target-line,.actual-line,.error-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.target-line{stroke:#176fe7;stroke-dasharray:8 5}.actual-line{stroke:#13a277}.error-line{stroke:#d98927;stroke-width:2}.h1-feedback>footer{display:flex;align-items:center;gap:18px;margin-top:10px;color:var(--muted);font-size:11px}.h1-feedback>footer span{display:flex;align-items:center;gap:6px}.h1-feedback>footer i{width:20px;border-top:3px solid}.h1-feedback .target-key{border-color:#176fe7;border-top-style:dashed}.h1-feedback .actual-key{border-color:#13a277}.h1-feedback .error-key{border-color:#d98927}.h1-feedback>footer strong{margin-left:auto;color:var(--navy)}.h1-authority>header>strong{color:#b16c0f;font-size:17px}.h1-authority ol{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin:16px 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.h1-authority li{min-width:0;border-right:1px solid var(--line);padding:11px 8px}.h1-authority li:last-child{border-right:0}.h1-authority li b,.h1-authority li span,.h1-authority li em{display:block}.h1-authority li b{color:var(--blue);font-size:10px}.h1-authority li span{margin-top:5px;font-size:11px;font-weight:800}.h1-authority li em{margin-top:4px;color:#9b681a;font-size:9px;font-style:normal}.h1-authority>p{margin:12px 0 0;color:var(--muted);font-size:12px}.h1-authority>p b{color:#9b681a}.h1-trace>header>strong{color:var(--blue)}.h1-trace ol{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none}.h1-trace li{min-height:62px;border-top:3px solid #aebed0;background:#f8fafc;padding:9px;color:var(--muted);font-size:10px;line-height:1.45}.h1-trace li.active{border-color:var(--blue);background:#eef5ff;color:var(--navy)}.h1-trace li.done{border-color:var(--ok);background:#f0faf6}.h1-trace li b{display:block;margin-bottom:4px;color:inherit;font-size:11px}.h1-controls{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;margin-top:12px}.h1-controls button,.h1-reflection button{min-height:46px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);padding:0 18px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.h1-controls #h1-stop{border-color:#d66a70;background:#fff;color:#bd3941}.h1-controls p{margin:0;color:var(--muted);font-size:11px}.h1-reflection>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.h1-reflection fieldset{margin:0;border:1px solid var(--line);border-radius:7px;padding:12px}.h1-reflection legend{padding:0 6px;font-size:12px;font-weight:800}.h1-reflection fieldset label{display:flex;align-items:flex-start;gap:8px;min-height:48px;border-bottom:1px solid var(--line);padding:10px 4px;color:#41566f;font-size:12px;line-height:1.5}.h1-reflection fieldset label:last-child{border-bottom:0}.h1-reflection>label{display:block;margin-top:14px}.h1-reflection>label span b,.h1-reflection>label span small{display:block}.h1-reflection>label span b{font-size:13px}.h1-reflection>label span small{margin-top:4px;color:var(--muted);font-size:11px}.h1-reflection textarea{width:100%;min-height:112px;margin-top:8px;border:1px solid #a9bfd8;border-radius:6px;padding:12px;font-size:13px;line-height:1.7;resize:vertical}.h1-reflection output{display:block;color:var(--muted);font-size:11px;text-align:right}.h1-reflection>button[type=submit]{width:100%}.h1-reflection>button:disabled{opacity:.42;cursor:not-allowed}.h1-reflection>p{min-height:42px;border-left:3px solid #a7b9ca;background:#f8fafc;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h1-reflection>p.pass{border-color:var(--ok);background:#eff9f5;color:#17694d}.h1-reflection>p.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}#h1-download{width:100%;border-color:#83b5a3;background:#f1faf6;color:#146b4d}
@media(max-width:1100px){.h1-workspace{grid-template-columns:1fr 1fr}.h1-causal{grid-column:1/-1;grid-row:2}.h1-causal ol{grid-template-columns:repeat(6,1fr)}.h1-authority ol{grid-template-columns:repeat(5,1fr)}.h1-trace ol{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-bottom:22px}.mode-tabs a{min-width:0;padding:0 10px}.h1-demo{padding:26px 14px 34px}.h1-heading,.h1-feedback>header,.h1-authority>header,.h1-trace>header,.h1-reflection>header{align-items:flex-start;flex-direction:column}.h1-heading{padding:0 2px 16px}.h1-heading h2{font-size:23px;line-height:1.35}.h1-heading>strong{white-space:normal}.h1-workspace{display:flex;flex-direction:column}.input-media{order:1}.h1-causal{order:2}.monitor-media{order:3}.h1-media figure{height:245px}.h1-causal ol{grid-template-columns:1fr}.h1-causal li:not(:last-child)::after{right:auto;bottom:-9px;left:27px;width:0;height:8px;border-top:0;border-left:2px solid #8ba8ca}.h1-causal>aside{margin-top:14px}.h1-feedback nav{width:100%}.h1-feedback nav button{flex:1;min-width:0}.h1-feedback>footer{flex-wrap:wrap}.h1-feedback>footer strong{width:100%;margin-left:0}.h1-authority ol{grid-template-columns:1fr}.h1-authority li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.h1-authority li em{margin:0}.h1-trace ol{grid-template-columns:1fr}.h1-controls{grid-template-columns:1fr}.h1-controls button{width:100%}.h1-reflection>div{grid-template-columns:1fr}#h1-chart{height:190px}}
@media(prefers-reduced-motion:reduce){.h1-demo *{scroll-behavior:auto!important;transition:none!important}}

/* P304: five fact handoffs, one scenario, one closure state. */
.principle .safety-layers{grid-template-columns:repeat(5,minmax(0,1fr));border:0;gap:0}.principle .safety-layers li{position:relative;border:0;border-top:3px solid #9db6d1;padding:15px 16px}.principle .safety-layers li:not(:last-child)::after{position:absolute;top:-7px;right:-7px;z-index:1;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--blue);content:""}.principle .safety-layers li:first-child{border-color:var(--blue)}.principle .safety-layers li strong{font-size:14px}.principle .safety-layers li span{font-size:12px}.gate-reference{margin-top:10px;border-top:1px solid var(--line)}.gate-reference>summary{display:flex;align-items:center;min-height:44px;color:var(--blue);font-size:12px;font-weight:800;cursor:pointer;list-style:none}.gate-reference>summary::before{display:grid;place-items:center;width:25px;height:25px;margin-right:9px;border:1px solid #9fbce0;border-radius:50%;content:"＋"}.gate-reference[open]>summary::before{content:"−"}.gate-reference ol{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:4px}.result,.closure{display:none}body.cases-complete:not(.reviewing-cases):not(.closure-mode) .lab{display:none}body.cases-complete:not(.reviewing-cases):not(.closure-mode) .result{display:block}body.reviewing-cases .result{display:none}body.closure-mode .principle,body.closure-mode .lab,body.closure-mode .result{display:none}body.closure-mode .closure{display:block}.closure-next{display:none}body.closure-complete .closure-next{display:flex}body.closure-complete #closure-form{display:none}.cases>#return-result{border-color:#5a83b4;background:transparent}.cases>#download{margin-top:8px}.result>footer button,.closure-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--blue);border-radius:6px;background:#fff;padding:0 18px;color:var(--blue);font-size:13px;font-weight:800;cursor:pointer}.result>footer button.primary{background:var(--blue);color:#fff}.closure-actions{display:grid;justify-items:end;gap:8px}.closure-actions button{min-height:44px}.top strong,.top small,.hero aside b,.hero aside footer,.principle small,.principle li b,.principle li span,.lab header small,.cases header strong,.cases p,.gate-stage>header p,.gate-stage>header>strong,#gate-list li b,#gate-list li div span,#gate-list li em,.first-stop span,.first-stop p,.answer small,.answer select,.answer fieldset label,.answer textarea,.answer output,.answer>button,.answer>p,.result header small,.result-flow p,.result>aside span,.result>footer button,.result>footer a,.closure header small,.closure header p,.showcase-map p,.closure-choices label,.showcase-statement span small,.showcase-statement output,#closure-feedback,.closure-next span,.closure-next a,.boundary span{font-size:12px!important}
@media(max-width:980px){.principle .safety-layers,.gate-reference ol{grid-template-columns:1fr}.principle .safety-layers li{min-height:68px}.principle .safety-layers li:not(:last-child)::after{top:auto;right:auto;bottom:-7px;left:16px}.result>footer{display:flex;flex-wrap:wrap}.closure-actions{justify-items:start}}
@media(max-width:700px){.hero{min-height:auto;padding:42px 20px}.hero h1{font-size:32px;line-height:1.22}.principle{padding:32px 20px}.principle h2{font-size:24px}.principle .safety-layers{grid-template-columns:1fr}.principle .safety-layers li{padding-inline:10px}.result>footer{display:grid}.result>footer button,.result>footer a{width:100%;margin:0}.closure-actions{justify-items:stretch}.closure-actions button{width:100%}body.closure-complete .closure-next{display:flex}}

/* P331: H1 observation to inert H2 single-action plan draft. */
.h2-plan{padding:42px 30px;background:#eef4fb}.h2-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 20px}.h2-heading small,.h2-gates small{color:var(--blue);font-size:12px;font-weight:800}.h2-heading h2{margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-heading p{max-width:850px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-heading>strong{border:1px solid #9ec2f1;border-radius:5px;background:#fff;padding:9px 12px;color:var(--blue);font:800 11px Consolas,monospace;white-space:nowrap}.h2-workspace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1180px;margin:auto}.h2-workspace>article,.h2-gates,.h2-reasoning{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 4px 18px rgba(39,76,119,.04)}.h2-workspace>article{min-width:0;padding:18px}.h2-workspace article>header{display:flex;align-items:flex-start;gap:10px}.h2-workspace article>header>b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:#e8f1ff;color:var(--blue);font-size:11px}.h2-workspace header strong,.h2-workspace header span{display:block}.h2-workspace header strong{font-size:14px}.h2-workspace header span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}.h2-file,.h2-template select{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:16px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.h2-file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.h2-import>p,.h2-boundary>p{margin:12px 0 0;border-left:3px solid #a7b9ca;background:#f5f8fc;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-import>p.pass{border-color:var(--ok);background:#eff9f5;color:#17694d}.h2-import>p.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}.h2-template>label{display:block;margin-top:14px;color:var(--navy);font-size:11px;font-weight:800}.h2-template select{justify-content:flex-start;border-color:#9bb5d3;background:#fff;padding:0 12px;color:var(--navy)}.h2-template select:disabled{opacity:.55;cursor:not-allowed}.h2-axis-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.h2-axis-preview span{border:1px solid #cfdae8;border-radius:4px;background:#f7faff;padding:7px;color:var(--muted);font-size:10px;text-align:center}.h2-axis-preview b{display:block;margin-top:3px;color:var(--navy);font-size:12px}.h2-boundary ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0 0;padding:0;list-style:none}.h2-boundary li{min-height:44px;border-left:3px solid #d98927;background:#fff8ed;padding:9px;color:#6f562b;font-size:11px;line-height:1.45}.h2-gates{max-width:1180px;margin:12px auto 0;padding:16px 18px}.h2-gates>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.h2-gates>header strong{color:#9b681a;font-size:12px}.h2-gates ol{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin:12px 0 0;padding:0;border-block:1px solid var(--line);list-style:none}.h2-gates li{min-width:0;border-right:1px solid var(--line);padding:9px 6px;color:var(--muted);font-size:9px;text-align:center}.h2-gates li:last-child{border-right:0}.h2-gates li b{display:block;margin-bottom:4px;color:var(--blue);font-size:10px}.h2-reasoning{max-width:1180px;margin:12px auto 0;padding:18px}.h2-reasoning>fieldset{margin:0;border:0;padding:0}.h2-reasoning>fieldset>legend{color:var(--navy);font-size:17px;font-weight:800}.h2-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.h2-choices fieldset{margin:0;border:1px solid var(--line);border-radius:7px;padding:10px}.h2-choices legend{padding:0 5px;font-size:12px;font-weight:800}.h2-choices label{display:flex;align-items:flex-start;gap:8px;min-height:54px;border-bottom:1px solid var(--line);padding:10px 3px;color:#41566f;font-size:11px;line-height:1.5}.h2-choices label:last-child{border-bottom:0}.h2-explanation{display:block;margin-top:14px}.h2-explanation span b,.h2-explanation span small{display:block}.h2-explanation span b{font-size:13px}.h2-explanation span small{margin-top:4px;color:var(--muted);font-size:11px}.h2-explanation textarea{width:100%;min-height:110px;margin-top:8px;border:1px solid #a9bfd8;border-radius:6px;padding:12px;font-size:13px;line-height:1.7;resize:vertical}.h2-explanation output{display:block;color:var(--muted);font-size:11px;text-align:right}.h2-reasoning button{width:100%;min-height:46px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.h2-reasoning fieldset:disabled{opacity:.55}.h2-reasoning fieldset:disabled button{cursor:not-allowed}.h2-reasoning>p{min-height:42px;border-left:3px solid #a7b9ca;background:#f8fafc;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-reasoning>p.pass{border-color:var(--ok);background:#eff9f5;color:#17694d}.h2-reasoning>p.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}#h2-download{border-color:#83b5a3;background:#f1faf6;color:#146b4d}
@media(max-width:1100px){.h2-workspace{grid-template-columns:1fr 1fr}.h2-boundary{grid-column:1/-1}.h2-gates ol{grid-template-columns:repeat(5,1fr)}.h2-choices{grid-template-columns:1fr}}
@media(max-width:700px){.mode-tabs{grid-template-columns:repeat(2,1fr)}.h2-plan{padding:30px 14px}.h2-heading{align-items:flex-start;flex-direction:column}.h2-heading h2{font-size:23px}.h2-heading>strong{white-space:normal}.h2-workspace{grid-template-columns:1fr}.h2-boundary{grid-column:auto}.h2-boundary ul{grid-template-columns:1fr}.h2-gates ol{grid-template-columns:1fr}.h2-gates li{display:grid;grid-template-columns:30px 1fr;align-items:center;min-height:44px;border-right:0;border-bottom:1px solid var(--line);text-align:left}.h2-gates li b{margin:0}.h2-gates>header{align-items:flex-start;flex-direction:column}.h2-axis-preview{grid-template-columns:repeat(2,1fr)}}

/* P333: H2 pre-submission self-check with synthetic review examples. */
.h2-review{padding:42px 30px;background:#f8fbff;border-top:1px solid var(--line)}.h2-review-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 20px}.h2-review-heading small{color:#7652ad;font-size:12px;font-weight:800}.h2-review-heading h2{margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-review-heading p{max-width:850px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-review-heading>strong{border:1px solid #c9b8e4;border-radius:5px;background:#fff;padding:9px 12px;color:#69469e;font:800 10px Consolas,monospace;white-space:nowrap}.h2-review-workspace{display:grid;grid-template-columns:290px 1fr;max-width:1180px;margin:auto;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 4px 18px rgba(39,76,119,.04)}.h2-review-workspace>aside{padding:18px;background:#142f51;color:#fff}.h2-review-file{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #8fbbf7;border-radius:6px;background:var(--blue);font-size:12px;font-weight:800;cursor:pointer}.h2-review-file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#h2-review-import-status{min-height:54px;margin:10px 0;border-left:3px solid #7189a5;background:#1c3b61;padding:9px;color:#c4d2e2;font-size:11px;line-height:1.5}#h2-review-import-status.pass{border-color:#52d3a2;color:#c7f4e4}#h2-review-import-status.fail{border-color:#f08087;color:#ffd4d7}#h2-review-cases{display:grid;gap:7px;margin-top:14px}#h2-review-cases button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:58px;border:1px solid #355778;border-radius:5px;background:#18395f;padding:8px;color:#dbe6f2;text-align:left;cursor:pointer}#h2-review-cases button b{color:#82b7ff;font-size:11px}#h2-review-cases button span{display:grid;font-size:12px;font-weight:800}#h2-review-cases button small{margin-top:3px;color:#9fb4ca;font-size:10px}#h2-review-cases button.active{border-color:#b99be5;background:#244970;box-shadow:inset 3px 0 #b99be5}#h2-review-cases button.done b{color:#52d3a2}#h2-review-cases button:disabled{opacity:.45;cursor:not-allowed}#h2-review-progress{display:block;margin-top:14px;color:#c7d7e8;font-size:11px}.h2-review-stage{padding:24px}.h2-review-stage>header small{color:#7652ad;font-size:11px;font-weight:800}.h2-review-stage>header h3{margin:5px 0 0;font-size:20px}.h2-review-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-top:16px}.h2-review-flow section{border:1px solid #d7dfeb;border-radius:6px;background:#f8fafc;padding:13px}.h2-review-flow b{font-size:11px}.h2-review-flow p{margin:7px 0 0;color:#40556e;font-size:11px;line-height:1.55}.h2-review-flow i{align-self:center;color:#7652ad;font-style:normal}.h2-review-stage form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.h2-review-stage form>fieldset{margin:0;border:1px solid var(--line);border-radius:6px;padding:10px}.h2-review-stage legend{padding:0 5px;font-size:12px;font-weight:800}.h2-review-stage fieldset label{display:flex;align-items:flex-start;gap:7px;min-height:48px;border-bottom:1px solid var(--line);padding:9px 3px;color:#41566f;font-size:11px;line-height:1.45}.h2-review-stage fieldset label:last-child{border-bottom:0}.h2-review-stage form>label{grid-column:1/-1}.h2-review-stage form>label span b,.h2-review-stage form>label span small{display:block}.h2-review-stage form>label span b{font-size:12px}.h2-review-stage form>label span small{margin-top:4px;color:var(--muted);font-size:11px}.h2-review-stage textarea{width:100%;min-height:100px;margin-top:7px;border:1px solid #a9bfd8;border-radius:6px;padding:11px;font-size:12px;line-height:1.65;resize:vertical}.h2-review-stage output{display:block;color:var(--muted);font-size:10px;text-align:right}.h2-review-stage form>button{grid-column:1/-1;min-height:46px;border:1px solid #7652ad;border-radius:6px;background:#7652ad;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.h2-review-stage form>button:disabled{opacity:.5;cursor:not-allowed}#h2-review-status{grid-column:1/-1;min-height:42px;margin:0;border-left:3px solid #a7b9ca;background:#f8fafc;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}#h2-review-status.pass{border-color:var(--ok);background:#eff9f5;color:#17694d}#h2-review-status.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}.h2-review-result{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:12px auto 0;border:1px solid #d6cae8;border-radius:8px;background:#fff;padding:16px}.h2-review-result b,.h2-review-result span{display:block}.h2-review-result b{font-size:13px}.h2-review-result span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.h2-review-result button{min-height:46px;border:1px solid #7652ad;border-radius:6px;background:#fff;padding:0 16px;color:#69469e;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:700px){.h2-review{padding:30px 14px}.h2-review-heading{align-items:flex-start;flex-direction:column}.h2-review-heading h2{font-size:23px}.h2-review-heading>strong{white-space:normal}.h2-review-workspace{grid-template-columns:1fr}.h2-review-workspace>aside{padding:14px}#h2-review-cases{grid-template-columns:1fr}.h2-review-stage{padding:20px 16px}.h2-review-flow{grid-template-columns:1fr}.h2-review-flow i{transform:rotate(90deg);text-align:center}.h2-review-stage form{grid-template-columns:1fr}.h2-review-stage form>label,.h2-review-stage form>button,#h2-review-status{grid-column:auto}.h2-review-result{align-items:stretch;flex-direction:column}.h2-review-result button{width:100%}}

/* P335: local H1-H2-review teacher-discussion packet. */
.h2-packet{padding:42px 30px;background:#f2f8f6;border-top:1px solid #cfe0da}.h2-packet-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 20px}.h2-packet-heading small{color:#26745a;font-size:12px;font-weight:800}.h2-packet-heading h2{margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-packet-heading p{max-width:850px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-packet-heading>strong{border:1px solid #9bcdbb;border-radius:5px;background:#fff;padding:9px 12px;color:#26745a;font:800 10px Consolas,monospace;white-space:nowrap}.h2-packet-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;max-width:1180px;margin:auto}.h2-packet-chain>article{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto auto 46px;gap:4px 8px;min-width:0;border:1px solid #bfd6ce;border-radius:7px;background:#fff;padding:14px}.h2-packet-chain>article>b{grid-row:1/4;color:#26745a;font-size:11px}.h2-packet-chain strong{font-size:13px}.h2-packet-chain span{color:var(--muted);font-size:10px;line-height:1.45}.h2-packet-chain code{overflow:hidden;color:#26745a;font-size:10px;text-overflow:ellipsis}.h2-packet-chain label{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:7px;border:1px solid #26745a;border-radius:5px;background:#26745a;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.h2-packet-chain label:has(input:disabled){opacity:.45;cursor:not-allowed}.h2-packet-chain input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.h2-packet-chain>i{align-self:center;color:#26745a;font-style:normal}.h2-packet-chain article.verified{border-color:#4dae88;background:#f3fbf8}.h2-packet-chain article.failed{border-color:#d56b73;background:#fff5f5}#h2-packet-import-status{max-width:1180px;min-height:42px;margin:12px auto 0;border-left:3px solid #9db4aa;background:#fff;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}#h2-packet-import-status.pass{border-color:var(--ok);color:#17694d}#h2-packet-import-status.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}#h2-packet-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1180px;margin:12px auto 0;border:1px solid #bfd6ce;border-radius:8px;background:#fff;padding:18px}#h2-packet-form>fieldset{margin:0;border:1px solid var(--line);border-radius:6px;padding:10px}#h2-packet-form legend{padding:0 5px;font-size:12px;font-weight:800}#h2-packet-form fieldset label{display:flex;align-items:flex-start;gap:7px;min-height:50px;border-bottom:1px solid var(--line);padding:10px 3px;color:#41566f;font-size:11px;line-height:1.5}#h2-packet-form fieldset label:last-child{border-bottom:0}.h2-packet-summary{grid-column:1/-1}.h2-packet-summary span b,.h2-packet-summary span small{display:block}.h2-packet-summary span b{font-size:12px}.h2-packet-summary span small{margin-top:4px;color:var(--muted);font-size:11px}.h2-packet-summary textarea{width:100%;min-height:105px;margin-top:8px;border:1px solid #91b9aa;border-radius:6px;padding:11px;font-size:12px;line-height:1.65;resize:vertical}.h2-packet-summary output{display:block;color:var(--muted);font-size:10px;text-align:right}#h2-packet-form>button{grid-column:1/-1;min-height:46px;border:1px solid #26745a;border-radius:6px;background:#26745a;color:#fff;font-size:12px;font-weight:800;cursor:pointer}#h2-packet-form>button:disabled{opacity:.5;cursor:not-allowed}#h2-packet-status{grid-column:1/-1;min-height:42px;margin:0;border-left:3px solid #a7b9ca;background:#f8fafc;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}#h2-packet-status.pass{border-color:var(--ok);background:#eff9f5;color:#17694d}#h2-packet-status.fail{border-color:var(--bad);background:#fff1f2;color:#8a3d43}.h2-packet>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:12px auto 0;border:1px solid #bfd6ce;border-radius:8px;background:#fff;padding:16px}.h2-packet>footer b,.h2-packet>footer span{display:block}.h2-packet>footer b{font-size:13px}.h2-packet>footer span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.h2-packet>footer button{min-height:46px;border:1px solid #26745a;border-radius:6px;background:#fff;padding:0 16px;color:#26745a;font-size:12px;font-weight:800;cursor:pointer}
@media(max-width:700px){.h2-packet{padding:30px 14px}.h2-packet-heading{align-items:flex-start;flex-direction:column}.h2-packet-heading h2{font-size:23px}.h2-packet-heading>strong{white-space:normal}.h2-packet-chain{grid-template-columns:1fr}.h2-packet-chain>i{transform:rotate(90deg);text-align:center}.h2-packet-chain>article{grid-template-rows:auto auto auto 46px}#h2-packet-form{grid-template-columns:1fr;padding:16px 14px}.h2-packet-summary,#h2-packet-form>button,#h2-packet-status{grid-column:auto}.h2-packet>footer{align-items:stretch;flex-direction:column}.h2-packet>footer button{width:100%}}
.h2-response{padding:42px 30px;border-top:1px solid #d9ddea;background:linear-gradient(135deg,#f7f6fb 0%,#f2f6fb 100%)}.h2-response-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 18px}.h2-response-heading small{color:#6d55a4;font-size:12px;font-weight:800}.h2-response-heading h2{max-width:860px;margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-response-heading p{max-width:860px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-response-heading>strong{border:1px solid #bbb0d6;border-radius:5px;background:#fff;padding:9px 12px;color:#6d55a4;font:800 10px Consolas,monospace;white-space:nowrap}.h2-response-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;max-width:1180px;margin:0 auto 12px;padding:0;list-style:none}.h2-response-flow li:not(:has(i)){display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:3px 8px;border:1px solid #cbc4dc;border-radius:7px;background:#fff;padding:13px}.h2-response-flow b{grid-row:1/3;color:#6d55a4;font-size:11px}.h2-response-flow strong{font-size:12px}.h2-response-flow span{color:var(--muted);font-size:10px}.h2-response-flow i{display:grid;height:100%;place-items:center;color:#6d55a4;font-style:normal}.h2-response-flow li.verified{border-color:#5aa989;background:#f2faf7}.h2-response-flow li.verified b{color:#21815e}.h2-response-workspaces{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;max-width:1180px;margin:auto}.h2-response-workspaces>article{min-width:0;border:1px solid #cbc4dc;border-radius:9px;background:#fff;padding:18px}.h2-response-workspaces header small{color:#6d55a4;font-size:10px;font-weight:800}.h2-response-workspaces h3{margin:4px 0 14px;color:var(--navy);font-size:18px}.h2-response-file{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px dashed #8875b2;border-radius:6px;background:#f7f4fc;color:#5e478f;font-size:11px;font-weight:800;cursor:pointer}.h2-response-file:has(input:disabled){opacity:.5;cursor:not-allowed}.h2-response-file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#h2-response-packet-status,#h2-response-reviewer-status,#h2-response-import-status,#h2-response-intake-status{min-height:42px;margin:9px 0;border-left:3px solid #a9a0bd;background:#f8f7fb;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-response .pass{border-color:var(--ok)!important;background:#eff9f5!important;color:#17694d!important}.h2-response .fail{border-color:var(--bad)!important;background:#fff1f2!important;color:#8a3d43!important}#h2-response-reviewer-form,#h2-response-intake-form{display:grid;gap:9px}#h2-response-reviewer-form fieldset,#h2-response-intake-form fieldset{margin:0;border:1px solid var(--line);border-radius:6px;padding:8px 10px}#h2-response-reviewer-form legend,#h2-response-intake-form legend{padding:0 5px;font-size:11px;font-weight:800}#h2-response-reviewer-form fieldset label,#h2-response-intake-form fieldset label{display:flex;align-items:flex-start;gap:7px;min-height:44px;border-bottom:1px solid var(--line);padding:9px 2px;color:#41566f;font-size:11px;line-height:1.45}#h2-response-reviewer-form fieldset label:last-child,#h2-response-intake-form fieldset label:last-child{border-bottom:0}.h2-response-classify{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h2-response-classify label>span,#h2-response-reviewer-form>label>span,#h2-response-intake-form>label>span{display:block;color:#283a50;font-size:11px;font-weight:800}.h2-response-classify select{width:100%;min-height:44px;margin-top:5px;border:1px solid #b8c1cd;border-radius:5px;background:#fff;padding:0 8px}.h2-response textarea{width:100%;min-height:88px;margin-top:5px;border:1px solid #b8c1cd;border-radius:6px;padding:10px;font-size:11px;line-height:1.6;resize:vertical}.h2-response label small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.h2-response output{display:block;color:var(--muted);font-size:10px;text-align:right}#h2-response-reviewer-form>button,#h2-response-intake-form>button,#h2-response-download,#h2-response-intake-download{min-height:46px;border:1px solid #6d55a4;border-radius:6px;background:#6d55a4;padding:0 14px;color:#fff;font-size:11px;font-weight:800;cursor:pointer}#h2-response-reviewer-form>button:disabled,#h2-response-intake-form>button:disabled{opacity:.5;cursor:not-allowed}#h2-response-download,#h2-response-intake-download{width:100%;margin-top:9px;background:#fff;color:#6d55a4}.h2-response>footer{display:flex;gap:14px;max-width:1180px;margin:12px auto 0;border-left:4px solid #6d55a4;background:#fff;padding:14px 16px}.h2-response>footer strong{flex:0 0 auto;font-size:12px}.h2-response>footer span{color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:700px){.h2-response{padding:30px 14px}.h2-response-heading{align-items:flex-start;flex-direction:column}.h2-response-heading h2{font-size:23px}.h2-response-heading>strong{white-space:normal}.h2-response-flow{grid-template-columns:1fr}.h2-response-flow li:has(i){height:20px}.h2-response-flow i{transform:rotate(90deg)}.h2-response-workspaces{grid-template-columns:1fr}.h2-response-classify{grid-template-columns:1fr}.h2-response-workspaces>article{padding:16px 14px}.h2-response>footer{flex-direction:column}}
.h2-revision{padding:42px 30px;border-top:1px solid #d7e0e9;background:#f5f8fb}.h2-revision-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 18px}.h2-revision-heading small{color:#2e688f;font-size:12px;font-weight:800}.h2-revision-heading h2{max-width:850px;margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-revision-heading p{max-width:850px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-revision-heading>strong{border:1px solid #a9c3d5;border-radius:5px;background:#fff;padding:9px 12px;color:#2e688f;font:800 10px Consolas,monospace;white-space:nowrap}.h2-revision-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;max-width:1180px;margin:auto;padding:0;list-style:none}.h2-revision-chain>li:not(:has(i)){display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto 44px;gap:3px 7px;min-width:0;border:1px solid #b8ccd9;border-radius:7px;background:#fff;padding:13px}.h2-revision-chain b{grid-row:1/3;color:#2e688f;font-size:11px}.h2-revision-chain strong{font-size:12px}.h2-revision-chain span{color:var(--muted);font-size:10px}.h2-revision-chain li:has(i){display:grid;place-items:center;color:#2e688f}.h2-revision-chain i{font-style:normal}.h2-revision-chain label{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:5px;border:1px solid #2e688f;border-radius:5px;background:#2e688f;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.h2-revision-chain label:has(input:disabled){opacity:.45;cursor:not-allowed}.h2-revision-chain input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.h2-revision-chain li.verified{border-color:#4dae88;background:#f2faf7}.h2-revision-chain li.verified b{color:#21815e}#h2-revision-chain-status{max-width:1180px;min-height:42px;margin:10px auto;border-left:3px solid #91a9bb;background:#fff;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-revision .pass{border-color:var(--ok)!important;background:#eff9f5!important;color:#17694d!important}.h2-revision .fail{border-color:var(--bad)!important;background:#fff1f2!important;color:#8a3d43!important}.h2-revision-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1180px;margin:auto}.h2-revision-workspaces>article{min-width:0;border:1px solid #bdcdd9;border-radius:9px;background:#fff;padding:18px}.h2-revision-workspaces header small{color:#2e688f;font-size:10px;font-weight:800}.h2-revision-workspaces h3{margin:4px 0;color:var(--navy);font-size:18px}.h2-revision-workspaces header p{margin:5px 0 13px;color:var(--muted);font-size:11px;line-height:1.55}#h2-revision-form,#h2-revision-recheck-form{display:grid;gap:9px}#h2-revision-form>label>span,#h2-revision-recheck-form>label>span{display:block;color:#283a50;font-size:11px;font-weight:800}.h2-revision textarea{width:100%;min-height:86px;margin-top:5px;border:1px solid #afbec9;border-radius:6px;padding:10px;font-size:11px;line-height:1.6;resize:vertical}.h2-revision label small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.h2-revision select{width:100%;min-height:44px;margin-top:5px;border:1px solid #afbec9;border-radius:5px;background:#fff;padding:0 8px}.h2-revision-file{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px dashed #5e89a6;border-radius:6px;background:#f1f7fb;color:#2e688f;font-size:11px;font-weight:800;cursor:pointer}.h2-revision-file:has(input:disabled){opacity:.5;cursor:not-allowed}.h2-revision-file input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#h2-revision-status,#h2-revision-recheck-import-status,#h2-revision-recheck-status{min-height:42px;margin:0;border-left:3px solid #91a9bb;background:#f7f9fb;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}#h2-revision-recheck-form fieldset{margin:0;border:1px solid var(--line);border-radius:6px;padding:8px 10px}#h2-revision-recheck-form legend{padding:0 5px;font-size:11px;font-weight:800}#h2-revision-recheck-form fieldset label{display:flex;align-items:flex-start;gap:7px;min-height:44px;border-bottom:1px solid var(--line);padding:9px 2px;color:#41566f;font-size:11px;line-height:1.45}#h2-revision-recheck-form fieldset label:last-child{border-bottom:0}.h2-revision output{display:block;color:var(--muted);font-size:10px;text-align:right}#h2-revision-form>button,#h2-revision-recheck-form>button,#h2-revision-download,#h2-revision-recheck-download{min-height:46px;border:1px solid #2e688f;border-radius:6px;background:#2e688f;padding:0 14px;color:#fff;font-size:11px;font-weight:800;cursor:pointer}#h2-revision-form>button:disabled,#h2-revision-recheck-form>button:disabled{opacity:.5;cursor:not-allowed}#h2-revision-download,#h2-revision-recheck-download{width:100%;margin-top:9px;background:#fff;color:#2e688f}.h2-revision>footer{display:flex;gap:14px;max-width:1180px;margin:12px auto 0;border-left:4px solid #2e688f;background:#fff;padding:14px 16px}.h2-revision>footer strong{flex:0 0 auto;font-size:12px}.h2-revision>footer span{color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:700px){.h2-revision{padding:30px 14px}.h2-revision-heading{align-items:flex-start;flex-direction:column}.h2-revision-heading h2{font-size:23px}.h2-revision-heading>strong{white-space:normal}.h2-revision-chain{grid-template-columns:1fr}.h2-revision-chain li:has(i){height:20px}.h2-revision-chain i{transform:rotate(90deg)}.h2-revision-workspaces{grid-template-columns:1fr}.h2-revision-workspaces>article{padding:16px 14px}.h2-revision>footer{flex-direction:column}}
.h2-round2{padding:42px 30px;border-top:1px solid #d8ddd9;background:#f7f8f4}.h2-round2-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto 18px}.h2-round2-heading small{color:#7a652b;font-size:12px;font-weight:800}.h2-round2-heading h2{max-width:850px;margin:6px 0 0;color:var(--navy);font-size:27px;line-height:1.3}.h2-round2-heading p{max-width:850px;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.h2-round2-heading>strong{border:1px solid #c9b97e;border-radius:5px;background:#fff;padding:9px 12px;color:#7a652b;font:800 10px Consolas,monospace;white-space:nowrap}.h2-round2-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;max-width:1180px;margin:auto;padding:0;list-style:none}.h2-round2-chain>li:not(:has(i)){display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto 44px;gap:3px 7px;min-width:0;border:1px solid #d3c89e;border-radius:7px;background:#fff;padding:13px}.h2-round2-chain b{grid-row:1/3;color:#7a652b;font-size:11px}.h2-round2-chain strong{font-size:12px}.h2-round2-chain span{color:var(--muted);font-size:10px}.h2-round2-chain li:has(i){display:grid;place-items:center;color:#7a652b}.h2-round2-chain i{font-style:normal}.h2-round2-chain label{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:5px;border:1px solid #7a652b;border-radius:5px;background:#7a652b;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.h2-round2-chain label:has(input:disabled){opacity:.45;cursor:not-allowed}.h2-round2-chain input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.h2-round2-chain li.verified{border-color:#4dae88;background:#f2faf7}.h2-round2-chain li.verified b{color:#21815e}#h2-round2-chain-status{max-width:1180px;min-height:42px;margin:10px auto;border-left:3px solid #b9aa70;background:#fff;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-round2 .pass{border-color:var(--ok)!important;background:#eff9f5!important;color:#17694d!important}.h2-round2 .fail{border-color:var(--bad)!important;background:#fff1f2!important;color:#8a3d43!important}.h2-round2-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1180px;margin:auto}.h2-round2-compare article{border:1px solid #d7cfad;border-radius:8px;background:#fff;padding:16px}.h2-round2-compare small,.h2-round2-compare strong,.h2-round2-compare span{display:block}.h2-round2-compare small{color:#7a652b;font-size:10px;font-weight:800}.h2-round2-compare strong{margin-top:5px;color:var(--navy);font-size:15px}.h2-round2-compare span{margin-top:6px;color:var(--muted);font-size:10px;line-height:1.55}#h2-round2-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:1180px;margin:12px auto 0;border:1px solid #d3c89e;border-radius:8px;background:#fff;padding:18px}#h2-round2-form fieldset{margin:0;border:1px solid var(--line);border-radius:6px;padding:9px 10px}#h2-round2-form legend{padding:0 5px;font-size:11px;font-weight:800}#h2-round2-form fieldset label{display:flex;align-items:flex-start;gap:7px;min-height:46px;border-bottom:1px solid var(--line);padding:9px 2px;color:#41566f;font-size:11px;line-height:1.45}#h2-round2-form fieldset label:last-child{border-bottom:0}.h2-round2-summary{grid-column:1/-1}.h2-round2-summary span b,.h2-round2-summary span small{display:block}.h2-round2-summary span b{font-size:12px}.h2-round2-summary span small{margin-top:4px;color:var(--muted);font-size:10px}.h2-round2-summary textarea{width:100%;min-height:110px;margin-top:8px;border:1px solid #c1b477;border-radius:6px;padding:11px;font-size:11px;line-height:1.65;resize:vertical}.h2-round2-summary output{display:block;color:var(--muted);font-size:10px;text-align:right}#h2-round2-form>button{grid-column:1/-1;min-height:46px;border:1px solid #7a652b;border-radius:6px;background:#7a652b;color:#fff;font-size:11px;font-weight:800;cursor:pointer}#h2-round2-form>button:disabled{opacity:.5;cursor:not-allowed}#h2-round2-status{grid-column:1/-1;min-height:42px;margin:0;border-left:3px solid #b9aa70;background:#f8f8f4;padding:10px;color:var(--muted);font-size:11px;line-height:1.55}.h2-round2>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:12px auto 0;border:1px solid #d3c89e;border-radius:8px;background:#fff;padding:16px}.h2-round2>footer b,.h2-round2>footer span{display:block}.h2-round2>footer b{font-size:13px}.h2-round2>footer span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.55}.h2-round2>footer button{min-height:46px;border:1px solid #7a652b;border-radius:6px;background:#fff;padding:0 16px;color:#7a652b;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:700px){.h2-round2{padding:30px 14px}.h2-round2-heading{align-items:flex-start;flex-direction:column}.h2-round2-heading h2{font-size:23px}.h2-round2-heading>strong{white-space:normal}.h2-round2-chain{grid-template-columns:1fr}.h2-round2-chain li:has(i){height:20px}.h2-round2-chain i{transform:rotate(90deg)}.h2-round2-compare{grid-template-columns:1fr}#h2-round2-form{grid-template-columns:1fr;padding:16px 14px}.h2-round2-summary,#h2-round2-form>button,#h2-round2-status{grid-column:auto}.h2-round2>footer{align-items:stretch;flex-direction:column}.h2-round2>footer button{width:100%}}

.topbar{position:static!important}.stage-course{max-width:1220px;margin:28px auto;padding:30px;border:1px solid #d7e0e8;border-radius:24px;background:linear-gradient(135deg,#f8fbfd,#eef6f7);box-shadow:0 18px 50px rgba(28,55,70,.08);color:#1f3440}.stage-course-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.stage-course-heading small,.stage-course-kicker,.stage-course-gain>small{display:block;color:#087b7d;font-weight:800;letter-spacing:.08em}.stage-course-heading h2{margin:7px 0 8px;font-size:clamp(25px,3vw,38px);line-height:1.18}.stage-course-heading p{max-width:760px;margin:0;color:#58707c;line-height:1.75}.stage-course-heading>strong{padding:10px 14px;border-radius:999px;background:#e3f3f1;color:#0d6c6d;font-size:13px;white-space:nowrap}.stage-course-map{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 18px;padding:0;list-style:none}.stage-course-map button{display:flex;width:100%;min-height:70px;align-items:center;gap:10px;padding:10px;border:1px solid #d5e1e6;border-radius:15px;background:#fff;color:#304a57;text-align:left;cursor:pointer}.stage-course-map button>b{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:#eef3f5;color:#60747f}.stage-course-map span,.stage-course-map small{display:block}.stage-course-map strong{font-size:14px}.stage-course-map small{margin-top:4px;color:#7d9099;font-size:12px}.stage-course-map button.active{border-color:#118a8b;background:#eaf8f6;box-shadow:0 0 0 2px rgba(17,138,139,.1)}.stage-course-map button.active>b{background:#118a8b;color:#fff}.stage-course-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(30,57,71,.08)}.stage-course-copy,.stage-course-gain{padding:28px}.stage-course-title{margin:7px 0 10px;font-size:clamp(22px,2.4vw,31px);line-height:1.3}.stage-course-bridge{margin:0 0 18px;color:#5c717c;line-height:1.75}.stage-course-observe{margin-bottom:14px;padding:16px 18px;border:1px solid #cfe2e4;border-radius:15px;background:#f1f9f8}.stage-course-observe>b,.stage-course-task>b{color:#32505f}.stage-course-observe-prompt{margin:6px 0 12px;color:#58707c;line-height:1.55}.stage-course-clues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-course-clues button{display:grid;min-height:58px;align-content:center;gap:3px;border:1px solid #bcd8da;border-radius:11px;background:#fff;color:#24515a;text-align:left;padding:9px 12px;cursor:pointer}.stage-course-clues button:hover,.stage-course-clues button:focus-visible{border-color:#118a8b}.stage-course-clues button.seen{border-color:#118a8b;background:#ddf4f1}.stage-course-clues span{font-weight:800}.stage-course-clues small{color:#617b83;line-height:1.35}.stage-course-observation{min-height:24px;margin:10px 0 0;color:#6a7f86;font-size:13px}.stage-course-observation.ready{color:#087b69}.stage-course-task{padding:18px;border-radius:15px;background:#f5f8fa}.stage-course-question{margin:7px 0 14px;font-weight:700;line-height:1.6}.stage-course-options{display:grid;gap:8px}.stage-course-options button{min-height:46px;padding:10px 13px;border:1px solid #d2dde2;border-radius:11px;background:#fff;color:#2c4653;text-align:left;cursor:pointer}.stage-course-options button:hover,.stage-course-options button:focus-visible{border-color:#118a8b}.stage-course-options button:disabled{background:#edf1f3;color:#8b9ba2;cursor:not-allowed}.stage-course-options button.picked{border-color:#d1782f;background:#fff6ed}.stage-course-options button.correct{border-color:#15916c;background:#eaf8f1}.stage-course-feedback{min-height:46px;margin:12px 0 0;color:#687d87;line-height:1.55}.stage-course-feedback.wrong{color:#a4521b}.stage-course-feedback.right{color:#13745b}.stage-course-gain{display:flex;flex-direction:column;background:#173e4c;color:#fff}.stage-course-gain>small{color:#77d6cc}.stage-course-gain>strong{margin:10px 0;font-size:22px;line-height:1.45}.stage-course-gain>p{color:#c6d8de;line-height:1.65}.stage-course-say{border-left:3px solid #46c4b5;padding-left:12px}.stage-course-enter{margin-top:auto;display:flex;min-height:48px;align-items:center;justify-content:center;padding:10px 15px;border-radius:12px;background:#46c4b5;color:#082f36;font-weight:800;text-decoration:none}.stage-course-enter[aria-disabled="true"]{background:#58727b;color:#d6e0e3;cursor:not-allowed}.project-showcase .stage-course{margin-top:24px}@media(max-width:820px){.stage-course{margin:18px 12px;padding:20px 14px;border-radius:18px}.stage-course-heading{display:block}.stage-course-heading>strong{display:inline-block;margin-top:13px;white-space:normal}.stage-course-map{display:flex;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x mandatory}.stage-course-map li{min-width:145px;scroll-snap-align:start}.stage-course-card{grid-template-columns:1fr}.stage-course-copy,.stage-course-gain{padding:20px}.stage-course-clues{grid-template-columns:1fr}.stage-course-gain>p{margin-bottom:20px}.stage-course-options button,.stage-course-map button,.stage-course-clues button{min-height:48px}}
.stage-course-visual{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:12px 0 14px;padding:10px 14px;border:1px solid #dbe7ea;border-radius:15px;background:#f7fbfb}.stage-course-visual svg{display:block;width:100%;height:118px}.stage-course-visual figcaption{max-width:118px;color:#55717a;font-weight:700;line-height:1.45}.stage-course-visual svg text{font:700 14px "Segoe UI","Microsoft YaHei",sans-serif;text-anchor:middle;fill:#34515d}.stage-course-visual .node,.stage-course-visual .compare-base,.stage-course-visual .evidence-source{fill:#fff;stroke:#b9d4d7;stroke-width:2}.stage-course-visual .arrow{fill:none;stroke:#5ea8a4;stroke-width:3;marker-end:url(#course-arrow)}.stage-course-visual marker path{fill:#5ea8a4}.stage-course-visual .grid{fill:none;stroke:#d9e6e8;stroke-width:1}.stage-course-visual .line{fill:none;stroke-width:5;stroke-linecap:round}.stage-course-visual .target{stroke:#167d91}.stage-course-visual .actual{stroke:#36b69e}.stage-course-visual .error{stroke:#dc8a45}.stage-course-visual .target-label{fill:#167d91}.stage-course-visual .actual-label{fill:#168773}.stage-course-visual .error-label{fill:#b56525}.stage-course-visual .hub{fill:#173e4c}.stage-course-visual .center{fill:#fff;font-size:16px}.stage-course-visual .connector{fill:none;stroke:#9dc6c6;stroke-width:3}.stage-course-visual .check-card{fill:#fff;stroke:#b9d4d7;stroke-width:2}.stage-course-visual .check-card.bad{fill:#fff7ef;stroke:#e2a160}.stage-course-visual .check-dot{fill:#138f8e}.stage-course-visual .bad+.check-dot{fill:#d27a2b}.stage-course-visual .check-symbol{fill:#fff;font-size:18px}.stage-course-visual .check-state{fill:#7b9098;font-size:12px}.stage-course-visual .gate{fill:#edf7f6;stroke:#72bab4;stroke-width:2}.stage-course-visual .gate.stop{fill:#fff1e8;stroke:#dc7f36;stroke-width:3}.stage-course-visual .gate-number{font-size:12px;fill:#738991}.stage-course-visual .stop-label{fill:#bd5a22;font-size:12px}.stage-course-visual .compare-change{fill:#e7f7f4;stroke:#15958a;stroke-width:3}.stage-course-visual .change-number{fill:#0d827c;font-size:23px}.stage-course-visual .evidence-result{fill:#173e4c}.stage-course-visual .evidence-result+.result-small,.stage-course-visual .evidence-result~.node-label{fill:#fff}.stage-course-visual .result-small{font-size:11px}.stage-course-bridge{margin:0 0 12px;font-weight:700}.stage-course-task{padding:14px 16px}.stage-course-feedback{min-height:28px;margin-top:8px}.stage-course-gain>strong{font-size:20px}@media(max-width:820px){.stage-course-visual{grid-template-columns:1fr;margin-top:10px}.stage-course-visual svg{height:auto}.stage-course-visual figcaption{max-width:none;text-align:center}.stage-course-title{font-size:24px}.stage-course-bridge{font-size:14px}.stage-course-gain>strong{font-size:21px}}
.play-to-create,.camera-round{margin:22px 0;border:1px solid #d7e0e8;border-radius:20px;background:#f7fbfb;padding:22px}.play-to-create header small,.camera-round header small{color:#087b7d;font-weight:800;letter-spacing:.08em}.play-to-create h2,.camera-round h2{margin:5px 0 14px;font-size:clamp(22px,3vw,32px)}.play-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px}.play-path>a,.play-path>button{display:flex;min-height:76px;align-items:center;gap:12px;border:1px solid #c9dde0;border-radius:14px;background:#fff;padding:12px;color:#274854;text-align:left;cursor:pointer}.play-path b{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#118a8b;color:#fff}.play-path span span,.play-path strong,.play-path small{display:block}.play-path small{margin-top:4px;color:#677e87}.play-to-create>p{margin:14px 0 0;color:#4a6672}.camera-round>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.camera-round button{min-height:44px;border:0;border-radius:11px;background:#118a8b;padding:8px 14px;color:#fff;font-weight:800;cursor:pointer}.camera-round button:disabled{background:#9aabb1;cursor:not-allowed}.camera-round-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.camera-round-grid article{display:grid;gap:7px;border-radius:15px;background:#fff;padding:12px}.camera-stage{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:11px;background:#173e4c}.camera-stage video,.camera-stage img{width:100%;height:100%;object-fit:cover}.camera-stage span{position:absolute;inset:0;display:grid;place-items:center;color:#d7e5e8}.camera-round-grid article>small{color:#657b84}.camera-round-grid label{font-size:13px;color:#49636e}.camera-round-footer{display:flex;align-items:center;gap:16px;margin-top:14px}.camera-round-footer p{margin:0;color:#617680;font-size:13px}.camera-round-footer strong{white-space:nowrap;color:#0b7778}@media(max-width:820px){.play-to-create,.camera-round{margin:16px 12px;padding:16px}.play-path{grid-template-columns:1fr}.play-path>span{display:none}.camera-round-grid{grid-template-columns:1fr}.camera-round-footer{align-items:stretch;flex-direction:column}.camera-round>header{display:block}.camera-round>header>button{margin-bottom:12px}.camera-round-grid button{min-height:48px}}