/* ============================================================================
   GUT HEALTH TIMES — component system
   Tokens come from theme.json (--wp--preset--*) with hard fallbacks so the
   theme is correct even in contexts where those custom properties are absent.
   Mobile-first: base rules are the ~390px layout; min-width queries scale up.
   ============================================================================ */

/* Self-hosted fonts (relative to this file). Guarantees loading independent of
   theme.json fontFace emission. */
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces.woff2") format("woff2");font-weight:300 600;font-style:normal;font-display:swap;}
@font-face{font-family:"Fraunces";src:url("../fonts/fraunces-italic.woff2") format("woff2");font-weight:300 500;font-style:italic;font-display:swap;}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap;}
@font-face{font-family:"Newsreader";src:url("../fonts/newsreader-italic.woff2") format("woff2");font-weight:400 500;font-style:italic;font-display:swap;}
@font-face{font-family:"Archivo";src:url("../fonts/archivo.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;}

:root{
  --ght-font-display: var(--wp--preset--font-family--display, "Fraunces", Georgia, "Times New Roman", serif);
  --ght-font-body: var(--wp--preset--font-family--body, "Newsreader", Georgia, serif);
  --ght-font-util: var(--wp--preset--font-family--utility, "Archivo", -apple-system, "Segoe UI", sans-serif);

  --ox: var(--wp--preset--color--primary, #7A1F2B);
  --ox-deep: var(--wp--preset--color--primary-strong, #5E1720);
  --vir: var(--wp--preset--color--secondary, #2C6E63);
  --vir-deep: var(--wp--preset--color--secondary-strong, #1F5049);
  --ochre: var(--wp--preset--color--accent, #E4B33C);
  --ochre-soft: var(--wp--preset--color--accent-soft, #F0D79A);
  --paper: var(--wp--preset--color--base, #F6F3EC);
  --paper-2: var(--wp--preset--color--surface, #EFEADF);
  --paper-3: var(--wp--preset--color--surface-sunken, #E7DFD0);
  --ink: var(--wp--preset--color--contrast, #191512);
  --ink-2: var(--wp--preset--color--ink-soft, #4C4238);
  --ink-3: var(--wp--preset--color--muted, #6E6455);

  --line: rgba(25,21,18,.14);
  --line-2: rgba(25,21,18,.28);
  --line-plate: rgba(25,21,18,.55);

  --measure: 39rem;
  --maxw: 1180px;
  --pad: clamp(1.15rem, 5vw, 2.5rem);
  --ease: cubic-bezier(.2,.7,.2,1);

  --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem;
  --sp-6:2rem; --sp-7:3rem; --sp-8:4rem; --sp-9:6rem;
}

/* ---- base reading ---- */
body.ght{ background:var(--paper); color:var(--ink);
  font-family:var(--ght-font-body); font-size:1.0625rem; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; font-optical-sizing:auto; }
.ght img{ max-width:100%; height:auto; }
.ght svg{ display:block; max-width:100%; }

/* focus — visible + on-brand */
.ght a:focus-visible, .ght button:focus-visible, .ght summary:focus-visible,
.ght [tabindex]:focus-visible{ outline:2.5px solid var(--vir); outline-offset:3px; border-radius:2px; }

/* ---- layout helpers ---- */
.ght-wrap{ max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }
.ght-section{ padding-block:var(--sp-8); }
.ght-seclabel{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem;
  border-top:2px solid var(--ink); padding-top:.6rem; margin-bottom:var(--sp-6); }
.ght-seclabel > h2, .ght-seclabel > .h{ font-family:var(--ght-font-util); font-weight:700;
  font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; margin:0; }
.ght-seclabel .n{ font-family:var(--ght-font-util); font-size:.72rem; color:var(--ink-3); letter-spacing:.1em; }

/* ---- furniture ---- */
.ght-eyebrow{ font-family:var(--ght-font-util); font-weight:600; font-size:.68rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ox);
  display:inline-flex; align-items:center; gap:.5em; }
.ght-eyebrow::before{ content:""; width:1.4em; height:1px; background:var(--ox); opacity:.7; }
.ght-eyebrow.is-viridian{ color:var(--vir-deep); } .ght-eyebrow.is-viridian::before{ background:var(--vir); }
.ght-eyebrow.is-plain::before{ display:none; }

.ght-meta{ font-family:var(--ght-font-util); font-size:.78rem; letter-spacing:.02em;
  color:var(--ink-3); font-variant-numeric:tabular-nums; }
.ght-chip{ font-family:var(--ght-font-util); font-weight:600; font-size:.64rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink); border:1px solid var(--line-2); border-radius:100px;
  padding:.34em .8em; line-height:1; display:inline-block; }
.ght-rule{ height:1px; background:var(--line); border:0; margin:0; }
.ght-dot{ width:3px; height:3px; border-radius:50%; background:var(--ink-3); display:inline-block; }
.ght-endmark{ display:inline-block; width:.62em; height:.62em; margin-left:.18em;
  background:var(--ox); transform:translateY(.02em) rotate(45deg); }

/* ============================================================================
   MASTHEAD
   ============================================================================ */
.ght-masthead{ position:sticky; top:0; z-index:40;
  background:color-mix(in srgb, var(--paper) 92%, transparent);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line); transition:transform .34s var(--ease); }
.ght-masthead.is-hidden{ transform:translateY(-102%); }
.ght-masthead > .ght-wrap{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:.7rem; }
.ght-wordmark{ font-family:var(--ght-font-display); font-weight:500; font-optical-sizing:auto;
  font-variation-settings:"opsz" 40; font-size:clamp(1.15rem,3.4vw,1.5rem); letter-spacing:.02em;
  text-transform:uppercase; line-height:1; color:var(--ink); text-decoration:none; }
.ght-nav{ display:none; gap:1.4rem; font-family:var(--ght-font-util); font-weight:500;
  font-size:.74rem; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-2); }
.ght-nav a{ position:relative; padding-block:.2rem; text-decoration:none; color:inherit; }
.ght-nav a::after{ content:""; position:absolute; left:0; bottom:-2px; height:1.5px; width:0;
  background:var(--ox); transition:width .28s var(--ease); }
.ght-nav a:hover{ color:var(--ink); } .ght-nav a:hover::after{ width:100%; }
.ght-tools{ display:flex; align-items:center; gap:.5rem; }
.ght-iconbtn{ width:38px; height:38px; border:1px solid var(--line-2); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; flex:none; font-size:1rem; padding:0; transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease); }
/* Neutralise Kadence's inherited button fill across states; keep it on-brand. */
.ght .ght-iconbtn,
.ght .ght-iconbtn:hover,
.ght .ght-iconbtn:focus,
.ght .ght-iconbtn:focus-visible,
.ght .ght-iconbtn:active{ background:transparent; color:var(--ink); }
.ght .ght-iconbtn:hover{ border-color:var(--ink); }
.ght .ght-menu[aria-expanded="true"]{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
.ght-iconbtn svg{ width:17px !important; height:17px !important; max-width:none !important; flex:none; }
@media(min-width:900px){ .ght-nav{ display:flex; } .ght-menu{ display:none; } }

/* reading progress */
.ght-progress-track{ position:fixed; left:0; top:0; height:3px; width:100%; z-index:60;
  background:transparent; pointer-events:none; }
.ght-progress-bar{ height:100%; width:100%; transform:scaleX(0); transform-origin:0 50%;
  background:var(--vir); transition:transform .1s linear; }

/* ============================================================================
   HOMEPAGE — lead
   ============================================================================ */
.ght-lead{ padding-top:var(--sp-7); }
.ght-lead-grid{ display:grid; gap:var(--sp-5); }
.ght-lead-copy{ display:flex; flex-direction:column; gap:var(--sp-3); }
.ght-lead-copy h1, .ght-lead-copy .h1{ font-family:var(--ght-font-display); font-optical-sizing:auto;
  font-variation-settings:"opsz" 144; font-weight:380; line-height:1.02; letter-spacing:-.012em;
  font-size:clamp(2.35rem,8.4vw,4.6rem); margin:0; }
.ght-standfirst{ font-family:var(--ght-font-body); font-style:italic; font-weight:400;
  font-size:clamp(1.08rem,3.2vw,1.4rem); line-height:1.5; color:var(--ink-2); max-width:34ch; }
.ght-byline{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .9rem; margin-top:.3rem; }
.ght-by{ font-family:var(--ght-font-util); font-size:.8rem; letter-spacing:.02em; color:var(--ink); }
.ght-by b{ font-weight:600; }
@media(min-width:820px){
  .ght-lead-grid{ grid-template-columns:1.02fr .98fr; align-items:center; gap:var(--sp-8); }
  .ght-lead-copy h1, .ght-lead-copy .h1{ font-size:clamp(3rem,4.8vw,4.6rem); }
}

/* ---- The Aperture: signature instrument in the lead ---- */
.ght-lead-fig--mark{ position:relative; display:grid; place-items:center;
  aspect-ratio:1/1; width:100%; max-width:min(30rem,80vw); margin-inline:auto;
  padding:clamp(1rem,3vw,2rem);
  /* graph-paper field, contained behind the instrument */
  background-image:
    linear-gradient(to right, rgba(25,21,18,.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(25,21,18,.05) 1px, transparent 1px);
  background-size:22px 22px; background-position:center;
  -webkit-mask-image:radial-gradient(circle at center, #000 62%, transparent 82%);
          mask-image:radial-gradient(circle at center, #000 62%, transparent 82%); }
.ght-lead-fig--mark::before, .ght-lead-fig--mark::after{ content:""; position:absolute;
  width:14px; height:14px; pointer-events:none; z-index:2; }
.ght-lead-fig--mark::before{ top:0; left:0; border-top:1.5px solid var(--line-plate); border-left:1.5px solid var(--line-plate); }
.ght-lead-fig--mark::after{ bottom:0; right:0; border-bottom:1.5px solid var(--line-plate); border-right:1.5px solid var(--line-plate); }
.ght-aperture{ position:relative; z-index:1; width:100%; height:auto; display:block; overflow:visible; }
.ght-aperture-cap{ position:absolute; left:0; bottom:-1.6rem; font-family:var(--ght-font-util);
  font-size:.62rem; letter-spacing:.18em; text-transform:uppercase; color:var(--ink-3); z-index:2; }

/* calibration draw-in (hero, on load) */
.ght-cal-ring, .ght-cal-arc{ stroke-dasharray:1; stroke-dashoffset:1;
  animation:ght-draw 1.15s var(--ease) forwards; }
.ght-cal-ring:nth-of-type(2){ animation-delay:.15s; }
.ght-cal-ring:nth-of-type(3){ animation-delay:.3s; }
.ght-cal-arc{ animation-duration:.9s; animation-delay:.9s; }
.ght-cal-ticks{ opacity:0; animation:ght-fade .7s var(--ease) .1s forwards; }
.ght-cal-cross{ opacity:0; transform:scale(.94); transform-origin:center;
  animation:ght-pop .6s var(--ease) .35s forwards; }
.ght-cal-core, .ght-cal-mark{ opacity:0; transform:scale(.5); transform-origin:center;
  transform-box:fill-box; }
.ght-cal-core{ animation:ght-pop .55s var(--ease) 1.15s forwards; }
.ght-cal-mark{ animation:ght-pop .5s var(--ease) 1.65s forwards; }
@keyframes ght-draw{ to{ stroke-dashoffset:0; } }
@keyframes ght-fade{ to{ opacity:1; } }
@keyframes ght-pop{ to{ opacity:1; transform:none; } }

/* secondary grid */
.ght-features{ display:grid; gap:var(--sp-6); counter-reset:ght-pick; }
.ght-fcard{ position:relative; display:flex; flex-direction:column; gap:.55rem;
  counter-increment:ght-pick; padding-top:.95rem; border-top:1px solid var(--ink);
  transition:transform .3s var(--ease); }
.ght-fcard::before{ content:counter(ght-pick, decimal-leading-zero); position:absolute;
  top:.95rem; right:0; font-family:var(--ght-font-util); font-weight:700; font-size:.62rem;
  letter-spacing:.12em; color:var(--vir); font-variant-numeric:tabular-nums; }
.ght-fcard:hover{ transform:translateY(-3px); }
.ght-fcard h3{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 60;
  font-weight:420; line-height:1.08; font-size:clamp(1.35rem,4.6vw,1.72rem); letter-spacing:-.006em; margin:0; }
.ght-fcard p{ font-size:.98rem; color:var(--ink-2); line-height:1.5; margin:0; }
.ght-fcard .thumb{ aspect-ratio:16/10; background:var(--paper-2); border:1px solid var(--line);
  border-radius:3px; overflow:hidden; margin-bottom:.35rem; }
.ght-fcard a{ text-decoration:none; color:inherit; }
.ght-fcard:hover h3{ color:var(--ox); }
@media(min-width:680px){ .ght-features{ grid-template-columns:1fr 1fr; } }
@media(min-width:1000px){ .ght-features{ grid-template-columns:repeat(3,1fr); gap:var(--sp-7); } }

/* river + rail */
.ght-riverwrap{ display:grid; gap:var(--sp-8); }
.ght-river{ display:flex; flex-direction:column; }
.ght-river-item{ display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:baseline;
  padding-block:var(--sp-4); border-bottom:1px solid var(--line); text-decoration:none; color:inherit; }
.ght-river-item .t{ font-family:var(--ght-font-util); font-size:.7rem; letter-spacing:.06em; color:var(--ink-3);
  font-variant-numeric:tabular-nums; white-space:nowrap; padding-top:.28em; }
.ght-river-item h4{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 40;
  font-weight:440; font-size:1.14rem; line-height:1.18; margin:0 0 .2rem; }
.ght-river-item .ex{ font-family:var(--ght-font-util); font-size:.66rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ox); }
.ght-river-item:hover h4{ color:var(--ox); }
.ght-river-meta{ display:block; margin-top:.3rem; font-family:var(--ght-font-util); font-size:.72rem;
  letter-spacing:.02em; color:var(--ink-3); }
.ght-rail{ background:var(--paper-2); border:1px solid var(--line); border-radius:4px;
  padding:var(--sp-5); height:max-content; }
.ght-rail h3{ font-family:var(--ght-font-util); font-weight:700; font-size:.74rem; letter-spacing:.16em;
  text-transform:uppercase; padding-bottom:.7rem; border-bottom:2px solid var(--ink); margin:0 0 .4rem; }
.ght-rail ol{ list-style:none; counter-reset:r; margin:0; padding:0; }
.ght-rail li{ counter-increment:r; display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:baseline;
  padding-block:.85rem; border-bottom:1px solid var(--line); }
.ght-rail li:last-child{ border-bottom:0; }
.ght-rail li::before{ content:counter(r,decimal-leading-zero); font-family:var(--ght-font-util); font-weight:700;
  font-size:.8rem; color:var(--vir); font-variant-numeric:tabular-nums; }
.ght-rail li a{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 20;
  font-weight:440; font-size:1.02rem; line-height:1.2; text-decoration:none; color:inherit; }
.ght-rail li:hover a{ color:var(--ox); }
@media(min-width:960px){ .ght-riverwrap{ grid-template-columns:1fr 320px; gap:var(--sp-8); } }

/* ============================================================================
   IMAGE-FORWARD COVERS — colour-blocked spot art on every story
   ============================================================================ */
.ght-cover{ display:block; overflow:hidden; border-radius:5px; background:var(--paper-3); line-height:0; }
.ght-cover-svg{ display:block; width:100%; height:100%; }

/* lead: a bold cover anchors the homepage */
.ght-lead-fig.ght-cover{ aspect-ratio:4/3; border-radius:7px;
  box-shadow:0 26px 50px -28px rgba(25,21,18,.4); }
.ght-lead-fig.ght-cover .ght-cover-svg{ transition:transform .5s var(--ease); }
.ght-lead-fig.ght-cover:hover .ght-cover-svg{ transform:scale(1.02); }

/* editor's picks: cover on top of each card */
.ght-fcard{ border-top:0; padding-top:0; gap:.75rem; }
.ght-fcard::before{ display:none; }
.ght-fcard-cover{ aspect-ratio:16/10; }
.ght-fcard-cover .ght-cover-svg{ transition:transform .45s var(--ease); }
.ght-fcard:hover .ght-fcard-cover .ght-cover-svg{ transform:scale(1.04); }

/* river: a small square cover beside each headline */
.ght-river-item{ grid-template-columns:96px 1fr; gap:1.1rem; align-items:center; }
.ght-river-cover{ width:96px; aspect-ratio:1/1; }
.ght-river-cover .ght-cover-svg{ transition:transform .4s var(--ease); }
.ght-river-item:hover .ght-river-cover .ght-cover-svg{ transform:scale(1.05); }
@media(max-width:520px){
  .ght-river-item{ grid-template-columns:72px 1fr; gap:.9rem; }
  .ght-river-cover{ width:72px; }
}

/* ============================================================================
   THE PLATE — signature
   ============================================================================ */
.ght-plate{ background:var(--paper-2); border:1px solid var(--line-plate); border-radius:2px;
  padding:clamp(1rem,3.5vw,1.6rem); position:relative; }
.ght-plate::before, .ght-plate::after{ content:""; position:absolute; width:10px; height:10px; pointer-events:none; }
.ght-plate::before{ top:7px; left:7px; border-top:1.5px solid var(--line-plate); border-left:1.5px solid var(--line-plate); }
.ght-plate::after{ bottom:7px; right:7px; border-bottom:1.5px solid var(--line-plate); border-right:1.5px solid var(--line-plate); }
.ght-plate-head{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem;
  border-bottom:1px solid var(--line-2); padding-bottom:.6rem; margin-bottom:1rem; }
.ght-plate-fig{ font-family:var(--ght-font-util); font-weight:700; font-size:.66rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--ox); }
.ght-plate-unit{ font-family:var(--ght-font-util); font-size:.62rem; letter-spacing:.1em; color:var(--ink-3);
  text-transform:uppercase; font-variant-numeric:tabular-nums; }
.ght-plate-title{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 40;
  font-weight:440; font-size:clamp(1.15rem,3.6vw,1.5rem); line-height:1.1; margin-bottom:1rem; }
.ght-plate-cap{ font-family:var(--ght-font-util); font-size:.7rem; line-height:1.45; color:var(--ink-3);
  letter-spacing:.01em; margin-top:1rem; border-top:1px solid var(--line); padding-top:.65rem; }
.ght-plate-cap b{ color:var(--ink-2); font-weight:600; }
.ght-plate svg text, svg text{ font-family:var(--ght-font-util); }

/* Bristol scale */
.ght-bscale-axis{ display:flex; justify-content:space-between; font-family:var(--ght-font-util); font-size:.56rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:.1rem .2rem .35rem; }
.ght-bscale{ display:flex; flex-direction:column; }
.ght-brow{ display:grid; grid-template-columns:1.5rem 62px 1fr; gap:.55rem; align-items:center;
  padding:.4rem .28rem; border-bottom:1px solid var(--line); position:relative; }
.ght-brow:last-child{ border-bottom:0; }
.ght-brow .bn{ font-family:var(--ght-font-util); font-weight:700; font-size:.9rem; color:var(--ink-2);
  font-variant-numeric:tabular-nums; text-align:center; }
.ght-brow .bmark svg{ width:62px; height:22px; }
.ght-brow .blab{ font-family:var(--ght-font-body); font-size:.94rem; line-height:1.15; color:var(--ink);
  display:flex; align-items:center; flex-wrap:wrap; gap:.15rem .3rem; }
.ght-brow.is-ideal{ background:linear-gradient(90deg, color-mix(in srgb, var(--vir) 13%, transparent), transparent); }
.ght-brow.is-ideal::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--vir); }
.ght-brow.is-ideal .bn{ color:var(--vir-deep); }
.ght-btag{ font-family:var(--ght-font-util); font-weight:700; font-size:.5rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--vir-deep); border:1px solid var(--vir); border-radius:100px;
  padding:.18em .5em; white-space:nowrap; }

/* colour key */
.ght-colourkey{ display:flex; flex-direction:column; }
.ght-ckrow{ display:grid; grid-template-columns:26px 1fr auto; gap:.7rem; align-items:center;
  padding:.5rem .05rem; border-bottom:1px solid var(--line); }
.ght-ckrow:last-child{ border-bottom:0; }
.ght-ckrow .cksw{ width:24px; height:24px; border-radius:5px; border:1px solid var(--line-2); }
.ght-ckrow .ckname{ font-family:var(--ght-font-body); font-size:.94rem; color:var(--ink); line-height:1.2; }
.ght-ckrow .ckname small{ display:block; font-family:var(--ght-font-util); font-size:.66rem; color:var(--ink-3);
  line-height:1.35; margin-top:.12rem; letter-spacing:.01em; }
.ght-ckflag{ font-family:var(--ght-font-util); font-weight:700; font-size:.5rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--ox); border:1px solid var(--ox); border-radius:100px;
  padding:.2em .5em; white-space:nowrap; }

/* fibre */
.ght-fibre{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
.ght-fibre-col{ display:flex; flex-direction:column; gap:.45rem; }
.ght-fibre-col .fname{ font-family:var(--ght-font-util); font-weight:700; font-size:.64rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--vir-deep); }
.ght-fibre-col .fdesc{ font-family:var(--ght-font-body); font-size:.88rem; color:var(--ink-2); line-height:1.4; }
.ght-fibre-col .fdiagram{ background:var(--paper); border:1px solid var(--line); border-radius:3px; padding:.3rem; }

/* ============================================================================
   ARTICLE — crown jewel
   ============================================================================ */
.ght-article{ padding-top:var(--sp-7); }
.ght-article-head{ max-width:46rem; margin-inline:auto; display:flex; flex-direction:column; gap:var(--sp-4); }
.ght-article-head h1{ font-family:var(--ght-font-display); font-optical-sizing:auto;
  font-variation-settings:"opsz" 144; font-weight:360; line-height:1.03; letter-spacing:-.014em;
  font-size:clamp(2.3rem,7.5vw,4rem); margin:0; }
.ght-article-head .ght-standfirst{ max-width:40ch; font-size:clamp(1.15rem,3.4vw,1.45rem); }
.ght-artmeta{ display:flex; flex-wrap:wrap; align-items:center; gap:.55rem .9rem; padding-block:var(--sp-3);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:var(--sp-2); }
.ght-avatar{ width:34px; height:34px; border-radius:50%; background:var(--ox); color:var(--paper);
  font-family:var(--ght-font-display); font-size:.9rem; display:grid; place-items:center; font-weight:500; }
.ght-hero-fig{ margin-block:var(--sp-6); }
.ght-heroart{ display:block; width:100%; height:auto; border:1px solid var(--line-2); border-radius:3px; }
.ght-hero-fig--art{ margin-top:var(--sp-5); }
.ght figure{ margin:0; }
.ght figcaption{ font-family:var(--ght-font-util); font-size:.72rem; color:var(--ink-3); line-height:1.45;
  margin-top:.6rem; padding-left:.8rem; border-left:2px solid var(--ox); }

.ght-answer{ max-width:var(--measure); margin:var(--sp-6) auto; background:var(--paper-2);
  border:1px solid var(--line-2); border-left:3px solid var(--vir); border-radius:2px; padding:1.15rem 1.3rem; }
.ght-answer .k{ font-family:var(--ght-font-util); font-weight:700; font-size:.62rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--vir-deep); display:block; margin-bottom:.5rem; }
.ght-answer p{ font-size:1.05rem; line-height:1.55; color:var(--ink); margin:0; }

/* author profile head */
.ght-authorhead{ max-width:46rem; margin-inline:auto; display:flex; flex-direction:column; gap:var(--sp-3); }
.ght-authorhead-row{ display:flex; align-items:flex-start; gap:1.2rem; }
.ght-authorhead h1{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 96;
  font-weight:400; line-height:1.05; letter-spacing:-.01em; font-size:clamp(2rem,6vw,3rem); margin:0 0 .5rem; }
.ght-authorbio{ font-family:var(--ght-font-body); font-size:1.1rem; line-height:1.55; color:var(--ink-2); max-width:52ch; margin:0 0 .5rem; }
.ght-avatar--lg{ width:64px; height:64px; font-size:1.7rem; flex:none; }

.ght-prose{ max-width:var(--measure); margin-inline:auto; }
/* pages: no drop cap, roomier headings */
.ght-prose--page > p:first-child::first-letter{ font-family:inherit; font-size:inherit; font-weight:inherit;
  color:inherit; float:none; padding:0; line-height:inherit; }
.ght-prose > p{ margin-top:1.35rem; font-size:1.16rem; line-height:1.68; }
.ght-prose > p:first-of-type{ margin-top:0; }
.ght-prose > p:first-child::first-letter{ font-family:var(--ght-font-display); font-optical-sizing:auto;
  font-variation-settings:"opsz" 144; font-weight:420; color:var(--ox);
  float:left; font-size:4.6em; line-height:.78; padding:.06em .1em .02em 0; }
.ght-prose h2{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 72;
  font-weight:420; font-size:clamp(1.55rem,4.8vw,2.05rem); line-height:1.12; margin:var(--sp-7) 0 var(--sp-2);
  letter-spacing:-.008em; }
.ght-prose h2 .ght-sect{ display:block; font-family:var(--ght-font-util); font-weight:700; font-size:.64rem;
  letter-spacing:.2em; text-transform:uppercase; color:var(--vir-deep); margin-bottom:.55rem; }
.ght-prose h2 .ght-sect::before{ content:""; display:inline-block; width:1.6em; height:2px; background:var(--vir);
  vertical-align:middle; margin-right:.55em; transform:translateY(-.15em); }
.ght-prose a{ color:var(--ox); text-decoration:underline; text-decoration-thickness:1px;
  text-underline-offset:2px; text-decoration-color:var(--ox-deep); }
.ght-prose a:hover{ background:var(--ochre-soft); }

.ght-pull{ margin:var(--sp-7) 0; padding-left:1.1rem; border-left:3px solid var(--ochre); }
.ght-pull p{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 72;
  font-weight:360; font-size:clamp(1.5rem,5vw,2.05rem); line-height:1.2; letter-spacing:-.006em; color:var(--ink); margin:0; }

.ght-inline-plate{ margin:var(--sp-7) 0; }

.ght-mednote{ max-width:var(--measure); margin:var(--sp-7) auto 0; font-family:var(--ght-font-util);
  font-size:.78rem; line-height:1.55; color:var(--ink-3); background:var(--paper-2);
  border:1px dashed var(--line-2); border-radius:3px; padding:1rem 1.15rem; }
.ght-mednote b{ color:var(--ink-2); }

.ght-faq{ max-width:var(--measure); margin:var(--sp-8) auto 0; }
.ght-faq details{ border-top:1px solid var(--line); }
.ght-faq details:last-child{ border-bottom:1px solid var(--line); }
.ght-faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:1rem;
  align-items:baseline; padding-block:1.05rem; font-family:var(--ght-font-display); font-optical-sizing:auto;
  font-variation-settings:"opsz" 30; font-weight:460; font-size:1.16rem; line-height:1.25; }
.ght-faq summary::-webkit-details-marker{ display:none; }
.ght-faq summary .pm{ font-family:var(--ght-font-util); font-size:1.2rem; color:var(--ox);
  transition:transform .25s var(--ease); }
.ght-faq details[open] summary .pm{ transform:rotate(45deg); }
.ght-faq .a{ padding:0 0 1.15rem; font-size:1.04rem; line-height:1.6; color:var(--ink-2); max-width:60ch; }

.ght-related{ display:grid; gap:var(--sp-5); }
.ght-rel{ display:flex; flex-direction:column; gap:.4rem; padding-top:1rem; border-top:2px solid var(--ink);
  text-decoration:none; color:inherit; }
.ght-rel h4{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 40;
  font-weight:440; font-size:1.24rem; line-height:1.14; margin:0; }
.ght-rel:hover h4{ color:var(--ox); }
@media(min-width:720px){ .ght-related{ grid-template-columns:repeat(3,1fr); gap:var(--sp-6); } }

/* divider band */
.ght-divider{ border-top:2px solid var(--ink); border-bottom:2px solid var(--ink);
  padding-block:var(--sp-5); margin-block:var(--sp-8); }
.ght-divider .k{ font-family:var(--ght-font-util); font-weight:700; font-size:.7rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ox); }
.ght-divider .t{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 72;
  font-weight:400; font-size:clamp(1.6rem,5vw,2.4rem); line-height:1.1; }

/* ============================================================================
   PROMO — Stoolio. A labelled leaderboard ad: bold, colorful, off-GHT-brand.
   ============================================================================ */
.ght-ad{ display:flex; flex-direction:column; align-items:center; gap:.7rem; }
.ght-ad-label{ font-family:var(--ght-font-util); font-size:.64rem; font-weight:600;
  letter-spacing:.28em; text-transform:uppercase; color:var(--ink-3); }

/* Long-thin leaderboard ad (Stoolio brand). */
.ght-ad-inline{ max-width:var(--measure); margin:var(--sp-7) auto; }
.ght-adthin{ display:flex; flex-direction:column; align-items:center; gap:.55rem; }
.ght-lb{ position:relative; isolation:isolate; overflow:hidden; width:100%; border-radius:14px;
  display:flex; align-items:center; gap:clamp(.9rem,2.5vw,1.6rem); text-decoration:none; cursor:pointer;
  padding:.8rem clamp(1rem,2.5vw,1.5rem); min-height:92px; color:#fff;
  background:linear-gradient(120deg,#0C52BE 0%,#1B7EF0 52%,#2E96FF 100%);
  box-shadow:0 16px 36px -18px rgba(8,40,100,.7); transition:transform .25s var(--ease), box-shadow .25s var(--ease); }
.ght-lb:hover{ transform:translateY(-2px); box-shadow:0 24px 46px -18px rgba(8,40,100,.8); }
.ght-lb-glow{ position:absolute; inset:-40%; z-index:0; pointer-events:none;
  background:radial-gradient(circle at 26% 24%, rgba(212,237,58,.34), transparent 42%),
            radial-gradient(circle at 82% 78%, rgba(90,180,255,.55), transparent 48%);
  animation:ght-lb-aurora 7s ease-in-out infinite alternate; }
@keyframes ght-lb-aurora{ from{ transform:translate(-3%,2%) scale(1); } to{ transform:translate(5%,-4%) scale(1.12); } }
.ght-lb-sheen{ position:absolute; top:-10%; bottom:-10%; width:36%; left:-60%; z-index:1; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.22), transparent); transform:skewX(-18deg);
  animation:ght-lb-sheen 5s ease-in-out 1.4s infinite; }
@keyframes ght-lb-sheen{ 0%{ left:-60%; } 24%,100%{ left:170%; } }

.ght-lb-score, .ght-lb-body, .ght-lb-cta{ position:relative; z-index:2; }
.ght-lb-score{ flex:none; width:64px; height:64px; display:grid; place-items:center; }
.ght-lb-score svg{ grid-area:1/1; width:64px; height:64px; }
.ght-lb-num{ grid-area:1/1; place-self:center; font-family:var(--ght-font-util); font-weight:800; font-size:1.35rem;
  color:#fff; font-variant-numeric:tabular-nums; }
.ght-lb-arc{ stroke-dasharray:1; stroke-dashoffset:.12; }
.ght-lb.is-adshown .ght-lb-arc{ animation:ght-lb-draw 1.1s var(--ease) .1s; }
@keyframes ght-lb-draw{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:.12; } }

.ght-lb-body{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:.24rem; }
.ght-lb-eyebrow{ display:inline-flex; align-items:center; gap:.42rem; font-family:var(--ght-font-util);
  font-weight:700; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; color:#D4ED3A; }
.ght-lb-dot{ width:18px; height:18px; border-radius:5px; flex:none; display:grid; place-items:center; background:#D4ED3A; }
.ght-lb-dot svg{ width:11px; height:11px; }
.ght-lb-head{ font-family:var(--ght-font-util); font-weight:800; font-size:clamp(1.05rem,2.4vw,1.4rem);
  line-height:1.08; letter-spacing:-.012em; color:#fff; }
.ght-lb-head em{ font-style:normal; color:#EAF6A6; }

.ght-lb-cta{ flex:none; display:inline-flex; align-items:center; gap:.45rem; white-space:nowrap;
  font-family:var(--ght-font-util); font-weight:800; font-size:.95rem; color:#0B3A86; background:#D4ED3A;
  border-radius:100px; padding:.72rem 1.35rem; box-shadow:0 0 0 0 rgba(212,237,58,.5);
  animation:ght-lb-pulse 2.6s ease-in-out infinite; transition:transform .2s var(--ease); }
.ght-lb-cta svg{ width:16px; height:16px; transition:transform .2s var(--ease); }
@keyframes ght-lb-pulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(212,237,58,.5); } 55%{ box-shadow:0 0 0 10px rgba(212,237,58,0); } }
.ght-lb:hover .ght-lb-cta{ transform:translateY(-1px) scale(1.03); }
.ght-lb:hover .ght-lb-cta svg{ transform:translateX(3px); }

@media(max-width:719px){
  .ght-lb{ flex-direction:column; align-items:center; text-align:center; gap:.7rem; padding:1.5rem 1.2rem 1.35rem; min-height:0; }
  .ght-lb-score{ width:82px; height:82px; } .ght-lb-score svg{ width:82px; height:82px; } .ght-lb-num{ font-size:1.65rem; }
  .ght-lb-body{ align-items:center; gap:.35rem; }
  .ght-lb-eyebrow{ justify-content:center; }
  .ght-lb-head{ font-size:1.5rem; line-height:1.12; max-width:15ch; }
  .ght-lb-cta{ width:100%; justify-content:center; margin-top:.35rem; font-size:1.02rem; padding:.85rem 1.4rem; }
}
@media(prefers-reduced-motion:reduce){
  .ght-lb-glow{ animation:none; } .ght-lb-sheen{ display:none; } .ght-lb-cta{ animation:none; }
  .ght-lb-arc{ stroke-dashoffset:.12; }
}

/* Full-creative image ad (uses the real Stoolio artwork). */
.ght-adimg{ display:block; width:100%; max-width:400px; margin-inline:auto; border-radius:20px;
  overflow:hidden; box-shadow:0 22px 50px -20px rgba(8,40,100,.55);
  transition:transform .28s var(--ease), box-shadow .28s var(--ease); }
.ght-adimg img{ display:block; width:100%; height:auto; }
.ght-adimg:hover{ transform:translateY(-4px); box-shadow:0 32px 60px -22px rgba(8,40,100,.66); }

.ght-promo{ position:relative; isolation:isolate; overflow:hidden; width:100%; border-radius:18px;
  display:flex; align-items:center; gap:clamp(1.1rem,3vw,2.4rem); text-decoration:none; cursor:pointer;
  padding:clamp(1.25rem,3vw,1.9rem) clamp(1.4rem,3.5vw,2.5rem); color:#fff;
  background:linear-gradient(120deg,#0E5AC6 0%,#1B7EF0 52%,#2E96FF 100%);
  box-shadow:0 20px 46px -22px rgba(8,40,100,.6); }
.ght-promo:hover{ box-shadow:0 28px 58px -22px rgba(8,40,100,.72); }
.ght-promo-shot{ display:block; width:auto; height:auto; max-width:100%; max-height:172px;
  filter:drop-shadow(0 16px 26px rgba(8,40,100,.45)); }
.ght-promo.has-shot .ght-promo-visual{ flex:0 0 auto; max-width:32%; }
.ght-promo-glow{ position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 120% at 92% 6%, rgba(140,200,255,.55), transparent 70%),
    radial-gradient(36% 120% at 1% 100%, rgba(212,237,58,.28), transparent 68%); }
.ght-promo-visual, .ght-promo-body, .ght-promo-action{ position:relative; z-index:1; }

/* compact score dial — the product visual */
.ght-promo-visual{ flex:none; display:flex; flex-direction:column; align-items:center; gap:.4rem; }
.sc-ring{ position:relative; width:96px; height:96px; }
.sc-ring svg{ width:100%; height:100%; display:block; }
.sc-arc{ stroke-dasharray:326.7; stroke-dashoffset:39; }
.ght-promo.is-in .sc-arc{ animation:ght-score-draw 1.2s var(--ease) .25s; }
@keyframes ght-score-draw{ from{ stroke-dashoffset:326.7; } to{ stroke-dashoffset:39; } }
.sc-num{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.sc-num b{ font-family:var(--ght-font-util); font-weight:700; font-size:1.85rem; line-height:1; color:#fff; font-variant-numeric:tabular-nums; }
.sc-cap{ font-family:var(--ght-font-util); font-weight:700; font-size:.58rem; letter-spacing:.12em;
  text-transform:uppercase; color:#D4ED3A; }

/* copy */
.ght-promo-body{ flex:1 1 auto; display:flex; flex-direction:column; gap:.35rem; min-width:0; }
.ght-promo-brand{ display:inline-flex; align-items:center; gap:.45rem;
  font-family:var(--ght-font-util); font-weight:700; font-size:.82rem; letter-spacing:.02em; color:rgba(255,255,255,.92); }
.ght-promo-appicon{ width:22px; height:22px; border-radius:7px; flex:none; display:grid; place-items:center;
  background:#D4ED3A; box-shadow:0 3px 8px rgba(8,40,100,.35); }
.ght-promo-appicon svg{ width:13px; height:13px; }
.ght-promo-title{ font-family:var(--ght-font-util); font-weight:700; letter-spacing:-.025em;
  font-size:clamp(1.9rem,4.4vw,3rem); line-height:1; margin:.15rem 0 0; color:#fff; text-wrap:balance; }
.ght-promo-sub{ font-family:var(--ght-font-util); font-weight:500; font-size:clamp(.95rem,1.7vw,1.1rem);
  color:rgba(255,255,255,.85); margin-top:.15rem; }

/* CTA */
.ght-promo-action{ flex:none; display:flex; flex-direction:column; align-items:center; gap:.55rem; }
.ght-promo-btn{ display:inline-flex; align-items:center; gap:.5rem; white-space:nowrap;
  font-family:var(--ght-font-util); font-weight:700; font-size:1rem; letter-spacing:.01em;
  color:#0B3A86; background:#D4ED3A; border-radius:100px; padding:.85rem 1.6rem; text-decoration:none;
  box-shadow:0 10px 24px -8px rgba(8,40,100,.5); transition:transform .22s var(--ease), box-shadow .22s var(--ease); }
.ght-promo-btn{ flex:none; }
.ght-promo-btn svg{ width:17px; height:17px; transition:transform .22s var(--ease); }
.ght-promo:hover .ght-promo-btn{ transform:translateY(-2px); box-shadow:0 16px 30px -10px rgba(8,40,100,.6); }
.ght-promo:hover .ght-promo-btn svg{ transform:translateX(3px); }

@media(max-width:759px){
  .ght-promo{ flex-direction:column; text-align:center; gap:1.15rem; padding:1.9rem 1.4rem; }
  .ght-promo-body{ align-items:center; }
  .ght-promo.has-shot .ght-promo-visual{ max-width:82%; }
  .ght-promo-shot{ max-height:280px; margin-inline:auto; }
  .ght-promo-btn{ width:100%; justify-content:center; }
}

/* footer */
.ght-foot{ background:var(--ink); color:var(--paper); margin-top:var(--sp-9);
  --fline:rgba(246,243,236,.14); --fmut:rgba(246,243,236,.6); }
.ght-foot .ght-wrap{ padding-block:var(--sp-8); display:flex; flex-direction:column; gap:var(--sp-6); }
.ght-foot .wm{ font-family:var(--ght-font-display); font-size:1.6rem; text-transform:uppercase; letter-spacing:.02em; display:block; }
.ght-foot p{ font-family:var(--ght-font-util); font-size:.8rem; color:var(--fmut); line-height:1.6; }

.ght-foot-top{ display:grid; gap:var(--sp-6); padding-bottom:var(--sp-6); border-bottom:1px solid var(--fline); }
.ght-foot-brand p{ margin-top:.6rem; max-width:34ch; }
.ght-foot-nl h3{ font-family:var(--ght-font-display); font-optical-sizing:auto; font-variation-settings:"opsz" 40;
  font-weight:460; font-size:1.4rem; color:var(--paper); margin:0 0 .35rem; }
.ght-foot-nl > p{ max-width:38ch; margin-bottom:.9rem; }
.ght-nl{ display:flex; gap:.5rem; max-width:24rem; }
.ght-nl input{ flex:1 1 auto; min-width:0; background:rgba(246,243,236,.06); border:1px solid var(--fline);
  border-radius:4px; padding:.65rem .8rem; color:var(--paper); font-family:var(--ght-font-util); font-size:.85rem; }
.ght-nl input::placeholder{ color:rgba(246,243,236,.4); }
.ght-nl input:focus-visible{ outline:2px solid var(--ochre); outline-offset:1px; }
.ght-nl button{ flex:none; background:var(--ochre); color:var(--ink); border:0; border-radius:4px; cursor:pointer;
  padding:.65rem 1.1rem; font-family:var(--ght-font-util); font-weight:700; font-size:.8rem; letter-spacing:.02em;
  transition:background .2s var(--ease); }
.ght-nl button:hover{ background:var(--ochre-soft); }
@media(min-width:820px){ .ght-foot-top{ grid-template-columns:1.15fr 1fr; align-items:start; gap:var(--sp-8); } }

.ght-foot-cols{ display:flex; flex-wrap:wrap; gap:var(--sp-6) var(--sp-8); }
.ght-foot-col{ min-width:9rem; }
.ght-foot-col h4{ font-family:var(--ght-font-util); font-weight:700; font-size:.7rem; letter-spacing:.16em;
  text-transform:uppercase; color:rgba(246,243,236,.5); margin:0 0 .9rem; }
.ght-foot-col ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem; }
.ght-foot-col a{ font-family:var(--ght-font-util); font-size:.88rem; color:rgba(246,243,236,.82); text-decoration:none; }
.ght-foot-col a:hover{ color:var(--paper); text-decoration:underline; text-underline-offset:2px; }

.ght-foot-bar{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:.4rem 1.5rem;
  padding-top:var(--sp-5); border-top:1px solid var(--fline); }
.ght-foot-bar p{ font-size:.74rem; color:rgba(246,243,236,.5); margin:0; }
.ght-foot-disc{ font-style:italic; }

/* ============================================================================
   MOTION
   ============================================================================ */
[data-ght-reveal]{ opacity:0; transform:translateY(18px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
[data-ght-reveal].is-in{ opacity:1; transform:none; }
/* Above-the-fold content shows instantly — no fade-in flash on load. */
[data-ght-reveal].is-shown-now{ opacity:1; transform:none; transition:none; }
/* Plates & pulls "calibrate" in: a touch more travel + a settle */
[data-ght-reveal="calibrate"]{ transform:translateY(22px) scale(.988);
  transition:opacity .8s var(--ease), transform .8s var(--ease); }
[data-ght-reveal="calibrate"].is-in{ transform:none; }

@media(prefers-reduced-motion:reduce){
  .ght *{ transition:none !important; animation:none !important; }
  [data-ght-reveal]{ opacity:1 !important; transform:none !important; }
  .ght-masthead{ transition:none; }
  .ght-progress-track{ display:none; }
  /* Aperture: show fully drawn, no calibration sweep */
  .ght-cal-ring, .ght-cal-arc{ stroke-dashoffset:0 !important; }
  .ght-cal-ticks, .ght-cal-cross, .ght-cal-core, .ght-cal-mark{ opacity:1 !important; transform:none !important; }
}

/* --- mobile nav: a slide-in sheet with backdrop, swipe-to-dismiss --- */
.ght-navscrim{ position:fixed; inset:0; z-index:39; background:rgba(25,21,18,.32);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .3s var(--ease), visibility 0s linear .3s; }
body.ght.is-nav-locked{ overflow:hidden; }
body.ght.is-nav-locked .ght-navscrim{ opacity:1; visibility:visible; pointer-events:auto;
  transition:opacity .3s var(--ease); }
@media(min-width:900px){ .ght-navscrim{ display:none; } }
@media(max-width:899px){
  .ght-nav{ display:flex; flex-direction:column; gap:.35rem;
    position:absolute; left:0; right:0; top:100%; background:var(--paper);
    border-bottom:1px solid var(--line); padding:var(--sp-4) var(--pad) var(--sp-5);
    box-shadow:0 18px 34px rgba(25,21,18,.10);
    transform:translateY(-14px); opacity:0; visibility:hidden; pointer-events:none;
    transition:transform .34s var(--ease), opacity .28s var(--ease), visibility 0s linear .34s; }
  .ght-masthead.is-nav-open .ght-nav{ transform:none; opacity:1; visibility:visible; pointer-events:auto;
    transition:transform .36s var(--ease), opacity .3s var(--ease); }
  .ght-nav a{ font-size:1.35rem; letter-spacing:.01em; text-transform:none;
    font-family:var(--ght-font-display); font-variation-settings:"opsz" 30; font-weight:440;
    color:var(--ink); padding-block:.62rem; border-bottom:1px solid var(--line); }
  .ght-nav a:last-child{ border-bottom:0; }
  .ght-nav a::after{ display:none; }
}

/* WordPress core niceties */
.ght .screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden; }
.ght .screen-reader-text:focus{ position:fixed !important; top:8px; left:8px; width:auto; height:auto; clip:auto;
  background:var(--ink); color:var(--paper); padding:.6rem 1rem; z-index:100; border-radius:3px; }
.ght .wp-caption{ margin:0; } .ght .alignwide{ max-width:min(75rem,92vw); }
.ght .pagination, .ght .wp-block-query-pagination{ margin-top:var(--sp-6); font-family:var(--ght-font-util); }
.ght .nav-links a, .ght .page-numbers{ padding:.4rem .7rem; border:1px solid var(--line-2); border-radius:3px;
  margin-right:.3rem; font-size:.8rem; }
.ght .page-numbers.current{ background:var(--ink); color:var(--paper); }