:root{color-scheme:light dark;--c-bg:light-dark(#fff,#0b1311);--c-surface:light-dark(#fff,#0f1a16);--c-fill:light-dark(#f2f5f3,#15231e);--c-ink:light-dark(#0d1a16,#e3eee9);--c-ink-soft:light-dark(#3e4c47,#a9bdb5);--c-line:light-dark(#0d1a16,#cfe3d9);--c-hair:light-dark(#d3e2da,#2a3f37);--c-accent:light-dark(#0e6b4f,#46d69e);--c-on-accent:light-dark(#fff,#07130f);--c-focus:light-dark(#0e6b4f,#46d69e);--c-band:light-dark(#0c2b22,#06110d);--c-on-band:light-dark(#fff,#e3eee9);--c-on-band-soft:light-dark(#b9d3c8,#9db8ad);--c-band-rule:light-dark(#ffffff29,#ffffff1f);--c-band-cell:light-dark(#fff3,#ffffff29);--c-lit:#46d69e;--c-on-lit:light-dark(#0c2b22,#06110d);--c-cell:light-dark(#d3e2da,#2a3f37);--c-dash:light-dark(#8fb5a5,#4e7365);--c-no:light-dark(#0c2b22,#46d69e);--c-on-no:light-dark(#fff,#06110d);--g-line:2px;--g-line-thin:1.5px;--g-cell:12px;--g-cell-gap:3px;--g-corner:16px;--g-max:72rem;--g-pad:clamp(1.25rem, 4vw, 2.5rem);--f-sans:system-ui, -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;--f-num:"Bahnschrift", "DIN Alternate", "Roboto", "Helvetica Neue", Arial, var(--f-sans)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-ink);font-family:var(--f-sans);font-feature-settings:"palt";margin:0;font-size:1rem;line-height:1.8}a{color:var(--c-accent);text-underline-offset:.2em}a:focus-visible{outline:3px solid var(--c-focus);outline-offset:3px}h1,h2,h3,h4,p,ol,ul{margin:0}.wrap{width:100%;max-width:var(--g-max);padding-inline:var(--g-pad);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--c-surface);color:var(--c-ink);border:var(--g-line) solid var(--c-line);padding:.5rem 1rem;position:absolute;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}main:focus{outline:none}.cells{gap:var(--g-cell-gap);flex-wrap:wrap;display:flex}.cell{width:var(--g-cell);height:var(--g-cell);border:var(--g-line-thin) solid currentColor;flex:none;display:inline-block}.cell--lit{background:var(--c-lit);border-color:var(--c-lit)}.cell--soon{border-style:dashed;border-color:var(--c-dash)}.band{background:var(--c-band);color:var(--c-on-band)}.band a{color:var(--c-on-band)}.band a:focus-visible{outline-color:var(--c-lit)}.bar{border-bottom:1px solid var(--c-band-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:1rem;display:flex}.logo{letter-spacing:.02em;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.logo__mark{grid-template-columns:repeat(2, var(--g-cell));gap:var(--g-cell-gap);display:grid}.logo__mark span{width:var(--g-cell);height:var(--g-cell);border:var(--g-line-thin) solid var(--c-band-cell)}.logo__mark span:first-child{background:var(--c-lit);border-color:var(--c-lit)}.nav ul{flex-wrap:wrap;gap:.25rem 1.5rem;padding:0;font-size:.9375rem;list-style:none;display:flex}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}.hero{gap:1.5rem;padding-block:clamp(2.5rem,7vw,5rem) clamp(2.5rem,6vw,4rem);display:grid}.hero__eyebrow{font-family:var(--f-num);letter-spacing:.08em;color:var(--c-on-band-soft);font-size:.875rem}.hero__title{letter-spacing:.01em;text-wrap:balance;max-width:22em;font-size:clamp(1.75rem,1.2rem + 2.6vw,3rem);line-height:1.35}.hero__title mark{background:var(--c-lit);color:var(--c-on-lit);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.hero__lead{max-width:42em;color:var(--c-on-band-soft)}.tally{border-top:1px solid var(--c-band-rule);color:var(--c-band-cell);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding-top:1.25rem;display:flex}.tally__label{color:var(--c-on-band-soft);font-size:.875rem}.tally__label strong{color:var(--c-on-band);font-family:var(--f-num);font-size:1.125rem}.section{padding-block:clamp(3rem,7vw,5rem) 0}.section__head{border-bottom:var(--g-line) solid var(--c-line);gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:grid}.section__title{font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem);line-height:1.4}.section__lead{color:var(--c-ink-soft)}.group+.group{margin-top:3rem}.group__head{grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem .75rem;margin-bottom:1.25rem;display:grid}.group__no{background:var(--c-no);min-width:2rem;height:2rem;color:var(--c-on-no);font-family:var(--f-num);align-self:center;place-items:center;padding-inline:.25rem;font-size:.875rem;font-weight:700;display:inline-grid}.group__title{font-size:1.25rem;line-height:1.4}.group__desc{color:var(--c-ink-soft);grid-column:2;font-size:.9375rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;padding:0;list-style:none;display:grid}.card{background:var(--c-surface);border:var(--g-line) solid var(--c-line);flex-direction:column;gap:.5rem;padding:1.5rem 1.25rem 1.25rem;display:flex;position:relative}.card:before{content:"";top:calc(var(--g-line) * -1);left:calc(var(--g-line) * -1);width:var(--g-corner);height:var(--g-corner);background:var(--c-line);position:absolute}.card[data-live]:before{background:var(--c-accent)}.card[data-live]:hover{background:var(--c-fill)}.card__name{font-size:1.125rem;line-height:1.5}.card__name a{color:var(--c-ink);text-decoration:none}.card__name a:after{content:"";position:absolute;inset:0}.card__name a:focus-visible{outline:none}.card:has(.card__name a:focus-visible){outline:3px solid var(--c-focus);outline-offset:3px}.card__tagline{color:var(--c-accent);font-size:.9375rem;font-weight:700;line-height:1.6}.card__desc{color:var(--c-ink-soft);font-size:.875rem;line-height:1.75}.card__meta{border-top:1px solid var(--c-hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-top:auto;padding-top:.75rem;font-size:.8125rem;display:flex}.status{align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.status--soon{color:var(--c-ink-soft)}.card__host{color:var(--c-ink-soft);font-family:var(--f-num);overflow-wrap:anywhere}.principles{counter-reset:principle;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;padding:0;list-style:none;display:grid}.principle{background:var(--c-fill);counter-increment:principle;align-content:start;gap:.5rem;padding:1.25rem;display:grid}.principle__title{align-items:center;gap:.75rem;font-size:1.0625rem;line-height:1.5;display:flex}.principle__title:before{content:counter(principle, decimal-leading-zero);background:var(--c-no);width:2rem;height:2rem;color:var(--c-on-no);font-family:var(--f-num);flex:none;place-items:center;font-size:.875rem;display:inline-grid}.principle p{color:var(--c-ink-soft);font-size:.9375rem}.notice{border:var(--g-line-thin) dashed var(--c-dash);color:var(--c-ink-soft);margin-top:1.5rem;padding:1rem 1.25rem;font-size:.875rem}.missing{justify-items:start;gap:1rem;display:grid}.button{background:var(--c-accent);color:var(--c-on-accent);padding:.625rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.foot{background:var(--c-band);color:var(--c-on-band-soft);margin-top:clamp(4rem,8vw,6rem);padding-block:2.5rem;font-size:.875rem}.foot a{color:var(--c-on-band)}.foot a:focus-visible{outline-color:var(--c-lit)}.foot__inner{gap:1.25rem;display:grid}.foot__name{color:var(--c-on-band);font-size:1rem;font-weight:700}.foot ul{flex-wrap:wrap;gap:.25rem 1.5rem;padding:0;list-style:none;display:flex}@media (forced-colors:active){.cell--lit,.logo__mark span:first-child,.hero__title mark,.card:before,.group__no,.principle__title:before{color:canvas;background:canvastext}}@media print{.band,.foot{color:#000;background:0 0}.band a,.foot a{color:#000}}
