/* generated by render-qck-site.ts — do not hand-edit (gitignored output) */
*{box-sizing:border-box;margin:0}
:root{--radius:0.75rem}
html{scroll-behavior:smooth}
body{background:#000000;color:#FFFFFF;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;line-height:1.65;font-size:1.0625rem;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;line-height:1.2;color:#FFFFFF}
a{color:#2D7FF9}
a:hover{opacity:.85}
img{max-width:100%}
code{background:#1A1A1A;padding:.1em .35em;border-radius:4px;font-size:.9em}
.uriz{position:absolute;left:-9999px;top:0;background:#2D7FF9;color:#000000;padding:.5rem 1rem;z-index:9}
.uriz:focus{left:0}
.ncve{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.fjbu{font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-weight:700;font-size:1.25rem;text-decoration:none;color:inherit}
.lgru{color:#A1A1A1;font-size:.85rem}
.rfew{display:flex;flex-wrap:wrap;gap:1.1rem}
.hdyi{text-decoration:none;color:inherit;font-size:.95rem}
.hdyi:hover{color:#2D7FF9;opacity:1}
.qhsb{display:none;background:none;border:1px solid currentColor;border-radius:6px;color:inherit;width:2.6rem;height:2.3rem;padding:.45rem .55rem;cursor:pointer;flex-direction:column;justify-content:space-between}
.qhsb span{display:block;height:2px;background:currentColor;border-radius:2px}
.qhsb[aria-expanded="true"] span:nth-child(2){opacity:0}
.mlcr{border-bottom:3px double #2A2A2A;background:#000000} .mlcr .ncve{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem;padding:1.1rem 1.5rem} .mlcr .rfew{justify-content:flex-end}
.ngui{background:#0E0E0E;border-bottom:1px solid #2A2A2A} .ngui .ncve{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:2.5rem;padding:2.72rem 1.5rem}
.gssp{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#2D7FF9;font-weight:600;margin-bottom:.8rem}
.tdmn{font-size:clamp(1.9rem,4.5vw,3rem);margin-bottom:1rem}
.gkth{font-size:1.15rem;color:#A1A1A1;max-width:44rem;margin:0 auto}
.uvqm{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-top:1.4rem}
.bzgo{border:1px solid #2A2A2A;background:#0E0E0E;border-radius:999px;padding:.3rem .85rem;font-size:.85rem}
.hiyb{padding:2.08rem 0}
/* the measure fix: prose column CENTERED in the container, never pinned left */
.iuft,.oevr,.xrsp{max-width:46rem;margin-left:auto;margin-right:auto}
.iuft{padding:1.1199999999999999rem 0}
.iuft h2{font-size:1.6rem;margin-bottom:.8rem}
.iuft h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.iuft p,.iuft li,.oevr p{margin-bottom:.85rem}
.iuft ul,.iuft ol{padding-left:1.4rem}
.oevr{font-size:1.12rem}
.xrsp{background:#0E0E0E;border:1px solid #2A2A2A;border-radius:var(--radius);padding:1.2rem 1.4rem;margin-bottom:1.2800000000000002rem}
.qeey{overflow-x:auto;margin:1rem 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid #2A2A2A;padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#0E0E0E}
blockquote{border-left:4px solid #2D7FF9;padding:.2rem 0 .2rem 1rem;color:#A1A1A1;margin:1rem 0}
.srtg{max-width:46rem;margin:1.4400000000000002rem auto;background:#10151c;border:1px solid #2A2A2A;border-radius:var(--radius);padding:1.4rem 1.6rem}
.inrp{font-size:1.25rem;margin-bottom:.7rem}
.neip{list-style:none;padding:0;margin-top:.8rem;display:grid;gap:.45rem}
.hxhc{padding-left:1.1rem;position:relative;font-size:.95rem}
.hxhc::before{content:"";position:absolute;left:0;top:.55em;width:.45em;height:.45em;border-radius:50%;background:#2D7FF9}
.zydr{max-width:46rem;margin:1.4400000000000002rem auto;padding:0;list-style:none;counter-reset:src}
.bujw{border-top:1px solid #2A2A2A;padding:.9rem 0 .9rem 2.2rem;position:relative;counter-increment:src}
.bujw::before{content:counter(src);position:absolute;left:0;top:.95rem;font-family:'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;font-weight:700;color:#2D7FF9}
.eeyn{margin-bottom:.3rem}
.yyuo{font-size:.88rem;color:#A1A1A1}
.evbk{max-width:46rem;margin:0 auto}
.xtyy{border-bottom:1px solid #2A2A2A;padding:0.8800000000000001rem 0}
.gpgd{font-size:1.15rem;margin-bottom:.5rem}
.tyop{color:#FFFFFF}
.cfch{background:#262626;border-top:1px solid #2A2A2A;border-bottom:1px solid #2A2A2A;margin:1.6rem 0 0}
.zymc{max-width:46rem;margin:0 auto;padding:1.7600000000000002rem 1.5rem;text-align:center}
.zymc h2{margin-bottom:.7rem}
.zymc p{margin-bottom:1.1rem}
.erho{display:inline-block;background:#2D7FF9;color:#000000;text-decoration:none;font-weight:600;padding:.8rem 1.8rem;border-radius:var(--radius)}
.erho:hover{opacity:.9}

.adog{font-size:1.45rem;margin-bottom:.45rem}
.dnuc p{margin-bottom:.55rem}
.dnuc p:last-child{margin-bottom:0}
.wsyr{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .95rem;margin:.6rem 0 0;font-size:.92rem}
.apuk{display:inline-block;font-weight:700;font-size:1.05rem;padding:1rem 2rem;border-radius:var(--radius);text-decoration:none;white-space:nowrap}
.apuk:hover{opacity:.92}
.wymh{background:#FFFFFF;color:#000000;border-top:4px solid #FFFFFF}
.rdvc{max-width:64rem;margin:0 auto;padding:1.7rem 1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem 2.5rem;align-items:center}
.wymh h2,.wymh p{color:#000000}
.paod{display:inline-block;background:#000000;color:#FFFFFF;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .7rem;border-radius:3px;margin-bottom:.6rem}
.wsyr{color:#666666}
.iisp::before{content:"\2713\00a0"}
.apuk{background:#2D7FF9;color:#000000;outline:2px solid #000000;outline-offset:2px}
@media (max-width:720px){.rdvc{display:block} .paod{transform:none;max-width:none;margin-bottom:.6rem} .apuk{display:block;text-align:center;margin-top:1rem}}
.hpph{background:#000000;border-top:3px double #2A2A2A}
.hpph .ncve{padding:1.7600000000000002rem 1.5rem}
.oicu{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:1.4rem}
.dlsk{font-style:italic;margin-bottom:.8rem}
.ascc{font-size:.9rem;margin-bottom:.8rem}
.ngkl{font-size:.85rem;color:#A1A1A1}
.hpph .ngkl{opacity:.85}
.szlx{color:#A1A1A1;font-size:.92rem}
@media(max-width:760px){
  .ngui .ncve{grid-template-columns:1fr;gap:1.5rem}
  .oicu{grid-template-columns:1fr}
  .mlcr .ncve{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.9rem 1.5rem;text-align:left}
  .mlcr .rfew{border-top:0;padding-top:0}
  .mlcr .qhsb{display:flex}
  .mlcr .rfew{display:none;flex-basis:100%;flex-direction:column;gap:0;border-top:1px solid #2A2A2A;padding-top:.4rem;margin-top:.4rem}
  .mlcr .rfew[data-open="true"]{display:flex}
  .mlcr .hdyi{display:block;padding:.6rem 0;font-size:1.05rem}
}

/* ---- per-site theme layer ---- */
/* Midjourney-inspired clinical field guide: flat, coded, and deliberately monochrome. */

:root {
  --mj-black: #000000;
  --mj-panel: #0E0E0E;
  --mj-raised: #1A1A1A;
  --mj-white: #FFFFFF;
  --mj-muted: #A1A1A1;
  --mj-blue: #2D7FF9;
  --mj-line: #2A2A2A;
}

body {
  background: #000000;
  font-size: 1.0625rem;
  letter-spacing: -.006em;
}

::selection {
  background: #2D7FF9;
  color: #000000;
}

a {
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}

/* Header / wordmark */
.mlcr {
  position: relative;
  background: #000000;
  border-bottom: 1px solid #2A2A2A;
}

.mlcr::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: min(34vw, 28rem);
  height: 1px;
  background: #2D7FF9;
}

.mlcr .ncve {
  align-items: center;
  gap: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fjbu {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  padding-bottom: .34rem;
  color: #FFFFFF;
  font-size: 1.02rem;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1;
  white-space: nowrap;
}

.fjbu::before {
  content: "GL";
  display: grid;
  place-items: center;
  width: 2.05rem;
  height: 2.05rem;
  border: 1px solid #2D7FF9;
  background: #0E0E0E;
  color: #FFFFFF;
  font-size: .72rem;
  letter-spacing: -.08em;
  box-shadow: .22rem .22rem 0 #2D7FF9;
}

.fjbu::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 2.75rem);
  height: 1px;
  background: linear-gradient(90deg, #2D7FF9 0 28%, #2A2A2A 28% 100%);
}

.lgru {
  margin: .4rem 0 0 2.8rem;
  color: #A1A1A1;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: .7rem;
  letter-spacing: .05em;
}

.rfew {
  column-gap: 1.25rem;
  row-gap: .5rem;
}

.hdyi {
  position: relative;
  padding: .32rem 0;
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.hdyi::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #2D7FF9;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
}

.hdyi:hover::after,
.hdyi:focus-visible::after {
  transform: scaleX(1);
}

/* Hero: a prompt field, not a tinted strip. */
.ngui {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #0E0E0E;
  border-bottom: 1px solid #2A2A2A;
}

.ngui::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 25%;
  height: 100%;
  background:
    repeating-linear-gradient(135deg, transparent 0 10px, #1A1A1A 10px 11px),
    #0E0E0E;
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 0 100%);
}

.ngui::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 2.2rem;
  right: max(1.5rem, calc((100vw - 72rem) / 2 + 1.5rem));
  width: clamp(5rem, 9vw, 8rem);
  aspect-ratio: 1;
  border-top: 1px solid #2D7FF9;
  border-right: 1px solid #2D7FF9;
}

.ngui .ncve {
  display: block;
  padding-top: clamp(3.8rem, 7vw, 6.8rem);
  padding-bottom: clamp(3.4rem, 6.5vw, 6.1rem);
}

.pxbm {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.58fr) minmax(16rem, .72fr);
  grid-template-rows: auto auto 1fr;
  column-gap: clamp(2rem, 5vw, 5.5rem);
  width: 100%;
}

.pxbm::after {
  content: "N/S  //  GILBERT\AOUTPUT: FIELD GUIDE";
  position: absolute;
  top: -1.9rem;
  right: 0;
  color: #A1A1A1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.7;
  text-align: right;
  white-space: pre;
}

.gssp {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-bottom: 1.35rem;
  color: #2D7FF9;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.gssp::before {
  content: "[";
  color: #FFFFFF;
  font-size: 1.15rem;
}

.gssp::after {
  content: "]";
  color: #FFFFFF;
  font-size: 1.15rem;
}

.tdmn {
  grid-column: 1;
  max-width: 14ch;
  margin: 0;
  color: #FFFFFF;
  font-size: clamp(2.75rem, 6.5vw, 5.7rem);
  font-weight: 800;
  letter-spacing: -.075em;
  line-height: .98;
  overflow-wrap: anywhere;
}

.gkth {
  grid-column: 1;
  max-width: 39rem;
  margin: 1.6rem 0 0;
  padding-left: 1.2rem;
  border-left: 2px solid #2D7FF9;
  color: #FFFFFF;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.6;
}

.uvqm {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: end;
  display: grid;
  gap: 0;
  margin: 3.6rem 0 0;
  border-top: 1px solid #2A2A2A;
}

.bzgo {
  position: relative;
  min-width: 0;
  padding: .85rem .75rem .85rem 2rem;
  border: 0;
  border-bottom: 1px solid #2A2A2A;
  border-radius: 0;
  background: transparent;
  color: #FFFFFF;
  font-size: .76rem;
  line-height: 1.45;
}

.bzgo::before {
  content: "↳";
  position: absolute;
  top: .82rem;
  left: .35rem;
  color: #2D7FF9;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 800;
}

/* Spotlight: explicit, high-contrast recommendation console. */
.wymh {
  position: relative;
  background: #0E0E0E;
  color: #FFFFFF;
  border-top: 0;
  border-bottom: 1px solid #2A2A2A;
}

.wymh::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: max(0px, calc((100vw - 72rem) / 2));
  width: 4px;
  background: #2D7FF9;
}

.rdvc {
  max-width: 72rem;
  padding: 2.15rem 1.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2.5rem;
}

.wymh h2,
.wymh p {
  color: #FFFFFF;
}

.paod {
  margin-bottom: .75rem;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #2D7FF9;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .15em;
}

.paod::before {
  content: "[ ";
  color: #FFFFFF;
}

.paod::after {
  content: " ]";
  color: #FFFFFF;
}

.adog {
  max-width: 36ch;
  margin-bottom: .65rem;
  font-size: clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing: -.04em;
}

.dnuc {
  max-width: 48rem;
  font-size: .95rem;
}

.wsyr {
  margin-top: .85rem;
  color: #A1A1A1;
  gap: .45rem 1.3rem;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .72rem;
}

.iisp {
  position: relative;
  padding-left: 1.45rem;
}

.iisp::before {
  position: absolute;
  left: 0;
  width: 1rem;
  color: #2D7FF9;
  content: "⌖";
  font-weight: 800;
}

.iisp:nth-child(2)::before { content: "+"; }
.iisp:nth-child(3)::before { content: "↗"; }

.apuk,
.erho {
  position: relative;
  padding: .92rem 3.1rem .92rem 1.25rem;
  border: 1px solid #2D7FF9;
  border-radius: 0;
  background: #2D7FF9;
  color: #000000;
  outline: 1px solid #2D7FF9;
  outline-offset: 4px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: -.025em;
}

.apuk::after,
.erho::after {
  content: "→";
  position: absolute;
  right: 1.15rem;
  font-size: 1.1rem;
  line-height: 1;
}

/* Long-form editorial rhythm */
.hiyb {
  padding: clamp(3.4rem, 6vw, 6.4rem) 0 0;
}

.hiyb > .ncve {
  counter-reset: field-section;
}

.oevr {
  max-width: 52rem;
  margin-bottom: clamp(3rem, 6vw, 5.5rem);
  padding: .2rem 0 .2rem clamp(1.3rem, 3vw, 2.3rem);
  border-left: 2px solid #2D7FF9;
  color: #FFFFFF;
  font-size: clamp(1.22rem, 2.1vw, 1.52rem);
  line-height: 1.52;
  letter-spacing: -.025em;
}

.oevr::before {
  content: "OPENING NOTE  /  READ FIRST";
  display: block;
  margin-bottom: 1rem;
  color: #A1A1A1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.iuft {
  counter-increment: field-section;
  position: relative;
  max-width: 52rem;
  padding: clamp(2.6rem, 5vw, 4.4rem) 0;
  border-top: 1px solid #2A2A2A;
}

.iuft::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 5.2rem;
  height: 2px;
  background: #2D7FF9;
}

.iuft h2 {
  position: relative;
  max-width: 27ch;
  margin: 0 0 1.55rem;
  padding-left: 4.25rem;
  color: #FFFFFF;
  font-size: clamp(1.55rem, 3.3vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -.055em;
  line-height: 1.08;
}

.iuft h2::before {
  content: "[" counter(field-section, decimal-leading-zero) "]";
  position: absolute;
  top: .22em;
  left: 0;
  color: #2D7FF9;
  font-size: .56em;
  letter-spacing: -.08em;
}

.iuft h3 {
  margin: 1.8rem 0 .65rem;
  color: #FFFFFF;
  font-size: 1.08rem;
  letter-spacing: -.035em;
}

.iuft p,
.iuft li {
  margin-bottom: 1rem;
}

.iuft strong {
  color: #FFFFFF;
  font-weight: 600;
}

.iuft li::marker {
  color: #2D7FF9;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 800;
}

blockquote {
  margin: 2rem 0;
  padding: 1.2rem 1.4rem;
  border: 0;
  border-left: 3px solid #2D7FF9;
  background: #0E0E0E;
  color: #FFFFFF;
  font-size: 1.08rem;
}

.xrsp {
  max-width: 52rem;
  padding: 1.5rem 1.7rem;
  border: 1px solid #2A2A2A;
  border-left: 4px solid #2D7FF9;
  border-radius: 0;
  background: #0E0E0E;
  color: #FFFFFF;
}

.qeey {
  border-top: 3px solid #2D7FF9;
  border-bottom: 1px solid #2A2A2A;
}

table { color: #FFFFFF; }

th {
  background: #1A1A1A;
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .74rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

th,
td {
  border-color: #2A2A2A;
  padding: .75rem .8rem;
}

/* Gilbert field note */
.srtg {
  position: relative;
  max-width: 56rem;
  margin: 3.5rem auto;
  padding: clamp(1.7rem, 4vw, 2.7rem) clamp(1.5rem, 4vw, 3rem);
  border: 1px solid #2A2A2A;
  border-left: 4px solid #2D7FF9;
  border-radius: 0;
  background:
    repeating-linear-gradient(135deg, transparent 0 12px, #1A1A1A 12px 13px),
    #0E0E0E;
  color: #FFFFFF;
  box-shadow: .7rem .7rem 0 #1A1A1A;
}

.srtg::before {
  content: "⌖  LOCAL FIELD NOTE  /  GILBERT";
  display: block;
  margin-bottom: 1.1rem;
  color: #A1A1A1;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.inrp {
  max-width: 29ch;
  margin-bottom: 1.2rem;
  color: #FFFFFF;
  font-size: clamp(1.45rem, 3vw, 2rem);
  letter-spacing: -.05em;
  line-height: 1.1;
}

.neip {
  margin-top: 1.4rem;
  padding-top: 1.1rem;
  border-top: 1px solid #2A2A2A;
}

.hxhc {
  padding-left: 1.65rem;
  color: #FFFFFF;
}

.hxhc::before {
  top: .03em;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #2D7FF9;
  content: "⌖";
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 800;
}

.hxhc:nth-child(2)::before { content: "↗"; }

/* Sources become indexed evidence records. */
.zydr {
  max-width: 56rem;
  margin: 2.5rem auto 4rem;
  border-bottom: 1px solid #2A2A2A;
}

.bujw {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr);
  gap: 1.4rem 2rem;
  padding: 1.55rem 1.2rem 1.55rem 4.4rem;
  border-top: 1px solid #2A2A2A;
  background: #0E0E0E;
}

.bujw::before {
  top: 1.3rem;
  left: 1.2rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #2D7FF9;
  color: #FFFFFF;
  font-size: .72rem;
}

.eeyn {
  color: #FFFFFF;
  font-size: .93rem;
  line-height: 1.58;
}

.yyuo {
  align-self: start;
  padding-left: 1rem;
  border-left: 1px solid #2A2A2A;
  color: #A1A1A1;
  font-size: .76rem;
  line-height: 1.55;
}

.yyuo a { color: #FFFFFF; }

/* FAQ as a quiet diagnostic stack, not default cards. */
.evbk {
  max-width: 56rem;
  border-top: 1px solid #2A2A2A;
}

.xtyy {
  position: relative;
  padding: 2rem 1.5rem 2rem 5rem;
  border-right: 1px solid #2A2A2A;
  border-bottom: 1px solid #2A2A2A;
  border-left: 1px solid #2A2A2A;
  background: #0E0E0E;
}

.xtyy::before {
  content: "?";
  position: absolute;
  top: 2rem;
  left: 1.5rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #2D7FF9;
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .85rem;
  font-weight: 800;
}

.gpgd {
  max-width: 38ch;
  margin-bottom: .8rem;
  color: #FFFFFF;
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  letter-spacing: -.04em;
}

.tyop {
  color: #A1A1A1;
  line-height: 1.7;
}

/* High-key closing panel */
.cfch {
  position: relative;
  margin-top: clamp(4rem, 7vw, 7rem);
  border: 0;
  background: #FFFFFF;
  color: #000000;
}

.cfch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 31%;
  height: 4px;
  background: #2D7FF9;
}

.zymc {
  max-width: 58rem;
  padding: clamp(3rem, 6vw, 5.3rem) 1.5rem;
  text-align: left;
}

.zymc h2 {
  max-width: 20ch;
  margin-bottom: 1.2rem;
  color: #000000;
  font-size: clamp(1.8rem, 4.2vw, 3.25rem);
  letter-spacing: -.065em;
  line-height: 1.02;
}

.zymc p {
  max-width: 48rem;
  color: #000000;
}

.erho {
  margin-top: .5rem;
}

/* Footer / colophon */
.hpph {
  background: #0E0E0E;
  color: #FFFFFF;
  border-top: 1px solid #2A2A2A;
}

.hpph .ncve {
  padding-top: 3.2rem;
  padding-bottom: 2.2rem;
}

.oicu {
  grid-template-columns: minmax(0, 1.3fr) minmax(17rem, .7fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  margin-bottom: 2.4rem;
}

.rxxf:first-child {
  padding-left: 1.2rem;
  border-left: 2px solid #2D7FF9;
}

.hpph .lgru {
  margin: 0 0 .75rem;
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.hpph .szlx,
.ascc,
.dlsk {
  color: #A1A1A1;
  line-height: 1.65;
}

.dlsk {
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: .82rem;
  font-style: normal;
}

.hpph nav {
  display: grid;
  gap: .42rem;
  color: #2A2A2A;
}

.hpph .hdyi {
  width: fit-content;
  color: #FFFFFF;
}

.ngkl {
  padding-top: 1.2rem;
  border-top: 1px solid #2A2A2A;
  color: #A1A1A1;
  opacity: 1;
}

.hpph .ngkl { opacity: 1; }

.uriz:focus {
  left: .75rem;
  top: .75rem;
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .mlcr .ncve {
    padding: .8rem 1rem;
  }

  .fjbu {
    max-width: calc(100vw - 5.4rem);
    font-size: .84rem;
    white-space: normal;
  }

  .fjbu::before {
    flex: 0 0 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
  }

  .lgru { display: none; }

  .mlcr .hdyi {
    font-size: .78rem;
  }

  .qhsb {
    border-radius: 0;
  }

  .ngui::before {
    width: 45%;
    opacity: .65;
  }

  .ngui::after { display: none; }

  .ngui .ncve {
    padding: 3.4rem 1rem 3rem;
  }

  .pxbm {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 0;
  }

  .pxbm::after {
    top: -2rem;
    font-size: .57rem;
  }

  .gssp,
  .tdmn,
  .gkth,
  .uvqm {
    grid-column: 1;
    grid-row: auto;
  }

  .tdmn {
    max-width: none;
    font-size: clamp(2.35rem, 12.5vw, 4rem);
  }

  .gkth {
    margin-top: 1.35rem;
    font-size: 1rem;
  }

  .uvqm {
    margin-top: 2rem;
  }

  .rdvc {
    padding: 1.8rem 1rem 2rem;
  }

  .apuk {
    white-space: normal;
  }

  .hiyb { padding-top: 3.2rem; }

  .hiyb > .ncve { padding: 0 1rem; }

  .oevr {
    margin-bottom: 3rem;
    padding-left: 1rem;
    font-size: 1.16rem;
  }

  .iuft { padding: 2.8rem 0; }

  .iuft h2 {
    padding-left: 3.4rem;
    font-size: 1.55rem;
  }

  .srtg {
    margin: 3rem 0;
    box-shadow: .35rem .35rem 0 #1A1A1A;
  }

  .bujw {
    display: block;
    padding: 1.4rem 1rem 1.4rem 3.9rem;
  }

  .yyuo {
    margin-top: 1rem;
    padding: 1rem 0 0;
    border-top: 1px solid #2A2A2A;
    border-left: 0;
  }

  .xtyy {
    padding: 1.5rem 1rem 1.5rem 3.9rem;
  }

  .xtyy::before {
    top: 1.5rem;
    left: 1rem;
  }

  .zymc {
    padding: 3.4rem 1rem;
  }

  .hpph .ncve {
    padding: 2.6rem 1rem 2rem;
  }

  .oicu {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .hdyi::after { transition: none; }
}