:root{
  --ground:#F3F3F8; --surface:#FBFBFE; --sunk:#E8E9F1;
  --ink:#1B1D28; --ink-soft:#4E5265; --ink-faint:#82869A;
  --rule:#D5D7E2; --rule-soft:#E4E6EF;
  --accent:#5B51B8; --accent-soft:#E6E4F6;
  --mark:#38618F;
  --s-full:#1F7A4D; --s-part:#8A6100; --s-ack:#2A5FA8; --s-notsent:#6B4FBF;
}
@media (prefers-color-scheme: dark){
  body.legal-page{
    --ground:#1B1D28; --surface:#232634; --sunk:#15171F;
    --ink:#EDEDF3; --ink-soft:#A9ACC0; --ink-faint:#7B7F94;
    --rule:#2E3140; --rule-soft:#262938;
    --accent:#9288DC; --accent-soft:#262445;
    --mark:#8FB6E8;
    --s-full:#4FAF7B; --s-part:#C9A227; --s-ack:#7FA8E8; --s-notsent:#A98CE0;
  }
}
:root[data-theme="dark"]{
  --ground:#1B1D28; --surface:#232634; --sunk:#15171F;
  --ink:#EDEDF3; --ink-soft:#A9ACC0; --ink-faint:#7B7F94;
  --rule:#2E3140; --rule-soft:#262938;
  --accent:#9288DC; --accent-soft:#262445;
  --mark:#8FB6E8;
  --s-full:#4FAF7B; --s-part:#C9A227; --s-ack:#7FA8E8; --s-notsent:#A98CE0;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;
  font-size:16.5px;line-height:1.55;-webkit-font-smoothing:antialiased;
  min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
.wrap{max-width:760px;margin:0 auto;padding:0 clamp(18px,5vw,32px)}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft)}
a:hover{border-bottom-color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
  font-variant-numeric:tabular-nums}

/* header */
header.site{border-bottom:1px solid var(--rule);margin-bottom:56px}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:14px 34px;padding-top:30px;padding-bottom:26px}
.brand{font-family:"Syne",system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;color:var(--ink);border:0;white-space:nowrap}
nav a{font-family:"Space Grotesk",system-ui,sans-serif;font-size:13.5px;font-weight:600;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink);border:0;margin-left:26px}
nav a:hover,nav a[aria-current="page"]{color:var(--accent)}
nav a[aria-current="page"]{color:var(--accent)}
nav a:first-child{margin-left:0}

/* type */
h1{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;
  font-size:clamp(34px,5vw,52px);line-height:1.05;letter-spacing:-.02em;
  margin:0 0 22px;text-wrap:balance;color:var(--ink)}
h2{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:600;
  font-size:clamp(24px,3.2vw,34px);letter-spacing:-.015em;margin:52px 0 16px;
  text-wrap:balance;color:var(--ink)}
h3{font-family:"Space Grotesk",system-ui,sans-serif;font-size:19px;margin:32px 0 8px;
  font-weight:600;letter-spacing:-.01em}
p{margin:0 0 17px}
.lede{font-size:clamp(17px,1.9vw,19px);color:var(--ink-soft);margin-bottom:34px;max-width:62ch}
.stamp{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;
  color:var(--ink-faint);line-height:1.5;margin:0 0 30px}
blockquote{margin:20px 0;padding:16px 20px;background:var(--surface);
  border-left:3px solid var(--accent);border-radius:0 2px 2px 0;font-size:16px}
blockquote p:last-child{margin-bottom:0}
blockquote b{color:var(--ink)}
.cite{display:block;margin-top:10px;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:12.5px;color:var(--ink-faint)}
.pull{font-size:clamp(19px,2.4vw,23px);line-height:1.36;margin:32px 0;
  padding:22px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  text-wrap:balance}

/* index list */
ul.entries{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
ul.entries li{border-bottom:1px solid var(--rule-soft);padding:26px 0}
ul.entries li:first-child{border-top:1px solid var(--rule-soft)}
.entry-date{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500}
.entry-title{font-family:"Space Grotesk",system-ui,sans-serif;display:block;font-size:21px;
  margin:10px 0 7px;border:0;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.entry-title:hover{color:var(--accent)}
.entry-note{margin:0;font-size:15.5px;color:var(--ink-soft);max-width:70ch}
.empty{color:var(--ink-faint);font-style:italic}

/* cards for work */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:26px 0}
.card{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:24px 26px}
.card h3{margin:0 0 6px}
.card p{font-size:15px;color:var(--ink-soft);margin:0 0 12px}
.card a{font-size:14.5px;font-family:system-ui,sans-serif}

footer.site{margin-top:70px;border-top:1px solid var(--rule);
  font-family:"Space Grotesk",system-ui,sans-serif;font-size:12.5px;font-weight:500;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft)}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:8px 28px;padding-top:26px;padding-bottom:30px}
footer.site p{margin:0}
footer.site a{color:var(--ink-soft);border:0}
footer.site a:hover{color:var(--accent)}

/* creed */
.creed{margin:30px 0 34px;padding-left:20px;border-left:2px solid var(--accent)}
.creed p{margin:0 0 4px;font-size:clamp(19px,2.5vw,24px);line-height:1.38;
  color:var(--ink-soft);letter-spacing:-.01em;text-wrap:balance}
.creed p:last-child{margin-bottom:0}
.creed .creed-last{color:var(--ink);font-weight:600;margin-top:12px}

/* home: name and creed, generous air */
.home{min-height:calc(100vh - 210px);display:flex;flex-direction:column;justify-content:center;
  padding:clamp(48px,13vh,140px) 0 clamp(48px,12vh,120px)}
h1.name{font-size:clamp(30px,7.4vw,74px);line-height:1;letter-spacing:.10em;
  font-weight:600;text-transform:uppercase;margin:0 0 clamp(44px,9vh,96px);white-space:nowrap}
.zbar{position:relative;display:inline-block}
.zbar::after{content:"";position:absolute;left:6%;right:6%;top:50%;height:max(.085em,2px);
  border-radius:1px;background:currentColor;transform:translateY(-50%);pointer-events:none}
.home .creed{margin:0;padding-left:clamp(20px,3.4vw,34px);border-left:2px solid var(--accent)}
.home .creed p{font-size:clamp(17px,2.05vw,23px);line-height:1.5;margin:0 0 clamp(14px,2.4vh,22px)}
.home .creed p:last-child{margin-bottom:0}
.home .creed .creed-last{margin-top:clamp(20px,3.2vh,30px)}

/* inner pages: air */
.page{padding-top:clamp(26px,6vh,58px);padding-bottom:clamp(40px,9vh,90px)}
.page h1{margin-bottom:clamp(16px,2.4vh,22px)}
.page .lede{margin-bottom:clamp(34px,6vh,58px);max-width:60ch}
.page h2{margin-top:clamp(44px,7vh,70px)}
.crumb{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.04em;
  text-transform:uppercase;margin:0 0 20px}
.crumb a{color:var(--ink-faint);border:0}
.crumb a:hover{color:var(--accent)}
.note{font-family:system-ui,sans-serif;font-size:14.5px;color:var(--ink-faint);
  margin-top:clamp(34px,6vh,56px);max-width:62ch}
ul.plain{list-style:none;margin:22px 0;padding:0}
ul.plain li{margin:0 0 14px;padding-left:18px;position:relative;max-width:64ch}
ul.plain li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;
  background:var(--rule)}
ul.plain b{color:var(--ink)}

/* records (reversals) */
article.rec{padding:clamp(24px,4.5vh,40px) 0;border-top:1px solid var(--rule-soft)}
article.rec:first-of-type{border-top:1px solid var(--rule)}
article.rec h2{margin:6px 0 14px;font-size:clamp(21px,2.7vw,27px)}
article.rec p{max-width:64ch}
.meta{font-family:system-ui,sans-serif;font-size:13.5px;color:var(--ink-faint);margin-top:16px}

/* fronts */
.fronts{margin-top:8px}
section.front{padding:clamp(24px,4.2vh,36px) 0;border-top:1px solid var(--rule-soft)}
section.front:first-child{border-top:1px solid var(--rule)}
section.front h2{margin:0 0 6px;font-size:clamp(20px,2.5vw,25px)}
section.front p{max-width:64ch}
.front-state{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--accent);margin:0 0 14px}

/* tallies */
.tallies{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:clamp(20px,3vw,34px);margin:28px 0 0;padding:26px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.tallies div{display:flex;flex-direction:column;gap:6px}
.tallies b{font-size:clamp(30px,4vw,42px);line-height:1;font-weight:600;letter-spacing:-.02em}
.tallies span{font-family:system-ui,sans-serif;font-size:14px;color:var(--ink-soft);line-height:1.4}

/* cards, roomier */
.cards{gap:clamp(16px,2.2vw,22px);margin:8px 0 0}
.card{padding:clamp(22px,3vw,28px)}
.card h3{font-size:19px}
.card p{font-size:15.5px;line-height:1.55}
.card p:last-child{margin-bottom:0}

/* home with the name alone */
.home.solo{max-width:none;min-height:calc(100vh - 168px);display:flex;flex-direction:column;
  justify-content:center;align-items:center;padding:4vh clamp(14px,3.4vw,44px) 8vh}
.home.solo h1.name{margin:0}

/* home statement */
h1.statement{font-family:"Syne",system-ui,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:-.005em;word-spacing:0;line-height:1;margin:0;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:.42em;
  font-size:clamp(30px,7.2vw,88px)}
h1.statement span{display:block;white-space:nowrap;width:max-content}

/* home fits one screen: statement centred, footer on the floor */
body.home-page main.home{flex:1;min-height:0;padding-top:0;padding-bottom:0}
body.home-page footer.site{margin-top:0}

/* register table */
.tablewrap{overflow-x:auto;margin:26px 0 10px;border:1px solid var(--rule);border-radius:6px}
table.ledger{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
table.ledger th{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;
  text-align:left;padding:14px 16px;border-bottom:1px solid var(--rule);background:var(--sunk)}
table.ledger td{padding:14px 16px;border-bottom:1px solid var(--rule-soft);vertical-align:top}
table.ledger tr:last-child td{border-bottom:0}
table.ledger .mono{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
table.ledger .blank{color:var(--ink-faint)}
.chip{display:inline-block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;padding:0;border:0;color:var(--ink-soft);white-space:nowrap}
.chip.ok{color:var(--accent)}
.chip.wait{color:var(--ink-faint)}
.reg-link{margin:34px 0 4px;font-size:16px}

/* pinned — the main lines, in a row above the feed */
.pinned{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  width:min(1000px,calc(100vw - 48px));margin:40px 0 12px 50%;transform:translateX(-50%)}
.pinned a.pin{display:flex;flex-direction:column;align-items:center;text-align:center;
  background:var(--surface);border:1px solid var(--rule);border-top:2px solid var(--accent);
  border-radius:8px;padding:28px 30px 32px}
.pinned a.pin:hover{border-color:var(--accent);border-top-color:var(--accent)}
.pin-no{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;
  letter-spacing:.22em;color:var(--accent);font-weight:500;margin:0 0 18px}
.pin-title{display:block;font-family:"Space Grotesk",system-ui,sans-serif;font-size:20px;
  line-height:1.3;font-weight:600;letter-spacing:-.015em;color:var(--ink);
  min-height:2.6em;margin:0 0 14px}
.pin-note{display:block;font-size:14.5px;line-height:1.65;color:var(--ink-soft)}
.feed-head{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:500;
  margin:56px 0 0}
@media(max-width:1060px){.pinned{width:100%;margin:36px 0 10px;transform:none}}
@media(max-width:860px){.pinned{grid-template-columns:1fr;gap:16px}
  .pin-title{min-height:0}}

/* legal — the weight at the top of the page */
.guil-bg{position:fixed;top:44%;left:50%;transform:translate(-50%,-50%);
  width:min(1600px,168vw);height:auto;opacity:.075;stroke:var(--accent);fill:none;
  stroke-width:.5;pointer-events:none;z-index:0}
body.legal-page::before{content:"";position:fixed;top:0;left:0;right:0;height:420px;
  background:radial-gradient(120% 100% at 50% 0%,var(--sunk) 0%,transparent 74%);
  pointer-events:none;z-index:0}
body.legal-page>header.site,body.legal-page>main,body.legal-page>footer.site{
  position:relative;z-index:1}

.hero-legal{position:relative;text-align:center;
  padding:clamp(30px,6vh,58px) 0 clamp(30px,5vh,50px)}
.hero-legal h1{font-size:clamp(48px,9.5vw,92px);line-height:.92;
  letter-spacing:-.035em;margin:20px 0 14px}
.hero-legal .lede{max-width:none;margin:0;font-size:14.5px;
  color:var(--ink-faint);letter-spacing:.02em}

.mark{position:relative;display:block;width:clamp(92px,12vw,132px);height:auto;
  margin:0 auto;stroke:var(--accent);fill:none;stroke-width:2.1;
  stroke-linecap:round;stroke-linejoin:round}
.mark .load{fill:var(--accent);stroke:none}
.mark .rig{transform-box:view-box;transform-origin:60px 26px;
  animation:tip 2.6s cubic-bezier(.33,.66,.3,1) .3s both}
@keyframes tip{
  0%{transform:rotate(0deg)}
  42%{transform:rotate(14deg)}
  62%{transform:rotate(8.4deg)}
  80%{transform:rotate(12.6deg)}
  100%{transform:rotate(11deg)}}
@media(prefers-reduced-motion:reduce){
  .mark .rig{animation:none;transform:rotate(11deg)}}

/* legal — everything on the centre line */
body.legal-page main{text-align:center}
body.legal-page .feed-head{text-align:center;margin:52px 0 4px}
body.legal-page ul.entries li{padding:30px 0}
body.legal-page .entry-note{margin-left:auto;margin-right:auto}
body.legal-page .entry-title{margin-top:12px}
body.legal-page p.note{max-width:64ch;margin-left:auto;margin-right:auto}

/* legal — a far, soft light at the centre of the eye */
body.legal-page::after{content:"";position:fixed;top:44%;left:50%;
  width:5px;height:5px;border-radius:50%;
  transform:translate(-50%,-50%);pointer-events:none;z-index:0;
  background:#ff7a6a;
  box-shadow:0 0 5px 1.5px rgba(255,58,42,.85),
             0 0 18px 6px rgba(255,58,42,.34),
             0 0 58px 20px rgba(255,58,42,.15);
  filter:blur(.5px);animation:breathe 9s ease-in-out infinite}
@keyframes breathe{
  0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(1)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.16)}}
@media(prefers-reduced-motion:reduce){
  body.legal-page::after{animation:none;opacity:.85}}

/* the Z stroke: drawn in strokes, then stays lit */
.zorro{position:absolute;inset:0;display:grid;place-items:center;
  pointer-events:none;z-index:0;overflow:hidden}
.zorro svg{width:min(58vmin,520px);height:auto;overflow:visible;
  filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 0 26px rgba(146,136,220,.55))}
.zorro path{fill:none;stroke:var(--accent);stroke-width:4.2;
  stroke-linecap:round;stroke-linejoin:round;opacity:.5;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);
  animation-name:slash;animation-duration:var(--dur);animation-delay:var(--wait);
  animation-timing-function:cubic-bezier(.18,.86,.22,1);animation-fill-mode:forwards}
/* stroke, pause, stroke, pause, stroke: the pauses run longer than the strokes */
.zorro .s1{--len:80; --dur:.15s; --wait:.30s}
.zorro .s2{--len:114;--dur:.21s; --wait:.72s}
.zorro .s3{--len:80; --dur:.15s; --wait:1.20s}
.zorro .s4{--len:44; --dur:.11s; --wait:1.60s}
@keyframes slash{to{stroke-dashoffset:0}}

/* a flare at the last stroke */
.zorro::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(146,136,220,.30),transparent 62%);
  opacity:0;animation:flare 1.5s ease-out 1.62s forwards}
@keyframes flare{0%{opacity:0}18%{opacity:1}100%{opacity:0}}

/* the glow breathes after the stroke */
.zorro.done svg{animation:hum 7s ease-in-out 2.1s infinite}
@keyframes hum{
  0%,100%{filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 0 26px rgba(146,136,220,.55))}
  50%{filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 42px rgba(146,136,220,.75))}}

/* the heading sits above the stroke */
.home.solo h1.statement{position:relative;z-index:1;
  text-shadow:0 0 18px var(--ground),0 0 44px var(--ground),0 2px 3px rgba(0,0,0,.45)}
.home.solo{position:relative}

/* the Z in the name glows on every page */
.brand .zbar{color:var(--accent);
  text-shadow:0 0 7px rgba(146,136,220,.75),0 0 20px rgba(146,136,220,.40)}
.brand .zbar::after{background:var(--accent);
  box-shadow:0 0 6px rgba(146,136,220,.9),0 0 16px rgba(146,136,220,.5)}
.brand:hover .zbar::after{animation:zwipe .42s cubic-bezier(.2,.85,.3,1)}
@keyframes zwipe{0%{transform:translateY(-50%) scaleX(0);transform-origin:left}
  100%{transform:translateY(-50%) scaleX(1);transform-origin:left}}

/* reduced motion: the stroke stays, smooth and without the flare */
@media(prefers-reduced-motion:reduce){
  .zorro path{animation-duration:.6s;animation-timing-function:ease-in-out}
  .zorro .s1{--wait:.25s} .zorro .s2{--wait:1.05s} .zorro .s3{--wait:1.85s}
  .zorro .s4{--wait:2.6s}
  .zorro::after{animation:none;opacity:0}
  .zorro.done svg{animation:none}
  .brand:hover .zbar::after{animation:none}}

/* legal — section tabs on every inner legal page */
.subnav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 clamp(26px,4vh,38px);
  padding:0 0 14px;border-bottom:1px solid var(--rule-soft)}
.subnav a{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border:0;margin:0}
.subnav a:hover,.subnav a[aria-current="page"]{color:var(--accent)}
.cards.single{grid-template-columns:1fr;max-width:760px}
/* top nav: the links carry no spaces between them, so let them wrap as flex items on a phone */
header.site nav{display:flex;flex-wrap:wrap;gap:8px 26px}
header.site nav a{margin-left:0}
@media(max-width:480px){header.site nav{gap:8px 20px}header.site nav a{font-size:12.5px;letter-spacing:.07em}}

/* folding cases — date and title show, the text opens on a click (site.js) */
.case > h2{margin:0}
.case-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"date sign" "title sign";
  column-gap:18px;row-gap:6px;width:100%;padding:0;margin:0;background:none;border:0;cursor:pointer;
  text-align:left;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}
.case-date{grid-area:date;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.case-title{grid-area:title;text-wrap:balance}
.case-head:hover .case-title,.case.open .case-title{color:var(--accent)}
.case-head:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
.case-sign{grid-area:sign;align-self:center;position:relative;width:14px;height:14px}
.case-sign::before,.case-sign::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;
  background:var(--ink-faint);transition:transform .2s ease}
.case-sign::after{transform:rotate(90deg)}
.case.open .case-sign::after{transform:rotate(0)}
.case-body{padding-top:16px}
section.front.case,article.rec.case{padding:clamp(18px,3vh,26px) 0}
.case-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0 0 10px;font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
.case-tools span{margin-right:auto}
.case-tools button{background:none;border:0;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;
  text-transform:inherit;color:var(--ink-soft)}
.case-tools button:hover{color:var(--accent)}
mark.hl,.search-res mark{background:var(--accent-soft);color:inherit;border-radius:2px;padding:0 1px}
@media print{.case-body[hidden]{display:block!important}.case-sign,.case-tools,.search-btn{display:none}}

/* search — scoped to the section the reader is in (site.js) */
.search-btn{padding:5px 0;display:inline-flex;align-items:center;gap:7px;background:none;border:0;
  cursor:pointer;color:var(--ink-soft);
  font-family:"Space Grotesk",system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.search-btn:hover{color:var(--accent)}
.search-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
header.site nav{align-items:center}
.search-ov{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--sunk) 70%,transparent);
  backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:9vh 16px 16px}
.search-ov[hidden]{display:none}
html.search-open{overflow:hidden}
.search-panel{width:min(680px,100%);max-height:80vh;display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--rule);border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.28);overflow:hidden}
.search-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--rule-soft)}
.search-in{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif;font-size:18px}
.search-in::-webkit-search-cancel-button{display:none}
.search-x{background:none;border:0;padding:2px 0;cursor:pointer;
  color:var(--ink-faint);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px}
.search-scope{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--rule-soft)}
.search-scope button{background:none;border:0;padding:3px 0;margin-right:16px;cursor:pointer;
  color:var(--ink-soft);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.search-scope button.on{color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.search-res{overflow-y:auto;padding:6px 0 10px}
a.sr{display:block;padding:11px 16px;border:0;color:var(--ink)}
a.sr:hover,a.sr.on{background:var(--sunk)}
.sr-where{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px}
.sr-title{display:block;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:var(--ink)}
.sr-snip{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin-top:4px}
.search-hint{margin:14px 16px;font-size:14px;color:var(--ink-faint)}
.search-sep{margin:14px 16px 4px;padding-top:12px;border-top:1px solid var(--rule-soft);font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
@media(max-width:480px){.search-btn span{display:none}.search-btn{padding:5px 0}.search-ov{padding-top:12px}.search-panel{max-height:88vh}}

/* everything on the axis of the page (order 26.09.2026) */
header.site .wrap{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}
header.site nav{justify-content:center}
footer.site .wrap{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}
main{text-align:center}
main p,main li,main h1,main h2,main h3,main h4,main blockquote,main dl,main figure,
main .lede,main .note,main .stamp,main .meta,main .entry-note,main .front-state{margin-left:auto;margin-right:auto}
main ul,main ol{padding-left:0;list-style-position:inside}
ul.plain li{padding-left:0}
ul.plain li::before{display:none}
.crumb,.subnav,.case-tools,.search-scope{justify-content:center;text-align:center}
.cards,.cards.single{margin-left:auto;margin-right:auto}
.card{text-align:center}
.tablewrap,main table{margin-left:auto;margin-right:auto}
main td,main th{text-align:left}
.case-head{display:block;position:relative;text-align:center;padding:0 30px}
.case-date{display:block;margin-bottom:6px}
.case-sign{position:absolute;right:0;top:50%;margin-top:-7px}
.search-res,.search-row{text-align:left}
/* One Space (Doctrine) keeps its left column, as before */
body.one-space main{text-align:left}
body.one-space main p,body.one-space main li,body.one-space main h1,body.one-space main h2,body.one-space main h3,
body.one-space main h4,body.one-space main blockquote,body.one-space main dl,body.one-space main figure,
body.one-space main .lede,body.one-space main .note,body.one-space main .stamp,body.one-space main .meta{margin-left:0;margin-right:0}
body.one-space main ul,body.one-space main ol{padding-left:1.4em;list-style-position:outside}
body.one-space .tablewrap,body.one-space main table{margin-left:0;margin-right:0}
body.one-space ul.plain li{padding-left:18px}
body.one-space ul.plain li::before{display:block}
body.one-space .crumb{text-align:left}
/* Ottawa 2026: six figures in a clean 3 x 2, the six questions as a left-aligned numbered list */
.tally{grid-template-columns:repeat(3,1fr)!important;max-width:640px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:520px){.tally{grid-template-columns:repeat(2,1fr)!important}}
main ol.q{text-align:left;list-style:decimal outside;padding-left:1.6em;max-width:64ch;margin-left:auto;margin-right:auto}
main ol.q li{margin:0 0 14px;padding-left:.3em}
main ol.q li::marker{color:var(--accent);font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500}
/* headings on the axis, running text justified to the full line, whole site incl. One Space (order 27.09.2026) */
main h1,main h2,main h3,main h4,main h5,main h6,
body.one-space main h1,body.one-space main h2,body.one-space main h3,body.one-space main h4{text-align:center;margin-left:auto;margin-right:auto}
main p,main li,main dd,main blockquote,main .lede,main .note,main .entry-note,main .ans-body,
body.one-space main p,body.one-space main li,body.one-space main blockquote{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
main .card p,main .card li,main .tally div,main .stamp,main .meta,main .case-head,main .crumb,main .subnav li,
main td p,main th p,main td li,main .search-res p,main .search-res li{text-align:inherit}
main .tablewrap p.meta{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
main .pull{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
body.one-space main .meta,body.one-space main .stamp,body.one-space .crumb{text-align:center;margin-left:auto;margin-right:auto}
main .byline,body.one-space main .byline{text-align:center;margin-left:auto;margin-right:auto}

/* ---------- the skin of the document pages (30 Sept 2026): one red, states as bare text (no frames around words, order of 29 Sept), no fills ---------- */
body.has-frame .chip{font:600 11.5px/1.7 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
body.has-frame .chip.ok{color:#fff}
body.has-frame .chip.wait{color:var(--red-ink)}
body.has-frame .front-state{font:500 11.5px/1.7 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
body.has-frame .case-tools{font-family:var(--cond);font-size:12px;letter-spacing:.14em;text-transform:uppercase;gap:18px}
body.has-frame .case-tools button{color:var(--ink-soft);transition:color .2s}
body.has-frame .case-tools button:hover{color:var(--red-ink)}
body.has-frame .tablewrap{border:0;border-radius:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
body.has-frame table.ledger th{background:none;font-family:var(--cond);font-size:11.5px;letter-spacing:.14em;color:var(--ink-faint);padding:12px 14px 10px 0}
body.has-frame table.ledger td{padding:12px 14px 12px 0}
body.has-frame table.ledger td:first-child{color:var(--ink)}
body.has-frame table.ledger .mono{color:var(--ink-soft);font-size:12.5px}
body.has-frame blockquote{background:none;border:0;border-left:2px solid var(--red);border-radius:0;padding:2px 0 2px 18px;margin:20px 0}
body.has-frame .card{background:var(--plate);border:1px solid var(--rule-soft);transition:border-color .2s,box-shadow .2s}
body.has-frame .card:hover{border-color:var(--red);box-shadow:0 0 18px rgba(255,45,45,.22)}
body.has-frame .pinned a.pin{background:var(--plate);border:1px solid var(--rule-soft);transition:border-color .2s,box-shadow .2s}
body.has-frame .pinned a.pin:hover{border-color:var(--red);box-shadow:0 0 18px rgba(255,45,45,.22)}
body.has-frame .meta,body.has-frame .stamp{font-family:var(--mono);font-size:12.5px;color:var(--ink-faint)}
body.has-frame .pull{font-family:var(--cond);font-weight:500;color:#fff}
body.has-frame .reg-link a{font:500 12.5px/1.2 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
body.has-frame .reg-link a:hover{color:var(--red-ink)}
body.has-frame .pl{display:inline-block;padding:0 .38em;margin:0 .04em;border:1px solid #fff;border-radius:3px;background:var(--plate);font:600 .92em/1.5 var(--cond);color:#fff;white-space:nowrap;box-shadow:0 0 10px rgba(255,255,255,.18);font-variant-numeric:tabular-nums}
body.has-frame .pl.red{border-color:var(--red);color:var(--red-ink);box-shadow:0 0 10px rgba(255,45,45,.35)}