.starting-again-js-action { display: none; }
.js .starting-again-js-action { display: inline-flex; }

.starting-again-distribution,
.starting-again-editorial,
.starting-again-printable-intro,
.starting-again-printable-sheet,
.starting-again-usage {
  width: min(calc(100% - 2rem), 72rem);
  margin-inline: auto;
}

.starting-again-distribution {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 17rem);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  margin-top: clamp(2rem, 6vw, 4rem);
  padding: clamp(1.4rem, 4vw, 2.5rem);
  border: 1px solid var(--line);
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 50px rgba(23, 32, 51, .07);
}

.starting-again-distribution h2,
.starting-again-editorial h2,
.starting-again-printable-intro h1,
.starting-again-usage h2 { margin-bottom: .8rem; }

.starting-again-distribution-copy > p:not(.eyebrow),
.starting-again-editorial-intro,
.starting-again-printable-intro > p:not(.eyebrow),
.starting-again-usage p { color: var(--muted); }

.starting-again-share-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1.2rem;
}

.starting-again-share-actions .button {
  min-height: 2.75rem;
  padding: .62rem .95rem;
  font-size: .9rem;
}

.starting-again-share-status {
  min-height: 1.6em;
  margin: .7rem 0 0;
  color: var(--muted);
  font-size: .88rem;
}

.starting-again-print-link {
  display: inline-flex;
  margin-top: .4rem;
  font-weight: 850;
}

.starting-again-qr-card {
  display: grid;
  justify-items: center;
  gap: .65rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #fff;
  text-align: center;
  text-decoration: none;
}

.starting-again-qr-card img {
  display: block;
  width: min(9rem, 100%);
  aspect-ratio: 1;
}

.starting-again-qr-card strong { color: var(--ink); }
.starting-again-qr-card small { color: var(--muted); }

.starting-again-editorial { padding-block: clamp(3.5rem, 8vw, 6rem); }
.starting-again-editorial-heading { max-width: 54rem; }
.starting-again-editorial-heading h2 { max-width: 18ch; }
.starting-again-editorial-intro { max-width: 48rem; font-size: 1.06rem; line-height: 1.8; }
.starting-again-context-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.8rem;
}
.starting-again-context-card {
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: 1rem;
  background: rgba(255, 255, 255, .76);
}
.starting-again-context-card h3 { margin-bottom: .65rem; }
.starting-again-context-card p { margin: 0; color: var(--muted); }

.starting-again-printable-intro {
  padding-block: clamp(3rem, 8vw, 6rem) clamp(2rem, 5vw, 3.5rem);
}
.starting-again-printable-intro h1 { max-width: 15ch; }
.starting-again-printable-intro > p:not(.eyebrow) {
  max-width: 50rem;
  font-size: clamp(1.02rem, 2vw, 1.16rem);
  line-height: 1.75;
}
.starting-again-printable-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.4rem;
}

.starting-again-printable-sheet {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding-bottom: clamp(2.5rem, 7vw, 5rem);
}
.starting-again-print-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 4.4rem;
  gap: 1rem;
  align-items: end;
  min-height: 14rem;
  padding: 1.35rem;
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 95% 5%, #e1f3f8 0, transparent 10rem),
    radial-gradient(circle at 5% 95%, #fff0d6 0, transparent 12rem),
    #fff;
  box-shadow: 0 12px 35px rgba(23, 32, 51, .06);
  break-inside: avoid;
}
.starting-again-print-card blockquote { grid-column: 1 / -1; margin: 0; }
.starting-again-print-card blockquote p {
  margin: 0;
  color: var(--ink);
  font-size: clamp(1.2rem, 2.5vw, 1.55rem);
  font-weight: 800;
  line-height: 1.45;
}
.starting-again-print-credit { margin: 0; color: var(--muted); font-size: .8rem; font-weight: 800; }
.starting-again-print-card img { width: 4.4rem; height: 4.4rem; justify-self: end; }

.starting-again-usage {
  margin-bottom: clamp(3rem, 8vw, 6rem);
  padding: clamp(1.25rem, 4vw, 2rem);
  border: 1px solid var(--line);
  border-radius: 1.2rem;
  background: rgba(255, 255, 255, .72);
}
.starting-again-usage p { max-width: 55rem; }
.starting-again-usage .back-link { margin-top: .5rem; }

@media (max-width: 760px) {
  .starting-again-distribution,
  .starting-again-context-grid,
  .starting-again-printable-sheet { grid-template-columns: 1fr; }
  .starting-again-qr-card { justify-self: start; width: min(100%, 17rem); }
}

@media (max-width: 430px) {
  .starting-again-distribution,
  .starting-again-editorial,
  .starting-again-printable-intro,
  .starting-again-printable-sheet,
  .starting-again-usage { width: min(calc(100% - 1.25rem), 72rem); }
  .starting-again-share-actions,
  .starting-again-printable-actions { align-items: stretch; flex-direction: column; }
  .starting-again-share-actions .button,
  .starting-again-printable-actions .button { width: 100%; }
  .starting-again-print-card { grid-template-columns: minmax(0, 1fr) 3.8rem; }
  .starting-again-print-card img { width: 3.8rem; height: 3.8rem; }
}

@media print {
  @page { size: A4 portrait; margin: 8mm; }
  body { background: #fff !important; color: #111; }
  .public-site-header,
  .public-footer,
  .breadcrumbs,
  .starting-again-printable-actions,
  .starting-again-usage { display: none !important; }
  .starting-again-printable-intro,
  .starting-again-printable-sheet {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .starting-again-printable-intro { margin-bottom: 6mm; }
  .starting-again-printable-intro h1 { max-width: none; font-size: 22pt; }
  .starting-again-printable-intro > p:not(.eyebrow) { font-size: 10pt; }
  .starting-again-printable-sheet {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5mm;
  }
  .starting-again-print-card {
    min-height: 77mm;
    padding: 7mm;
    border: 1px solid #9ca3af;
    border-radius: 4mm;
    background: #fff !important;
    box-shadow: none;
  }
  .starting-again-print-card blockquote p { font-size: 14pt; }
  .starting-again-print-card img { width: 18mm; height: 18mm; }
}