@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-normal-latin.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-normal-latin-ext.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-italic-latin.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Source Serif 4";src:url(fonts/source-serif-4-italic-latin-ext.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin.woff2) format("woff2");font-weight:100 700;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212,U+2192}
@font-face{font-family:"IBM Plex Sans";src:url(fonts/IBMPlexSans-latin-ext.woff2) format("woff2");font-weight:100 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}

:root{
  --bg:#f4efe5;--surface:#fbf8f1;--card:#fffdf8;--text:#1b1814;--muted:#47423a;--faint:#4f493f;--rule:#d6ccba;--rule2:#b9ad97;
  --oug:#8a1d10;--og:#2c6a61;--law:#1f3358;--later:#6f685c;--gold:#5e4504;--goldline:#b8891a;--focus:#0b57b0;--btn:#1b1814;--btn-ink:#fbf8f1;
  --b0:#e5dccb;--b1:#e9c9a8;--b2:#dc9d74;--b3:#c66e4b;--b4:#a6402a;--b5:#7e2016;--b6:#4f0d08;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;--sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--top:46px;color-scheme:light
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111318;--surface:#181b22;--card:#1c1f27;--text:#eee8dc;--muted:#c4bcad;--faint:#a39b8c;--rule:#2b2f39;--rule2:#3e4350;
  --oug:#ff7f69;--og:#86c7bb;--law:#a7bbec;--later:#9298a6;--gold:#f0c766;--goldline:#d9a83a;--focus:#8ab8ff;--btn:#eee8dc;--btn-ink:#111318;
  --b0:#22252e;--b1:#3a2a26;--b2:#5e3328;--b3:#8a3d2a;--b4:#b9502f;--b5:#e2774a;--b6:#ffb07a;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#111318;--surface:#181b22;--card:#1c1f27;--text:#eee8dc;--muted:#c4bcad;--faint:#a39b8c;--rule:#2b2f39;--rule2:#3e4350;
  --oug:#ff7f69;--og:#86c7bb;--law:#a7bbec;--later:#9298a6;--gold:#f0c766;--goldline:#d9a83a;--focus:#8ab8ff;--btn:#eee8dc;--btn-ink:#111318;
  --b0:#22252e;--b1:#3a2a26;--b2:#5e3328;--b3:#8a3d2a;--b4:#b9502f;--b5:#e2774a;--b6:#ffb07a;color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
svg[hidden]{display:none}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top) + 14px)}
body{margin:0;background:var(--bg);color:var(--text);font:400 18.5px/1.62 var(--serif);text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:var(--text);text-decoration-color:var(--rule2);text-underline-offset:3px}
a:hover{text-decoration-color:var(--oug)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
strong{font-weight:650}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--text);padding:8px 12px;z-index:50}.skip-link:focus{left:8px}

/* slim bar in the page's own colours */
.topbar{position:sticky;top:0;z-index:40;height:var(--top);display:flex;align-items:center;gap:8px;padding:0 14px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));background:var(--bg);color:var(--text);border-bottom:1px solid var(--rule);font:500 14px/1 var(--sans)}
.brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.brand-mark{flex:none;width:18px;height:10px;border-top:2px solid var(--text);border-bottom:2px solid var(--goldline);position:relative}
.brand-mark::after{content:"";position:absolute;left:3px;top:1px;width:2px;height:3px;background:var(--oug)}
.topnav{display:flex;gap:16px;margin-left:14px}.topnav a{color:var(--muted);text-decoration:none;white-space:nowrap}.topnav a:hover{color:var(--text)}
.spacer{flex:1}
.chip{color:var(--muted);text-decoration:none;padding:7px 8px;border-radius:6px;min-height:32px;display:inline-flex;align-items:center}.chip[aria-current="page"]{color:var(--text);background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule)}
.icon-btn{flex:none;border:1px solid var(--rule);background:transparent;color:var(--text);border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
:root[data-theme="dark"] .i-moon,:root:not([data-theme]) .i-moon{display:none}
:root[data-theme="light"] .i-sun{display:none}
@media (prefers-color-scheme:light){:root:not([data-theme]) .i-moon{display:inline}:root:not([data-theme]) .i-sun{display:none}}
@media (max-width:860px){.topnav{display:none}}

/* rail: hairline at the right edge, labels out of the layout */
.rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:9px;opacity:0;transition:opacity .4s;pointer-events:none}
.rail.on{opacity:1;pointer-events:auto}
.rail-dot{position:relative;display:block;width:14px;height:14px;text-decoration:none}
.rail-dot .dot{position:absolute;left:5px;top:3px;width:4px;height:8px;background:var(--rule2);border-radius:2px;transition:background .2s,height .2s}
.rail-dot.cur .dot{background:var(--oug);height:12px;top:1px}
.rail-label{position:absolute;right:20px;top:-3px;white-space:nowrap;font:500 12.5px var(--sans);color:var(--text);background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:3px 7px;opacity:0;transform:translateX(4px);transition:.15s;pointer-events:none}
.rail-dot:hover .rail-label,.rail-dot:focus-visible .rail-label{opacity:1;transform:none}
@media (max-width:1100px){.rail{display:none}}

/* front page */
.hero{max-width:860px;margin:0 auto;padding:44px 20px 10px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.kicker{font:600 13px/1.4 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--oug);margin:0 0 14px;padding:10px 0 0;border-top:3px double var(--text)}
h1{font:700 clamp(34px,6.2vw,62px)/1.04 var(--serif);letter-spacing:-.018em;margin:0 0 20px;text-wrap:balance}
.deck{font-size:clamp(19px,2.3vw,22px);line-height:1.52;color:var(--text);margin:0 0 16px;max-width:42em}
.deck strong{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--goldline) 35%,transparent) 62%)}
.hint{font:500 15px/1.5 var(--sans);color:var(--muted);margin:0 0 6px}
.hint span{display:block;color:var(--text)}
.shared-line{font:500 15.5px/1.45 var(--sans);background:var(--surface);border-left:3px solid var(--oug);padding:9px 12px;border-radius:6px;margin:0 0 12px}

/* overview on the first screen */
.overview{margin:22px 0 4px}
.ov{display:block;width:100%;height:auto}
.ov text{font-family:var(--sans);font-size:var(--fs);fill:var(--muted)}
.ov-narrow{display:none!important}@media (max-width:640px){.ov-wide{display:none!important}.ov-narrow{display:block!important}}.ov .yr{fill:var(--text);font-weight:600;text-anchor:middle}
.ov .gazette{fill:var(--text)}.ov .promise{stroke:var(--goldline);stroke-width:2}.ov .promise-t{fill:var(--gold);font-weight:700}
.ov .th line{stroke-width:1.3}
.overview figcaption{font:400 14px/1.45 var(--sans);color:var(--muted);margin:6px 0 0;max-width:46em}
@media (min-width:1000px){.hero{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px;grid-template-areas:"k k" "h o" "d o" "s o" "i o";grid-template-rows:auto auto auto auto 1fr}
 .hero .kicker{grid-area:k}.hero h1{grid-area:h}.hero .deck{grid-area:d}.hero .shared-line{grid-area:s}.hero .hint{grid-area:i}.hero .hero-fig{grid-area:o;align-self:start}.hero .bins{margin-top:0}
 .hero h1{font-size:clamp(34px,4.1vw,54px)}}
/* notice bins */
.hero-fig{min-width:0}
.bins{margin:20px 0 6px}
.bins figcaption{font:600 14px/1.4 var(--sans);color:var(--muted);margin:0 0 8px}
.bins ol{list-style:none;margin:0;padding:0}
.bin{display:grid;grid-template-columns:minmax(0,11.5em) 2.4em minmax(0,1fr);gap:8px;align-items:start;padding:6px 0;border-top:1px solid var(--rule);font:500 14px/1.3 var(--sans)}
.bl{color:var(--text)}.bn{font:700 17px/1.1 var(--serif);text-align:right;font-variant-numeric:tabular-nums}
.bd{display:flex;flex-wrap:wrap;align-content:flex-start;gap:3px;padding-top:3px}
.bd i{width:9px;height:9px;border-radius:50%;display:block}.bd i.oug{background:var(--oug)}.bd i.og{background:var(--og)}.bd i.law{background:var(--law)}
.bin.gold .bl,.bin.gold .bn{color:var(--gold)}.bin.gold .bd i{box-shadow:0 0 0 2px var(--goldline)}
@media (max-width:640px){.bin{grid-template-columns:minmax(0,1fr) 2.4em}.bd{grid-column:1/-1}.bd i{width:8px;height:8px}}
/* the six months */
.curtain{position:relative;max-width:1240px;margin:8px auto 0;padding:0 16px}
.pchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 12px;font:500 14px var(--sans)}
.pchips-l{color:var(--muted);margin-right:4px;width:100%}
.chip-p{font:500 14px/1.2 var(--sans);background:var(--surface);color:var(--text);border:1px solid var(--rule2);border-radius:999px;padding:8px 12px;min-height:40px;cursor:pointer}
.chip-p[aria-pressed="true"]{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
@media (max-width:640px){.pchips[data-pchips="top"]{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 2px;-webkit-overflow-scrolling:touch}.pchips[data-pchips="top"] .pchips-l{display:none}.pchips[data-pchips="top"] .chip-p{flex:none}}
.dayboard{position:sticky;top:var(--top);z-index:15;background:var(--bg);border-bottom:1px solid var(--rule);padding:10px 2px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:4px;align-items:end;font-family:var(--sans)}
.db-n{grid-row:span 2;display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.db-w{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.db-d{font:700 46px/0.9 var(--serif);font-variant-numeric:tabular-nums;min-width:2.1ch;display:inline-block;text-align:right}
.db-of{font:500 13px var(--sans);color:var(--muted);align-self:flex-end;padding-bottom:3px}
.db-c{font:500 15px var(--sans);color:var(--text)}.db-c span[data-db-count]{font-weight:700;font-variant-numeric:tabular-nums}
.db-p{color:var(--oug);font-weight:600}
.db-strip{height:22px;min-width:0;overflow:hidden}
.dayboard>*{min-width:0}
.curtain-fig .th circle.bead{fill:var(--bg);stroke-width:1.6}.th.oug circle.bead{stroke:var(--oug)}.th.og circle.bead{stroke:var(--og)}.th.law circle.bead{stroke:var(--law)}.db-strip svg{display:block}
.mk{fill:none;stroke:var(--rule2);stroke-width:1}
.db-strip-cap{grid-column:2;font:500 11.5px var(--sans);color:var(--muted);margin:-2px 0 0}.mk.on.oug{fill:var(--oug);stroke:var(--oug)}.mk.on.og{fill:var(--og);stroke:var(--og)}.mk.on.law{fill:var(--law);stroke:var(--law)}.mk.off{opacity:.15}
.db-bar{height:6px;background:var(--rule);border-radius:3px;overflow:hidden}.db-bar i{display:block;height:100%;width:0;background:var(--text);transition:width .15s}
.db-today{grid-column:1/-1;margin:2px 0 0;font:500 13.5px var(--sans);color:var(--muted)}
.db-card{grid-column:1/-1;margin:4px 0 0;font:400 16.5px/1.45 var(--serif);color:var(--text);min-height:3em;max-width:48em}
.db-card strong{font-weight:650}
@media (max-width:640px){.db-d{font-size:38px}.db-of{font-size:11.5px}.db-card{font-size:15.5px;min-height:4.4em}}
.curtain-fig{position:relative;margin:0}
.curtain-svg{display:block;width:100%;height:auto;overflow:visible}
.curtain-fig svg text{font-family:var(--sans);fill:var(--muted);font-size:12px}
.curtain-fig .yr{font-weight:600;fill:var(--text);text-anchor:middle}
.curtain-fig .yrtick{stroke:var(--rule);stroke-width:1}
.curtain-fig .gazette{fill:var(--text)}
.curtain-fig .promise{stroke:var(--goldline);stroke-width:2.2}
.curtain-fig .promise-t{fill:var(--gold);font-weight:700;font-size:13px}
.curtain-fig .floor{stroke:var(--rule2);stroke-width:1.2;stroke-dasharray:5 5}
.curtain-fig .floor-t{fill:var(--muted);font-weight:600}
.curtain-fig .mo{fill:var(--muted);font-size:12px;font-weight:600}
.curtain-fig .lm{fill:var(--oug)}.curtain-fig .lm-t{fill:var(--oug);font-size:11.5px;font-weight:700}
.db-mark{color:var(--oug);font-size:12px}.db-card{transition:opacity .3s}.db-card.stale{opacity:.55}
.curtain-fig .daygrid{stroke:var(--rule);stroke-width:1}
.curtain-fig .now{stroke:var(--text);stroke-width:1.2}
.curtain-fig .now-t{fill:var(--text);font-weight:700;font-size:12px}
.th line{stroke-width:1.6;stroke-linecap:round}
.th circle{stroke:var(--bg);stroke-width:1}
.th.oug line{stroke:var(--oug)}.th.oug circle{fill:var(--oug)}
.th.og line{stroke:var(--og)}.th.og circle{fill:var(--og)}
.th.law line{stroke:var(--law)}.th.law circle{fill:var(--law)}
.th line.later{stroke:var(--later);stroke-width:1.3;stroke-dasharray:2 3}
.th .ld{fill:var(--later)}
.th.dim{opacity:.13}
.th.hot line:not(.hit):not(.later){stroke-width:3.2}
.th line.hit{stroke:transparent;stroke-width:12;cursor:pointer}
.legend{display:flex;flex-wrap:wrap;gap:4px 16px;font:500 13.5px var(--sans);color:var(--muted);margin:0 0 6px}
.legend span{display:inline-flex;align-items:center}
.legend .sw{display:inline-block;width:16px;height:3px;vertical-align:middle;margin-right:6px;border-radius:2px}
.sw.oug{background:var(--oug)}.sw.og{background:var(--og)}.sw.law{background:var(--law)}.sw.later{background:repeating-linear-gradient(90deg,var(--later) 0 2px,transparent 2px 5px)}
.daycards{margin:18px 0 0;padding-left:1.2em;max-width:46em;font-size:17px}
.js .daycards{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.tip{position:absolute;z-index:18;max-width:330px;background:var(--card);color:var(--text);border:1px solid var(--rule2);border-radius:10px;padding:12px 14px 12px;box-shadow:0 10px 30px rgba(0,0,0,.18);font:400 15px/1.45 var(--sans)}
.tip h3{font:700 16px/1.3 var(--serif);margin:0 22px 4px 0}
.tip p{margin:4px 0}.tip .tr{color:var(--muted);font-size:14px}
.tip .x{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}
.tip a{color:var(--text)}

/* text sections */
.sec{max-width:760px;margin:0 auto;padding:56px 20px 8px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.sec h2{font:700 clamp(26px,3.6vw,34px)/1.15 var(--serif);margin:0 0 14px;letter-spacing:-.01em;padding-top:12px;border-top:1px solid var(--text)}
.anchor{margin-left:8px;color:var(--faint);text-decoration:none;font-size:.6em;vertical-align:middle;opacity:0}
.sec h2:hover .anchor,.anchor:focus-visible{opacity:1}
.sec p{margin:0 0 14px}
.lawbox{margin:20px 0;padding:0}
.lawbox figcaption{font:600 13px/1.4 var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 6px}
.lawbox blockquote{margin:0;padding:12px 16px;background:var(--surface);border-left:3px solid var(--rule2);font-size:17px;line-height:1.55}
.lawbox blockquote.new{border-left-color:var(--oug)}
.lawbox .tr{font:400 15.5px/1.5 var(--sans);color:var(--muted);margin:6px 0 0 19px}
.fig{margin:20px 0}
.fig-h{font:600 13.5px/1.4 var(--sans);color:var(--muted);margin:0 0 8px}
.xmas{width:100%;height:auto;display:block}
.xmas text{font-family:var(--sans);font-size:12px;fill:var(--muted)}
.xmas .xt{fill:var(--text);font-weight:600;font-size:12.5px}
.xmas .jan{fill:var(--gold);font-weight:700}
.xmas .xjan{stroke:var(--goldline);stroke-width:2}
.xmas .xl{stroke-width:2}.xmas .xl.oug{stroke:var(--oug)}.xmas .xl.law{stroke:var(--law)}.xmas .xl.og{stroke:var(--og)}
.xmas .xp.oug{fill:var(--oug)}.xmas .xp.law{fill:var(--law)}.xmas .xp.og{fill:var(--og)}
.wall{list-style:none;margin:18px 0 0;padding:0;border-top:2px solid var(--text)}
.wall li{border-bottom:1px solid var(--rule)}
.wall summary{display:flex;gap:12px;align-items:baseline;cursor:pointer;padding:5px 0;list-style:none;min-height:30px}
.wall summary::-webkit-details-marker{display:none}
.wq{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 15.5px/1.35 var(--serif);color:var(--text)}
.wm{flex:none;font:600 12.5px var(--sans);color:var(--oug);white-space:nowrap}
.wall details[open] summary .wq{white-space:normal}
.wall .dq{font-size:15.5px;margin:0 0 6px;color:var(--muted)}.wall .dm{margin:0 0 10px}
@media (max-width:560px){.wall summary{flex-direction:column;gap:0}.wq{width:100%}}
.xhead{position:relative;height:18px;margin:0 0 4px calc(min(34%,170px) + 10px);margin-right:calc(min(26%,120px) + 10px);font:500 12px var(--sans);color:var(--muted)}
.xhead span{position:absolute;left:var(--x);transform:translateX(-50%)}.xhead .jan{color:var(--gold);font-weight:700}
.xrows{list-style:none;margin:0;padding:0}
.xrows li{display:grid;grid-template-columns:min(34%,170px) 1fr min(26%,120px);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--rule);font:500 14px var(--sans)}
.xn{font-weight:600}.xd{color:var(--muted);font-size:13px;text-align:right}
.xt{position:relative;height:14px;border-right:2px solid var(--goldline)}
.xl{position:absolute;left:var(--a);right:0;top:6px;height:2px}.xl.oug{background:var(--oug)}.xl.law{background:var(--law)}.xl.og{background:var(--og)}
.xp{position:absolute;left:var(--x);top:2px;width:10px;height:10px;border-radius:50%;transform:translateX(-50%)}.xp.oug{background:var(--oug)}.xp.law{background:var(--law)}.xp.og{background:var(--og)}
@media (max-width:560px){.xrows li{grid-template-columns:1fr auto;row-gap:6px}.xn{grid-row:1;grid-column:1}.xd{grid-row:1;grid-column:2}.xt{grid-column:1/-1;grid-row:2;margin-right:14px}.xhead{margin:0 14px 4px 0}.xhead span:nth-child(even){display:none}}
.derog{list-style:none;margin:18px 0 0;padding:0;counter-reset:d}
.derog li{counter-increment:d;position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--rule)}
.derog li::before{content:counter(d);position:absolute;left:0;top:13px;font:700 14px var(--sans);color:var(--oug);width:32px;text-align:right}
.dq{margin:0 0 4px;font-size:16.5px;line-height:1.5}
.dm{margin:0;font:500 14px var(--sans);color:var(--muted)}
.derog li:nth-child(n+9){display:none}.derog.open li{display:block}

/* for you */
.pchips[data-pchips="you"] .pchips-l{width:100%}
.you{margin:14px 0 6px;padding:18px 20px;background:var(--surface);border:1px solid var(--rule);border-radius:12px;min-height:90px}
.you-empty{color:var(--muted);font:500 15.5px var(--sans);margin:0}
.you .big{display:flex;flex-wrap:wrap;gap:10px 28px;margin:6px 0 12px}
.you .big div{font:500 14px/1.3 var(--sans);color:var(--muted)}
.you .big b{display:block;font:700 40px/1 var(--serif);color:var(--text);font-variant-numeric:tabular-nums}
.you .big .promise-b b{color:var(--gold)}
.you p{margin:0 0 8px}
.you .def{font:400 14px/1.5 var(--sans);color:var(--muted)}

.share{margin:10px 0 0}
.share-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.share-label{font:600 14px var(--sans);color:var(--muted);margin-right:6px}
.ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--rule2);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none}
.share-msg{font:500 14px var(--sans);color:var(--muted);margin:6px 0 0;min-height:1em}

/* article barcode */
.barcode{width:100%;height:auto;display:block}
.barcode rect{cursor:pointer}
.b0{fill:var(--b0)}.b1{fill:var(--b1)}.b2{fill:var(--b2)}.b3{fill:var(--b3)}.b4{fill:var(--b4)}.b5{fill:var(--b5)}.b6{fill:var(--b6)}
.barcode .bt{stroke:var(--text);stroke-width:1.2}
.barcode rect.sel{fill:var(--text)}
.bc-labels{position:relative;height:36px;font:500 12px/1.2 var(--sans);color:var(--muted)}
.bc-labels span{position:absolute;left:var(--x);top:0;white-space:nowrap;padding-left:3px}
.bc-labels span:nth-child(even){top:16px}
@media (max-width:640px){.bc-labels span{font-size:10.5px}}
.bc-tip{font:500 15px var(--sans);min-height:1.5em;margin:4px 0 0}
.topart{margin:16px 0 0;padding-left:1.4em;font:400 16px/1.5 var(--sans)}
.topart li{margin:3px 0}.ta{font-weight:700}.tn{color:var(--text)}.tc{color:var(--muted);white-space:nowrap}

/* ledger */
.ledger-tools{margin:10px 0}
.ledger-tools input{width:100%;max-width:360px;font:500 16px var(--sans);padding:10px 12px;border-radius:9px;border:1px solid var(--rule2);background:var(--card);color:var(--text)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.ledger{width:100%;border-collapse:collapse;font:400 14.5px/1.4 var(--sans);min-width:640px}
.ledger th{text-align:left;font-weight:600;color:var(--muted);border-bottom:2px solid var(--text);padding:6px 6px;vertical-align:bottom}
.ledger td{border-bottom:1px solid var(--rule);padding:7px 6px;vertical-align:top}
.ledger td.num{white-space:nowrap}
.ledger tr.more{display:none}.ledger.open tr.more{display:table-row}
.ledger tr.hide{display:none!important}
.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums}
.pill.z{background:var(--oug);color:var(--bg)}
.pill.s{box-shadow:inset 0 0 0 1.5px var(--oug);color:var(--text)}
.pill.m{box-shadow:inset 0 0 0 1px var(--rule2);color:var(--text)}
.pill.k{background:#d9ab45;color:#1b1814}
.btn{font:600 15px var(--sans);padding:10px 16px;border-radius:9px;border:1px solid var(--rule2);background:var(--surface);color:var(--text);cursor:pointer;min-height:44px;margin-top:12px}
.btn.primary{background:var(--btn);color:var(--btn-ink);border-color:var(--btn);text-decoration:none;display:inline-block}

.sources{padding-left:1.3em;font-size:16px}.sources li{margin:6px 0}
.site-footer{max-width:760px;margin:40px auto 0;padding:22px 20px 40px;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:8px 20px;font:500 14px var(--sans);color:var(--muted)}
.site-footer a{color:var(--muted)}
.place-page main{max-width:760px;margin:0 auto;padding:30px 20px}.place-page img{max-width:100%;height:auto}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.topbar,.rail,.dayboard,.pchips,.share,.ledger-tools,[data-lmore]{display:none}.ledger tr.more{display:table-row}}
html:not(.js) .dayboard,html:not(.js) .pchips,html:not(.js) [data-you],html:not(.js) [data-lmore],html:not(.js) .ledger-tools{display:none}
html:not(.js) .ledger tr.more{display:table-row}
.bc-labels span.r{transform:translateX(-100%);padding-left:0;padding-right:3px;border-right:1px solid var(--rule2)}
.th path.over{fill:var(--law)}.th.oug path.over{fill:var(--oug)}.th text.over-t,.ov text.over-t{fill:var(--text);font-weight:700;font-size:11.5px}
@media (max-width:640px){.dayboard{grid-template-columns:1fr;row-gap:3px}.db-n{grid-row:auto}.db-strip-cap{grid-column:1}.db-c{font-size:14px}}