/* weldonhastings.info v1.1.0 "The register": see F:\Clients\weldonhastings.info\DESIGN.md */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-vf.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/fraunces-vf-italic.woff2) format("woff2");font-weight:300 800;font-style:italic;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(fonts/plex-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(fonts/plex-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(fonts/plex-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --paper:#fff;--ground:#f5f3f6;--ink:#1e1622;--muted:#5d5362;--rule:#ddd7e0;--rule-strong:#1e1622;
  --plum:#5b2450;--plum-soft:#f3e9f1;--brass:#8a5f12;--ok:#2e6b45;--bad:#a12c2c;
  --rail:#24162a;--rail-ink:#efe8f0;--rail-muted:#bcb1c1;--rail-accent:#e0ad4a;--rail-line:#3d2c44;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;
}
@media (prefers-color-scheme:dark){:root{
  --paper:#1d1621;--ground:#161019;--ink:#efe9f0;--muted:#b6abba;--rule:#3a2f3f;--rule-strong:#d9cfdc;
  --plum:#eab0dc;--plum-soft:#33233a;--brass:#e3b75e;--ok:#86cc9c;--bad:#f39a9a;
  --rail:#0f0a11;--rail-line:#2c2131}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--s5)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 var(--sans);overflow-wrap:anywhere;font-kerning:normal}
a{color:var(--plum);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:2px}
.rail :focus-visible,.colophon :focus-visible{outline-color:var(--rail-accent)}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:var(--s4);top:var(--s2);background:var(--paper);color:var(--ink);padding:var(--s2) var(--s3);z-index:9}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1.12;margin:0}
em{font-style:italic}

/* ---------- frame: dark index rail + paper page ---------- */
.frame{min-height:100vh}
.rail{background:var(--rail);color:var(--rail-ink)}
.rail-in{padding:var(--s4) var(--s4) var(--s3)}
.wordmark{display:flex;flex-direction:column;text-decoration:none;color:var(--rail-ink)}
.wm-name{font:500 1.45rem/1.05 var(--serif);letter-spacing:-.01em}
.wm-sub{font:italic 400 1rem/1.3 var(--serif);color:var(--rail-muted)}
.wm-tld{font:400 .78rem var(--mono);font-style:normal;margin-left:2px;color:var(--rail-accent)}
.rail-nav{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin-top:var(--s3);border-top:1px solid var(--rail-line)}
.rail-nav a{display:flex;align-items:baseline;gap:6px;color:var(--rail-ink);text-decoration:none;font:400 .95rem/1.3 var(--sans);padding:var(--s3) var(--s2) var(--s2) 0;border-bottom:2px solid transparent;min-height:44px}
.rail-nav .n{font:400 .7rem var(--mono);color:var(--rail-muted)}
.rail-nav a:hover{color:#fff}
.rail-nav a[aria-current=page]{border-bottom-color:var(--rail-accent)}
.rail-nav a[aria-current=page] .n{color:var(--rail-accent)}
.rail-note{display:none}

.page{min-width:0}
main{padding:var(--s6) var(--s4) var(--s7);max-width:1160px}

@media (min-width:1080px){
  .frame{display:grid;grid-template-columns:272px minmax(0,1fr);background:linear-gradient(90deg,var(--rail) 272px,transparent 272px)}
  .rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--rail-line)}
  .rail-in{height:100%;display:flex;flex-direction:column;padding:var(--s6) var(--s5)}
  .wm-name{font-size:1.75rem}
  .rail-nav{grid-template-columns:1fr;margin-top:var(--s7)}
  .rail-nav a{padding:var(--s3) 0;border-bottom:1px solid var(--rail-line);border-left:0;font-size:1.02rem}
  .rail-nav a[aria-current=page]{border-bottom-color:var(--rail-line);box-shadow:inset 3px 0 0 var(--rail-accent);padding-left:var(--s3)}
  .rail-note{display:block;margin-top:auto;font:400 .82rem/1.55 var(--sans);color:var(--rail-muted);max-width:15em}
  main{padding:var(--s8) var(--s7) var(--s7)}
}

/* ---------- shared type ---------- */
.kicker,.tp-label,.contents-h{font:400 .74rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 var(--s3)}
.lede{font-size:1.1rem;color:var(--muted);max-width:40em;margin:var(--s4) 0 0}
.page-head{padding-bottom:var(--s5);border-bottom:2px solid var(--rule-strong);margin-bottom:var(--s5)}
.page-head h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400}
sup.src{font:400 .66rem/1 var(--mono);margin-left:2px;white-space:nowrap;vertical-align:super}
sup.src a{text-decoration:none;color:var(--plum);border:1px solid currentColor;border-radius:2px;padding:0 3px}
sup.src a:hover{background:var(--plum-soft)}

/* ---------- home: masthead ---------- */
.mast{padding-bottom:var(--s6)}
.mast h1{font-size:clamp(2.35rem,6.2vw,4.9rem);font-weight:380;line-height:1.02;letter-spacing:-.025em;max-width:13.5em}
.mast h1 em{color:var(--plum);font-weight:350}
.mast-cols{display:grid;gap:var(--s5);margin-top:var(--s5)}
.mast .lede{margin:0;font-size:1.14rem}
.ledger{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--rule-strong)}
.ledger div{padding:var(--s3) var(--s2) 0 0}
.ledger div+div{border-left:1px solid var(--rule);padding-left:var(--s3)}
.ledger dt{font:400 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ledger dd{margin:2px 0 0;font:400 2.3rem/1.1 var(--serif);font-variant-numeric:lining-nums tabular-nums}
.ledger dd.sm{font-size:1.02rem;line-height:1.35;padding-top:6px}
@media (min-width:860px){.mast-cols{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--s7);align-items:start}}

/* ---------- money panel ---------- */
.terms-panel{background:var(--ground);border-top:2px solid var(--rule-strong);padding:var(--s5) var(--s4);margin:0 0 var(--s7)}
.terms-panel h2{font-size:1.5rem;margin-bottom:var(--s4)}
.terms-panel p{margin:0}
.tp-grid{display:grid;gap:var(--s5)}
.tp-big{font:400 1.3rem/1.35 var(--serif)}
.tp-big strong{font-weight:600}
.tp-tools p+p{margin-top:var(--s2)}
.terms-panel.solo{margin-bottom:var(--s6)}
.terms-panel.solo h2{font-size:1.25rem}
@media (min-width:860px){.terms-panel{padding:var(--s6)}.tp-grid{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s6)}.tp-tools{border-left:1px solid var(--rule);padding-left:var(--s6)}}

/* ---------- contents ---------- */
.contents{margin:0 0 var(--s6)}
.contents ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--rule)}
.contents li{border-bottom:1px solid var(--rule)}
.contents a{display:flex;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;text-decoration:none;color:var(--ink);font:400 1.05rem/1.3 var(--serif);min-height:44px}
.contents a:hover{color:var(--plum)}
.contents .n{font:400 .74rem var(--mono);color:var(--brass)}
.contents .ct{margin-left:auto;font:400 .78rem var(--mono);color:var(--muted)}
@media (min-width:600px){.contents ol{grid-template-columns:1fr 1fr;column-gap:var(--s6)}}
@media (min-width:1200px){.contents ol{grid-template-columns:repeat(3,1fr)}}

/* ---------- chapters + entries ---------- */
.chapter{margin:0 0 var(--s7)}
.ch-head{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:var(--s3);border-top:2px solid var(--rule-strong);padding-top:var(--s3)}
.ch-num{font:italic 300 2.4rem/1 var(--serif);color:var(--brass)}
.ch-head h2{font-size:clamp(1.45rem,3vw,2rem);font-weight:450}
.ch-count{font:400 .74rem var(--mono);color:var(--muted);letter-spacing:.06em}
.entries{list-style:none;margin:var(--s3) 0 0;padding:0}
.card{display:grid;gap:var(--s2);padding:var(--s4) 0;border-bottom:1px solid var(--rule)}
.card p{margin:0}
.card h3{font-size:1.32rem;font-weight:500}
.card h3 a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--plum),var(--plum)) 0 100%/0 1px no-repeat;transition:background-size .2s}
.card h3 a:hover,.card h3 a:focus-visible{color:var(--plum);background-size:100% 1px}
.domain{font:400 .8rem/1.4 var(--mono);color:var(--muted);margin-top:2px!important}
.about{font-size:.98rem;max-width:38em}
.ow{color:var(--muted);font-size:.84rem;font-style:italic}
.e-meta{display:flex;flex-direction:column;gap:var(--s1)}
.price{font-size:.88rem;color:var(--muted)}
.price strong{display:inline;color:var(--ink);font-weight:600}
.pill{display:inline-block;margin-left:4px;padding:0 6px;border:1px solid var(--plum);color:var(--plum);font:400 .68rem/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:2px}
.state{font:400 .74rem/1.4 var(--mono);color:var(--muted)}
.state-up::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px;vertical-align:1px}
.state-down{color:var(--bad)}
.state-down::before{content:"";display:inline-block;width:7px;height:7px;border:1.5px solid var(--bad);margin-right:6px;vertical-align:0}
.is-down h3 a{color:var(--muted)}
@media (min-width:860px){
  .card{grid-template-columns:minmax(0,14em) minmax(0,1fr) minmax(0,17.5em);gap:var(--s5);padding:var(--s5) var(--s3);margin:0 calc(-1*var(--s3))}
  .card:hover{background:var(--ground)}
  .e-meta{border-left:1px solid var(--rule);padding-left:var(--s4)}
}
.note{font:400 .84rem/1.6 var(--mono);color:var(--muted);border-top:1px solid var(--rule);padding-top:var(--s4);margin-top:var(--s6)}

/* ---------- inner pages ---------- */
.block{margin:0 0 var(--s6);max-width:none}
.block h2{font-size:1.45rem;font-weight:450;margin-bottom:var(--s3)}
.block p{max-width:40em;margin:0 0 var(--s3)}
@media (min-width:960px){
  .block{display:grid;grid-template-columns:13rem minmax(0,1fr);column-gap:var(--s6);row-gap:var(--s2);border-top:1px solid var(--rule);padding-top:var(--s4)}
  .block>h2{font-size:1.2rem;margin:0}
  .block>*:not(h2){grid-column:2}
}
.placeholder{border:1px dashed var(--muted);background:var(--ground);padding:var(--s4) var(--s5);color:var(--muted);font:italic 400 1.08rem/1.5 var(--serif)}
.plain{padding-left:1.1em;max-width:42em;margin:0 0 var(--s4)}
.plain li{margin:var(--s2) 0;padding-left:4px}
.plain li::marker{color:var(--brass)}
.facts{margin:0}
.fact{display:grid;grid-template-columns:5.8em minmax(0,1fr);gap:var(--s1) var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.fact dt{font:400 .8rem/1.9 var(--mono);color:var(--brass)}
.fact dd{margin:0}.fact dd p{margin:0 0 var(--s1)}
.quote{font-size:.9rem;color:var(--muted)}
.fact:target{background:var(--plum-soft);box-shadow:-8px 0 0 var(--plum-soft),8px 0 0 var(--plum-soft)}

/* ---------- colophon ---------- */
.colophon{background:var(--rail);color:var(--rail-muted);border-top:3px solid var(--rail-accent)}
.colo-in{padding:var(--s6) var(--s4);max-width:1080px;display:grid;gap:var(--s3)}
.colophon p{margin:0}
.colophon a{color:var(--rail-ink)}
.colo-lead{font:italic 400 1.15rem/1.4 var(--serif);color:var(--rail-ink);max-width:30em}
.colo-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);font-size:.92rem}
.colo-links a{display:inline-block;padding:var(--s2) 0}
.powered{font:400 .82rem var(--mono);letter-spacing:.02em;padding-top:var(--s3);border-top:1px solid var(--rail-line)}
.powered a{color:var(--rail-accent)}
@media (min-width:1080px){.colo-in{padding:var(--s6) var(--s7);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}.powered{grid-column:1/-1}}

@media (max-width:420px){
  body{font-size:16px}
  .rail-nav{grid-template-columns:repeat(2,1fr)}
  .fact{grid-template-columns:1fr}
  .ledger dd{font-size:1.9rem}
  .terms-panel{margin-left:calc(-1*var(--s4));margin-right:calc(-1*var(--s4))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.rail,.colophon{background:none;color:#000}.contents{display:none}}