.beginner-page { max-width: 1120px; margin-inline: auto; padding-block-end: 3rem; }
.beginner-heading { padding: 1.25rem 0 1.75rem; }
.beginner-heading h1 { font-size: clamp(2.45rem, 5vw, 4.7rem); line-height: 1.02; margin: .45rem 0 .9rem; text-wrap: balance; }
.beginner-heading > p:not(.eyebrow) { max-width: 55ch; line-height: 1.7; color: var(--muted); }
.beginner-steps { list-style: none; display: flex; flex-wrap: wrap; gap: .55rem 1.15rem; padding: 0; margin: 1.1rem 0 0; }
.beginner-steps li { color: var(--muted); font-size: .83rem; }
.beginner-steps li span { font-weight: 700; margin-right: .2rem; }
.beginner-steps li[aria-current="step"] { color: var(--green); font-weight: 700; text-decoration: underline; text-underline-offset: .3rem; }
.beginner-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(1rem, 4vw, 3rem); align-items: start; }
.beginner-art { margin: 0; min-width: 0; }
.beginner-image-frame { background: #e8e9df; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 3px; }
.beginner-art img { display: block; width: 100%; max-height: 490px; object-fit: contain; }
.beginner-art figcaption { color: var(--muted); font-size: .83rem; line-height: 1.55; padding-top: .6rem; }
.beginner-exercise { min-width: 0; }
.beginner-exercise > p:not(.atlas-small), .beginner-review > p { line-height: 1.72; margin: 0 0 .95rem; }
.beginner-exercise label { display: block; margin: .9rem 0 .45rem; font-weight: 700; }
.beginner-exercise label span { font-size: .82rem; color: var(--muted); font-weight: 400; }
.beginner-exercise textarea { width: 100%; border: 1px solid #9aaa96; border-radius: 3px; padding: .75rem; font: 1rem/1.5 var(--sans); background: var(--white); color: var(--ink); resize: vertical; }
.beginner-observation, .beginner-starter { background: var(--mint); border-inline-start: 3px solid #9fb390; padding: .8rem 1rem; margin: 0 0 .95rem; }
.beginner-observation h2 { font: 700 .82rem/1.4 var(--sans); margin: 0 0 .25rem; }
.beginner-observation p, .beginner-review [data-beginner-observation], .beginner-review [data-beginner-interpretation] { white-space: pre-wrap; overflow-wrap: anywhere; }
.beginner-source { color: var(--green); text-decoration: underline; text-underline-offset: .15rem; }
.beginner-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; margin: .9rem 0 .65rem; }
.beginner-actions a, .beginner-actions button { min-height: 44px; }
.beginner-actions a { display: inline-flex; align-items: center; }
.beginner-review { max-width: 62ch; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--line); border-radius: 3px; background: var(--white); }
.beginner-review h2 { margin: 0 0 .65rem; font-size: clamp(1.6rem, 4vw, 2.3rem); }
.beginner-review h3 { font: 700 .9rem/1.4 var(--sans); margin: .65rem 0 .25rem; }
.learning-overview .curriculum-head .beginner-course-link { display: inline-flex; align-items: center; margin: .75rem 0 0 1rem; min-height: 44px; }
@media (max-width: 700px) {
  .beginner-heading { padding: .8rem 0 1rem; }
  .beginner-layout { grid-template-columns: minmax(0, 1fr); }
  .beginner-art img { max-height: 285px; }
}
@media (max-width: 560px) {
  .learning-overview .curriculum-head .beginner-course-link { display: flex; margin: .25rem 0 0; width: fit-content; }
}

.evidence-board {
  margin-block-start: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--line);
  border-block-start: 3px solid var(--green);
  background: var(--white);
  border-radius: 3px;
  padding: clamp(1rem, 3vw, 2rem);
}
.evidence-heading { display: flex; align-items: center; justify-content: space-between; gap: .8rem 1.5rem; flex-wrap: wrap; }
.evidence-heading h2 { margin: .25rem 0 .5rem; font-size: clamp(1.85rem, 4vw, 2.8rem); line-height: 1.05; }
.evidence-heading > div { flex: 1 1 24rem; }
.evidence-heading > div > p:last-child { margin: 0; max-width: 58ch; line-height: 1.55; color: var(--muted); }
.evidence-board button { min-height: 44px; }
.evidence-guide { margin-block: 1.4rem; padding-block: 1rem; border-block: 1px solid var(--line); }
.evidence-guide dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin: 0; }
.evidence-guide dl > div { padding: .65rem .8rem; background: var(--mint); border-inline-start: 2px solid var(--line); }
.evidence-guide dt, .evidence-select label { color: var(--green); font-weight: 700; }
.evidence-guide dd { margin: .25rem 0 0; color: var(--ink); font-size: .85rem; line-height: 1.45; }
.evidence-select { margin-block-start: .85rem; }
.evidence-select label { display: block; margin-block-end: .3rem; }
.evidence-select select {
  width: min(100%, 29rem);
  min-height: 44px;
  border: 1px solid #879983;
  border-radius: 3px;
  padding: .45rem .65rem;
  background: var(--white);
  color: var(--ink);
  font: inherit;
}
.evidence-round-heading { margin-block-end: 1rem; }
.evidence-round-heading h3 { margin: .25rem 0 0; font-size: clamp(1.5rem, 3vw, 2.35rem); line-height: 1.12; scroll-margin-top: 6rem; }
.evidence-movement { margin: .4rem 0 0; }
.evidence-art { min-width: 0; }
.evidence-art details { color: var(--muted); font-size: .85rem; line-height: 1.55; }
.evidence-art summary { cursor: pointer; min-height: 44px; padding-block: .7rem; color: var(--green); text-decoration: underline; text-underline-offset: .2em; }
.evidence-art details p { margin: 0 0 .75rem; }
.evidence-questions { min-width: 0; }
.evidence-questions > p { margin: 0 0 .9rem; color: var(--muted); line-height: 1.5; }
.evidence-claim { min-width: 0; margin: 0 0 1rem; border: 1px solid var(--line); padding: .55rem .7rem .7rem; }
.evidence-claim legend { width: fit-content; max-width: 100%; padding-inline: .35rem; font-weight: 700; line-height: 1.45; }
.evidence-claim legend span { color: var(--green); margin-inline-end: .25em; }
.evidence-choice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: .6rem;
  padding: .6rem;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  font-size: .9rem;
  line-height: 1.45;
}
.evidence-choice + .evidence-choice { margin-block-start: .15rem; }
.evidence-choice:has(input:checked) { background: var(--mint); border-color: #879983; }
.evidence-choice:hover { border-color: #879983; }
.evidence-choice input { margin: .2em 0 0; width: 1rem; height: 1rem; accent-color: var(--green); }
.evidence-feedback { min-width: 0; }
.evidence-result {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem 1rem;
  margin: 0;
  padding: .7rem .85rem;
  border-inline-start: 3px solid var(--green);
  background: var(--mint);
  font-size: .9rem;
}
.evidence-findings { list-style: none; margin: .8rem 0 1rem; padding: 0; }
.evidence-findings li { padding: .75rem 0; border-block-end: 1px solid var(--line); }
.evidence-findings h4 { margin: .3rem 0; font: 700 1rem/1.4 var(--sans); }
.evidence-findings p { margin: .3rem 0 0; line-height: 1.5; font-size: .88rem; }
.evidence-findings p.eyebrow { font-size: .7rem; }
.evidence-sources a { display: block; width: fit-content; margin-block: .35rem; font-size: .9rem; }
.evidence-storage { margin-block-end: 0; }
@media (max-width: 700px) {
  .evidence-board .beginner-layout { gap: .6rem; }
  .evidence-guide dl { grid-template-columns: minmax(0, 1fr); }
}