.closed-guide-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(225px, .45fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
  padding: clamp(26px, 5vw, 65px);
  border: 1px solid #d5e4d4;
  border-radius: clamp(16px, 2.2vw, 25px);
  background: #e9f1e7;
}

.closed-guide-hero h1 { max-width: 19ch; }
.closed-guide-hero > div:first-child p {
  max-width: 58ch;
  margin-block-start: 16px;
  color: var(--muted);
  font-size: clamp(16px, 1.6vw, 20px);
  line-height: 1.55;
}

.closed-guide-threshold {
  padding: clamp(15px, 2.6vw, 27px);
  border: 1px solid #c8dac9;
  border-radius: 15px;
  background: #f7fbf5;
}

.closed-guide-numbers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  color: var(--blue-deep);
}

.closed-guide-numbers strong, .closed-guide-numbers span { display: block; }
.closed-guide-numbers strong {
  font: 800 clamp(33px, 4vw, 53px) / 1 var(--display);
  letter-spacing: -.06em;
}

.closed-guide-numbers span {
  margin-block-start: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.closed-guide-threshold p {
  margin-block-start: 15px;
  padding-block-start: 12px;
  border-block-start: 1px solid var(--border);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.closed-guide-layout {
  display: grid;
  grid-template-columns: minmax(195px, .28fr) minmax(0, 1fr);
  gap: clamp(30px, 5.4vw, 76px);
  align-items: start;
  margin-block-start: clamp(28px, 5.5vw, 65px);
}

.closed-guide-toc {
  position: sticky;
  inset-block-start: 24px;
  padding: 17px 19px;
  border: 1px solid var(--border);
  border-radius: 13px;
  background: #fff;
}

.closed-guide-toc p { font-weight: 750; }
.closed-guide-toc ul {
  padding: 0;
  margin-block-start: 7px;
  list-style: none;
}

.closed-guide-toc a {
  display: block;
  min-height: 32px;
  padding-block: 5px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.closed-guide-toc a:hover, .closed-guide-reference-list a:hover {
  color: var(--blue-deep);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.closed-guide-reading { max-width: 75ch; font-size: 17px; line-height: 1.68; }
.closed-guide-section { scroll-margin-block-start: 20px; }
.closed-guide-section + .closed-guide-section {
  margin-block-start: 34px;
  padding-block-start: 29px;
  border-block-start: 1px solid var(--border);
}

.closed-guide-section h2 {
  margin-block-end: 11px;
  font-size: clamp(24px, 3.1vw, 35px);
  line-height: 1.17;
  letter-spacing: -.036em;
}

.closed-guide-section h3 {
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -.016em;
}

.closed-guide-section p + p, .closed-guide-section :is(ol, ul) + p { margin-block-start: 12px; }
.closed-guide-steps, .closed-guide-prompts { margin-block-start: 14px; padding-inline-start: 1.45em; }
.closed-guide-steps li, .closed-guide-prompts li { padding-inline-start: 3px; }
.closed-guide-steps li + li, .closed-guide-prompts li + li { margin-block-start: 13px; }
.closed-guide-steps li::marker, .closed-guide-prompts li::marker { color: var(--blue-deep); font-weight: 750; }
.closed-guide-steps h3 + p, .closed-guide-prompts h3 + p { margin-block-start: 4px; }
.closed-guide-note {
  margin-block-start: 15px;
  padding: 12px 16px;
  border-inline-start: 3px solid #97b89a;
  border-radius: 4px 8px 8px 4px;
  background: var(--surface);
  color: var(--blue-deep);
}

.closed-guide-reference-list {
  display: grid;
  gap: 8px;
  padding-inline-start: 1.2em;
}

.closed-guide-reference-list a {
  color: var(--blue-deep);
  text-decoration: underline;
  text-decoration-color: #7d9f8d;
  text-underline-offset: 4px;
}

.closed-guide-actions { margin-block-start: 26px; }

@media (max-width: 760px) {
  .closed-guide-hero, .closed-guide-layout { grid-template-columns: minmax(0, 1fr); }
  .closed-guide-threshold { max-width: 420px; }
  .closed-guide-toc { position: static; }
  .closed-guide-toc ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
}

@media (max-width: 460px) {
  .closed-guide-hero { padding: 23px 19px; }
  .closed-guide-layout { gap: 24px; }
  .closed-guide-reading { font-size: 16px; }
  .closed-guide-toc ul { grid-template-columns: minmax(0, 1fr); }
}