/* Pass 3: compact openings. Loaded after each page's existing layer.
   Keep page-specific compositions; no viewport-height hero or shared fixed height. */
.landing-page .document-bar { display: block; }
.landing-page .document-bar__inner {
  min-height: 0;
  padding-block: .5rem;
  font-size: .68rem;
  letter-spacing: .08em;
}
.landing-page .document-bar .stamp { padding-block: .2rem; }
.page-dictionary .dict-hero,
.page-resources .page-intro,
.page-readiness .rc-intro { padding-block: 1.25rem; border-bottom: 6px solid var(--red); }
.page-dictionary .dict-hero h1,
.page-resources .page-intro__title { font-size: clamp(2.6rem, 5.2vw, 4.5rem); margin: .4rem 0 .6rem; }
.page-dictionary .dict-hero__kicker { display: block; font-size: .7rem; }
.page-dictionary .dict-hero__lede,
.page-resources .page-intro__lede { font-size: 1rem; line-height: 1.55; }
.page-dictionary .dict-utility { padding-top: 1rem; }
.page-resources .page-intro .container { border-left: 3px solid var(--red-on-dark); padding-left: 1rem; }
.page-resources .page-intro .eyebrow { margin-bottom: .3rem; }
.page-resources .section { padding-block: 1.5rem 3rem; }
.resource-note { margin: 0 0 1.25rem; max-width: 65ch; color: var(--muted); font: .85rem/1.5 var(--font-mono); }
.resource-note a { color: var(--red-dark); }
.page-resources .doc-card { padding: 1.25rem; }
.page-resources .doc-card__facts { margin-bottom: 0; }
/* Tools: black title panel against the paper working surface. */
.page-readiness .rc-intro { background: var(--ink); color: var(--paper-light); margin-bottom: 1.25rem; }
.page-readiness .rc-intro__topline { margin-bottom: .6rem; }
.page-readiness .rc-intro .eyebrow { color: var(--red-on-dark); }
.page-readiness .rc-tag { color: var(--paper-light); border-color: var(--red-on-dark); font-size: .65rem; }
.page-readiness .rc-title { color: var(--red-on-dark); font-size: clamp(2.4rem, 5vw, 4rem); margin-bottom: .6rem; }
.page-readiness .rc-explainer { margin: 0; font-size: 1rem; line-height: 1.55; }
.page-readiness .rc-form { padding: 1rem; }
.page-readiness .rc-help { font-size: .9rem; margin-bottom: .6rem; }
.rc-input-actions { display: contents; }
.rc-input-actions[hidden], .rc-input-actions [hidden] { display: none; }
.rc-input-actions button {
  min-height: 44px; padding: .4rem .8rem; border: 2px solid var(--ink);
  background: var(--paper-light); color: var(--ink); cursor: pointer;
  font: 700 .85rem var(--font-mono); text-decoration: underline; text-underline-offset: .2em;
}
.rc-input-actions button:hover:not(:disabled) { background: var(--paper-deep); }
.rc-input-actions button:disabled { color: var(--muted); border-color: var(--muted); cursor: default; text-decoration: none; }
.rc-input-actions button:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }
/* About: a short personnel record, with the narrative beginning directly below. */
.page-about .about-hero { border-bottom-width: 6px; }
.page-about .about-hero .hero__inner {
  min-height: 0; padding-block: 1.5rem; gap: 2rem;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .85fr); align-items: center;
}
.page-about .about-hero .eyebrow { color: var(--red-on-dark); margin-bottom: .6rem; }
.page-about .about-hero .hero__title { font-size: clamp(2.8rem, 5.3vw, 4.5rem); margin-bottom: .7rem; line-height: 1; }
.page-about .about-hero .hero__title .small { color: var(--red-on-dark); font-size: .7rem; margin-bottom: .4rem; }
.page-about .about-hero .hero__lede { font-size: 1rem; margin-bottom: 1rem; line-height: 1.6; }
.page-about .personnel-card { min-height: 0; padding: 1rem; box-shadow: 5px 5px 0 var(--red); }
.page-about .personnel-card::after { content: none; }
.page-about .personnel-card__topline { font-size: .65rem; gap: .6rem; margin-bottom: .7rem; padding-bottom: .7rem; }
.page-about .personnel-card__copy { font-size: .95rem; line-height: 1.55; margin-bottom: 0; }
.page-about .personnel-card__meta { margin-top: .8rem; gap: .5rem; }
.page-about .personnel-card__meta li { padding: .5rem; }
.page-about .about-hero + .section { padding-top: 2rem; }
/* Pass 4: keep primary and secondary backlog actions together, in reading order. */
.page-readiness .rc-form__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
.page-readiness .rc-form__head .rc-label { margin: 0; }
.page-readiness .rc-actions__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  align-items: center;
}
.page-readiness .rc-actions__buttons > .button { width: auto; }
/* Ordinary text on dark About sections uses accessible red. Wordmarks retain brand red. */
.page-about .section--dark .eyebrow,
.page-about .section--dark .text-link,
.page-about .card--dark .text-link { color: var(--red-on-dark); }
@media (max-width: 760px) {
  .landing-page .document-bar__inner > :not(:first-child) { display: none; }
  .landing-page .document-bar__inner { font-size: .62rem; }
  .page-dictionary .dict-hero,
  .page-resources .page-intro,
  .page-readiness .rc-intro { padding-block: 1rem; }
  /* The department eyebrow carries classification here; avoid a second mobile strip. */
  .page-dictionary .document-bar { display: none; }
  .page-dictionary .dict-hero { padding-block: .75rem; }
  .page-dictionary .dict-hero__kicker { font-size: .62rem; letter-spacing: .04em; }
  .page-about .about-hero .hero__inner { grid-template-columns: 1fr; gap: .85rem; padding-block: 1.25rem; }
  .page-about .about-hero .hero__actions { display: flex; flex-direction: row; gap: .5rem; }
  .page-about .about-hero .hero__actions .button { width: auto; flex: 1; min-height: 44px; padding-inline: .7rem; font-size: .75rem; }
  .page-about .personnel-card { padding: .75rem; box-shadow: 3px 3px 0 var(--red); }
  .page-about .personnel-card__topline { display: flex; flex-direction: row; align-items: center; }
  .page-about .personnel-card__stamp { white-space: nowrap; font-size: .55rem; padding: .25rem; }
  .page-about .personnel-card__copy { font-size: .85rem; }
  .page-about .personnel-card__meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
  .page-about .personnel-card__meta li { padding: 0; border: 0; background: transparent; }
  .page-about .about-hero + .section { padding-top: 1.25rem; }
}
@media (max-width: 360px) {
  .page-about .about-hero .hero__title { font-size: 2.4rem; }
}

/* Pass 4: Home uses the same short opening rhythm, with its own editorial headline. */
.page-home .home-opening { border-bottom-width: 6px; }
.page-home .home-opening .hero__inner {
  grid-template-columns: 1fr;
  min-height: 0;
  padding-block: 1.25rem;
  gap: 0;
}
.page-home .home-opening .eyebrow { margin-bottom: .6rem; }
.page-home .home-opening .hero__title {
  max-width: none;
  margin-bottom: .7rem;
  font-size: clamp(2.6rem, 5.2vw, 4.5rem);
  line-height: 1;
}
.home-opening__accent { color: var(--red-on-dark); }
.page-home .home-opening .hero__lede { max-width: 65ch; margin-bottom: 1rem; font-size: 1rem; line-height: 1.55; }
.page-home .home-start { padding-top: 1.5rem; }
.page-home .home-start .section-heading { gap: 1rem; padding-bottom: 1rem; margin-bottom: 1.25rem; }
.page-home .home-start .section-heading .eyebrow { margin-bottom: .5rem; }
.page-home .home-start .section-heading__title { font-size: clamp(1.8rem, 3vw, 2.5rem); }
.page-home .home-start .section-heading__caption { font-size: 1rem; }
.page-home .home-start .hero__aside { max-width: none; margin-top: 2rem; border-color: var(--ink); }
@media (max-width: 760px) {
  .page-home .home-opening .hero__inner { padding-block: 1rem; }
}
@media (max-width: 360px) {
  .page-readiness .rc-actions__buttons { gap: .5rem; }
  .page-readiness .rc-actions__buttons > .button { padding-inline: .6rem; letter-spacing: .08em; }
}

.page-home .home-start .section-heading__caption { letter-spacing: .02em; text-transform: none; }
@media (min-width: 981px) {
  .page-home .home-opening .hero__inner > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 2rem;
    align-items: start;
  }
  .page-home .home-opening .eyebrow { grid-column: 1 / -1; }
  .page-home .home-opening .hero__title { grid-column: 1; grid-row: 2 / 4; }
  .page-home .home-opening .hero__lede,
  .page-home .home-opening .hero__actions { grid-column: 2; }
}