/* BCC Field Guide System: portable reading and print layer.
   No network or font dependency. Existing package fonts are used when available;
   Georgia / system sans are the approved offline fallbacks. Keep page geometry. */
body[data-bcc-field-guide="standalone"] {
 --paper: #faf8f2; --paper-2: #efede4; --card: #fffefa;
 --ink: #222722; --ink-2: #424a42; --ink-3: #596157;
 --forest: #203d33; --clay: #934c2e; --focus: #934c2e;
 --serif: Gelasio, Georgia, 'Times New Roman', serif;
 --sans: Inter, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
 font-family: var(--sans);
}
body[data-bcc-field-guide="standalone"] :is(h1,h2,h3) { font-family: var(--serif); }
body[data-bcc-field-guide="standalone"] :is(button,input,select,textarea,figcaption,th,td) { font-family: var(--sans); }
body[data-bcc-field-guide="standalone"] :is(.eyebrow,.kicker,.label) { font-family: var(--sans); }
@media screen {
 body[data-bcc-field-guide="standalone"] { background-color: var(--paper); color: var(--ink); }
 body[data-bcc-field-guide="standalone"] :is(.button,.btn) { border-radius: 0; }
 body[data-bcc-field-guide="standalone"] :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
}
@media print {
 body[data-bcc-field-guide="standalone"] { background: white; color: black; }
 body[data-bcc-field-guide="standalone"] :is(h1,h2,h3) { break-after: avoid; }
}