/* CoreFeld Docket — one stylesheet, no framework.
   Colour tokens are defined once on :root and overridden for dark mode only, so
   every surface has a contrast-checked pair. All body text meets WCAG 2.1 AA
   (4.5:1) and all large text meets 3:1 in both themes. */

:root {
  --bg:#f6f7f9; --surface:#ffffff; --surface-2:#f0f2f5; --line:#d6dae1;
  --ink:#14181f; --ink-2:#4a5260; --ink-3:#6b7482;
  --brand:#12457a; --brand-ink:#ffffff; --brand-soft:#e7eef7;
  --accent:#8a5a00; --ok:#1a6b3c; --ok-soft:#e4f3ea;
  --warn:#8a4b00; --warn-soft:#fdf0e1; --err:#a11c1c; --err-soft:#fbe9e9;
  --focus:#0b6bcb;
  --radius:10px; --shadow:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#0f1319; --surface:#161b23; --surface-2:#1d232c; --line:#2c3440;
    --ink:#e9edf3; --ink-2:#b3bcc9; --ink-3:#8b95a3;
    --brand:#7fb2e8; --brand-ink:#0f1319; --brand-soft:#17293d;
    --accent:#e0a955; --ok:#6bd39a; --ok-soft:#122b1e;
    --warn:#e6b06a; --warn-soft:#2c2113; --err:#f08b8b; --err-soft:#2e1618;
    --focus:#7fb2e8;
    --shadow:0 1px 2px rgba(0,0,0,.4);
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);}
img{max-width:100%;height:auto}
a{color:var(--brand);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:3px}

.skip{position:absolute;left:-9999px;top:0;background:var(--brand);color:var(--brand-ink);padding:.6rem 1rem;z-index:99}
.skip:focus{left:0}

.wrap{max-width:66rem;margin:0 auto;padding:0 1.25rem}
.wrap.wide{max-width:82rem}

/* ---------------------------------------------------------------- chrome */
.topbar{background:var(--brand);color:var(--brand-ink);}
.topbar .bar{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap}
.brand{display:flex;gap:.7rem;align-items:center;color:inherit;text-decoration:none}
.seal{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  border:2px solid currentColor;font:700 13px/1 var(--sans);letter-spacing:.5px}
.brandtext{display:flex;flex-direction:column;line-height:1.15}
.brandtext b{font-size:1.02rem}
.brandtext small{opacity:.85;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.mainnav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}
.mainnav a{color:inherit;text-decoration:none;padding:.45rem .7rem;border-radius:6px;font-size:.94rem}
.mainnav a:hover{background:rgba(255,255,255,.14);text-decoration:underline}
@media (prefers-color-scheme: dark){.mainnav a:hover{background:rgba(0,0,0,.25)}}
.mainnav a[aria-current]{background:rgba(255,255,255,.2);font-weight:600}
@media (prefers-color-scheme: dark){.mainnav a[aria-current]{background:rgba(0,0,0,.35)}}
.mainnav .who{border:1px solid currentColor;margin-left:.4rem}
.mainnav .who small{display:block;font-size:.68rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}

.crumbs{background:var(--surface-2);border-bottom:1px solid var(--line);font-size:.87rem}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:.55rem 0}
.crumbs li+li::before{content:"›";margin-right:.5rem;color:var(--ink-3)}
.crumbs span{color:var(--ink-2)}

main{padding:2rem 1.25rem 4rem;min-height:60vh}
h1{font-size:1.85rem;line-height:1.22;margin:.2rem 0 .5rem;letter-spacing:-.01em}
h2{font-size:1.3rem;margin:2rem 0 .6rem;letter-spacing:-.005em}
h3{font-size:1.05rem;margin:1.4rem 0 .4rem}
.lede{font-size:1.08rem;color:var(--ink-2);max-width:52rem}

/* ---------------------------------------------------------------- blocks */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:1.25rem 1.35rem;margin:1rem 0;box-shadow:var(--shadow)}
.card>:first-child{margin-top:0}
.card>:last-child{margin-bottom:0}
.grid{display:grid;gap:1rem}
.grid.two{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
.grid.three{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.split{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:1.5rem;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.stack>*+*{margin-top:.75rem}
.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.right{margin-left:auto}
.empty{color:var(--ink-3);font-style:italic;padding:.8rem 0}
.fine{color:var(--ink-3);font-size:.83rem}
.muted{color:var(--ink-2)}
hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}

.badge{display:inline-block;padding:.16rem .55rem;border-radius:999px;font-size:.76rem;
  font-weight:600;background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);
  vertical-align:middle;letter-spacing:.01em}
.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}
.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.badge.err{background:var(--err-soft);color:var(--err);border-color:transparent}
.badge.brand{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.badge.lock::before{content:"🔒 ";}

.flash{padding:.75rem 1rem;border-radius:var(--radius);margin:0 0 1rem;font-weight:500}
.flash.ok{background:var(--ok-soft);color:var(--ok)}
.flash.err{background:var(--err-soft);color:var(--err)}

/* ---------------------------------------------------------------- lists */
.meetings{list-style:none;margin:0;padding:0}
.meetings li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);
  margin:.7rem 0;box-shadow:var(--shadow)}
.meetings a.mrow{display:grid;grid-template-columns:5.5rem 1fr auto;gap:1rem;align-items:center;
  padding:1rem 1.2rem;text-decoration:none;color:inherit}
.meetings a.mrow:hover{background:var(--surface-2)}
.daychip{text-align:center;border-right:1px solid var(--line);padding-right:1rem}
.daychip .mo{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.daychip .dy{display:block;font-size:1.7rem;font-weight:700;line-height:1.1}
.daychip .yr{display:block;font-size:.72rem;color:var(--ink-3)}
.mtitle{font-weight:600;font-size:1.05rem;color:var(--brand)}
.msub{color:var(--ink-2);font-size:.9rem}

.agenda{list-style:none;margin:0;padding:0;counter-reset:none}
.agenda .sect{margin:1.75rem 0 .5rem;padding:.35rem 0 .3rem;border-bottom:2px solid var(--line);
  font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.agenda li.ai{border-bottom:1px solid var(--line);padding:.9rem 0}
.agenda li.ai:last-child{border-bottom:0}
.ai .num{font-family:var(--mono);color:var(--ink-3);font-size:.85rem;min-width:2.6rem;display:inline-block}
.ai h3{margin:.1rem 0 .2rem;font-size:1.02rem}
.ai h3 a{text-decoration:none}
.ai h3 a:hover{text-decoration:underline}
.ai .meta{color:var(--ink-3);font-size:.85rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.atts{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.atts a{display:inline-flex;gap:.35rem;align-items:center;font-size:.85rem;text-decoration:none;
  background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:.25rem .55rem}
.atts a:hover{border-color:var(--brand);text-decoration:underline}

.toc{position:sticky;top:1rem}
.toc ol{list-style:none;margin:0;padding:0;font-size:.9rem}
.toc li{margin:.15rem 0}
.toc a{display:block;padding:.25rem .4rem;border-radius:5px;text-decoration:none;color:var(--ink-2)}
.toc a:hover{background:var(--surface-2);color:var(--brand)}
.toc .tsect{font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;
  color:var(--ink-3);margin:.8rem 0 .2rem}

table{border-collapse:collapse;width:100%;font-size:.94rem}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
th,td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);white-space:nowrap}
tbody tr:hover{background:var(--surface-2)}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- forms */
label{display:block;font-weight:600;font-size:.9rem;margin:.9rem 0 .25rem}
label .hint{display:block;font-weight:400;color:var(--ink-3);font-size:.84rem;margin-top:.1rem}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],
input[type=datetime-local],input[type=date],input[type=url],select,textarea{
  width:100%;padding:.55rem .65rem;border:1px solid var(--line);border-radius:7px;
  background:var(--surface);color:var(--ink);font:inherit;font-size:.95rem}
textarea{min-height:8rem;resize:vertical;line-height:1.55}
input:focus,select:focus,textarea:focus{border-color:var(--focus)}
fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:.4rem 1rem 1rem;margin:1rem 0}
legend{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:0 .4rem}
.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin:.4rem 0}
.check input{margin-top:.3rem;width:auto}

.btn{display:inline-block;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);
  padding:.5rem .95rem;border-radius:7px;font:inherit;font-size:.94rem;font-weight:600;
  cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--brand)}
.btn.ghost:hover{background:var(--brand-soft)}
.btn.quiet{background:var(--surface);color:var(--ink-2);border-color:var(--line)}
.btn.quiet:hover{background:var(--surface-2)}
.btn.danger{background:var(--err);border-color:var(--err);color:#fff}
.btn.sm{padding:.3rem .6rem;font-size:.84rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* ---------------------------------------------------------------- misc */
.kv{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.94rem;margin:0}
.kv dt{color:var(--ink-3);font-size:.85rem}
.kv dd{margin:0}
.prose{max-width:44rem}
.prose p{margin:.7rem 0}
.prose li{margin:.25rem 0}
code{font-family:var(--mono);font-size:.9em;background:var(--surface-2);padding:.1rem .3rem;border-radius:4px}
.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);padding-left:1rem}
.timeline li{position:relative;margin:.8rem 0;font-size:.92rem}
.timeline li::before{content:"";position:absolute;left:-1.36rem;top:.5rem;width:9px;height:9px;
  border-radius:50%;background:var(--line)}
.timeline li.done::before{background:var(--ok)}
.timeline li.now::before{background:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}
.stat .n{font-size:1.9rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}
.stat .l{color:var(--ink-3);font-size:.85rem}
mark{background:var(--warn-soft);color:inherit;padding:0 .1em}
.hero{background:linear-gradient(180deg,var(--brand-soft),transparent);border-radius:var(--radius);
  padding:1.6rem 1.6rem 1.2rem;border:1px solid var(--line);margin-bottom:1.5rem}
.hero h1{margin-top:0}
.searchbar{display:flex;gap:.5rem;max-width:38rem}
.searchbar input{flex:1}
.sortcol{display:flex;flex-direction:column;gap:.15rem}
.sortcol button{border:1px solid var(--line);background:var(--surface);border-radius:5px;
  cursor:pointer;line-height:1;padding:.1rem .3rem;font-size:.8rem;color:var(--ink-2)}
.dragging{opacity:.4}
.drop{outline:2px dashed var(--brand);outline-offset:-3px}

@media print{
  .topbar,.crumbs,.foot,.toc,.noprint,.skip{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  main{padding:0}
  .card{border:0;box-shadow:none;padding:0}
  a{color:#000;text-decoration:none}
  .agenda li.ai{break-inside:avoid}
  .pagebreak{break-before:page}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}