/* Groundtruth 911 brand layer, DRAFT v0.2, 14 October 2026. UNPUBLISHED.
   v0.2: integrated into theme copy groundtruth-practice-road 0.3.0; covers every remaining
   Instrument/Newsreader/DM Mono rule, Milk text links on Conifer, /tools/ reflow at 320 px.
   Trial 17 Website And Contact Alignment. Not uploaded, not activated.
   Written against the live compiled stylesheet /assets/site.css?v=tWuronRXi_7rgWN8
   (Ghost 6.70, observed 14 Oct 2026). Intended to load immediately AFTER site.css
   from the current theme's default.hbs once that theme source is obtained.
   Palette v1.0 (approved 14 Oct) and Typography System 1, v1.1 web column.
   Font files: woff2 conversions of the approved Typography v1.0 static TTFs
   (version 2.001, SIL OFL 1.1, no Reserved Font Name). See FONT_PROVENANCE.txt. */

@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNext-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNext-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNext-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url("/assets/fonts/AtkinsonHyperlegibleNext-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Mono";src:url("/assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Mono";src:url("/assets/fonts/AtkinsonHyperlegibleMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* Palette v1.0 tokens, unchanged values */
  --gt-milk:#F7F2EA; --gt-chocolate:#2B1F1A; --gt-soft:#6A5A50;
  --gt-conifer:#1F4A3C; --gt-conifer-tint:#CDDED3; --gt-berry:#8E2C4E;
  /* Derived, decorative hairlines only (Soft at about 50% on Milk). Not a palette colour. */
  --gt-hairline:#B9AFA5;
  --gt-text:"Atkinson Hyperlegible Next","Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --gt-mono:"Atkinson Hyperlegible Mono",ui-monospace,"Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace;

  /* Remap the live theme's own variables so existing components inherit the palette */
  --paper:var(--gt-milk);
  --white:var(--gt-milk);
  --ink:var(--gt-chocolate);
  --green:var(--gt-conifer);
  --deep:var(--gt-chocolate);
  --pink:var(--gt-berry);
  --muted:var(--gt-soft);
  --line:var(--gt-hairline);
  --wash:var(--gt-conifer-tint);
  --sage:var(--gt-conifer-tint);
  --mist:var(--gt-conifer-tint);
  --review-surface:var(--gt-conifer-tint);
  --review-edge:var(--gt-conifer);
  --control:var(--gt-soft);
  --shadow:var(--gt-conifer-tint);
}

/* Type: one text family, Mono only for record values and identifiers */
body,button,input,select,textarea{font-family:var(--gt-text)}
body{font-size:1.125rem;line-height:1.5;font-kerning:normal}
h1,h2,h3,h4{font-family:var(--gt-text);color:inherit}
h1{font-weight:500;font-size:clamp(2.25rem,1.55rem + 2.6vw,3.5rem);line-height:1.1;letter-spacing:-.01em}
h2{font-weight:500;font-size:clamp(1.75rem,1.4rem + 1.3vw,2.5rem);line-height:1.15;letter-spacing:-.01em}
h3{font-weight:700;font-size:1.375rem;line-height:1.25;letter-spacing:0}
.lead{font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem);line-height:1.45}
.eyebrow,.kicker,.node-label,.legacy-content .label,.label{font-family:var(--gt-text);font-weight:600;font-size:.8125rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
.caption,.muted,small{color:var(--gt-soft)}
.mono,code,.output-card .format,.check-map svg text{font-family:var(--gt-mono)}
/* Step labels and counters are labels, not record values: Next SemiBold (Typography v1.1 rule) */
.index-num,.stop-number,.tour-step span,.numbered-list li::before{font-family:var(--gt-text);font-weight:600}
.mono,code{font-size:.875rem;line-height:1.35}
.thread-node strong{font-family:var(--gt-text);font-weight:700}
.process-diagram strong{font-family:var(--gt-text);font-weight:700;font-size:1.375rem;line-height:1.25}
.legacy-content blockquote{font-family:var(--gt-text);font-weight:500;font-size:1.375rem;line-height:1.4}
.footer-grid h3,.family-facts h3,.tour-work h3{font-family:var(--gt-text);font-weight:700}
.spatial-diagram svg{font-family:var(--gt-text)}
/* Every remaining live rule that names Instrument, Newsreader or DM Mono (site.css, 14 Oct) */
.tour-work h3,.family-facts h3,.footer-grid h3,.journey-share,.journey-switch summary,.journey-share-panel input,
.stop-current,.node-label,.thread-node strong,.thread-controls button,.local-boundary-label,.legacy-content .label,
.legacy-content summary,.practice-nav>summary,.brand,.process-diagram strong,.legacy-content blockquote{font-family:var(--gt-text)}
.mono,.output-card .format,code,.check-map svg text{font-family:var(--gt-mono)}
.index-num,.numbered-list li::before,.tour-step span,.stop-number{font-family:var(--gt-text);font-weight:600}

/* Header and footer: Milk surface, Conifer rule, company name set as in Baseline v1.0.
   The logo mark image is left exactly as served. */
.site-header,.site-footer{background:var(--gt-milk)}
.site-header{border-bottom:1px solid var(--gt-conifer)}
.site-footer{border-top:1px solid var(--gt-conifer)}
.brand{font-family:var(--gt-text);font-weight:700;font-size:1.1875rem;letter-spacing:0;color:var(--gt-chocolate)}
.brand strong{font-weight:700;color:var(--gt-conifer)}
.main-nav a,.practice-nav>summary,.tools-toggle{font-family:var(--gt-text);font-weight:500;color:var(--gt-chocolate)}
.main-nav a[aria-current],.main-nav a:hover{color:var(--gt-conifer)}

/* Buttons */
.button{font-family:var(--gt-text);font-weight:600;border-radius:4px;border:2px solid var(--gt-conifer);background:var(--gt-conifer);color:var(--gt-milk)}
.button:hover{background:var(--gt-chocolate);border-color:var(--gt-chocolate)}
.button.secondary{background:transparent;color:var(--gt-conifer)}
.dark .button{background:var(--gt-milk);border-color:var(--gt-milk);color:var(--gt-conifer)}
.dark .button.secondary{background:transparent;color:var(--gt-milk)}
.dark .text-link,.inquiry .text-link{color:var(--gt-milk)}
.text-link{color:var(--gt-conifer);text-decoration-thickness:1px;text-underline-offset:.2em}

/* Focus: always visible. Berry on light surfaces; Milk on Conifer (never Berry on Conifer). */
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gt-berry);outline-offset:4px}
.dark a:focus-visible,.dark button:focus-visible,.dark summary:focus-visible,.inquiry a:focus-visible{outline-color:var(--gt-milk)}

/* Conifer sections: Milk and Tint text only */
.dark{background:var(--gt-conifer);color:var(--gt-milk)}
.dark .eyebrow,.dark .kicker,.dark .muted,.dark .index-num,.numbered-list p,.numbered-list li::before,.inquiry .caption.muted{color:var(--gt-conifer-tint)}
.numbered-list li{border-top-color:var(--gt-conifer-tint)}
.dark .line,.dark .three-up article{border-color:var(--gt-conifer-tint)}
.legacy-content .dark .label,.dark .status{color:var(--gt-milk);border-color:var(--gt-conifer-tint)}

/* Tint on Milk always carries a Conifer boundary (Tint on Milk is 1.26:1 alone) */
.audience-links article,.audience-links article:nth-child(3),.evidence-band,.responsibility-directory,
.connected-cards article:nth-child(2),.legacy-content .facts>article:nth-child(2),.page-lede aside,
.journey-focus,.outcome-panel,.tour-explain,.spatial-diagram,.specimen-bottom,.legacy-content .note,.review-note{
  background:var(--gt-conifer-tint);border:1px solid var(--gt-conifer)}
.legacy-content .note,.journey-focus{border-left:4px solid var(--gt-conifer)}
.page-lede aside,.review-note{border-left:4px solid var(--gt-berry)}
.section.wash{background:var(--gt-conifer-tint);border-top:1px solid var(--gt-conifer);border-bottom:1px solid var(--gt-conifer)}
.wide-rule{background:var(--gt-milk);border-color:var(--gt-conifer)}
.tour-explain{border-right:1px solid var(--gt-conifer)}
.tour-controls{background:var(--gt-milk);border:1px solid var(--gt-conifer)}
.tour-step{border-right-color:var(--gt-conifer)}
.tour-step[aria-pressed=true]{background:var(--gt-conifer-tint);color:var(--gt-conifer);box-shadow:inset 4px 0 var(--gt-conifer)}
.tour-step[aria-pressed=true] span{color:var(--gt-conifer)}
.facts-table th{background:var(--gt-conifer-tint)}

/* Finding / review diagram (existing fictional record): same structure, approved palette */
.specimen{background:var(--gt-milk);border:1px solid var(--gt-conifer);box-shadow:10px 10px 0 var(--gt-conifer-tint)}
.thread-node.review-node{background:var(--gt-conifer-tint);border-color:var(--gt-conifer)}
.specimen-head .mono{font-family:var(--gt-text);font-weight:600;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gt-chocolate)}
.thread-node strong code{font-family:var(--gt-mono);font-weight:400;font-size:clamp(1.375rem,1.15rem + .8vw,1.75rem);line-height:1.2}
.thread-controls button{font-family:var(--gt-text);font-weight:600;background:var(--gt-milk);color:var(--gt-conifer)}
.tools-menu{background:var(--gt-milk);border:1px solid var(--gt-conifer);box-shadow:4px 6px 0 var(--gt-conifer-tint)}
#journey-stops a:hover,.journey-choice:hover,.journey-choice:focus-visible{background:var(--gt-conifer-tint);border-color:var(--gt-conifer)}

/* Contact address: business mailbox shown as a clear, wrapping link */
.contact-address,.legacy-content .contact-address{font-family:var(--gt-text);font-weight:700;font-size:clamp(1rem,.8rem + 1.6vw,1.625rem);color:var(--gt-conifer);overflow-wrap:break-word}

/* Reflow: /tools/ cards overflowed a 320 px viewport in the original 0.2.1 theme too (found in Trial 17 tests) */
.two-up>*{min-width:0}
@media(max-width:520px){.tool-strip{flex-wrap:wrap;row-gap:8px}.tool-strip .strip-connection{flex:0 0 22px}}

/* Severity badges (.badge.critical, .badge.watch) keep their existing independent
   colours and text labels in this draft. Owner decision noted in the specification. */