/* v2 status-class chips (staging overlay; v1 site.css untouched) */
.chip-derived{background:#e4efe6;color:#1e5631;border-color:#bcd8c2}
.chip-standard{background:#e8edf3;color:#41576d;border-color:#c3d0dc}
.chip-premise{background:#fdeee0;color:#8a4b12;border-color:#eccaa8;border-style:dashed}
.chip-selected{background:#fdf3d7;color:#7a5a12;border-color:#e8d49a}
.chip-proposed{background:#f3e8f5;color:#6a3d74;border-color:#d9bfe0}
.chip-open{background:#fdeaea;color:#8a2525;border-color:#eec3c3}
.chip-conditional{background:#e7f0f7;color:#245a8a;border-color:#bcd6ea}
.chip-defined{background:#eef2e4;color:#55621e;border-color:#d3ddb4}
.chip-test{background:#e6f2f2;color:#1f6363;border-color:#bcdcdc}
/* phone widths: long hashes/DOIs wrap instead of widening the page, and
   multi-clause status chips may run to two lines (2026-09-04 mobile review) */
main code{overflow-wrap:anywhere}
@media (max-width:480px){.chip{white-space:normal;line-height:1.35}}
.claim-card .claim-sector{font:600 .72rem/1 var(--sans);letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted);margin-left:.5rem}
.register-sector{margin-top:2.2rem}
.claims-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;
  margin:1rem 0 1.4rem;font-family:var(--sans)}
.claims-controls input[type=search]{flex:1 1 14rem;padding:.5rem .7rem;
  border:1px solid var(--line-strong);border-radius:6px;font:inherit}
.claims-controls select{padding:.45rem .5rem;border:1px solid var(--line-strong);
  border-radius:6px;font:inherit;background:#fff;color:var(--ink)}
.claims-arch{font:600 .8rem/1.3 var(--sans);color:var(--navy);
  display:flex;gap:.35rem;align-items:center}
#claim-filter-count{font:600 .78rem/1.3 var(--sans);color:var(--muted)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;
  color:#12283e;font:700 .85rem/1 var(--sans);padding:.7rem 1rem;
  border:2px solid #12283e;border-radius:0 0 6px 0}
.skip-link:focus{left:0}
@media (max-width:400px){.site-nav .nav-about{display:none}}
/* record-page claim/reference drawers (owner-approved 2026-09-09): the
   pd-* family and back button mirror the homepage drawer styles */
.pd-intro{font-family:var(--serif);font-size:.95rem}
.pd-impact-head{font:700 .8rem/1.4 var(--sans);color:var(--navy);margin:.9rem 0 .2rem}
.pd-list{margin:.2rem 0 .6rem;padding-left:1.1rem;font:400 .875rem/1.6 var(--sans)}
.pd-list li{margin:.15rem 0}
.pd-kv{width:100%;border-collapse:collapse;font:400 .85rem/1.5 var(--sans);margin:.4rem 0}
.pd-kv td{padding:.3rem .4rem;border-bottom:1px solid var(--line);vertical-align:top}
.pd-kv td:first-child{color:var(--muted);white-space:nowrap}
.drawer-back{border:0;background:none;color:#12578f;font:600 .8rem/1.2 var(--sans);
  cursor:pointer;padding:.15rem .4rem .15rem 0;margin-bottom:.15rem;text-align:left}
.drawer-back:hover{text-decoration:underline}
.drawer-back:focus-visible{outline:2px solid #b4501a;border-radius:3px}
.archival-source{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:.8rem 1rem;margin:1rem 0;font-size:.95rem}
.table-scroll{overflow-x:auto}
.status-item{margin:.65rem 0}
.status-item .status-desc{color:var(--muted)}
.q-pointer{font-size:.92rem;color:var(--muted);margin:-.4rem 0 1.6rem}

/* v2 homepage (B3 static) */
.hero .lede{margin:0 0 .75rem}
.equation-card mjx-container{overflow-x:auto;overflow-y:hidden;max-width:100%}
.number-card .value .sub{font:400 .78rem/1.45 var(--sans);color:var(--muted);margin-top:.25rem}
.callout{background:var(--panel);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;
  padding:.8rem 1.1rem;margin:1.1rem 0;font-size:.95rem}
.hero .callout{background:#1b3c5d;color:#dce7f0;border-left-color:var(--orange)}
.hero .callout strong{color:#fff}
.formula-line{font-family:var(--serif);text-align:center;font-size:1.05rem;color:var(--navy);
  margin:1.2rem 0;overflow-x:auto;white-space:nowrap;padding:.2rem 0}
.status-line{font:500 .875rem/1.6 var(--sans);color:var(--muted);border-top:1px dashed var(--line);
  padding-top:.6rem;margin:1.1rem 0 .2rem}
.status-line .status-k{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;
  color:var(--faint);margin-right:.45rem}
.factor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1.3rem 0}
@media (max-width:700px){.factor-row{grid-template-columns:1fr}}
.factor-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}
.factor-name{font:700 .8rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin:0}
.factor-value{font-family:var(--serif);font-size:1.15rem;color:var(--accent);margin:.3rem 0 .5rem}
.factor-desc{font-size:.9rem;color:var(--ink);margin:0}
.synthesis{text-align:center;font:600 .95rem/1.6 var(--sans);color:var(--navy);margin:1rem 0}
.spine-figure{margin:1.4rem 0;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fbfcfd}
.spine-center{text-align:center;margin-bottom:1rem}
.spine-ne{display:inline-block;font-family:var(--serif);font-size:1.25rem;color:var(--navy);
  border:2px solid var(--navy);border-radius:var(--radius);padding:.35rem 1.1rem;background:#fff}
.spine-sub{display:block;font:500 .78rem/1.5 var(--sans);color:var(--muted);margin-top:.35rem}
.spine-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
@media (max-width:700px){.spine-branches{grid-template-columns:1fr}}
.spine-branch{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:.7rem .85rem;
  position:relative;margin-top:.9rem}
.spine-branch::before{content:"\2193";position:absolute;top:-1.15rem;left:50%;transform:translateX(-50%);
  color:var(--accent);font-size:1rem}
.spine-premise{border-style:dashed}
.spine-sector{font:700 .72rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}
.spine-map{font-family:var(--serif);font-size:.95rem;color:var(--navy);margin:.25rem 0 .4rem}
.spine-note{font:500 .78rem/1.55 var(--sans);color:var(--muted);margin:0}
.q-strip{font-family:var(--serif);font-size:.98rem;color:var(--navy);background:var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);padding:.75rem 1rem;margin:1.2rem 0;
  overflow-x:auto;white-space:nowrap;text-align:center}
.narrative-break{background:var(--navy-deep);color:#e8eef4;border-radius:var(--radius);
  text-align:center;padding:1rem 1.2rem;margin:1.6rem 0;font:600 1rem/1.5 var(--sans)}
.home-section h2{margin-top:.2rem}
.audit-actions-row{margin:1rem 0 .2rem}

.ref-filter-row{margin:1.2rem 0 .4rem;display:flex;gap:.9rem;align-items:baseline;flex-wrap:wrap}
#ref-filter{font:400 .95rem/1.4 var(--sans);padding:.5rem .7rem;border:1px solid var(--line-strong);
  border-radius:5px;min-width:min(24rem,90vw);background:#fff;color:var(--ink)}
#ref-filter:focus{outline:2px solid var(--accent);outline-offset:1px}
.ref-filter-count{font:600 .8rem/1.4 var(--sans);color:var(--muted)}

/* mid-width nav tier (v2 only): keep the full inline row down to 921px by
   tightening it and letting v1's built-in overflow scroll-fade absorb the
   squeeze; inline Questions/About yield (both live in the Records panel).
   Below 920px the v1 Menu collapse applies as before. */
@media (min-width:921px) and (max-width:1200px){
  .site-nav .nav-links{display:flex}
  .site-nav .nav-mobile{display:none}
  .site-nav .nav-records{display:block}
  .site-nav .nav-links a{font-size:.78rem;padding:.55rem .4rem .45rem}
  .site-nav .nav-about{display:none}
}
@media (max-width:920px){
  .site-nav .nav-links{display:none}
}