:root {
  --paper: #f5f6f0;
  --white: #fff;
  --ink: #18211e;
  --muted: #53605a;
  --rule: #b9c3bc;
  --control: #09635d;
  --evidence: #e4a62a;
  --exception: #a83d32;
  --display: "Familjen Grotesk", "Arial Nova", Arial, sans-serif;
  --body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  --utility: "Martian Mono", "SFMono-Regular", Consolas, monospace;
  --edge: clamp(1.25rem, 4vw, 4rem);
  --section: clamp(4.75rem, 9vw, 8.75rem);
  --compact: clamp(3.25rem, 6vw, 5.75rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
  font-size: 1rem;
  line-height: 1.68;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
}
img, svg { display: block; max-width: 100%; }
a { color: var(--control); text-underline-offset: .22em; text-decoration-thickness: .09em; }
a:hover { text-decoration-thickness: .14em; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
:focus-visible { outline: 3px solid var(--exception); outline-offset: 3px; }
::selection { color: var(--paper); background: var(--control); }

.skip-link {
  position: fixed;
  z-index: 100;
  top: .75rem;
  left: .75rem;
  transform: translateY(-180%);
  padding: .7rem 1rem;
  color: var(--paper);
  background: var(--ink);
}
.skip-link:focus { transform: none; }

.shell { width: min(100%, 1440px); margin-inline: auto; padding-inline: var(--edge); }
.reading { max-width: 70ch; }
.narrow { max-width: 62ch; }
.section { padding-block: var(--section); }
.section-compact { padding-block: var(--compact); }
.paper-white { background: var(--white); }
.rule-top { border-top: 1px solid var(--rule); }

.site-header {
  position: relative;
  z-index: 30;
  border-bottom: 1px solid var(--rule);
  background: var(--paper);
}
.header-inner {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.brand {
  color: var(--ink);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  white-space: nowrap;
}
.brand-mark {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border-top: 2px solid var(--control);
  border-left: 2px solid var(--control);
}
.brand-mark::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
}
.brand-mark::after {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--evidence);
}
.brand-name { font-family: var(--display); font-weight: 700; letter-spacing: -.025em; }
.brand-suffix { margin-left: .32em; color: var(--muted); font-family: var(--body); font-size: .72em; font-weight: 600; letter-spacing: .02em; }

.menu-toggle { display: none; min-height: 44px; padding: .5rem .75rem; border: 1px solid var(--ink); border-radius: 4px; color: var(--ink); background: transparent; }
.site-nav { display: flex; align-items: center; gap: clamp(.8rem, 1.6vw, 1.5rem); }
.site-nav > a, .framework-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border: 0;
  padding: 0;
  color: var(--ink);
  background: transparent;
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}
.site-nav > a[aria-current="page"], .framework-button[aria-expanded="true"] { color: var(--control); }
.framework-control { position: relative; }
.framework-button::after { content: "+"; margin-left: .4rem; color: var(--control); }
.framework-button[aria-expanded="true"]::after { content: "−"; }
.framework-fallback { color: var(--ink); font-weight: 600; }
.js .framework-fallback { display: none; }
.no-js .framework-button { display: none; }
.framework-menu {
  position: absolute;
  top: calc(100% + .55rem);
  left: -.9rem;
  min-width: 210px;
  padding: .55rem;
  border: 1px solid var(--ink);
  background: var(--white);
  box-shadow: 0 18px 50px rgba(24, 33, 30, .1);
}
.framework-menu[hidden] { display: none; }
.framework-menu a { display: block; min-height: 44px; padding: .55rem .65rem; color: var(--ink); text-decoration: none; }
.framework-menu a:hover { background: var(--paper); }

.eyebrow { margin: 0 0 1rem; color: var(--control); font-weight: 700; letter-spacing: .01em; }
.field-key {
  margin: 0;
  font-family: var(--utility);
  font-size: .74rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .055em;
  text-transform: uppercase;
}
h1, h2, h3 { font-family: var(--display); color: var(--ink); }
h1 { margin: 0; max-width: 16ch; font-size: clamp(2.75rem, 5.7vw, 6rem); line-height: .98; letter-spacing: -.042em; }
.home-title { max-width: 13.5ch; font-size: clamp(3.1rem, 6.2vw, 6.35rem); line-height: .94; }
h2 { margin: 0 0 1.25rem; max-width: 20ch; font-size: clamp(2rem, 3.9vw, 4.1rem); line-height: 1.07; letter-spacing: -.027em; }
h3 { margin: 0 0 .55rem; font-size: clamp(1.22rem, 2vw, 1.58rem); line-height: 1.2; letter-spacing: -.012em; }
p { margin: 0 0 1.2rem; }
.lead { max-width: 63ch; font-size: clamp(1.1rem, 1.6vw, 1.4rem); line-height: 1.53; color: #34413b; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.35rem; margin-top: 2rem; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: .75rem 1.15rem;
  border: 1px solid var(--control);
  border-radius: 4px;
  color: var(--paper);
  background: var(--control);
  font-weight: 700;
  text-decoration: none;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.button:hover { transform: translateY(-1px); box-shadow: 0 2px 0 var(--ink); text-decoration: none; }
.text-link { display: inline-block; min-height: 44px; padding-block: .55rem; color: var(--ink); font-weight: 700; text-decoration-color: var(--control); text-decoration-thickness: 2px; }

.hero { padding-block: clamp(3.5rem, 5vw, 5rem) clamp(4.5rem, 8vw, 8rem); }
.hero-intro { display: grid; grid-template-columns: minmax(0, 8fr) minmax(15rem, 4fr); align-items: end; gap: 2rem; }
.hero-note { max-width: 28ch; padding: 1.25rem 0 0 1.25rem; border-left: 2px solid var(--evidence); color: var(--muted); }

/* Homepage registration matrix */
.proof-matrix {
  position: relative;
  margin-top: clamp(3rem, 6vw, 5.5rem);
  border-block: 1px solid var(--ink);
  display: grid;
  grid-template-columns: .9fr 1.15fr .85fr 1.8fr 1.05fr .9fr;
  background: var(--white);
  overflow: hidden;
}
.proof-matrix::before {
  content: "";
  position: absolute;
  left: 3%; right: 3%; top: 59%; height: 2px;
  background: var(--control);
  transform-origin: left;
  animation: register-line 760ms 250ms both ease-out;
}
.proof-field { min-width: 0; min-height: 250px; padding: 1.25rem; border-right: 1px solid var(--rule); opacity: 0; transform: translateY(var(--offset, 7px)); animation: register-field 520ms var(--delay, 0ms) both ease-out; }
.proof-field:last-child { border-right: 0; border-left: 2px solid var(--exception); }
.proof-field:nth-child(2) { --offset: -8px; --delay: 50ms; }
.proof-field:nth-child(3) { --offset: 9px; --delay: 100ms; }
.proof-field:nth-child(4) { --offset: -6px; --delay: 150ms; }
.proof-field:nth-child(5) { --offset: 8px; --delay: 200ms; }
.proof-field:nth-child(6) { --offset: -7px; --delay: 250ms; }
.proof-label { color: var(--muted); }
.proof-value { position: relative; z-index: 1; margin-top: 5.25rem; padding: .5rem .4rem; background: var(--white); font-weight: 700; line-height: 1.35; }
.proof-field.evidence-field .proof-value { box-shadow: inset 0 -3px var(--evidence); }
.proof-caption { grid-column: 1 / -1; padding: .85rem 1.25rem; border-top: 1px solid var(--rule); color: var(--muted); }
@keyframes register-field { to { opacity: 1; transform: none; } }
@keyframes register-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.capability-index { display: grid; grid-template-columns: 5fr 7fr; border-top: 1px solid var(--ink); }
.capability-entry { min-height: 180px; padding: 1.7rem 2rem 2rem 0; border-bottom: 1px solid var(--rule); }
.capability-entry:nth-child(even) { padding-left: 2rem; border-left: 1px solid var(--rule); }
.capability-entry a { color: var(--ink); }
.capability-entry:nth-child(3), .capability-entry:nth-child(6) { padding-right: clamp(2rem, 8vw, 7rem); }

.ordered-loop { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 3rem; border-top: 2px solid var(--ink); }
.loop-step { padding: 1.75rem 1.4rem 0 0; }
.loop-step::before { content: ""; display: block; width: 11px; height: 11px; margin-top: -2.15rem; margin-bottom: 1.5rem; border: 2px solid var(--control); background: var(--paper); }
.loop-step:nth-child(3)::before { background: var(--evidence); border-color: var(--ink); }
.loop-step:nth-child(4)::before { border-color: var(--exception); }

.sector-bands { border-top: 2px solid var(--ink); }
.sector-band { display: grid; grid-template-columns: 3fr 7fr; gap: 2rem; padding: 1.4rem 0; border-bottom: 1px solid var(--rule); }
.boundary { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(2rem, 6vw, 6rem); padding-left: clamp(1.25rem, 3vw, 2.5rem); border-left: 3px solid var(--exception); }

/* Shared record artifacts */
.record-stack, .definition-stack { border-top: 2px solid var(--ink); }
.record-row {
  display: grid;
  grid-template-columns: minmax(8rem, 2fr) minmax(0, 6fr) minmax(9rem, 2fr);
  gap: 1.5rem;
  padding: 1.45rem 0;
  border-bottom: 1px solid var(--rule);
}
.record-row p { margin: 0; }
.record-meta { color: var(--muted); font-size: .94rem; }
.record-row[data-state="evidence"] { border-left: 3px solid var(--evidence); padding-left: 1rem; }
.record-row[data-state="question"] { border-left: 3px solid var(--exception); padding-left: 1rem; }
.relation-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.relation { min-height: 150px; padding: 1.35rem; border-top: 2px solid var(--control); border-bottom: 1px solid var(--rule); background: var(--white); }
.relation:nth-child(1), .relation:nth-child(4) { grid-column: span 7; }
.relation:nth-child(2), .relation:nth-child(3) { grid-column: span 5; }
.relation:nth-child(5) { grid-column: span 4; }
.relation:nth-child(6) { grid-column: span 8; }
.relation-arrow { color: var(--exception); font-family: var(--utility); }

.faq-list { width: 100%; max-width: none; border-top: 1px solid var(--ink); }
.faq-list details { border-bottom: 1px solid var(--rule); }
.faq-list summary { position: relative; min-height: 62px; display: flex; align-items: center; padding: 1rem 3rem 1rem .2rem; cursor: pointer; font-family: var(--display); font-size: 1.18rem; font-weight: 650; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: .5rem; color: var(--control); font-family: var(--body); font-size: 1.5rem; }
.faq-list details[open] { box-shadow: inset 3px 0 var(--control); }
.faq-list details[open] summary::after { content: "−"; }
.faq-answer { max-width: 67ch; padding: 0 2rem 1.4rem 1.25rem; }

.closing-field { display: grid; grid-template-columns: 7fr 5fr; align-items: end; gap: clamp(2rem, 7vw, 7rem); border-top: 2px solid var(--ink); padding-top: 2.25rem; }
.closing-field h2 { margin-bottom: 0; }

/* Platform */
.control-anatomy { position: relative; margin: 3.5rem 0 0 8%; padding: clamp(1.5rem, 4vw, 3.5rem); border-block: 1px solid var(--ink); border-left: 3px solid var(--control); background: var(--white); }
.control-sheet { max-width: 760px; margin: auto; display: grid; grid-template-columns: 1.25fr 2fr; border: 1px solid var(--ink); }
.control-sheet > div { min-height: 88px; padding: 1rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.control-sheet > div:nth-child(even) { border-right: 0; }
.anatomy-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 1.4rem; background: var(--rule); }
.anatomy-note { padding: 1rem; background: var(--paper); }
.automation-boundary { display: grid; grid-template-columns: 1fr minmax(90px, .25fr) 1fr; border-block: 1px solid var(--ink); }
.automation-side { padding: 2rem; }
.review-joint { display: grid; place-items: center; padding: 1rem .5rem; color: var(--ink); background: var(--evidence); writing-mode: vertical-rl; font-family: var(--utility); text-transform: uppercase; letter-spacing: .08em; }
.role-table { border-top: 2px solid var(--ink); }

/* SOC 2 */
.period-record { margin-top: 3.5rem; padding: 2rem; border: 1px solid var(--ink); background: var(--white); }
.period-track { display: grid; grid-template-columns: 1.2fr 3fr 1fr; align-items: center; gap: 1rem; margin: 2rem 0; }
.period-line { position: relative; height: 44px; border-inline: 2px solid var(--ink); border-top: 2px solid var(--control); }
.period-line::before, .period-line::after { position: absolute; top: .7rem; font-family: var(--utility); font-size: .72rem; }
.period-line::before { content: "EVIDENCE A"; left: 17%; }
.period-line::after { content: "EVIDENCE B"; right: 17%; }
.period-issue { padding-left: 1rem; border-left: 3px solid var(--exception); }
.workflow-sequence { counter-reset: workflow; border-top: 2px solid var(--ink); }
.workflow-row { counter-increment: workflow; display: grid; grid-template-columns: 70px 1fr 2fr; gap: 1.5rem; padding: 1.25rem 0; border-bottom: 1px solid var(--rule); }
.workflow-row::before { content: "0" counter(workflow); font-family: var(--utility); color: var(--control); }
.period-mini { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--ink); }
.period-mini > div { padding: 1.4rem; border-right: 1px solid var(--rule); }

.registered-evidence-field { margin: 2rem 0 0; border: 1px solid var(--ink); background: var(--white); }
.registered-evidence-field picture { display: block; overflow: hidden; }
.registered-evidence-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.registered-evidence-field--soc2 .registered-evidence-image { aspect-ratio: 16 / 7; }
.registered-evidence-field--iso .registered-evidence-image { aspect-ratio: 5 / 3; }
.registered-evidence-field--intake .registered-evidence-image { aspect-ratio: 5 / 2; }
.registration-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ink); font: 500 .74rem/1.45 var(--utility); }
.registration-rail span { min-width: 0; padding: .95rem 1rem; border-right: 1px solid var(--rule); }
.registration-rail span:last-child { border-right: 0; }
.registration-rail strong { display: block; margin-bottom: .25rem; color: var(--control); text-transform: uppercase; letter-spacing: .06em; }

/* ISO */
.isms-register { display: grid; grid-template-columns: 1.15fr 1fr .9fr 1.1fr 1.3fr; align-items: end; gap: .8rem; margin-top: 3.5rem; border-bottom: 2px solid var(--control); }
.isms-item { min-height: var(--height, 160px); padding: 1.15rem; border: 1px solid var(--rule); border-bottom: 0; background: var(--white); }
.isms-item:nth-child(2) { --height: 220px; }
.isms-item:nth-child(3) { --height: 180px; }
.isms-item:nth-child(4) { --height: 245px; }
.isms-item:nth-child(5) { --height: 285px; border-right: 3px solid var(--exception); }
.isms-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 1rem; }
.isms-broad, .isms-narrow { padding: 1.5rem; border-top: 2px solid var(--control); background: var(--white); }
.mapping-table { border-top: 2px solid var(--ink); }
.mapping-row { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 1.5rem; padding: 1.25rem 0; border-bottom: 1px solid var(--rule); }

/* Vendor */
.decision-corridor { display: grid; grid-template-columns: 2fr 1.4fr 1fr; margin-top: 3.5rem; border-block: 1px solid var(--ink); background: var(--white); }
.corridor-field { min-height: 220px; padding: 1.35rem; border-right: 1px solid var(--rule); }
.corridor-title { margin: 0 0 .55rem; color: var(--ink); font-family: var(--display); font-size: clamp(1.22rem, 2vw, 1.58rem); font-weight: 700; line-height: 1.2; letter-spacing: -.012em; }
.corridor-stack { display: grid; grid-template-rows: repeat(4, 1fr); }
.corridor-stack > div { padding: .7rem; border-bottom: 1px solid var(--rule); }
.corridor-stack > div:nth-child(3) { border-left: 3px solid var(--exception); }
.documentary-block { display: grid; grid-template-columns: 7fr 5fr; align-items: end; gap: clamp(1.5rem, 4vw, 4rem); }
.documentary-image { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; box-shadow: 0 18px 50px rgba(24, 33, 30, .1); }
.fact-pattern { margin-bottom: -2rem; padding: 1.5rem; border-top: 2px solid var(--ink); background: var(--paper); }
.linkage-diagram { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); border-block: 1px solid var(--ink); }
.linkage-diagram > div { min-height: 130px; padding: 1.1rem; border-right: 1px solid var(--rule); }
.linkage-diagram > div:first-child { border-left: 3px solid var(--evidence); }

/* Evidence */
.evidence-hero-grid { display: grid; grid-template-columns: 4fr 8fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.provenance-strip { border-top: 2px solid var(--ink); background: var(--white); }
.provenance-strip div { padding: 1rem; border-bottom: 1px solid var(--rule); }
.provenance-strip div:last-child { border-left: 3px solid var(--exception); }
.evidence-definition { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 2rem; background: var(--ink); border: 1px solid var(--ink); }
.evidence-definition > div { padding: 1.5rem; background: var(--white); }
.automation-path { display: grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; border-block: 1px solid var(--ink); }
.automation-path > div { min-height: 150px; padding: 1.15rem; border-right: 1px solid var(--rule); }
.automation-path .human-fork { border-left: 3px solid var(--exception); }
.evidence-ledger { border: 1px solid var(--ink); background: var(--white); }
.ledger-head { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 2px solid var(--ink); }

/* Training */
.training-hero-copy { max-width: 1000px; }
.training-visual { position: relative; margin-top: 3rem; padding-bottom: 3.5rem; }
.training-image { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.roster-strip { position: absolute; left: 5%; right: 5%; bottom: 0; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; border: 1px solid var(--ink); background: var(--white); box-shadow: 0 18px 50px rgba(24, 33, 30, .1); }
.roster-strip > div { min-height: 90px; padding: 1rem; border-right: 1px solid var(--rule); }
.behavior-strips { border-top: 2px solid var(--ink); }
.behavior-strip { display: grid; grid-template-columns: 1fr 2.5fr; gap: 2rem; padding: 1.35rem 0; border-bottom: 1px solid var(--rule); }

/* API */
.api-hero-grid { display: grid; grid-template-columns: 7fr 5fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.event-receipt { border: 1px solid var(--ink); border-top: 5px solid var(--control); background: var(--white); }
.receipt-head { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--ink); }
.receipt-row { display: grid; grid-template-columns: minmax(8rem, .8fr) 1.4fr; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--rule); }
.receipt-row:last-child { border-left: 3px solid var(--evidence); }
.workflow-map { display: grid; grid-template-columns: repeat(6, 1fr); border-block: 1px solid var(--ink); }
.workflow-map > div { min-height: 130px; padding: 1rem; border-right: 1px solid var(--rule); }
.failure-lanes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.failure-lane { min-height: 180px; padding: 1.5rem; border-top: 4px solid var(--evidence); background: var(--white); }
.failure-lane.error { border-top-color: var(--exception); }
.question-checklist { columns: 2; column-gap: 4rem; padding-left: 1.3rem; }
.question-checklist li { break-inside: avoid; margin-bottom: 1rem; }

/* Contact */
.starting-brief { margin-top: 3.5rem; border-top: 2px solid var(--ink); }
.brief-row { display: grid; grid-template-columns: 4fr 8fr; gap: 2rem; padding: 1.3rem 0; border-bottom: 1px solid var(--rule); }
.contact-email { display: inline-block; max-width: 100%; margin-top: 1rem; color: var(--control); font-family: var(--display); font-size: clamp(1.55rem, 4vw, 3.7rem); font-weight: 700; letter-spacing: -.035em; overflow-wrap: anywhere; }
.warning-field { max-width: 760px; padding: 1.5rem 1.5rem 1.5rem 2rem; border-left: 3px solid var(--exception); background: var(--white); }

.site-footer { border-top: 2px solid var(--ink); padding-block: 3rem; }
.footer-grid { display: grid; grid-template-columns: 5fr 3fr 4fr; gap: 2.5rem; }
.footer-brand p { max-width: 30ch; color: var(--muted); }
.footer-links { display: grid; align-content: start; gap: .45rem; }
.footer-links a { color: var(--ink); }
.footer-contact { align-self: end; }
.footer-contact strong { display: block; margin-bottom: .4rem; }
.footer-contact span { text-decoration: underline; text-decoration-color: var(--control); text-underline-offset: .25em; }
.copyright { margin-top: 2rem; color: var(--muted); font-size: .9rem; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem 2rem; color: var(--muted); }
.footer-bottom span:first-child { color: var(--ink); font-weight: 700; }

.not-found { min-height: calc(100vh - 74px); display: grid; align-items: center; }
.not-found-grid { display: grid; grid-template-columns: 4fr 8fr; gap: 3rem; align-items: center; }
.error-code { font-family: var(--utility); font-size: clamp(5rem, 15vw, 13rem); line-height: .8; color: var(--rule); }

@media (max-width: 1050px) {
  .site-nav { gap: .85rem; }
  .site-nav > a, .framework-button, .framework-fallback { font-size: .93rem; }
  .proof-matrix { grid-template-columns: 1fr 1fr 1fr; }
  .proof-field { min-height: 190px; border-bottom: 1px solid var(--rule); }
  .proof-matrix::before { display: none; }
  .proof-value { margin-top: 2.5rem; }
  .proof-caption { grid-column: 1 / -1; }
  .relation-grid { grid-template-columns: repeat(2, 1fr); }
  .relation { grid-column: auto !important; }
}

@media (max-width: 820px) {
  .header-inner { min-height: 64px; flex-wrap: wrap; gap: .25rem; padding-block: .45rem; }
  .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .no-js .menu-toggle { display: none; }
  .js .site-nav { display: none; width: 100%; align-items: stretch; padding: .75rem 0 1rem; }
  .js .site-nav[data-open="true"] { display: grid; }
  .site-nav { width: 100%; display: grid; align-items: stretch; }
  .site-nav > a, .framework-button, .framework-fallback { min-height: 50px; width: 100%; justify-content: flex-start; padding: .35rem .25rem; border-bottom: 1px solid var(--rule); }
  .framework-menu { position: static; min-width: 0; border: 0; border-bottom: 1px solid var(--rule); box-shadow: none; background: var(--white); }
  .framework-menu a { padding-left: 1rem; }
  .hero-intro, .boundary, .closing-field, .documentary-block, .evidence-hero-grid, .api-hero-grid, .footer-grid, .not-found-grid { grid-template-columns: 1fr; }
  .evidence-hero-grid > .provenance-strip { order: 2; }
  .hero-note { max-width: 50ch; }
  .capability-index, .isms-grid { grid-template-columns: 1fr; }
  .capability-entry:nth-child(even) { padding-left: 0; border-left: 0; }
  .ordered-loop { grid-template-columns: 1fr; border-top: 0; border-left: 2px solid var(--ink); margin-left: .4rem; }
  .loop-step { padding: 0 0 2rem 1.5rem; }
  .loop-step::before { margin: .25rem 0 .6rem -1.92rem; }
  .sector-band, .record-row, .workflow-row, .mapping-row, .behavior-strip, .brief-row { grid-template-columns: 1fr; gap: .55rem; }
  .record-row { padding-inline: .25rem; }
  .record-meta { padding-top: .2rem; }
  .relation-grid { grid-template-columns: 1fr; }
  .control-anatomy { margin-left: 0; }
  .anatomy-notes { grid-template-columns: 1fr; }
  .automation-boundary { grid-template-columns: 1fr; }
  .review-joint { writing-mode: horizontal-tb; }
  .period-record { padding: 1.25rem; }
  .period-track { grid-template-columns: 1fr; }
  .period-line { height: 110px; border-top: 0; border-left: 2px solid var(--control); }
  .period-line::before { left: 1rem; top: 1rem; }
  .period-line::after { left: 1rem; right: auto; top: 4.5rem; }
  .period-mini { grid-template-columns: 1fr; }
  .period-mini > div { border-right: 0; border-bottom: 1px solid var(--rule); }
  .isms-register { grid-template-columns: 1fr; align-items: stretch; border-bottom: 0; border-left: 2px solid var(--control); padding-left: .75rem; }
  .isms-item { min-height: 0 !important; border-bottom: 1px solid var(--rule); }
  .decision-corridor { grid-template-columns: 1fr; }
  .corridor-field { min-height: 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .documentary-block { align-items: stretch; }
  .fact-pattern { margin: 0; }
  .linkage-diagram { grid-template-columns: 1fr; }
  .linkage-diagram > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .automation-path, .workflow-map { grid-template-columns: 1fr; }
  .automation-path > div, .workflow-map > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .training-visual { padding-bottom: 0; }
  .training-image { aspect-ratio: 4 / 3; }
  .registered-evidence-field--soc2 .registered-evidence-image,
  .registered-evidence-field--iso .registered-evidence-image,
  .registered-evidence-field--intake .registered-evidence-image { aspect-ratio: 4 / 3; }
  .roster-strip { position: static; grid-template-columns: 1fr; margin-top: 0; box-shadow: none; }
  .roster-strip > div { min-height: 0; border-right: 0; border-bottom: 1px solid var(--rule); }
  .failure-lanes { grid-template-columns: 1fr; }
  .question-checklist { columns: 1; }
}

@media (max-width: 560px) {
  h1 { font-size: clamp(2.55rem, 13vw, 3.65rem); }
  .home-title { font-size: clamp(2.85rem, 14vw, 4.1rem); }
  .training-hero-copy h1 { font-size: clamp(2.55rem, 11.2vw, 3rem); letter-spacing: -.035em; }
  .actions { align-items: stretch; }
  .actions .button { width: 100%; }
  .proof-matrix { grid-template-columns: 1fr; border: 1px solid var(--ink); }
  .proof-field { min-height: 0; display: grid; grid-template-columns: 1fr 1.3fr; gap: 1rem; align-items: start; padding: 1rem; border-right: 0; }
  .proof-value { margin: 0; padding: 0; }
  .proof-caption { padding: 1rem; }
  .control-sheet, .evidence-definition { grid-template-columns: 1fr; }
  .registration-rail { grid-template-columns: 1fr; }
  .registration-rail span { border-right: 0; border-bottom: 1px solid var(--rule); }
  .registration-rail span:last-child { border-bottom: 0; }
  .control-sheet > div { border-right: 0; }
  .receipt-row { grid-template-columns: 1fr; gap: .3rem; }
  .footer-grid { gap: 2rem; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .proof-field { opacity: 1; transform: none; }
  .proof-matrix::before { transform: scaleX(1); }
}