/* Counsel bridge — for pages not yet rebuilt in the Counsel design.
   Loaded after counsel.css on <body class="cz cz-legacy"> (see
   templates/partials/counsel_legacy_head.html). It gives the older pages the
   Counsel type and palette without touching their layouts:
     1. the old font names (General Sans, Inter, Zodiak) resolve to Instrument
        Sans / Instrument Serif. The serif covers every weight from one file so
        old bold headings don't get a synthetic bold;
     2. the old pages' colour and font variables map to the Counsel palette.
   Delete a page's legacy include once that page is rebuilt. */

@font-face{font-family:'Instrument Serif';src:url('/static/fonts/instrument-serif-400.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/static/fonts/instrument-serif-400-italic.woff2') format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:'Zodiak';src:url('/static/fonts/instrument-serif-400.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Zodiak';src:url('/static/fonts/instrument-serif-400-italic.woff2') format('woff2');font-weight:100 1000;font-style:italic;font-display:swap}

@font-face{font-family:'General Sans';src:url('/static/fonts/instrument-sans-400.woff2') format('woff2');font-weight:100 449;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/instrument-sans-500.woff2') format('woff2');font-weight:450 549;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/instrument-sans-600.woff2') format('woff2');font-weight:550 649;font-style:normal;font-display:swap}
@font-face{font-family:'General Sans';src:url('/static/fonts/instrument-sans-700.woff2') format('woff2');font-weight:650 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/instrument-sans-400.woff2') format('woff2');font-weight:100 449;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/instrument-sans-500.woff2') format('woff2');font-weight:450 549;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/instrument-sans-600.woff2') format('woff2');font-weight:550 649;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/static/fonts/instrument-sans-700.woff2') format('woff2');font-weight:650 1000;font-style:normal;font-display:swap}

.cz.cz-legacy{
  --bg:#ffffff;--bg-soft:#F7F5F0;--surface:#F7F5F0;--surface-2:#EFEDE7;--card-bg:#ffffff;
  --text:#14201B;--text-muted:#57635D;--text-faint:#8A938E;
  --primary:#1D4D3A;--primary-dk:#163B2C;--primary-hover:#163B2C;--primary-lt:#E8F0EB;--primary-xl:#F1F6F3;
  --cta:#1D4D3A;--cta-dk:#163B2C;--cta-hover:#163B2C;
  --border:#E4E1DA;--border-strong:#DAD6CC;
  --success:#1D4D3A;--success-bg:#E8F0EB;--warning:#8A5300;--warning-bg:#FBF0DC;
  --danger:#A33A2B;--danger-bg:#F8E9E6;--info:#1D4D3A;--info-bg:#E8F0EB;
  --font-sans:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-serif:'Instrument Serif',Georgia,serif;
  --shadow-sm:0 1px 2px rgba(20,32,27,.06);
  --shadow-md:0 8px 24px -12px rgba(20,32,27,.18);
  --shadow-lg:0 24px 48px -24px rgba(20,32,27,.28);
}

/* Page and section headings in the Counsel serif, at its single weight. The
   serif sets narrower than the old bold sans, so font-size-adjust scales each
   old heading up ~18% (x-height .51 -> .6) to keep its presence. */
.cz.cz-legacy :is(h1,h2){font-family:var(--cz-serif);font-weight:400;letter-spacing:-.01em;line-height:1.28;font-size-adjust:ex-height .6}

/* Mobile safety net (Oct 2026 audit). Wide tables scroll inside their own
   box instead of widening the page, and words never split mid-word. On
   phones, tables with 3+ columns (class rt-cards, added by
   /static/js/responsive-tables.js) become one card per row, each value
   labelled with its column header. */
@media (max-width:820px){
  .cz.cz-legacy table:not(.tracker-table):not(.rt-cards){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cz.cz-legacy table:not(.tracker-table) :is(th,td){overflow-wrap:break-word;word-break:normal}
}
@media (min-width:641px) and (max-width:820px){
  .cz.cz-legacy table.rt-cards{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:640px){
  .cz.cz-legacy table.rt-cards{display:block;width:100%;max-width:100%;min-width:0;border:0;box-shadow:none;background:none}
  .cz.cz-legacy table.rt-cards thead,
  .cz.cz-legacy table.rt-cards tr.rt-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .cz.cz-legacy table.rt-cards tbody{display:block}
  .cz.cz-legacy table.rt-cards tr{display:block;border:1px solid var(--border,#E4E1DA);border-radius:10px;padding:6px 14px;margin:0 0 12px;background:#fff}
  .cz.cz-legacy table.rt-cards tr:hover{background:#fff}
  .cz.cz-legacy table.rt-cards :is(td,th){display:flow-root;width:auto;min-width:0;border:0;border-bottom:1px solid var(--border,#E4E1DA);padding:9px 0 9px clamp(96px,34%,160px);text-align:left;background:none;white-space:normal}
  .cz.cz-legacy table.rt-cards tr > :last-child{border-bottom:0}
  .cz.cz-legacy table.rt-cards :is(td,th)::before{content:attr(data-label);float:left;width:calc(clamp(96px,34%,160px) - 12px);margin-left:calc(-1 * clamp(96px,34%,160px));padding-top:2px;font-family:var(--font-sans,system-ui,sans-serif);font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#57635D)}
  .cz.cz-legacy table.rt-cards :is(td,th):not([data-label]){padding-left:0}
  .cz.cz-legacy table.rt-cards :is(td,th):not([data-label])::before{content:none}
  .cz.cz-legacy table.rt-cards .is-empty{display:none}
  .cz.cz-legacy table.rt-cards .is-long{padding-left:0}
  .cz.cz-legacy table.rt-cards .is-long::before{float:none;display:block;width:auto;margin:0 0 4px}
}