:root {
  --bg:#efeeec; --card:#e6e5e1; --card-deep:#dcdbd6; --paper:#f8f8f6;
  --ink:#1b1b19; --muted:#6c6c66; --faint:#c9c8c2; --charcoal:#292926;
  --accent:#087a3e; --water:#2f6f9e; --soil:#775a45; --caution:#92410f;
  --sans:"Geist",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace;
  --serif:"Instrument Serif",Georgia,serif;
}
* { box-sizing:border-box; }
html { background:var(--bg); scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:var(--bg); color:var(--ink); font:15px/1.5 var(--sans); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
.serif { font-family:var(--serif); font-weight:400; letter-spacing:-.015em; }
.mono { font-family:var(--mono); font-variant-numeric:tabular-nums; }
.surface { background:var(--card); border-radius:12px; }
.paper { background:var(--paper); border-radius:9px; }
button,a,input,select,textarea { font:inherit; }
button,.action,[role="button"] { min-height:44px; }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@keyframes rise { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:none; } }
.rise { animation:rise 520ms cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

[hidden] { display:none!important; }
a { color:inherit; text-decoration:none; }
button { color:inherit; }
h1,h2,h3,p,figure,dl,dd { margin-top:0; }
h1,h2,h3 { text-wrap:balance; }
p { text-wrap:pretty; }
input,select,textarea,button { border-radius:9px; }
input,select,textarea {
  width:100%;
  min-width:0;
  border:1px solid transparent;
  background:var(--paper);
  color:var(--ink);
  font-size:16px;
  line-height:1.35;
  transition:border-color 160ms ease,box-shadow 160ms ease,background 160ms ease;
}
input,select { min-height:52px; padding:0 15px; }
textarea { min-height:92px; padding:13px 15px; resize:vertical; }
input:hover,select:hover,textarea:hover { border-color:var(--faint); }
input:focus,select:focus,textarea:focus { border-color:var(--ink); box-shadow:0 0 0 1px var(--ink); outline:0; }
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"] { border-color:var(--caution); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }
select { padding-right:15px; background-color:var(--paper); }

#app-header {
  width:min(1152px,calc(100% - 48px));
  min-height:76px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);
  align-items:center;
  gap:28px;
}
.brand { width:max-content; min-height:44px; display:flex; align-items:center; gap:9px; }
.brand-mass {
  width:17px;
  height:17px;
  border-radius:44% 56% 62% 38% / 38% 42% 58% 62%;
  background:var(--accent);
  transform:rotate(-13deg);
}
.brand .serif { font-size:24px; line-height:1; }
.brand .label { margin-left:3px; color:var(--ink); font-size:12px; }
#app-header nav { display:flex; align-items:center; justify-content:center; gap:24px; }
#app-header nav a {
  min-height:44px;
  display:flex;
  align-items:center;
  color:var(--ink);
  font:500 12px/1 var(--mono);
  transition:color 160ms ease,transform 160ms ease;
}
#app-header nav a:hover,#app-header nav a[aria-current="page"] { color:var(--ink); transform:translateX(2px); }
.review-tools { justify-self:end; display:flex; align-items:center; gap:6px; }
#review-mode-toggle,#notes-open {
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 13px;
  border:0;
  background:var(--card);
  cursor:pointer;
  font-size:13px;
  font-weight:500;
  transition:background 160ms ease,box-shadow 160ms ease;
}
#review-mode-toggle:hover,#review-mode-toggle[aria-pressed="true"],#notes-open:hover { background:var(--card-deep); box-shadow:0 5px 18px rgba(27,27,25,.08); }
#notes-open { width:44px; justify-content:center; padding:0; font-size:10px; }
#notes-count {
  min-width:22px;
  padding:3px 6px;
  border-radius:999px;
  background:var(--paper);
  font-size:10px;
  text-align:center;
}
.prototype-banner {
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:5px 20px;
  background:var(--charcoal);
  color:var(--paper);
  font:400 10px/1.4 var(--mono);
  letter-spacing:.035em;
  text-align:center;
}

.runtime-error {
  width:min(680px,calc(100% - 32px));
  margin:24px auto;
  padding:24px;
  border:1px solid var(--ink);
  display:grid;
  gap:12px;
}
.runtime-error[hidden] { display:none; }
.runtime-error h2,.runtime-error p { margin:0; }
.runtime-error .action { justify-self:start; }
#draft-status { color:color-mix(in srgb,var(--paper) 72%,var(--accent)); }

#prototype-app {
  width:min(1152px,calc(100% - 48px));
  margin:0 auto;
  padding:26px 0 88px;
}
#progress {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:58px;
  color:var(--soil);
  font:500 10px/1.2 var(--mono);
  text-transform:uppercase;
  letter-spacing:.04em;
}
#progress::before {
  content:"";
  position:absolute;
  top:22px;
  right:0;
  left:0;
  height:1px;
  background:var(--faint);
}
#progress::after {
  content:"";
  position:absolute;
  top:20px;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  transition:transform 520ms cubic-bezier(.2,.7,.2,1);
}
#progress span:nth-child(2) { text-align:center; }
#progress span:nth-child(3) { text-align:right; }
body[data-route="practices"] #progress::after { transform:translateX(calc((1152px - 6px) / 2)); }
body[data-route="recommendation"] #progress::after,
body[data-route="pilot"] #progress::after,
body[data-route="tracker"] #progress::after { transform:translateX(calc(1152px - 6px)); }
body[data-route="parcel"] #progress span:first-child,
body[data-route="practices"] #progress span:nth-child(2),
body[data-route="recommendation"] #progress span:nth-child(3),
body[data-route="pilot"] #progress span:nth-child(3),
body[data-route="tracker"] #progress span:nth-child(3) { color:var(--ink); }

.eyebrow {
  margin-bottom:12px;
  color:var(--soil);
  font-size:10px;
  font-weight:500;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.lede { max-width:540px; color:var(--ink); font-size:17px; line-height:1.55; }
.intro-layout {
  min-height:590px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(440px,.86fr);
  align-items:center;
  gap:72px;
}
.intro-copy { padding:22px 0 56px; }
.intro-copy h1 {
  max-width:620px;
  margin-bottom:21px;
  font-size:clamp(46px,5vw,70px);
  line-height:.98;
}
.location-field { max-width:540px; margin-top:40px; }
.location-field input { min-height:58px; font-size:17px; }
.field-help,.field small { display:block; margin-top:7px; color:var(--ink); font-size:11px; }
.location-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.intro-copy > .location-actions { margin-top:5px; }
.intro-copy > .location-actions .action-primary { min-width:230px; }
.location-progress { min-height:17px; max-width:540px; }
.location-progress[aria-busy="true"] { color:var(--accent); font-weight:600; }
.privacy-note { margin:13px 0 0; color:var(--ink); font-size:11px; }
.lookup-consent { max-width:540px; margin-top:16px; padding:14px 15px; }
.lookup-consent p { margin:8px 0 0 27px; color:var(--ink); font-size:11px; }
.check-line { min-height:44px; display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; cursor:pointer; }
.check-line input { width:17px; min-height:17px; margin:2px 0 0; padding:0; accent-color:var(--accent); }
.location-fallback { min-height:44px; margin-top:2px; }
.location-candidate { max-width:540px; margin-top:16px; padding:16px; border:1px solid var(--faint); }
.location-candidate .eyebrow { margin-bottom:9px; }
.coordinate-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 18px; margin-bottom:13px; }
.coordinate-grid div { min-width:0; }
.coordinate-grid dt { color:var(--ink); font-size:10px; }
.coordinate-grid dd { margin:2px 0 0; overflow-wrap:anywhere; font-size:11px; }
.location-warning { margin-bottom:12px; color:var(--caution); font-size:12px; font-weight:600; }

.root-zone-wrap {
  position:relative;
  min-width:0;
  margin:0;
  padding:18px 18px 16px;
  overflow:hidden;
}
.lens-caption { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--ink); font-size:10px; }
.lens-caption .mono { color:var(--ink); font-size:10px; text-transform:uppercase; letter-spacing:.04em; }
.legend-dot { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; vertical-align:1px; }
.water-dot { background:var(--water); }
.root-zone-lens { display:block; width:100%; height:auto; margin:0 auto; overflow:visible; }
.lens-ground { fill:var(--card-deep); transition:fill 520ms ease; }
.soil-ring { fill:none; stroke:color-mix(in srgb,var(--soil) 38%,transparent); stroke-width:1.2; stroke-dasharray:3 8; }
.ring-two { opacity:.55; stroke-dasharray:2 11; }
.lens-pores circle { fill:none; stroke:var(--soil); stroke-width:1.1; opacity:.34; transition:opacity 420ms ease,transform 520ms ease; transform-box:fill-box; transform-origin:center; }
.fine-pores circle { opacity:.18; }
.lens-water { transform-origin:center bottom; transition:transform 520ms cubic-bezier(.2,.7,.2,1),opacity 420ms ease; }
.lens-water ellipse,.lens-water circle { fill:var(--water); opacity:.72; }
.root-mass { fill:none; stroke:var(--accent); stroke-width:2.1; stroke-linecap:round; opacity:.92; }
.root-mass path:not(.root-main) { stroke-width:1.25; }
.root-main { stroke-width:3.2; }
.lens-pulse circle { fill:none; stroke:var(--accent); stroke-width:1; opacity:.12; }
.lens-pulse circle:last-child { opacity:.07; stroke-dasharray:2 9; }
.lens-label { fill:var(--ink); font:10px var(--mono); letter-spacing:.03em; }
.root-zone-lens[data-irrigated="false"] .lens-water { transform:translateY(22px) scale(.72); opacity:.38; }
.root-zone-lens[data-soil="Argile"] .wide-pores,
.root-zone-lens[data-soil="Limon argileux"] .wide-pores { opacity:.34; transform:scale(.72); }
.root-zone-lens[data-soil="Argile"] .fine-pores,
.root-zone-lens[data-soil="Limon argileux"] .fine-pores { opacity:.8; }
.root-zone-lens[data-soil="Sable"] .wide-pores,
.root-zone-lens[data-soil="Sable limoneux"] .wide-pores { opacity:1; }
.root-zone-lens[data-status="calculated"] .root-mass { animation:root-settle 520ms cubic-bezier(.2,.7,.2,1) both; }
@keyframes root-settle { from { opacity:.35; transform:scaleY(.94); transform-origin:center top; } to { opacity:.92; transform:none; } }
.root-zone-wrap figcaption { max-width:360px; margin:-8px auto 2px; color:var(--ink); font-size:11px; text-align:center; }

.focused-flow { width:min(640px,100%); margin:0 auto; }
.section-heading { margin-bottom:32px; }
.section-heading h1,.section-heading h2 {
  margin-bottom:16px;
  font-size:clamp(39px,5vw,58px);
  line-height:1;
}
.section-heading > p:last-child { max-width:560px; color:var(--ink); font-size:16px; }
.form-surface { display:grid; gap:24px; padding:30px; }
.full-span { grid-column:1/-1; }
.lookup-status { display:flex; align-items:flex-start; gap:11px; margin-bottom:14px; padding:14px 16px; }
.lookup-status .status-dot { flex:0 0 auto; margin-top:5px; }
.lookup-status strong { font-size:12px; }
.lookup-status p { margin:2px 0 0; color:var(--ink); font-size:11px; }
.lookup-status[data-status="loading"] .status-dot { background:var(--water); }
.lookup-status[data-status="ready"] .status-dot { background:var(--accent); }
.lookup-status[data-status="error"] .status-dot { background:var(--caution); }
.lookup-proposal { margin:-4px 0 14px; padding:18px; }
.lookup-proposal .assumption-head { margin-bottom:8px; }
.lookup-proposal .assumption-head h3 { margin:0; font-size:14px; }
.lookup-proposal > p { margin:0; color:var(--ink); font-size:11px; }
.proposal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; margin:16px 0 10px; }
.proposal-grid div { min-width:0; padding-top:8px; border-top:1px solid var(--faint); }
.proposal-grid dt { color:var(--ink); font-size:10px; }
.proposal-grid dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:12px; font-weight:600; }
.source-line { color:var(--ink); font-size:9px; }
.field label,.choice-group legend {
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:600;
}
.field-label-row { display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.field input:disabled { background:var(--card-deep); color:var(--ink); opacity:.62; cursor:not-allowed; }
.text-action { min-height:44px; padding:0; border:0; background:transparent; color:var(--accent); font-size:11px; font-weight:600; cursor:pointer; }
.input-details { border-top:1px solid var(--faint); padding-top:2px; }
.input-details summary { min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; font-size:13px; font-weight:600; }
.input-details summary::-webkit-details-marker { display:none; }
.input-details summary span { color:var(--accent); font:18px/1 var(--mono); transition:transform 160ms ease; }
.input-details[open] summary span { transform:rotate(45deg); }
.details-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; padding-top:12px; }
.details-intro { grid-column:1/-1; margin-bottom:0; color:var(--ink); font-size:12px; }
.economics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.field-error { min-height:0; margin:6px 0 0; color:var(--ink); font-size:12px; font-weight:500; }
.field-error:empty { display:none; }
.input-unit { position:relative; }
.input-unit input { padding-right:70px; }
.input-unit > span {
  position:absolute;
  top:50%;
  right:15px;
  color:var(--ink);
  font-size:11px;
  transform:translateY(-50%);
  pointer-events:none;
}
.check-field { position:relative; display:grid; grid-template-columns:1fr; }
.check-field input {
  position:absolute;
  z-index:1;
  top:13px;
  left:0;
  width:18px;
  min-height:18px;
  height:18px;
  margin:0;
  padding:0;
  accent-color:var(--accent);
}
.check-field label { min-height:44px; display:flex; align-items:center; padding-left:29px; cursor:pointer; font-size:13px; font-weight:500; }
.check-field .field-error { grid-column:1; margin-left:29px; }
.example-inset,.protocol-note {
  margin-top:16px;
  padding:17px 18px;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.status-dot { flex:0 0 auto; width:8px; height:8px; margin-top:7px; border-radius:50%; background:var(--accent); }
.example-inset strong,.protocol-note strong { display:block; font-size:13px; }
.example-inset p { margin:4px 0 0; color:var(--ink); font-size:12px; }
.route-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:26px; }
.action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 18px;
  border:0;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease;
}
.action span { transition:transform 160ms ease; }
.action:hover { transform:translateY(-1px); }
.action:hover span { transform:translateX(3px); }
.action-primary { background:var(--charcoal); color:var(--paper); box-shadow:0 6px 16px rgba(27,27,25,.12); }
.action-primary:hover { background:var(--ink); box-shadow:0 9px 24px rgba(27,27,25,.18); }
.action-secondary { background:var(--card); color:var(--ink); }
.action-secondary:hover { background:var(--card-deep); }
.choice-group { min-width:0; margin:0; padding:0; border:0; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.choice { position:relative; }
.choice input {
  position:absolute;
  width:1px;
  height:1px;
  min-height:0;
  opacity:0;
  pointer-events:none;
}
.choice label {
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:9px;
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
  font-weight:500;
  transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease;
}
.choice label span { color:var(--water); }
.choice input:checked + label { background:var(--charcoal); color:var(--paper); box-shadow:0 5px 16px rgba(27,27,25,.14); }
.choice input:focus-visible + label { outline:2px solid var(--accent); outline-offset:3px; }
.assumptions { margin-top:16px; padding:20px; }
.assumption-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:17px; }
.assumption-head h2 { margin:0; font-size:14px; }
.assumption-head > span { color:var(--ink); font-size:9px; text-transform:uppercase; }
.assumptions dl { display:grid; gap:10px; margin:0; }
.assumptions dl > div { display:grid; grid-template-columns:1fr 1.2fr; gap:18px; align-items:start; }
.assumptions dt { color:var(--ink); font-size:12px; }
.assumptions dd { margin:0; text-align:right; font-size:12px; font-weight:500; }
.assumptions dd small { display:block; color:var(--ink); font-size:9px; font-weight:400; }

.recommendation-heading,.tracker-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:32px;
}
.recommendation-heading h1,.tracker-heading h1 {
  max-width:710px;
  margin:0;
  font-size:clamp(42px,5vw,62px);
  line-height:.98;
}
.status-badge {
  max-width:330px;
  margin:0;
  padding:9px 12px;
  border-radius:999px;
  background:var(--paper);
  color:var(--ink);
  font-size:10px;
  text-align:center;
}
.status-badge span { margin-right:5px; color:var(--caution); }
.recommendation-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr); gap:16px; align-items:stretch; }
.decision-surface {
  position:relative;
  min-height:520px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border-radius:14px;
  overflow:hidden;
  background:var(--charcoal);
  background:linear-gradient(145deg,var(--charcoal),color-mix(in srgb,var(--charcoal) 84%,var(--accent)));
  color:var(--paper);
}
.decision-copy { position:relative; z-index:1; max-width:580px; }
.decision-kicker { margin-bottom:20px; color:rgba(255,255,255,.58); font-size:10px; text-transform:uppercase; letter-spacing:.045em; }
.decision-copy h2 { max-width:620px; margin-bottom:13px; font-size:clamp(38px,4.5vw,58px); line-height:1; }
.decision-copy h2 .mono { color:var(--accent); font-size:.7em; white-space:nowrap; }
.decision-copy > p:last-child { max-width:520px; color:rgba(255,255,255,.68); }
.root-zone-lens-mini { position:absolute; top:126px; right:-9px; width:260px; opacity:.3; }
.root-zone-lens-mini .lens-ground { fill:rgba(255,255,255,.08); }
.root-zone-lens-mini .soil-ring { stroke:rgba(255,255,255,.22); }
.decision-measures {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:78px;
}
.decision-measures > div { min-width:0; padding:14px; border-radius:8px; background:rgba(255,255,255,.08); }
.decision-measures span { display:block; min-height:32px; color:rgba(255,255,255,.56); font-size:10px; }
.decision-measures strong { display:block; margin-top:7px; font-size:14px; font-weight:500; }
.scenario-range {
  position:relative;
  z-index:1;
  margin:12px 0 0;
  color:rgba(255,255,255,.52);
  font-size:9px;
}
.scenario-range strong { color:rgba(255,255,255,.82); font-weight:400; }
.plan-evidence { display:grid; grid-template-rows:auto 1fr; gap:16px; }
.measure-card { padding:24px; }
.measure-card h2 { margin-bottom:20px; font-size:14px; }
.measure-card dl { margin:0; }
.measure-card dl > div { padding:13px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.measure-card dl > div + div { border-top:1px solid var(--faint); }
.measure-card dt { color:var(--ink); font-size:11px; }
.measure-card dd { margin:0; font-size:12px; font-weight:500; }
.why-card { padding:0 20px; }
.why-card summary {
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  list-style:none;
}
.why-card summary::-webkit-details-marker { display:none; }
.why-card summary span { font-size:18px; transition:transform 160ms ease; }
.why-card[open] summary span { transform:rotate(45deg); }
.why-content { padding:0 0 22px; color:var(--ink); font-size:11px; }
.why-content p { margin-bottom:11px; }
.why-content strong { color:var(--ink); }
.engine-status { display:inline-block; margin-top:4px; color:var(--soil); font-size:9px; }
.comparison-strip {
  margin-top:16px;
  padding:25px 28px;
  display:grid;
  grid-template-columns:1fr minmax(320px,.9fr);
  align-items:center;
  gap:48px;
}
.comparison-copy h2 { margin-bottom:7px; font-size:30px; line-height:1.05; }
.comparison-copy > p:last-child { margin-bottom:0; color:var(--ink); font-size:12px; }
.strip-diagram { min-width:0; display:grid; grid-template-columns:1fr 1.7fr; gap:4px; }
.strip-diagram > div { min-height:82px; display:flex; flex-direction:column; justify-content:space-between; padding:12px; border-radius:7px; }
.strip-control { background:var(--card-deep); color:var(--ink); }
.strip-treated { background:var(--paper); background:color-mix(in srgb,var(--accent) 17%,var(--paper)); color:var(--ink); }
.strip-diagram span { font-size:9px; text-transform:uppercase; }
.strip-diagram strong { font-size:11px; font-weight:600; }
.recommendation-actions { display:grid; grid-template-columns:auto auto 1fr; }
.recommendation-actions .action-primary { justify-self:end; }

.pilot-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(450px,1fr); gap:72px; align-items:start; }
.pilot-intro { position:sticky; top:30px; }
.protocol-note { display:grid; gap:4px; margin-top:28px; }
.protocol-note .mono { color:var(--ink); font-size:10px; }
.local-only { margin:0; color:var(--ink); font-size:11px; }
.local-only span { margin-right:6px; color:var(--accent); }
#pilot-form .route-actions { margin-top:0; }

.tracker-heading { align-items:center; }
.tracker-heading > div:first-child > p:last-child { margin:14px 0 0; color:var(--ink); }
.pilot-chip { min-width:196px; padding:13px 15px; border-radius:9px; background:var(--paper); }
.pilot-chip span { display:block; color:var(--ink); font-size:9px; text-transform:uppercase; }
.pilot-chip strong { display:block; margin-top:4px; font-size:12px; font-weight:500; }
.pilot-chip .pilot-target-season-label { margin-top:10px; }
.tracker-grid { display:grid; grid-template-columns:minmax(290px,.62fr) minmax(0,1fr); gap:16px; align-items:start; }
.tracker-timeline { margin:0; padding:8px 0; list-style:none; }
.stage { position:relative; display:grid; grid-template-columns:40px 1fr; gap:13px; min-height:116px; padding:10px 0; }
.stage::after { content:""; position:absolute; top:44px; bottom:-8px; left:19px; width:1px; background:var(--faint); }
.stage:last-child::after { display:none; }
.stage-marker {
  position:relative;
  z-index:1;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--card-deep);
  color:var(--ink);
  font-size:10px;
}
.stage h2 { margin:1px 0 4px; font-size:14px; }
.stage p { max-width:260px; margin:0 0 5px; color:var(--ink); font-size:11px; }
.stage-state { color:var(--ink); font-size:8px; text-transform:uppercase; }
.stage.is-complete .stage-marker { background:var(--accent); color:var(--paper); }
.stage.is-complete .stage-state { color:var(--ink); }
.stage.is-current .stage-marker { background:var(--charcoal); color:var(--paper); box-shadow:0 0 0 5px var(--card-deep); }
.stage.is-current .stage-state { color:var(--ink); }
.tracker-forms { min-width:0; }
.stage-form { padding:28px; display:grid; grid-template-columns:1fr 1fr; gap:22px 14px; }
.stage-form-head { grid-column:1/-1; display:flex; align-items:center; gap:13px; padding-bottom:5px; }
.stage-form-head .stage-marker { background:var(--charcoal); color:var(--paper); }
.stage-form-head .eyebrow { margin-bottom:2px; }
.stage-form-head h2 { margin:0; font-size:18px; }
.stage-form .check-field,.stage-form .field:last-of-type,.stage-form .stage-save { grid-column:1/-1; }
.stage-save { justify-self:end; }
.measure-pair { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:22px 14px; }
.local-record-note { margin:16px 0 0 calc(38% + 8px); padding:13px 16px; color:var(--ink); font-size:10px; }

/* The recommendation reads like a field sheet: one decision, then the evidence beneath it. */
.outcomes { margin-top:16px; padding:28px; }
.outcomes-head { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:25px; }
.outcomes-head h2 { max-width:650px; margin:0; font-size:32px; line-height:1.05; }
.outcomes-head > p { max-width:390px; margin:0; color:var(--ink); font-size:11px; }
.outcome-chart { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:0 0 24px; }
.outcome-lane { min-width:0; padding:15px; border-radius:9px; background:var(--paper); }
.outcome-lane > span { display:block; min-height:34px; font-size:11px; font-weight:600; }
.outcome-lane small { display:block; margin-top:8px; color:var(--ink); font:9px/1.3 var(--mono); }
.bar-pair,.single-bar { height:68px; display:flex; align-items:end; gap:5px; padding:7px 6px 0; border-bottom:1px solid var(--faint); }
.bar-pair i,.single-bar i { display:block; width:100%; height:var(--bar); min-height:4px; border-radius:4px 4px 0 0; }
.bar-base { background:var(--card-deep); }
.bar-estimated { background:var(--accent); }
.bar-water { background:var(--water); }
.bar-value { background:var(--charcoal); }
.outcome-table-wrap { width:100%; min-width:0; max-width:100%; overflow-x:auto; border-top:1px solid var(--faint); }
#outcome-table { width:100%; min-width:760px; border-collapse:collapse; font-size:11px; }
#outcome-table caption { padding:17px 0 9px; color:var(--soil); font:500 9px/1.4 var(--mono); text-align:left; text-transform:uppercase; letter-spacing:.05em; }
#outcome-table th,#outcome-table td { padding:12px 11px; border-bottom:1px solid var(--faint); text-align:left; vertical-align:top; }
#outcome-table thead th { color:var(--ink); font-size:9px; font-weight:500; text-transform:uppercase; }
#outcome-table tbody th { font-weight:600; }
#outcome-table td { font-family:var(--mono); font-variant-numeric:tabular-nums; }
#outcome-table td small { color:var(--ink); }

.print-protocol { margin-top:16px; padding:28px; }
.protocol-head { display:flex; align-items:end; justify-content:space-between; gap:36px; padding-bottom:21px; border-bottom:1px solid var(--faint); }
.protocol-head h2 { margin:0; font-size:32px; }
.protocol-reference { min-width:320px; display:grid; grid-template-columns:1fr 1.4fr; gap:10px; margin:0; }
.protocol-reference div { min-width:0; }
.protocol-reference dt,.protocol-grid dt { color:var(--ink); font-size:9px; text-transform:uppercase; letter-spacing:.035em; }
.protocol-reference dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:11px; font-weight:600; }
.protocol-grid { display:grid; grid-template-columns:.75fr 1.25fr 1fr 1.1fr; gap:0; }
.protocol-grid > div { min-width:0; padding:22px 20px 0 0; }
.protocol-grid > div + div { padding-left:20px; border-left:1px solid var(--faint); }
.protocol-grid h3 { margin-bottom:15px; font-size:13px; }
.protocol-grid dl { display:grid; gap:12px; margin:0; }
.protocol-grid dd { margin:3px 0 0; overflow-wrap:anywhere; font-size:11px; }
.protocol-grid dd ul,.protocol-grid dd ol { margin:5px 0 0; padding-left:16px; }
.protocol-grid dd li + li { margin-top:5px; }
.protocol-governance { background:color-mix(in srgb,var(--paper) 58%,transparent); }

.pilot-workspace { display:grid; gap:14px; }
.consent-stack { display:grid; gap:8px; padding-top:6px; border-top:1px solid var(--faint); }
.consent-stack .check-line { align-items:flex-start; padding:9px 0; font-weight:500; }
.pilot-privacy { margin:0; color:var(--ink); font-size:10px; }
.pilot-created { padding:30px; text-align:center; }
.pilot-created h2 { margin-bottom:14px; font-size:30px; }
.pilot-reference { display:block; padding:18px; border:1px dashed var(--accent); border-radius:9px; background:var(--paper); color:var(--accent); font-size:22px; overflow-wrap:anywhere; }
.email-status { margin:15px 0; color:var(--ink); font-size:12px; }
.pilot-created-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.pilot-created-actions .action-primary { margin-left:auto; }
.pilot-email-correction { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; max-width:620px; margin:18px auto 0; padding-top:18px; border-top:1px solid var(--faint); text-align:left; }
.pilot-email-correction > div:last-child { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:18px; }
.protocol-sources { margin:5px 0 0; padding-left:16px; }
.protocol-sources li + li { margin-top:5px; }
.protocol-source-markers { white-space:nowrap; }
.protocol-source-markers a { color:var(--accent); font-weight:700; text-decoration:none; }
.optional { color:var(--ink); font-size:10px; font-weight:400; }
.resume-dialog { width:min(520px,calc(100% - 32px)); max-height:calc(100vh - 32px); padding:0; overflow:hidden; border:0; border-radius:14px; background:var(--card); color:var(--ink); box-shadow:0 28px 80px rgba(27,27,25,.28); }
.resume-dialog::backdrop { background:rgba(27,27,25,.46); backdrop-filter:blur(3px); }
.resume-dialog form { display:grid; gap:17px; max-height:calc(100vh - 32px); padding:28px; overflow-y:auto; }
.resume-dialog form > p { margin:0; color:var(--ink); font-size:12px; }
.resume-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.resume-head h2 { margin:0; font-size:30px; }
.resume-head .note-icon-action { background:var(--paper); color:var(--ink); }
.resume-dialog .action-primary { width:100%; }
.resume-pilot-list { display:grid; gap:7px; }
.resume-pilot-option { width:100%; min-height:48px; padding:9px 12px; border:1px solid var(--faint); background:var(--paper); color:var(--ink); cursor:pointer; font-size:11px; text-align:left; }

.tracker-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:12px; }
.tracker-toolbar > div { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.autosave-status { margin:0; color:var(--ink); font-size:9px; }
.stage-conflict { margin-bottom:14px; padding:15px 16px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-left:3px solid var(--caution); border-radius:8px; background:color-mix(in srgb,var(--paper) 84%,var(--caution)); }
.stage-conflict p { margin:2px 0 0; color:var(--ink); font-size:11px; }
.stage-conflict > div:last-child { display:flex; flex-wrap:wrap; gap:7px; }
.tracker-grid { grid-template-columns:minmax(220px,.42fr) minmax(0,1fr); }
.stage { min-height:102px; grid-template-columns:40px minmax(0,1fr); }
.stage p { max-width:210px; }
.stage-form { padding:28px; }
.stage-form .input-details { grid-column:1/-1; }
.stage-actions { grid-column:1/-1; display:flex; align-items:center; justify-content:flex-end; gap:8px; padding-top:4px; }
.read-only-measure { min-width:0; padding:14px 15px; border-radius:9px; background:var(--paper); }
.read-only-measure span { display:block; color:var(--ink); font-size:10px; }
.read-only-measure strong { display:block; margin-top:7px; font:500 14px/1.2 var(--mono); }
.review-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border-top:1px solid var(--faint); }
.review-summary > div { min-width:0; display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:12px 0; border-bottom:1px solid var(--faint); }
.review-summary > div:nth-child(odd) { padding-right:16px; }
.review-summary > div:nth-child(even) { padding-left:16px; border-left:1px solid var(--faint); }
.review-summary dt { grid-column:1; color:var(--ink); font-size:9px; text-transform:uppercase; }
.review-summary dd { grid-column:1; margin:0; overflow-wrap:anywhere; font-size:12px; font-weight:600; }
.review-summary button { grid-column:2; grid-row:1/3; min-height:44px; padding:0 8px; border:0; background:transparent; color:var(--accent); cursor:pointer; font-size:10px; font-weight:600; }
.final-comparison { padding:22px; border-radius:10px; background:var(--charcoal); color:var(--paper); }
.final-comparison h3 { margin:0; font-size:28px; }
.final-comparison .eyebrow { color:rgba(255,255,255,.52); }
.final-result-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-top:22px; }
.final-result-grid > div { min-width:0; padding:12px; border-radius:7px; background:rgba(255,255,255,.08); }
.final-result-grid span,.final-result-grid small { display:block; color:rgba(255,255,255,.6); font-size:9px; }
.final-result-grid strong { display:block; margin-top:8px; overflow-wrap:anywhere; font-size:13px; font-weight:500; }
.final-result-grid .is-estimated { border:1px dashed rgba(255,255,255,.3); }
.final-result-grid small { margin-top:6px; }
.final-interpretation { margin:17px 0 0; color:rgba(255,255,255,.72); font-size:11px; }
.trial-submit-status { margin:0; color:var(--ink); font-size:11px; }

#note-composer {
  position:relative;
  z-index:20;
  width:min(420px,100%);
  margin:12px 0;
  padding:16px;
  border-radius:10px;
  background:var(--charcoal);
  color:var(--paper);
  box-shadow:0 18px 42px rgba(27,27,25,.24);
}
#note-composer h2 { margin-bottom:12px; font-size:16px; }
#note-composer label { display:block; margin-bottom:7px; font-size:12px; font-weight:600; }
#note-composer textarea { background:var(--paper); color:var(--ink); }
.note-composer-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
.note-action-quiet { background:transparent; color:var(--paper); }
.note-action-save { background:var(--accent); color:var(--paper); }
#notes-drawer {
  position:fixed;
  z-index:30;
  top:0;
  right:0;
  bottom:0;
  width:min(390px,calc(100% - 48px));
  padding:24px;
  overflow:auto;
  background:var(--paper);
  box-shadow:-18px 0 52px rgba(27,27,25,.16);
}
.notes-drawer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.notes-drawer-head .eyebrow { margin-bottom:4px; }
.notes-drawer-head h2 { margin:0; font-size:24px; }
.note-icon-action {
  flex:0 0 44px;
  width:44px;
  padding:0;
  border:0;
  background:var(--card);
  cursor:pointer;
  font-size:22px;
}
.notes-persistence-warning {
  margin:18px 0 0;
  padding:11px 12px;
  border-left:3px solid var(--caution);
  background:var(--card);
  color:var(--ink);
  font-size:12px;
}
.notes-storage-guidance { margin:14px 0 0; color:var(--ink); font-size:11px; }
.notes-filters { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:22px 0 18px; }
.notes-filters button {
  padding:0 12px;
  border:0;
  background:var(--card);
  cursor:pointer;
  font-size:12px;
  font-weight:600;
}
.notes-filters button[aria-pressed="true"] { background:var(--charcoal); color:var(--paper); }
.notes-list { display:grid; gap:10px; }
.notes-empty { margin:0; padding:18px; background:var(--card); color:var(--ink); font-size:12px; }
.note-card { padding:16px; border:1px solid var(--faint); border-radius:10px; background:var(--paper); }
.note-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.note-card-head h3 { margin:0; font-size:13px; }
.note-card-head time { color:var(--soil); font:500 9px/1.4 var(--mono); white-space:nowrap; }
.note-card-text { margin:12px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.note-card-location { margin:0 0 10px; color:var(--ink); font-size:11px; }
.note-card-context { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 12px; }
.note-card-context span { padding:4px 6px; border-radius:5px; background:var(--card); color:var(--ink); font:500 9px/1.3 var(--mono); }
.note-card-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.note-card-actions button {
  padding:0 7px;
  border:0;
  background:var(--card);
  cursor:pointer;
  font-size:11px;
  font-weight:600;
}
.note-card-actions button:last-child { color:var(--caution); }
.notes-drawer-actions { margin-top:18px; }
.notes-drawer-actions .action { width:100%; }
#notes-export-fallback {
  position:fixed;
  z-index:40;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:color-mix(in srgb,var(--ink) 45%,transparent);
}
.notes-export-fallback-card {
  width:min(600px,100%);
  max-height:calc(100vh - 48px);
  padding:24px;
  overflow:auto;
  border-radius:12px;
  background:var(--paper);
  box-shadow:0 18px 52px rgba(27,27,25,.24);
}
.notes-export-fallback-card > p { margin:18px 0; color:var(--ink); font-size:12px; }
.notes-export-fallback-card > label { display:block; margin-bottom:7px; font-size:12px; font-weight:600; }
#notes-export-json { min-height:260px; font:11px/1.5 var(--mono); }
.notes-export-fallback-actions { display:flex; justify-content:flex-end; margin-top:12px; }
.note-marker {
  position:absolute;
  z-index:15;
  width:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  transform:translate(-50%,-50%);
}
.note-marker span {
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:2px solid var(--bg);
  border-radius:50%;
  background:var(--caution);
  color:var(--paper);
  font:500 9px/1 var(--mono);
  box-shadow:0 4px 12px rgba(27,27,25,.18);
}
.note-marker.is-detached span { background:var(--soil); }
.review-mode [data-review-id] { cursor:crosshair; }
.review-mode [data-review-id]:hover,.review-mode [data-review-id]:focus-within { outline:1px dashed var(--caution); outline-offset:4px; }

.sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:1199px) {
  body[data-route="practices"] #progress::after { transform:translateX(calc((100vw - 54px) / 2)); }
  body[data-route="recommendation"] #progress::after,
  body[data-route="pilot"] #progress::after,
  body[data-route="tracker"] #progress::after { transform:translateX(calc(100vw - 54px)); }
  .intro-layout { grid-template-columns:minmax(0,1fr) minmax(390px,.8fr); gap:42px; }
  .recommendation-grid { grid-template-columns:minmax(0,1.45fr) minmax(260px,.72fr); }
}

@media (max-width:900px) {
  #app-header { grid-template-columns:1fr auto; padding-block:10px; }
  #app-header nav { grid-column:1/-1; grid-row:2; display:flex; width:100%; gap:6px; }
  #app-header nav a { flex:1; justify-content:center; border-top:1px solid var(--faint); }
  .intro-layout { min-height:0; grid-template-columns:1fr; gap:30px; }
  .intro-copy { padding-bottom:0; }
  .root-zone-wrap { width:min(620px,100%); margin:0 auto; }
  .recommendation-heading,.tracker-heading { align-items:flex-start; flex-direction:column; gap:20px; }
  .recommendation-grid,.pilot-layout,.tracker-grid { grid-template-columns:1fr; }
  .recommendation-grid { gap:12px; }
  .plan-evidence { grid-template-columns:1fr 1fr; grid-template-rows:none; }
  .comparison-strip { grid-template-columns:1fr; gap:22px; }
  .pilot-layout { gap:28px; }
  .pilot-intro { position:static; }
  .outcome-chart { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .protocol-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .protocol-grid > div:nth-child(3) { padding-left:0; border-left:0; }
  .tracker-timeline { display:grid; grid-template-columns:repeat(6,minmax(104px,1fr)); gap:8px; overflow-x:auto; }
  .stage { min-height:0; grid-template-columns:1fr; gap:7px; }
  .stage::after { top:29px; right:-12px; bottom:auto; left:40px; width:auto; height:1px; }
  .stage p { display:none; }
  .local-record-note { margin-left:0; }
}

@media (max-width:640px) {
  body { font-size:15px; }
  #app-header { width:calc(100% - 32px); min-height:64px; gap:10px; }
  .brand .label { display:none; }
  .brand .serif { font-size:21px; }
  #review-mode-toggle { min-height:44px; padding:0 10px; font-size:12px; }
  .prototype-banner { min-height:42px; flex-direction:column; gap:1px; padding:6px 16px; font-size:9px; }
  #prototype-app { width:100%; padding:18px 16px 96px; }
  #progress { margin-bottom:38px; gap:8px; font-size:9px; }
  #progress::before { top:19px; }
  #progress::after { top:17px; }
  body[data-route="practices"] #progress::after { transform:translateX(calc((100vw - 38px) / 2)); }
  body[data-route="recommendation"] #progress::after,
  body[data-route="pilot"] #progress::after,
  body[data-route="tracker"] #progress::after { transform:translateX(calc(100vw - 38px)); }
  .intro-copy { padding-top:5px; }
  .intro-copy h1 { font-size:46px; line-height:.98; }
  .lede { font-size:16px; }
  .location-field { margin-top:30px; }
  .location-field input { min-height:54px; }
  .location-actions { align-items:stretch; flex-direction:column; }
  .location-actions .action { width:100%; }
  .coordinate-grid { grid-template-columns:1fr 1fr; }
  .root-zone-wrap { padding:14px 12px 12px; }
  .lens-caption { padding-inline:3px; }
  .root-zone-wrap figcaption { margin-top:-1px; }
  .focused-flow { width:100%; }
  .section-heading h1,.section-heading h2 { font-size:42px; }
  .form-surface,.stage-form { padding:20px; }
  .details-grid,.economics-grid { grid-template-columns:1fr; }
  .proposal-grid { grid-template-columns:1fr; }
  .details-intro,.full-span { grid-column:1; }
  .choice-grid { grid-template-columns:1fr 1fr; }
  .assumptions dl > div { grid-template-columns:1fr; gap:2px; }
  .assumptions dd { text-align:left; }
  .sticky-actions {
    position:sticky;
    z-index:12;
    bottom:0;
    margin-right:-16px;
    margin-left:-16px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:var(--bg);
    background:color-mix(in srgb,var(--bg) 94%,transparent);
    box-shadow:0 -10px 24px rgba(27,27,25,.06);
  }
  .sticky-actions .action-primary { flex:1; }
  .recommendation-heading h1,.tracker-heading h1 { font-size:44px; }
  .status-badge { max-width:none; text-align:left; }
  .decision-surface { min-height:0; padding:24px 20px; }
  .decision-copy h2 { font-size:39px; }
  .root-zone-lens-mini { top:142px; right:-46px; width:220px; opacity:.2; }
  .decision-measures { grid-template-columns:1fr; margin-top:116px; }
  .decision-measures > div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .decision-measures span { min-height:0; }
  .decision-measures strong { margin-top:0; text-align:right; }
  .plan-evidence { grid-template-columns:1fr; }
  .outcomes,.print-protocol { padding:21px 19px; }
  .outcomes-head,.protocol-head { align-items:flex-start; flex-direction:column; gap:13px; }
  .outcomes-head h2,.protocol-head h2 { font-size:28px; }
  .outcomes-head > p { max-width:none; }
  .protocol-reference { width:100%; min-width:0; }
  .protocol-grid { grid-template-columns:1fr; }
  .protocol-grid > div,.protocol-grid > div + div { padding:19px 0 0; border-left:0; }
  .protocol-grid > div + div { border-top:1px solid var(--faint); }
  .comparison-strip { padding:21px 19px; }
  .comparison-copy h2 { font-size:28px; }
  .strip-diagram { grid-template-columns:1fr 1.5fr; }
  .recommendation-actions { display:grid; grid-template-columns:auto 1fr; }
  .recommendation-actions #pilot-request { grid-column:1/-1; grid-row:1; width:100%; }
  .recommendation-actions #recommendation-back { grid-column:1; grid-row:2; }
  .recommendation-actions #print-plan { grid-column:2; grid-row:2; }
  #pilot-form .sticky-actions { display:grid; grid-template-columns:1fr; }
  #pilot-form .action { width:100%; }
  .tracker-heading { gap:16px; }
  .pilot-chip { width:100%; }
  .tracker-timeline { grid-template-columns:repeat(6,minmax(92px,1fr)); overflow-x:auto; padding-bottom:8px; }
  .stage { padding-right:4px; }
  .stage h2 { font-size:11px; line-height:1.2; }
  .stage-form { grid-template-columns:1fr; gap:18px; }
  .stage-form > *,.stage-form .check-field,.stage-form .field:last-of-type,.stage-form .stage-save { grid-column:1; }
  .measure-pair { grid-column:1; grid-template-columns:1fr; gap:18px; }
  .stage-actions { align-items:stretch; flex-direction:column-reverse; }
  .stage-actions .action,.stage-save { width:100%; }
  .review-summary { grid-template-columns:1fr; }
  .review-summary > div:nth-child(odd),.review-summary > div:nth-child(even) { padding-right:0; padding-left:0; border-left:0; }
  .final-result-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .stage-conflict { align-items:stretch; flex-direction:column; }
  .stage-conflict > div:last-child { display:grid; grid-template-columns:1fr; }
  .pilot-created-actions { display:grid; grid-template-columns:1fr; }
  .pilot-created-actions .action-primary { margin-left:0; }
  .pilot-email-correction { grid-template-columns:1fr; }
  .pilot-email-correction > div:last-child { display:grid; grid-template-columns:1fr; padding-bottom:0; }
  .resume-dialog form { padding:22px 18px; }
  #notes-drawer {
    top:auto;
    left:0;
    width:100%;
    max-height:min(78vh,680px);
    padding:20px 16px calc(20px + env(safe-area-inset-bottom));
    border-radius:16px 16px 0 0;
    box-shadow:0 -18px 52px rgba(27,27,25,.18);
  }
  #notes-export-fallback { padding:16px; }
  .notes-export-fallback-card { max-height:calc(100vh - 32px); padding:20px 16px; }
  #note-composer { width:100%; }
}

@media (max-width:390px) {
  #app-header { width:calc(100% - 24px); }
  #prototype-app { padding-right:12px; padding-left:12px; }
  .brand { gap:7px; }
  .brand-mass { width:15px; height:15px; }
  #review-mode-toggle { padding-inline:8px; }
  #progress span { white-space:nowrap; }
  .intro-copy h1 { font-size:42px; }
  .form-surface,.stage-form { padding:18px 16px; }
  .sticky-actions { margin-right:-12px; margin-left:-12px; padding-right:12px; padding-left:12px; }
  .recommendation-actions { grid-template-columns:1fr; }
  .recommendation-actions #pilot-request,
  .recommendation-actions #recommendation-back,
  .recommendation-actions #print-plan { grid-column:1; width:100%; }
  .recommendation-actions #pilot-request { grid-row:1; }
  .recommendation-actions #print-plan { grid-row:2; }
  .recommendation-actions #recommendation-back { grid-row:3; }
  .outcome-chart { grid-template-columns:1fr; }
  .outcome-lane { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; align-items:center; }
  .outcome-lane > span { min-height:0; }
  .outcome-lane .bar-pair,.outcome-lane .single-bar { grid-column:2; grid-row:1/3; }
  .outcome-lane small { grid-column:1; }
  .tracker-timeline { grid-template-columns:repeat(6,minmax(86px,1fr)); }
  .stage-marker { width:34px; height:34px; }
  .stage::after { top:26px; left:34px; }
}

@media print {
  html,body { background:var(--paper); color:var(--ink); font-size:10pt; }
  #app-header,.prototype-banner,#progress,.route-actions,#notes-drawer,#notes-export-fallback,#note-composer,.note-marker { display:none!important; }
  #prototype-app { width:100%; padding:0; }
  [data-route] { display:none!important; }
  [data-route="recommendation"] { display:block!important; }
  .recommendation-heading { margin-bottom:18px; }
  .recommendation-heading h1 { font-size:34pt; }
  .decision-surface { min-height:0; break-inside:avoid; background:var(--charcoal)!important; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
  .recommendation-grid { grid-template-columns:1.5fr 1fr; }
  .decision-measures { margin-top:30px; }
  .outcomes,.comparison-strip { break-inside:avoid; }
  .outcome-chart { grid-template-columns:repeat(4,1fr); }
  .outcome-table-wrap { overflow:visible; }
  #outcome-table { min-width:0; }
  .print-protocol { page-break-before:always; break-inside:auto; }
  .protocol-grid { grid-template-columns:.75fr 1.25fr 1fr 1.1fr; }
  .protocol-grid > div + div { padding-left:14px; border-top:0; border-left:1px solid var(--faint); }
  .protocol-grid > div { padding-right:14px; }
  .comparison-strip { margin-top:16px; }
  details { display:block; }
  details > * { display:block!important; }
}