/* =========================================================================
   netex · pages/playbook.css · /marketing/playbook/ · Strategy Lab (bible §7.10, S11)
   ========================================================================= */
@layer reset, tokens, base, components, layout, pages, utilities;

@layer pages {

/* ---- s1 hero ---------------------------------------------------------------------- */
.pb-hero { justify-content: flex-start; }
.pb-hero__grid { row-gap: var(--s-7); align-items: end; }
.pb-hero__text { display: grid; gap: var(--s-4); align-content: start; }
.pb-hero__text .nx-eyebrow { margin-bottom: 0; }
.pb-hero .mk-h1 { font-size: var(--t-display); max-width: 16ch; }
.pb-hero__lead { max-width: 52ch; }
.pb-hero__actions { margin-top: var(--s-3); }
.pb-counts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5) var(--gutter); margin: 0; }
.pb-count dd { display: grid; gap: var(--s-1); margin: 0; }
.pb-count__n { font-family: var(--f-dot); font-weight: 500; font-variation-settings: "ELSH" 2; font-size: var(--t-readout); line-height: .9; letter-spacing: .02em; color: var(--fg); justify-self: start; }
.pb-count__l { font: 500 .6875rem/1.35 var(--f-mono); letter-spacing: var(--tr-label); text-transform: uppercase; color: var(--fg-2); max-width: 18ch; }
@media (hover: hover) { .pb-count:hover .pb-count__n { font-variation-settings: "ELSH" 8; } }
@media (min-width: 1024px) {
	.pb-hero__text { grid-column: 1 / span 8; }
	.pb-counts { grid-column: 9 / -1; padding-bottom: var(--s-3); }
}

/* ---- s3 / s4 ------------------------------------------------------------------------ */
.pb-scen__head { margin-top: var(--s-10); row-gap: var(--s-4); align-items: end; }
.pb-scen__sub { margin-top: 0; }

/* ---- s6 diagnosis: layout shared with the hub, in engines/lab-index.css ---------------- */

/* ---- s7 PDF ----------------------------------------------------------------------------- */
.pb-pdf { row-gap: var(--s-6); align-items: start; }
.pb-pdf__head .mk-display { font-size: var(--t-h3); max-width: 22ch; }
@media (min-width: 1024px) {
	.pb-pdf__head { grid-column: 1 / span 4; }
	.pb-pdf__form { grid-column: 6 / -1; }
}

/* ---- s8 lab report ------------------------------------------------------------------------ */
.pb-report { row-gap: var(--s-6); align-items: start; }
.pb-report__head .mk-display { font-size: var(--t-h3); max-width: 20ch; }
.pb-report__sheet { max-width: 40rem; }
.pb-report__pending { margin-top: var(--s-4); font: 500 .8125rem/1.5 var(--f-mono); color: var(--fg-2); }
@media (min-width: 1024px) {
	.pb-report__head { grid-column: 1 / span 4; }
	.pb-report__sheet { grid-column: 6 / -1; }
}

/* ---- s10 brief -------------------------------------------------------------------------- */
.pb-chip { display: inline-flex; margin-top: var(--s-5); padding: 4px 10px; border: var(--bw) solid var(--fg-2); font: 500 .75rem/1.4 var(--f-mono); color: var(--fg); }
.pb-chip[hidden] { display: none; }
.pb-roads { align-self: end; }
.nx-cta .nx-grid { row-gap: var(--s-7); }

} /* end @layer pages */