/* milinx.co: the record of Milinx Business Group, 1997 to 2001.
   Concept: "the wire and the rack". Dated news releases set as wire copy with a dateline rail; the record (releases,
   history, archive) hung on one vertical spine with status lights, the way an operations console showed a data center.
   Brand colour: the logo's deep blue (#0a3a7a) with its sky ring (#0195f4) and the label green (#4caf50).
   Type: Instrument Sans (interface, headings; its width axis gives the headline its wire-copy narrowness) and
   Newsreader (release copy and the founder's note). Self-hosted, OFL. No JavaScript anywhere. */

@font-face{font-family:"Instrument Sans";font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;
  src:url(/assets/fonts/instrument-sans-latin-standard-normal.woff2) format("woff2-variations")}
@font-face{font-family:"Newsreader";font-style:normal;font-display:swap;font-weight:200 800;
  src:url(/assets/fonts/newsreader-latin-opsz-normal.woff2) format("woff2-variations")}
@font-face{font-family:"Newsreader";font-style:italic;font-display:swap;font-weight:200 800;
  src:url(/assets/fonts/newsreader-latin-opsz-italic.woff2) format("woff2-variations")}

:root{
  --ink:#101c2e;            /* text */
  --ink-2:#3b4a60;          /* secondary text, 8.3:1 on paper */
  --paper:#eef2f7;          /* page: server-room white, cool */
  --sheet:#ffffff;
  --rule:#c8d2df;
  --rule-soft:#dde4ed;
  --blue:#0a3a7a;           /* Milinx logo blue */
  --blue-deep:#062754;
  --blue-ink:#0b4a9c;       /* links on white, 7.6:1 */
  --sky:#0195f4;            /* logo ring: lights, rules, never small text on white */
  --sky-soft:#d6ecfd;
  --green:#4caf50;          /* label green: lights */
  --green-ink:#25722a;      /* green text on white, 5.6:1 */
  --redact:#1b2638;
  --target:#fff3c4;
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --wrap:76rem;
  --gut:clamp(1rem,3.2vw,2.5rem);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.62 var(--sans);font-stretch:100%;
  text-rendering:optimizeLegibility;overflow-wrap:break-word}
img,video{max-width:100%;height:auto}
a{color:var(--blue-ink);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--blue);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--sheet);color:var(--ink);padding:.6rem 1rem;z-index:50}
.skip:focus{left:1rem;top:1rem}
h1,h2,h3,h4{font-family:var(--sans);color:var(--ink);line-height:1.15;text-wrap:balance}
h1,.h1{font-size:clamp(2rem,1.2rem + 3.2vw,3.35rem);font-weight:650;font-stretch:82%;letter-spacing:-.012em;margin:.2rem 0 1rem}
h2{font-size:clamp(1.45rem,1.1rem + 1.1vw,1.9rem);font-weight:650;font-stretch:88%;margin:2.6rem 0 .8rem}
h3{font-size:1.2rem;font-weight:650;font-stretch:92%;margin:1.8rem 0 .5rem}
h4{font-size:1.02rem;font-weight:650;margin:1.4rem 0 .4rem}
p,ul,ol{margin:0 0 1rem}
ul,ol{padding-left:1.3rem}
li{margin:.2rem 0}
li::marker{color:var(--blue)}
strong,b{font-weight:650}

/* ---------------------------------------------------------------- masthead */
.mast{background:var(--blue);color:#fff;position:relative;z-index:20}
.mast-top{background:var(--blue-deep);font-size:.85rem}
.mast-top-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:2.3rem}
.mast-era{margin:0;color:#c9d9ef}
.note-link{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem 0}
.note-link::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(76,175,80,.25)}
.note-link:hover{color:#fff;text-decoration:underline}
.mast-row{display:flex;align-items:center;gap:1.25rem;min-height:4.6rem}
.brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;margin-right:auto}
.brand:hover{color:#fff}
.brand-badge{width:46px;height:46px;border-radius:50%;box-shadow:0 0 0 2px rgba(1,149,244,.6)}
.brand-word{font:650 1.75rem/1 var(--sans);font-stretch:80%;letter-spacing:.01em}
.brand-sub{font-size:.78rem;line-height:1.25;color:#c9d9ef;border-left:1px solid rgba(255,255,255,.28);padding-left:.8rem}
.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.1rem}
.nav-list>li{position:relative;margin:0}
.nav-list a{display:block;white-space:nowrap;color:#fff;text-decoration:none;font-size:.95rem;font-weight:550;padding:.6rem .7rem;border-radius:3px}
.nav-list>li>a:hover,.nav-list>li:focus-within>a{background:rgba(255,255,255,.1)}
.nav-list>li.is-on>a{box-shadow:inset 0 -3px 0 var(--sky)}
.has-sub>a::after{content:"";display:inline-block;margin-left:.4rem;width:.36rem;height:.36rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.22rem) rotate(45deg)}
.sub{list-style:none;margin:0;padding:.35rem;position:absolute;left:0;top:100%;min-width:15rem;background:var(--sheet);border:1px solid var(--rule);
  border-top:3px solid var(--sky);box-shadow:0 14px 30px rgba(6,39,84,.18);display:none}
.has-sub:hover>.sub,.has-sub:focus-within>.sub{display:block}
.sub a{color:var(--ink);font-weight:500;font-size:.93rem}
.sub a:hover{background:var(--paper);color:var(--blue)}
.sub a[aria-current=page]{box-shadow:inset 3px 0 0 var(--sky)}
.nav-open,.nav-close{display:none}
.menu-ico{width:15px;height:9px;display:inline-block}
@media (max-width:1100px){.brand-sub{display:none}}
@media (max-width:960px){
  .mast-row{min-height:4rem}
  .nav-open{display:inline-flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,.45);padding:.45rem .85rem;border-radius:3px}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet);color:var(--ink);border-bottom:3px solid var(--sky);
    box-shadow:0 18px 30px rgba(6,39,84,.2);padding:.75rem var(--gut) 1.25rem}
  .nav:target{display:block}
  .nav-close{display:inline-block;margin-bottom:.5rem;font-size:.92rem}
  .nav-list{flex-direction:column;align-items:stretch}
  .nav-list a{color:var(--ink);padding:.7rem .4rem;border-bottom:1px solid var(--rule-soft);border-radius:0;white-space:normal}
  .nav-list>li.is-on>a{box-shadow:inset 3px 0 0 var(--sky)}
  .nav-list>li>a:hover,.nav-list>li:focus-within>a{background:var(--paper)}
  .has-sub>a::after{display:none}
  .sub{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 1rem;min-width:0}
}
@media (max-width:520px){.mast-era{display:none}.mast-top-row{justify-content:flex-end}.brand-word{font-size:1.5rem}}

/* ---------------------------------------------------------------- hero */
.hero{position:relative;background:linear-gradient(180deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;overflow:hidden;
  border-bottom:3px solid var(--sky)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.2;mix-blend-mode:luminosity;filter:grayscale(1) contrast(1.05)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-deep) 20%,rgba(6,39,84,.55) 70%,rgba(6,39,84,.35))}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2rem;padding-bottom:2.6rem}
@media (min-width:900px){.hero-grid:has(.hero-aside){grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);align-items:end}}
.hero h1,.hero .h1{color:#fff;max-width:22ch}
.hero .lead,.hero p{color:#dbe6f5}
.lead{font-size:clamp(1.08rem,1rem + .4vw,1.28rem);line-height:1.5;max-width:44rem}
.hero a{color:#fff}
.hero .fig figcaption{color:#c9d9ef}
.crumbs ol{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.86rem;color:#c9d9ef}
.crumbs li{margin:0}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:rgba(255,255,255,.45)}
.crumbs a{color:#fff}
.hero-tag{font-size:1.05rem;font-weight:600;font-stretch:90%;color:#fff;max-width:44rem;margin:0 0 1rem}
.hero-quote{font:italic 400 clamp(1.15rem,1rem + .6vw,1.45rem)/1.45 var(--serif);color:#fff;max-width:40rem;margin:0 0 1.2rem;padding-left:1rem;border-left:3px solid var(--sky)}
.hero-aside .fig{margin:0}
.hero-aside img{border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.hero .imgline--banner{margin:0 0 1rem}
.hero .imgline--banner img{background:#fff;padding:.35rem .5rem;border-radius:3px}
.watch{display:block;color:#fff;text-decoration:none}
.watch-k{display:block;font-size:.85rem;color:#c9d9ef;margin-top:.5rem}

/* ---------------------------------------------------------------- body grid */
.body-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3rem;padding-top:1.4rem;padding-bottom:3rem}
@media (min-width:1180px){.body-grid{grid-template-columns:minmax(0,46rem) 15rem;justify-content:space-between}}
.body-grid--wide{grid-template-columns:minmax(0,1fr)!important}
.doc{min-width:0}
.doc>section:first-child>h2:first-child,.doc>h2:first-child{margin-top:1.4rem}
.toc{position:sticky;top:1.5rem;align-self:start;font-size:.9rem;display:none;padding:1rem 0 0}
@media (min-width:1180px){.toc{display:block}}
.toc-h{font-weight:650;margin:0 0 .6rem;color:var(--ink-2)}
.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--rule)}
.toc li{margin:0}
.toc a{display:block;padding:.3rem 0 .3rem .9rem;color:var(--ink-2);text-decoration:none;margin-left:-2px;border-left:2px solid transparent}
.toc a:hover{color:var(--blue);border-left-color:var(--sky)}

/* sections of a product page */
.block{padding-top:.2rem}
.block+.block{border-top:1px solid var(--rule);margin-top:2.4rem}
.sec-intro{color:var(--ink-2);font-size:1rem}
.imgline{margin:1.6rem 0 .35rem;line-height:0}
.imgline a{display:inline-block}
.imgline+h2,.imgline+h3{margin-top:.4rem}
.img-label{width:200px;height:40px}
.img-banner{width:320px;max-width:100%;height:auto}
.fig{margin:1.4rem 0;max-width:100%}
.fig img{display:block;border:1px solid var(--rule);background:var(--sheet)}
.fig figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.5rem;max-width:40rem}
.fig--poster img{border-radius:2px}
.fig--photo img,.fig--promo img{box-shadow:0 8px 24px rgba(6,39,84,.12)}
.split{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.split{grid-template-columns:minmax(0,1fr) 17.5rem;align-items:start}.split>.fig{margin-top:1.6rem}}
.split>.fig{max-width:17.5rem}
.checks{list-style:none;padding:0}
.checks li{position:relative;padding-left:1.6rem;margin:.45rem 0}
.checks li::before{content:"";position:absolute;left:.15rem;top:.6em;width:.55rem;height:.55rem;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(76,175,80,.18)}
.tick-grid{list-style:none;padding:0;display:grid;gap:.4rem 1.6rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:700px){.tick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tick-grid li{position:relative;padding-left:1.6rem;margin:0}
.tick-grid li::before{content:"";position:absolute;left:.15rem;top:.6em;width:.55rem;height:.55rem;border-radius:50%;background:var(--sky)}
.cols2{columns:2 17rem;column-gap:2.2rem}
.cols2 li{break-inside:avoid}
.fx{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);margin:1rem 0 1.4rem}
@media (min-width:760px){.fx{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fx>div{background:var(--sheet);border-top:3px solid var(--blue);padding:.9rem 1rem .4rem}
.fx>div:nth-child(2){border-top-color:var(--sky)}
.fx>div:nth-child(3){border-top-color:var(--green)}
.fx p:first-child{font-weight:650;margin-bottom:.4rem}
.fx ul{padding-left:1.1rem;font-size:.97rem}
.pitch{margin:1.2rem 0 1.6rem;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--sky);font:400 1.2rem/1.5 var(--serif)}
.pitch p{margin:0}
.pull{font:italic 400 1.15rem/1.5 var(--serif)}
.callout{background:var(--sheet);border-left:4px solid var(--blue);padding:1rem 1.2rem;margin:1.6rem 0}
.callout p:last-child{margin-bottom:0}
.ptr{font-size:.95rem;color:var(--ink-2);background:var(--sheet);border:1px dashed var(--rule);padding:.65rem .9rem;margin:1rem 0}
.ptr a{font-weight:600}

/* the securities marker */
.redact{display:inline-block;background:var(--redact);color:#fff;font:600 .78em/1.35 var(--sans);padding:0 .35em;border-radius:2px;
  vertical-align:.08em;letter-spacing:.04em;cursor:help;white-space:nowrap}

/* ---------------------------------------------------------------- the founder's note (home) */
.note{background:var(--sheet);margin-top:-2.2rem;position:relative;z-index:2;box-shadow:0 18px 50px rgba(6,39,84,.16);
  border-top:4px solid var(--green);padding:clamp(1.3rem,1rem + 2.5vw,3rem)}
.note h2{margin-top:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.note-body{font:400 1.18rem/1.68 var(--serif);max-width:40rem}
.note-body h3{font-family:var(--sans);font-size:1.15rem;margin-top:2rem}
.note-sign{margin-top:1.8rem;font:400 1rem/1.5 var(--sans);color:var(--ink-2)}
.note-sign strong{display:block;color:var(--ink);font:italic 600 1.45rem/1.2 var(--serif);margin-bottom:.25rem}
.note-meta{font-size:.92rem;color:var(--ink-2);border-top:1px solid var(--rule-soft);margin-top:1.5rem;padding-top:1rem;max-width:40rem}
.home-hero .hero-grid{padding-bottom:4.4rem}

/* ---------------------------------------------------------------- the release: wire copy with a dateline rail */
.release{display:grid;grid-template-columns:minmax(0,1fr);background:var(--sheet);border:1px solid var(--rule);margin:1.6rem 0 1rem;
  box-shadow:0 10px 30px rgba(6,39,84,.08)}
@media (min-width:720px){.release{grid-template-columns:9.5rem minmax(0,1fr)}}
.rel-rail{background:var(--blue);color:#fff;padding:1.1rem 1.1rem 1.2rem;display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:baseline}
@media (min-width:720px){.rel-rail{display:block;border-right:3px solid var(--sky)}}
.rel-day{font:650 3.1rem/1 var(--sans);font-stretch:78%;display:block}
.rel-my{font-weight:600;font-size:1rem;display:block}
.rel-kind{font-size:.82rem;color:#c9d9ef;display:block;margin-top:.8rem}
@media (max-width:719px){.rel-day{font-size:2.2rem;display:inline}.rel-my{display:inline}.rel-kind{margin-top:0;width:100%}}
.rel-sheet{padding:1.2rem clamp(1rem,.6rem + 2vw,2.2rem) 1.4rem;min-width:0}
.rel-text{margin:0;font:400 1.14rem/1.7 var(--serif);border:0;padding:0}
.rel-text p{margin:0 0 1.05rem}
.rel-text ul{margin-bottom:1.05rem}
.rel-text>p:first-child{font-size:1.2rem}
.rel-end{text-align:center;letter-spacing:.5em;color:var(--ink-2);margin:1.4rem 0 0;font-weight:600}
.rel-cont{font:400 .98rem/1.5 var(--sans);background:var(--paper);padding:.7rem .9rem;border-left:3px solid var(--sky)}
.rel-src{font-size:.88rem;color:var(--ink-2);border-top:1px solid var(--rule-soft);margin-top:1.2rem;padding-top:.8rem}
.rel-src p{margin:.2rem 0}
.ed-note{font-size:.93rem;color:var(--ink-2);margin:.4rem 0 2rem}
.context{background:linear-gradient(180deg,#e3ebf5,#eef2f7 14rem);border:1px solid var(--rule);padding:1.2rem clamp(1rem,.6rem + 2vw,2rem) .6rem;margin:2.2rem 0}
.context>h2{margin-top:.2rem}
.context .imgline{margin-top:.2rem}
.context-intro{font-size:.96rem;color:var(--ink-2);max-width:42rem}
.ctx-label{display:inline-block;font-weight:650;font-size:.92rem;color:var(--green-ink);background:#e8f5e9;padding:.12rem .55rem;border-radius:2px}

/* release navigation: previous / next and the spine */
.relnav{margin:2.4rem 0 1rem}
.prevnext{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr);margin:1rem 0 1.6rem}
@media (min-width:700px){.prevnext{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pn{display:block;background:var(--sheet);border:1px solid var(--rule);padding:.8rem 1rem;text-decoration:none;color:var(--ink)}
.pn:hover{border-color:var(--sky);color:var(--ink)}
.pn--next{text-align:right}
.pn-k{display:block;font-size:.84rem;color:var(--ink-2)}
.pn-t{display:block;font-weight:600;color:var(--blue-ink);line-height:1.35;margin-top:.2rem}

/* the spine: one vertical line, a status light at every dated entry */
.spine{list-style:none;margin:1rem 0 1.4rem;padding:0 0 0 1.6rem;position:relative}
.spine::before{content:"";position:absolute;left:.45rem;top:.4rem;bottom:.4rem;width:2px;background:linear-gradient(var(--sky),var(--blue))}
.spine>li{position:relative;margin:0;padding:.42rem 0 .42rem .2rem;line-height:1.4}
.spine>li::before{content:"";position:absolute;left:-1.42rem;top:.82rem;width:.66rem;height:.66rem;border-radius:50%;background:var(--sheet);border:2px solid var(--blue)}
.spine time{display:inline-block;min-width:6.4rem;font-size:.86rem;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.spine .is-current::before{background:var(--green);border-color:var(--green);box-shadow:0 0 0 4px rgba(76,175,80,.25)}
.spine .is-current span{font-weight:650}

/* ---------------------------------------------------------------- archive */
.legend{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.92rem;margin:1rem 0 1.6rem}
.legend li{display:flex;align-items:center;gap:.5rem;margin:0}
.lamp{width:.75rem;height:.75rem;border-radius:50%;display:inline-block;flex:none}
.lamp.led-full{background:var(--green)}
.lamp.led-text{background:var(--sky)}
.lamp.led-lead{background:var(--sheet);border:2px solid var(--sky)}
.lamp.led-off{background:var(--sheet);border:2px solid #8593a6}
.arc-year{margin-top:1.4rem}
.arc-y{font-size:2.6rem;font-stretch:78%;color:var(--blue);margin:2rem 0 .4rem}
.spine--archive>li{padding:.9rem 0 1.1rem .4rem;border-bottom:1px solid var(--rule-soft)}
.spine--archive>li::before{top:1.2rem}
.spine--archive>li.led-full::before{background:var(--green);border-color:var(--green)}
.spine--archive>li.led-text::before{background:var(--sky);border-color:var(--sky)}
.spine--archive>li.led-lead::before{border-color:var(--sky)}
.spine--archive>li.led-off::before{border-color:#8593a6}
.arc-h{margin:.2rem 0 .35rem;font-size:1.12rem}
.arc-dl{font-size:.88rem;color:var(--ink-2);margin:0 0 .4rem}
.arc-lead{margin:.3rem 0 .6rem;font:400 1.02rem/1.6 var(--serif);border-left:3px solid var(--rule);padding-left:.9rem}
.arc-lead p{margin:0}
.arc-note{font-size:.9rem;color:var(--ink-2);margin:0 0 .4rem}
.arc-marker{margin:.3rem 0 0;color:var(--ink-2)}
.arc-links{list-style:none;padding:0;margin:.2rem 0;display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;font-size:.93rem}
.arc-links li{margin:0}
.arc-src{font-size:.85rem;color:var(--ink-2);margin:.2rem 0 0}
.arc:target,.tl-e:target{background:var(--target)}

/* ---------------------------------------------------------------- history timeline */
.tl{list-style:none;margin:1.4rem 0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:7.6rem;top:0;bottom:0;width:2px;background:linear-gradient(var(--sky),var(--blue))}
.tl-e{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.6rem;margin:0;padding:1rem 0;position:relative}
.tl-e::before{content:"";position:absolute;left:7.25rem;top:1.45rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--sheet);border:2px solid var(--blue)}
.tl-e--milinx::before{background:var(--green);border-color:var(--green)}
.tl-e--release::before{background:var(--sky);border-color:var(--sky)}
.tl-when{margin:.15rem 0 0;font:650 1.05rem/1.25 var(--sans);font-stretch:85%;color:var(--blue);text-align:right}
.tl-h{margin:0 0 .35rem;font-size:1.12rem}
.tl-body p{margin:0 0 .5rem}
.tl-links{list-style:none;padding:0;margin:.2rem 0 0;display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.92rem}
.tl-links li{margin:0}
@media (max-width:640px){
  .tl::before{left:.4rem}
  .tl-e{grid-template-columns:minmax(0,1fr);gap:.2rem;padding-left:1.6rem}
  .tl-e::before{left:.05rem;top:1.25rem}
  .tl-when{text-align:left}
}

/* ---------------------------------------------------------------- registers */
.table-wrap{overflow-x:auto;margin:1rem 0 1.6rem}
.register{border-collapse:collapse;width:100%;background:var(--sheet);font-size:.95rem}
.register caption{text-align:left;font-weight:650;padding:0 0 .6rem}
.register th,.register td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--rule-soft)}
.register thead th{background:var(--blue);color:#fff;font-weight:600;font-size:.88rem}
.register td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.register td:nth-child(2){white-space:nowrap;font-weight:600}
@media (max-width:700px){
  .register thead{position:absolute;left:-999px}
  .register tr{display:block;border-bottom:2px solid var(--rule);padding:.4rem 0}
  .register td{display:block;border:0;padding:.2rem .7rem}
}
.after-tenure{margin-top:2.4rem}
.register--short{max-width:28rem}

/* sources */
.src-group{margin-top:2rem}
.src-intro{color:var(--ink-2);font-size:.97rem}
.src-list{list-style:none;padding:0;margin:0}
.src-list>li{background:var(--sheet);border-left:3px solid var(--blue);padding:.75rem 1rem;margin:.6rem 0}
.src-title{font-weight:600}
.src-pages{font-size:.88rem;color:var(--ink-2);margin:.35rem 0 0}

/* ---------------------------------------------------------------- media */
.gallery{display:grid;gap:1.4rem;grid-template-columns:minmax(0,1fr);margin:1.4rem 0}
@media (min-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery .fig,.gallery .imgline{margin:0}
.gallery>div{background:var(--sheet);border:1px solid var(--rule);padding:1rem}
.gallery h2{font-size:1.1rem;margin:.8rem 0 0;font-stretch:95%}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:1.2rem 0 2rem;list-style:none;padding:0}
.cards li{margin:0;background:var(--sheet);border:1px solid var(--rule);padding:.6rem}
.cards .fig{margin:0}
.cards p{margin:.5rem 0 .2rem;font-size:.93rem;font-weight:600}
.video{background:var(--sheet);border:1px solid var(--rule);padding:1.2rem clamp(1rem,.6rem + 2vw,1.8rem);margin:1.6rem 0;scroll-margin-top:1rem}
.video h2{margin-top:0;font-size:1.35rem}
.player{background:#000;line-height:0;max-width:40rem}
.player video{display:block;width:100%;height:auto;aspect-ratio:320/218;background:#000}
.v-meta{font-size:.92rem;color:var(--ink-2);margin:.8rem 0 .4rem}
.v-desc{margin:0 0 .4rem;max-width:44rem}
.v-desc-k{font-weight:600}
.v-note{font-size:.92rem;color:var(--ink-2)}
.video:target{outline:3px solid var(--sky);outline-offset:2px}

/* ---------------------------------------------------------------- home */
.home-sec{display:grid;gap:1.6rem 2.4rem;grid-template-columns:minmax(0,1fr);padding:2.2rem 0;border-top:1px solid var(--rule)}
@media (min-width:900px){.home-sec{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.home-sec h2{margin-top:.2rem}
.home-sec .imgline{margin-top:0}
.home-rel{background:var(--sheet);border-top:3px solid var(--sky);padding:1rem 1.1rem .4rem;align-self:start}
.home-rel-h{font-weight:650;font-size:.95rem;color:var(--ink-2);margin:0 0 .4rem}
.home-rel h3{font-size:1.02rem;font-weight:600;margin:.3rem 0 .7rem;font-stretch:95%;line-height:1.35}
.home-rel h3 a{text-decoration:none}
.home-rel h3 a:hover{text-decoration:underline}
.quicklinks{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 0;padding:0;list-style:none}
.quicklinks li{margin:0}
.quicklinks p{margin:0}
.quicklinks a{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.5);padding:.4rem .9rem;text-decoration:none;font-weight:600;border-radius:2px}
.quicklinks a:hover{background:rgba(255,255,255,.12)}
.lineage{background:var(--sheet);border:1px solid var(--rule);padding:1.2rem 1.4rem;margin:1.2rem 0}
.lineage p{margin:0 0 .9rem}

/* ---------------------------------------------------------------- citations */
sup.cite{font-size:.68em;line-height:0;vertical-align:super;margin-left:.08em;font-family:var(--sans);font-weight:600}
sup.cite a{text-decoration:none;color:var(--blue-ink);padding:0 .05em}
sup.cite a:hover{text-decoration:underline}
sup.cite a:target{background:var(--target);outline:2px solid var(--sky)}
.cites{white-space:nowrap}
.references,.further-reading{background:var(--sheet);border-top:1px solid var(--rule);padding:2rem 0 1.4rem;font-size:.92rem}
.further-reading{background:var(--paper);border-top:0;padding-top:1.4rem}
.references h2,.further-reading h2{margin-top:0;font-size:1.35rem}
.ref-intro{color:var(--ink-2);font-size:.88rem}
.references ol{padding-left:2.1rem;max-width:62rem}
.references li{margin:.45rem 0;padding:.15rem .3rem}
.references li::marker{color:var(--ink-2);font-weight:600}
.references li:target{background:var(--target);outline:2px solid var(--sky);outline-offset:-2px}
.ref-back{margin-right:.35rem;text-decoration:none;font-weight:600}
.ref-back a{text-decoration:none;padding:0 .12rem}
.ref-title{font-weight:600}
.ref-site,.ref-note{color:var(--ink-2)}
.further-reading ul{padding-left:1.2rem;max-width:62rem}
.about-page{margin-top:3rem;font-size:.93rem;color:var(--ink-2);border-top:1px solid var(--rule);padding-top:1rem}
.about-page h2{font-size:1.05rem;margin:0 0 .5rem;color:var(--ink)}
.addr{font-weight:600;color:var(--ink)}
.nf-list{columns:2 16rem}

/* ---------------------------------------------------------------- footer */
.foot{background:var(--blue-deep);color:#c9d9ef;font-size:.93rem;border-top:3px solid var(--sky)}
.foot a{color:#fff}
.foot-grid{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);padding-top:2.4rem;padding-bottom:1.6rem}
@media (min-width:860px){.foot-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}}
.foot-logo{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:#fff;font-weight:600;max-width:24rem;line-height:1.35}
.foot-logo img{border-radius:50%;flex:none}
.foot-about{margin-top:1rem;max-width:30rem}
.foot-h{color:#fff;font-weight:650;margin:0 0 .6rem}
.foot-col ul{list-style:none;margin:0;padding:0}
.foot-col li{margin:.3rem 0}
.foot-note{display:block;color:#a9bfdc;font-size:.85rem}
.foot-base{border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;padding-bottom:1.6rem;display:flex;flex-wrap:wrap;gap:.4rem 2rem;font-size:.85rem}
.foot-base p{margin:0}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.mast,.foot,.toc,.nav-open{display:none}.hero{background:none;color:#000}.hero h1{color:#000}}

/* ---------------------------------------------------------------- details */
h1 a,h2 a,h3 a{color:inherit;text-decoration-color:var(--sky);text-decoration-thickness:2px;text-underline-offset:.16em}
h1 a:hover,h2 a:hover,h3 a:hover{color:var(--blue-ink)}
.hero h1 a{color:#fff}
.note-kicker{font-weight:650;font-size:.95rem;color:var(--green-ink);margin:0 0 .3rem}
.archive-line{font-size:.92rem;margin:.6rem 0 0}
.relrun{font-size:.98rem;line-height:1.9}
.quote-block{margin:1rem 0;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--rule);font:400 1.06rem/1.65 var(--serif)}
.rel-h{margin:0 0 .9rem;font-size:1.05rem;color:var(--ink-2);font-weight:650}
.rel-subhead{font-style:italic}
.rel-arch{margin:.2rem 0}
.foot-col ul{columns:2;column-gap:1.4rem}
.foot-col li{break-inside:avoid;margin:0 0 .45rem}
.foot-col:last-child ul{columns:1}
.cards li .imgline{margin:0}
.pull{color:var(--ink-2)}