/*
Theme Name: SisterSite (nz-fieldguide)
Author: Sister Casino Factory
Description: sister sites affiliate theme (nz-fieldguide) — generated.
Version: 0.1.0
Text Domain: sistersite-nz
*/

/* --- style-base.css --- */
  :root{
    --pounamu: oklch(0.44 0.075 168);
    --pounamu-bright: oklch(0.56 0.088 168);
    --pine: oklch(0.30 0.045 165);
    --pine-deep: #0a3529;
    --dark-surface: #0d1712;
    --gold: oklch(0.73 0.105 85);
    --gold-soft: oklch(0.73 0.105 85 / 0.55);
    --ink: oklch(0.24 0.018 165);
    --ink-soft: oklch(0.40 0.020 165);
    --bg: oklch(0.975 0.005 165);
    --surface: #ffffff;
    --surface-tint: oklch(0.99 0.004 165);
    --wash: oklch(0.955 0.014 168);
    --hair: oklch(0.90 0.012 165);
    --hair-strong: oklch(0.84 0.016 165);
    --on-dark: oklch(0.93 0.018 165);
    --on-dark-soft: oklch(0.78 0.022 165);
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --measure: 70ch;

    /* Modular type scale: ~1.25 (major third) between steps, fluid caps.
       One source of truth so headings/deks/body stay in proportion. */
    --step-0: clamp(0.94rem, 0.92rem + 0.10vw, 1rem);      /* small / meta */
    --step-1: clamp(1rem, 0.97rem + 0.20vw, 1.075rem);     /* body */
    --step-2: clamp(1.18rem, 1.10rem + 0.34vw, 1.35rem);   /* dek / lede */
    --step-3: clamp(1.44rem, 1.30rem + 0.60vw, 1.75rem);   /* small heading */
    --step-4: clamp(1.75rem, 1.52rem + 0.95vw, 2.30rem);   /* h3 / sub-hero */
    --step-5: clamp(2.10rem, 1.72rem + 1.55vw, 3.00rem);   /* h2 */

    /* Section vertical-rhythm tiers: uniform padding across the page */
    --sec-pad: clamp(4rem, 7vw, 6.5rem);        /* standard body section */
    --sec-pad-sm: clamp(2.8rem, 5vw, 4.25rem);  /* compact section */
  }

  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
  body{
    font-family:"Hanken Grotesk",system-ui,sans-serif;
    background:var(--bg);
    color:var(--ink);
    line-height:1.6;
    font-size:var(--step-1);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  ::selection{background:var(--pounamu-bright);color:oklch(0.98 0.01 165);}
  a{color:var(--pounamu);text-decoration:none;text-underline-offset:3px;}
  a:hover{color:var(--pounamu-bright);text-decoration:underline;}

  /* A11Y: visible keyboard focus ring on every interactive element (pounamu, gold offset) */
  a:focus-visible,
  .btn:focus-visible,
  summary:focus-visible{
    outline:2px solid var(--gold);
    outline-offset:3px;
    border-radius:2px;
  }
  /* On dark surfaces keep the ring bright against pine */
  .hero a:focus-visible,
  header.site a:focus-visible,
  .picks a:focus-visible,
  footer.site a:focus-visible,
  .faq summary:focus-visible{
    outline-color:var(--gold);
  }
  @media (prefers-reduced-motion:no-preference){
    a:focus-visible,.btn:focus-visible,summary:focus-visible{transition:outline-offset .2s var(--ease);}
  }

  .serif{font-family:"Spectral",Georgia,serif;}
  .wrap{width:min(100% - 2.5rem, 1160px);margin-inline:auto;}
  .narrow{max-width:var(--measure);}
  .eyebrow{
    font-size:0.735rem;font-weight:600;letter-spacing:0.16em;
    text-transform:uppercase;color:var(--pounamu);
    display:inline-flex;align-items:center;gap:0.6ch;
  }
  .eyebrow::before{content:"";width:1.8rem;height:1px;background:var(--gold);display:inline-block;}
  .on-dark .eyebrow{color:oklch(0.80 0.07 168);}

  /* ---------- PREVIEW STRIP ---------- */
  .preview-strip{
    background:var(--pine-deep);color:var(--on-dark-soft);
    font-size:0.76rem;letter-spacing:0.03em;
    border-bottom:1px solid oklch(0.34 0.05 165);
  }
  .preview-strip .wrap{
    display:flex;flex-wrap:wrap;gap:0.5rem 1.4rem;
    align-items:center;padding-block:0.5rem;
  }
  .preview-strip strong{color:var(--gold);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;font-size:0.68rem;}
  .preview-strip .rg-tag{margin-left:auto;color:var(--on-dark);}

  /* ---------- HEADER ---------- */
  header.site{
    position:sticky;top:0;z-index:40;
    background:oklch(0.19 0.016 165 / 0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid oklch(0.30 0.03 165);
  }
  header.site .wrap{
    display:flex;align-items:center;gap:1.5rem;
    padding-block:0.85rem;
  }
  .brand{display:flex;align-items:center;color:var(--on-dark);}
  .brand:hover{text-decoration:none;color:var(--on-dark);}
  /* The wordmark PNG sits DIRECTLY in the anchor so its natural ~3.9:1 aspect is
     preserved: fixed height, auto width, never stretched to a container. */
  .brand .logo-img{height:40px;width:auto;display:block;}
  /* CSS wordmark text is the graceful FALLBACK, revealed by the img onerror
     handler if the PNG fails to load. */
  .brand .wordmark{font-family:"Spectral",serif;font-weight:600;font-size:1.32rem;letter-spacing:0.005em;line-height:1;}
  .brand .wordmark b{color:var(--gold);font-weight:600;}
  nav.top{margin-left:auto;display:flex;gap:1.7rem;align-items:center;}
  nav.top a{color:var(--on-dark-soft);font-size:0.86rem;font-weight:500;letter-spacing:0.01em;}
  nav.top a:hover{color:var(--on-dark);text-decoration:none;}
  nav.top .nav-links{display:flex;gap:1.7rem;align-items:center;}
  /* "Sister Sites" dropdown: mirrors the FI header's brand menu, field-guide skin */
  nav.top .nav-item{position:relative;}
  nav.top .nav-item > a{display:inline-flex;align-items:center;gap:0.4ch;}
  nav.top .nav-caret{width:12px;height:12px;flex-shrink:0;transition:transform .3s var(--ease);}
  nav.top .nav-item:hover .nav-caret,
  nav.top .nav-item:focus-within .nav-caret{transform:rotate(180deg);}
  nav.top .nav-dropdown{
    position:absolute;top:calc(100% + 0.8rem);left:0;min-width:240px;
    background:oklch(0.16 0.018 165 / 0.97);backdrop-filter:blur(10px);
    border:1px solid oklch(0.36 0.04 165);padding:0.5rem;
    box-shadow:0 24px 60px -30px rgba(0,0,0,0.8);
    opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s var(--ease);
    z-index:50;
  }
  nav.top .nav-item:hover .nav-dropdown,
  nav.top .nav-item:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:none;}
  nav.top .nav-dropdown a{
    display:flex;align-items:center;gap:0.7ch;padding:0.55rem 0.7rem;
    font-size:0.86rem;color:var(--on-dark-soft);border-radius:2px;
  }
  nav.top .nav-dropdown a:hover{background:oklch(0.22 0.026 165 / 0.7);color:var(--on-dark);text-decoration:none;}
  nav.top .nd-chip{
    width:1.55rem;height:1.55rem;flex-shrink:0;display:grid;place-items:center;
    font-family:"Spectral",serif;font-size:0.72rem;font-weight:600;
    color:var(--gold);background:oklch(0.20 0.026 165 / 0.8);
    border:1px solid oklch(0.40 0.045 168);border-radius:2px;
  }
  @media (prefers-reduced-motion:reduce){
    nav.top .nav-caret,nav.top .nav-dropdown{transition:none;}
  }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:0.5ch;
    min-height:44px;
    font-weight:600;font-size:0.86rem;letter-spacing:0.01em;
    padding:0.6rem 1.15rem;border-radius:2px;
    transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
  }
  .btn-ghost{border:1px solid oklch(0.50 0.05 165);color:var(--on-dark);}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold);text-decoration:none;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;overflow:hidden;
    /* Cinematic presence: fill most of the viewport, capped so it never dwarfs on
       tall/large screens, and centre the content vertically within it. */
    display:flex;flex-direction:column;justify-content:center;
    min-height:clamp(600px, 85vh, 860px);
    /* Layered hero: dark left scrim (protects the white Spectral headline) over a
       photographic background, with a pine gradient FALLBACK if the image is still rendering. */
    background:
      linear-gradient(90deg, rgba(10,20,15,.88) 0%, rgba(10,20,15,.60) 46%, rgba(10,20,15,.22) 100%),
      url('assets/img/hero-fieldguide.png'),
      linear-gradient(135deg,#0a3529,#0d1712);
    background-size:cover, cover, cover;
    background-position:center, center, center;
    background-repeat:no-repeat;
    color:var(--on-dark);
  }
  /* Deepen the scrim vertically at very small widths so the headline never rides thin type */
  .hero::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg, rgba(10,20,15,.30) 0%, transparent 32%, transparent 70%, rgba(13,23,18,.55) 100%);
  }
  .hero .contour{position:absolute;inset:0;width:100%;height:100%;opacity:0.5;pointer-events:none;}
  .hero .horizon{
    position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,transparent,var(--gold-soft) 20%,var(--gold-soft) 80%,transparent);
    opacity:0.6;
  }
  .hero .wrap{position:relative;z-index:2;padding-block:clamp(3rem,5vw,4.5rem);}
  .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.58fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;}
  .hero h1{
    font-family:"Spectral",serif;font-weight:600;
    /* Big editorial masthead: larger cap, tighter leading + tracking */
    font-size:clamp(2.9rem,5vw + 1rem,5.6rem);
    line-height:0.98;letter-spacing:-0.022em;
    margin:1.5rem 0 1.5rem;max-width:14ch;
  }
  .hero h1 em{font-style:italic;color:oklch(0.86 0.06 90);font-weight:500;}
  .hero .lede{font-size:var(--step-2);color:var(--on-dark);max-width:54ch;line-height:1.55;}
  .hero .lede .accent{color:oklch(0.84 0.07 168);font-weight:600;}
  .hero-cta{margin-top:2.2rem;display:flex;flex-wrap:wrap;gap:0.9rem 1.3rem;align-items:center;}
  .btn-gold{background:var(--gold);color:var(--pine-deep);font-weight:700;}
  .btn-gold:hover{background:oklch(0.79 0.108 85);color:var(--pine-deep);text-decoration:none;}
  .hero-cta .sub{font-size:0.82rem;color:var(--on-dark-soft);}

  /* Hero index card: the "field guide" plate */
  .plate{
    border:1px solid oklch(0.44 0.05 165);
    background:oklch(0.14 0.018 165 / 0.86);
    backdrop-filter:blur(6px);
    padding:1.6rem 1.7rem 1.5rem;
    position:relative;
    box-shadow:0 24px 60px -30px rgba(0,0,0,0.7);
  }
  .plate::before{content:"";position:absolute;inset:6px;border:1px solid oklch(0.36 0.04 165);pointer-events:none;}
  .plate .plate-h{
    font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;
    color:var(--gold);font-weight:600;margin-bottom:1rem;
    display:flex;justify-content:space-between;align-items:baseline;
  }
  .plate .plate-h span{color:var(--on-dark-soft);letter-spacing:0.1em;}
  .plate ol{list-style:none;}
  .plate li{
    display:flex;gap:0.9rem;align-items:baseline;
    padding:0.62rem 0;border-bottom:1px solid oklch(0.28 0.03 165);
  }
  .plate li:last-child{border-bottom:0;}
  .plate .idx{font-family:"Spectral",serif;font-size:0.9rem;color:oklch(0.66 0.055 168);font-variant-numeric:tabular-nums;min-width:1.6ch;}
  .plate .nm{font-family:"Spectral",serif;font-size:1.06rem;color:var(--on-dark);font-weight:500;}
  .plate .ct{margin-left:auto;font-size:0.74rem;color:var(--on-dark-soft);letter-spacing:0.04em;white-space:nowrap;}

  /* Registry-preview plate: FI sko_render_registry_preview logic, field-guide skin.
     Reuses the .plate treatment; a live dot + verified header, brand rows with a
     chip mark, licence chip and a verified tick (or sample "~"). */
  .plate .plate-h .rp-live{
    display:inline-flex;align-items:center;gap:0.5ch;
    color:var(--on-dark-soft);letter-spacing:0.1em;font-weight:600;
  }
  .plate .rp-dot{
    width:0.5rem;height:0.5rem;border-radius:50%;flex-shrink:0;
    background:oklch(0.66 0.10 150);
    box-shadow:0 0 0 3px oklch(0.66 0.10 150 / 0.20);
    display:inline-block;margin-right:0.55ch;position:relative;top:0.02em;
  }
  .plate .rp-list{list-style:none;}
  .plate .rp-list li{
    display:flex;gap:0.7rem;align-items:center;
    padding:0.6rem 0;border-bottom:1px solid oklch(0.28 0.03 165);
  }
  .plate .rp-list li:last-child{border-bottom:0;}
  .plate .rp-list a{
    display:flex;gap:0.7rem;align-items:center;width:100%;color:var(--on-dark);
  }
  .plate .rp-list a:hover{text-decoration:none;color:var(--on-dark);}
  .plate .rp-list a:hover .rp-name{color:var(--gold);}
  .plate .rp-logo{
    width:1.7rem;height:1.7rem;flex-shrink:0;display:grid;place-items:center;
    font-family:"Spectral",serif;font-size:0.74rem;font-weight:600;
    color:var(--gold);background:oklch(0.20 0.026 165 / 0.85);
    border:1px solid oklch(0.40 0.045 168);border-radius:2px;
    transition:color .3s var(--ease);
  }
  .plate .rp-name{
    font-family:"Spectral",serif;font-size:1rem;color:var(--on-dark);font-weight:500;
    transition:color .3s var(--ease);
  }
  .plate .rp-lic{
    margin-left:auto;font-size:0.68rem;letter-spacing:0.04em;font-weight:600;
    color:oklch(0.82 0.05 168);
    border:1px solid oklch(0.38 0.045 168);border-radius:100px;
    padding:0.18rem 0.6rem;line-height:1;white-space:nowrap;
  }
  .plate .rp-tick{
    flex-shrink:0;color:oklch(0.70 0.10 150);display:inline-flex;
  }
  .plate .rp-tick svg{width:14px;height:14px;}
  .plate .rp-tick.sample{
    color:var(--on-dark-soft);font-family:"Spectral",serif;font-style:italic;
    font-size:0.95rem;line-height:1;
  }
  .plate .rp-row.is-sample .rp-name{color:var(--on-dark-soft);font-style:italic;}
  .plate .rp-foot{
    display:inline-flex;align-items:center;gap:0.55ch;margin-top:1.1rem;
    font-size:0.78rem;letter-spacing:0.04em;font-weight:600;
    color:var(--gold);
  }
  .plate .rp-foot:hover{color:oklch(0.79 0.108 85);text-decoration:none;}
  .plate .rp-foot svg{width:15px;height:15px;}

  /* ---------- TRUST ROW ---------- */
  .trust{background:var(--dark-surface);color:var(--on-dark-soft);border-top:1px solid oklch(0.26 0.03 165);}
  .trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-block:0;}
  .trust .cell{padding:1.15rem 1.6rem;display:flex;align-items:center;gap:0.85rem;font-size:0.86rem;border-left:1px solid oklch(0.24 0.028 165);}
  .trust .cell:first-child{border-left:0;}
  .trust .cell svg{flex-shrink:0;color:oklch(0.72 0.06 168);}
  .trust .cell b{color:var(--on-dark);font-weight:600;}

  /* ---------- SECTION SHELL ---------- */
  section.body-sec{padding-block:var(--sec-pad);}
  .sec-head{margin-bottom:clamp(2.2rem,4vw,3rem);}
  .sec-head h2{
    font-family:"Spectral",serif;font-weight:600;
    font-size:var(--step-5);
    line-height:1.06;letter-spacing:-0.015em;color:var(--ink);
    margin-top:0.85rem;max-width:20ch;
  }
  .sec-head p.sub{color:var(--ink-soft);max-width:var(--measure);margin-top:1rem;font-size:var(--step-2);line-height:1.5;}

  /* WHAT IS: editorial two column with drop line */
  .whatis{background:var(--surface-tint);border-block:1px solid var(--hair);}
  .whatis-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:clamp(2rem,5vw,4rem);align-items:start;}
  .whatis .dropcap{
    font-family:"Spectral",serif;font-size:clamp(2rem,2.5vw,2.6rem);
    line-height:1.15;font-weight:500;color:var(--ink);
  }
  .whatis .dropcap .lead{
    float:left;font-size:3.1em;line-height:0.72;
    font-weight:600;padding:0.05em 0.14em 0 0;color:var(--pounamu);
    font-style:italic;
  }
  .whatis .note{
    border-top:1px solid var(--hair-strong);margin-top:1.8rem;padding-top:1.2rem;
    font-family:"Hanken Grotesk",sans-serif;font-size:0.94rem;color:var(--ink-soft);
    line-height:1.6;max-width:46ch;
  }
  .whatis .note strong{color:var(--ink);font-weight:600;}
  .whatis-dek{
    font-family:"Spectral",serif;font-style:italic;font-weight:500;
    font-size:var(--step-3);line-height:1.28;
    color:var(--ink);margin:1rem 0 1.7rem;max-width:34ch;
    padding-left:1rem;border-left:1px solid var(--gold);
  }
  .whatis-body{
    font-family:"Hanken Grotesk",sans-serif;font-size:1rem;
    color:var(--ink);line-height:1.65;margin-top:1.1rem;max-width:70ch;
  }
  .tell{background:var(--surface);border:1px solid var(--hair);padding:1.8rem 1.9rem;}
  .tell h3{font-family:"Spectral",serif;font-weight:600;font-size:1.2rem;margin-bottom:0.8rem;color:var(--ink);line-height:1.2;}
  .tell-p{font-size:0.94rem;color:var(--ink-soft);line-height:1.62;max-width:52ch;}
  .tell dl{display:grid;gap:0.95rem;}
  .tell dt{font-size:0.72rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--pounamu);font-weight:600;margin-bottom:0.15rem;}
  .tell dd{font-size:0.96rem;color:var(--ink);line-height:1.5;}
  .tell .hr{height:1px;background:var(--hair);}

  /* ---------- REGISTER : FIELD-GUIDE ENTRIES ---------- */
  .register .illus-flag{
    display:inline-flex;align-items:center;gap:0.5ch;
    font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;
    color:oklch(0.52 0.09 60);background:oklch(0.95 0.04 85);
    border:1px solid oklch(0.86 0.07 85);padding:0.28rem 0.7rem;border-radius:2px;
  }
  .entry{
    display:grid;grid-template-columns:auto 1fr;gap:clamp(1.3rem,3vw,2.8rem);
    padding:clamp(1.8rem,3.5vw,2.8rem) 0;
    border-top:1px solid var(--hair-strong);
    align-items:start;
  }
  .entry:last-of-type{border-bottom:1px solid var(--hair-strong);}
  .entry .num{
    font-family:"Spectral",serif;font-weight:400;
    font-size:clamp(2.6rem,4vw,3.8rem);line-height:0.9;
    color:var(--pounamu);font-variant-numeric:tabular-nums;
    position:relative;padding-right:0.2em;
  }
  .entry .num small{display:block;font-size:0.19em;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);font-family:"Hanken Grotesk",sans-serif;font-weight:600;margin-top:0.6em;}
  .entry .op-name{font-family:"Spectral",serif;font-size:clamp(1.35rem,1.6vw + 1rem,1.85rem);font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-0.01em;}
  .entry .meta-line{display:flex;flex-wrap:wrap;gap:0.5rem 1.4rem;margin:0.7rem 0 1.3rem;font-size:0.86rem;}
  .entry .meta-line span{color:var(--ink-soft);}
  .entry .meta-line span b{color:var(--ink);font-weight:600;}
  .entry .meta-line .lic{
    display:inline-flex;align-items:center;gap:0.45ch;
    color:var(--pounamu);font-weight:600;
  }
  .specimens{
    display:flex;flex-wrap:wrap;gap:0.6rem;
    border-top:1px dashed var(--hair-strong);padding-top:1.1rem;
  }
  .specimens .sp-label{
    width:100%;font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;
    color:var(--ink-soft);font-weight:600;margin-bottom:0.25rem;
    display:flex;align-items:baseline;gap:0.6ch;
  }
  .specimens .sp-label em{font-style:normal;color:var(--pounamu);font-family:"Spectral",serif;font-size:1.05em;}
  .chip{
    font-size:0.9rem;color:var(--ink);
    background:var(--wash);border:1px solid var(--hair-strong);
    padding:0.4rem 0.85rem;border-radius:2px;
    display:inline-flex;align-items:baseline;gap:0.6ch;
    transition:background .3s var(--ease),border-color .3s var(--ease);
  }
  .chip:hover{background:oklch(0.93 0.03 168);border-color:var(--pounamu);}
  .chip .dot{font-family:"Spectral",serif;color:var(--pounamu);font-size:0.85em;font-style:italic;}
  /* Register entry: verified badge on the operator name (FI bm-badge, light skin) */
  .entry .op-head{display:flex;align-items:center;gap:0.7ch;flex-wrap:wrap;}
  .entry .verified-badge{
    display:inline-flex;align-items:center;gap:0.45ch;
    font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;
    color:var(--pounamu);border:1px solid var(--hair-strong);
    border-radius:100px;padding:0.24rem 0.65rem;line-height:1;
    white-space:nowrap;background:var(--surface);
  }
  .entry .verified-badge svg{width:12px;height:12px;color:oklch(0.52 0.10 150);flex-shrink:0;}
  /* "Read review" link on register entries (FI bm-cta, field-guide light skin) */
  .entry .entry-cta{
    margin-top:1.2rem;display:inline-flex;align-items:center;gap:0.5ch;
    font-size:0.82rem;font-weight:600;letter-spacing:0.02em;color:var(--pounamu);
  }
  .entry .entry-cta:hover{color:var(--pounamu-bright);text-decoration:underline;}
  .entry .entry-cta svg{width:14px;height:14px;flex-shrink:0;}

  /* ---------- OPERATOR FAMILIES : the NZ differentiator ---------- */
  .fam-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:clamp(1.1rem,2vw,1.6rem);margin-top:0.5rem;
  }
  .fam{
    position:relative;background:var(--surface);
    border:1px solid var(--hair-strong);border-radius:3px;
    padding:clamp(1.5rem,2.4vw,2rem);display:flex;flex-direction:column;
    transition:border-color .35s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease);
  }
  .fam::before{
    content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:3px 3px 0 0;
    background:linear-gradient(90deg,var(--pounamu),var(--pounamu-bright) 60%,var(--gold));
    opacity:0.85;
  }
  .fam:hover{border-color:var(--pounamu);transform:translateY(-3px);box-shadow:0 18px 40px -28px oklch(0.30 0.04 165 / 0.55);}
  .fam-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}
  .fam-kicker{
    font-size:0.66rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;
    color:var(--gold);margin-bottom:0.5rem;
  }
  .fam-op{
    font-family:"Spectral",serif;font-weight:600;line-height:1.12;letter-spacing:-0.01em;
    font-size:clamp(1.3rem,0.9vw + 1.05rem,1.6rem);color:var(--ink);margin:0;
  }
  .fam-op a{color:inherit;text-decoration:none;transition:color .25s var(--ease);}
  .fam-op a:hover{color:var(--pounamu);}
  .fam-cta{
    margin-top:1.2rem;padding-top:1.1rem;border-top:1px dashed var(--hair-strong);
    display:inline-flex;align-items:center;gap:0.55ch;
    font-size:0.85rem;font-weight:600;letter-spacing:0.01em;color:var(--pounamu);
  }
  .fam-cta:hover{color:var(--pounamu-bright);text-decoration:none;}
  .fam-cta svg{width:15px;height:15px;flex-shrink:0;transition:transform .25s var(--ease);}
  .fam-cta:hover svg{transform:translateX(3px);}

  /* spoke -> family hub link (in the operator panel) */
  .tell-fam-link{
    margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--hair);
    display:flex;align-items:center;gap:0.6ch;
    font-size:0.88rem;font-weight:600;color:var(--pounamu);
  }
  .tell-fam-link:hover{color:var(--pounamu-bright);text-decoration:none;}
  .tell-fam-link .tfl-count{color:var(--ink-soft);font-weight:500;}
  .tell-fam-link svg{width:15px;height:15px;flex-shrink:0;margin-left:auto;transition:transform .25s var(--ease);}
  .tell-fam-link:hover svg{transform:translateX(3px);}
  .fam-count{
    flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;
    width:3.3rem;height:3.3rem;border-radius:50%;
    background:oklch(0.96 0.02 168);border:1px solid var(--hair-strong);
    font-family:"Spectral",serif;font-weight:600;font-size:1.35rem;line-height:1;color:var(--pounamu);
    font-variant-numeric:tabular-nums;
  }
  .fam-count span{font-family:"Hanken Grotesk",sans-serif;font-weight:600;font-size:0.5rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:0.25rem;}
  .fam-lic{
    display:inline-flex;align-items:center;gap:0.5ch;margin:1rem 0 1.2rem;
    font-size:0.82rem;font-weight:600;color:var(--pounamu);
  }
  .fam-lic svg{flex-shrink:0;}
  .fam-members{
    list-style:none;margin:0;padding:1.1rem 0 0;display:flex;flex-direction:column;
    border-top:1px dashed var(--hair-strong);gap:0.15rem;
  }
  .fam-members a{
    display:flex;align-items:center;gap:0.7ch;padding:0.5rem 0.1rem;
    font-size:0.98rem;color:var(--ink);font-weight:500;line-height:1.2;
    border-bottom:1px solid transparent;transition:color .25s var(--ease);
  }
  .fam-members li:not(:last-child) a{border-bottom-color:var(--hair);}
  .fam-members a:hover{color:var(--pounamu-bright);text-decoration:none;}
  .fam-members .fam-dot{font-family:"Spectral",serif;font-style:italic;color:var(--pounamu);font-size:0.9em;}
  .fam-members a svg{width:14px;height:14px;margin-left:auto;color:var(--gold);opacity:0;transform:translateX(-4px);transition:opacity .25s var(--ease),transform .25s var(--ease);flex-shrink:0;}
  .fam-members a:hover svg{opacity:1;transform:translateX(0);}
  .fam-note{
    margin:1.2rem 0 0;font-size:0.82rem;line-height:1.55;color:var(--ink-soft);
  }
  .fam-standalone{
    margin:clamp(1.6rem,3vw,2.4rem) 0 0;font-size:0.9rem;line-height:1.6;
    color:var(--ink-soft);max-width:60ch;
    padding-top:1.2rem;border-top:1px solid var(--hair);
  }

  .register-full{margin-top:clamp(3rem,6vw,5rem);}
  .register-full-head{margin-bottom:clamp(1.4rem,3vw,2.2rem);}
  .register-full-head h3{
    font-family:"Spectral",serif;font-weight:600;font-size:var(--step-4);
    line-height:1.08;letter-spacing:-0.015em;color:var(--ink);margin-top:0.7rem;
  }
  .register-full-head p.sub{color:var(--ink-soft);max-width:var(--measure);margin-top:0.8rem;font-size:var(--step-1);line-height:1.5;}
  .register-all{
    margin-top:clamp(1.6rem,3vw,2.4rem);
    display:inline-flex;align-items:center;gap:0.6ch;
    font-size:0.9rem;font-weight:600;letter-spacing:0.01em;color:var(--pounamu);
    border:1px solid var(--hair-strong);border-radius:100px;
    padding:0.75rem 1.4rem;background:var(--surface);
    transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease);
  }
  .register-all:hover{border-color:var(--pounamu);color:var(--pounamu-bright);text-decoration:none;background:oklch(0.97 0.015 168);}
  .register-all svg{width:15px;height:15px;flex-shrink:0;}

  /* ---------- LICENCE STRIP (Safety, verified data) ---------- */
  .lic-strip{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:clamp(0.8rem,1.6vw,1.1rem);margin:0 0 clamp(2rem,4vw,3rem);
  }
  .lic-card{
    background:var(--surface);border:1px solid var(--hair-strong);border-radius:3px;
    padding:1.1rem 1.2rem 1.15rem;display:flex;flex-direction:column;gap:0.15rem;
  }
  .lic-card-top{display:flex;align-items:center;gap:0.55ch;color:var(--pounamu);}
  .lic-short{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;color:var(--pounamu);}
  .lic-name{font-family:"Spectral",serif;font-size:0.98rem;font-weight:600;color:var(--ink);line-height:1.2;margin-top:0.5rem;}
  .lic-count{font-size:0.82rem;color:var(--ink-soft);margin-top:0.55rem;font-variant-numeric:tabular-nums;}
  .lic-count b{color:var(--ink);font-weight:700;}
  .lic-count span{color:var(--ink-soft);}

  /* ---------- FAMILY HUB (/families/<slug>) ---------- */
  .share-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:0;border:1px solid var(--hair-strong);border-radius:3px;overflow:hidden;
    background:var(--surface);margin:0;
  }
  .share-cell{padding:clamp(1.2rem,2.2vw,1.7rem);border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);}
  .share-cell dt{font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:0.6rem;}
  .share-cell dd{margin:0;font-family:"Spectral",serif;font-weight:600;color:var(--ink);line-height:1.25;font-size:clamp(1rem,0.6vw + 0.9rem,1.25rem);}

  .famhub-members.tinted{background:var(--surface-tint);border-block:1px solid var(--hair);}
  .fammember-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:clamp(0.9rem,1.8vw,1.3rem);
  }
  .fammember{
    display:flex;align-items:center;gap:1rem;
    background:var(--surface);border:1px solid var(--hair-strong);border-radius:3px;
    padding:1.15rem 1.3rem;color:var(--ink);
    transition:border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease);
  }
  .fammember:hover{border-color:var(--pounamu);transform:translateY(-2px);box-shadow:0 14px 34px -26px oklch(0.30 0.04 165 / 0.5);text-decoration:none;}
  .fammember .fm-idx{font-family:"Spectral",serif;font-size:1.5rem;color:var(--pounamu);font-variant-numeric:tabular-nums;line-height:1;flex-shrink:0;opacity:0.55;}
  .fammember .fm-body{flex:1;min-width:0;}
  .fammember .fm-name{font-family:"Spectral",serif;font-weight:600;font-size:1.15rem;color:var(--ink);line-height:1.15;}
  .fammember .fm-meta{display:flex;flex-wrap:wrap;gap:0.4rem 1rem;margin-top:0.4rem;font-size:0.8rem;color:var(--ink-soft);}
  .fammember .fm-lic{display:inline-flex;align-items:center;gap:0.4ch;color:var(--pounamu);font-weight:600;}
  .fammember .fm-review{color:var(--ink-soft);}
  .fammember:hover .fm-review{color:var(--pounamu);}
  .fammember .fm-go{flex-shrink:0;color:var(--gold);opacity:0;transform:translateX(-5px);transition:opacity .25s var(--ease),transform .25s var(--ease);}
  .fammember .fm-go svg{width:17px;height:17px;}
  .fammember:hover .fm-go{opacity:1;transform:translateX(0);}

  .means-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);}
  .means-card{background:var(--surface);border:1px solid var(--hair-strong);border-radius:3px;padding:clamp(1.4rem,2.4vw,1.9rem);}
  .means-card h3{font-family:"Spectral",serif;font-weight:600;font-size:1.2rem;color:var(--ink);line-height:1.2;margin-bottom:0.7rem;}
  .means-card p{font-size:0.94rem;color:var(--ink-soft);line-height:1.62;}

  /* PULL QUOTE */
  .pullquote{
    margin:clamp(3rem,6vw,5rem) 0 0;
    text-align:left;position:relative;
    border-top:2px solid var(--gold);padding-top:2.2rem;
    max-width:26ch;
  }
  .pullquote p{
    font-family:"Spectral",serif;font-style:italic;font-weight:400;
    font-size:clamp(1.5rem,2.2vw + 0.8rem,2.4rem);
    line-height:1.22;color:var(--ink);letter-spacing:-0.01em;
  }
  .pullquote cite{display:block;margin-top:1.3rem;font-style:normal;font-family:"Hanken Grotesk",sans-serif;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;}

  /* ---------- TOP PICKS ---------- */
  .picks{background:var(--pine-deep);color:var(--on-dark);position:relative;overflow:hidden;}
  .picks .contour2{position:absolute;inset:0;opacity:0.35;pointer-events:none;}
  .picks .wrap{position:relative;z-index:2;}
  .picks .sec-head h2{color:var(--on-dark);}
  .picks .sec-head p.sub{color:var(--on-dark-soft);}
  .picks-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border:1px solid oklch(0.36 0.04 165);}
  .pick{
    padding:1.6rem 1.5rem 1.5rem;border-right:1px solid oklch(0.30 0.035 165);
    display:flex;flex-direction:column;gap:0.5rem;position:relative;
    transition:background .35s var(--ease);
  }
  .pick:last-child{border-right:0;}
  .pick:hover{background:oklch(0.16 0.02 165 / 0.6);}
  .pick .rank{font-family:"Spectral",serif;font-size:1.4rem;color:oklch(0.68 0.055 168);}
  .pick h3{font-family:"Spectral",serif;font-size:1.3rem;font-weight:600;color:var(--on-dark);}
  .pick .kind{font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:oklch(0.74 0.06 168);font-weight:600;}
  .pick p{font-size:0.88rem;color:var(--on-dark-soft);line-height:1.55;margin-top:0.25rem;flex:1;}
  .pick .plabel{margin-top:0.9rem;font-size:0.7rem;letter-spacing:0.06em;color:var(--gold);border-top:1px dashed oklch(0.36 0.04 165);padding-top:0.8rem;font-style:italic;font-family:"Spectral",serif;}

  /* ---------- HOW WE RATE ---------- */
  .rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--hair-strong);}
  .step{padding:1.9rem 1.8rem;border-right:1px solid var(--hair-strong);position:relative;}
  .step:last-child{border-right:0;}
  .step .rn{font-family:"Spectral",serif;font-size:1rem;color:var(--pounamu);font-weight:600;letter-spacing:0.05em;display:flex;align-items:center;gap:0.6ch;margin-bottom:0.9rem;}
  .step .rn::after{content:"";flex:1;height:1px;background:var(--hair);}
  .step h3{font-family:"Spectral",serif;font-size:var(--step-3);font-weight:600;color:var(--ink);margin-bottom:0.55rem;line-height:1.1;letter-spacing:-0.01em;}
  .step p{font-size:0.94rem;color:var(--ink-soft);line-height:1.58;}
  .step p b{color:var(--ink);font-weight:600;}

  /* ---------- AUTHOR ---------- */
  .author{background:var(--surface-tint);border-block:1px solid var(--hair);}
  .author-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:start;}
  .avatar{
    width:104px;height:104px;flex-shrink:0;position:relative;
    border:1px solid var(--hair-strong);background:var(--wash);
    display:grid;place-items:center;
  }
  .avatar::before{content:"";position:absolute;inset:5px;border:1px solid var(--pounamu);opacity:0.25;}
  .author .aname{font-family:"Spectral",serif;font-size:var(--step-3);font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-0.01em;}
  .author .role{font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--pounamu);font-weight:600;margin-top:0.35rem;}
  .author p.bio{margin-top:1.1rem;color:var(--ink);max-width:66ch;line-height:1.62;}
  .author .method{
    margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--hair-strong);
    font-size:0.9rem;color:var(--ink-soft);max-width:62ch;
  }
  .author .method b{color:var(--ink);font-weight:600;}
  .author .regbadges{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem;}
  .author .regbadges span{font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--pounamu);border:1px solid var(--hair-strong);padding:0.28rem 0.7rem;font-weight:600;}

  /* ---------- FAQ ---------- */
  .faq-list{border-top:1px solid var(--hair-strong);}
  .faq{border-bottom:1px solid var(--hair-strong);}
  .faq summary{
    cursor:pointer;list-style:none;padding:1.35rem 0;
    display:flex;align-items:baseline;gap:1.2rem;
    font-family:"Spectral",serif;font-size:clamp(1.1rem,1vw + 0.8rem,1.35rem);
    font-weight:500;color:var(--ink);transition:color .3s var(--ease);
  }
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary:hover{color:var(--pounamu);}
  .faq summary .q-idx{font-size:0.82rem;color:var(--pounamu);font-variant-numeric:tabular-nums;font-family:"Hanken Grotesk",sans-serif;font-weight:600;letter-spacing:0.04em;min-width:2.4ch;}
  .faq summary .plus{margin-left:auto;font-size:1.3rem;color:var(--pounamu);transition:transform .35s var(--ease);font-family:"Hanken Grotesk",sans-serif;line-height:1;}
  .faq[open] summary .plus{transform:rotate(45deg);}
  .faq .ans{padding:0 0 1.5rem calc(2.4ch + 1.2rem);color:var(--ink-soft);max-width:var(--measure);line-height:1.62;}
  .faq .ans b{color:var(--ink);font-weight:600;}

  /* ---------- RESPONSIBLE GAMBLING ---------- */
  .rg{background:var(--dark-surface);color:var(--on-dark);border-top:1px solid oklch(0.28 0.03 165);}
  .rg-grid{display:grid;grid-template-columns:0.75fr 1.25fr;gap:clamp(2rem,4vw,3.5rem);align-items:center;}
  .rg .age{
    font-family:"Spectral",serif;font-size:clamp(3rem,6vw,4.5rem);font-weight:600;
    color:var(--gold);line-height:1;display:flex;align-items:baseline;gap:0.4rem;
  }
  .rg .age small{font-size:0.24em;letter-spacing:0.2em;text-transform:uppercase;color:var(--on-dark-soft);font-family:"Hanken Grotesk",sans-serif;font-weight:600;}
  .rg h2{font-family:"Spectral",serif;font-size:1.5rem;color:var(--on-dark);margin-top:0.9rem;font-weight:500;}
  .rg p{color:var(--on-dark-soft);margin-top:0.6rem;max-width:44ch;font-size:0.95rem;}
  .helplines{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;border:1px solid oklch(0.30 0.035 165);}
  .helpline{padding:1.15rem 1.3rem;border-right:1px solid oklch(0.26 0.03 165);border-bottom:1px solid oklch(0.26 0.03 165);}
  .helpline .hname{font-size:0.75rem;letter-spacing:0.08em;text-transform:uppercase;color:oklch(0.72 0.06 168);font-weight:600;}
  .helpline .hval{font-family:"Spectral",serif;font-size:1.1rem;color:var(--on-dark);margin-top:0.3rem;}

  /* ---------- FOOTER ---------- */
  footer.site{background:var(--pine-deep);color:var(--on-dark-soft);padding-block:clamp(3rem,6vw,4.5rem) 2rem;position:relative;overflow:hidden;}
  footer.site .contour3{position:absolute;inset:0;opacity:0.28;pointer-events:none;}
  footer.site .wrap{position:relative;z-index:2;}
  .footmark{
    display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);
    align-items:center;padding-bottom:2.5rem;border-bottom:1px solid oklch(0.30 0.035 165);
  }
  .footmark .bigmark{display:flex;align-items:center;justify-content:center;padding:0.5rem;}
  .footmark .fm-text .fm-name{font-family:"Spectral",serif;font-size:2rem;font-weight:600;color:var(--on-dark);letter-spacing:0.01em;}
  .footmark .fm-text .fm-name b{color:var(--gold);}
  .footmark .fm-text p{max-width:46ch;margin-top:0.7rem;font-size:0.92rem;line-height:1.6;}
  .footcols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-block:2.5rem;}
  .footcols h4{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:oklch(0.72 0.055 168);font-weight:600;margin-bottom:1rem;}
  .footcols ul{list-style:none;display:grid;gap:0.15rem;}
  .footcols a{color:var(--on-dark-soft);font-size:0.9rem;display:inline-flex;align-items:center;min-height:44px;}
  .footcols a:hover{color:var(--on-dark);}
  /* RG helpline cluster row (FI foot-rg logic), field-guide skin */
  .foot-rg{
    display:flex;flex-wrap:wrap;gap:0.6rem 1.3rem;align-items:baseline;
    padding-block:1.6rem;border-top:1px solid oklch(0.30 0.035 165);
    font-size:0.82rem;
  }
  .foot-rg .foot-rg-label{color:oklch(0.72 0.055 168);font-weight:600;letter-spacing:0.06em;text-transform:uppercase;font-size:0.7rem;}
  .foot-rg a{color:var(--on-dark-soft);}
  .foot-rg a:hover{color:var(--on-dark);}
  .foot-rg .foot-rg-more{color:var(--gold);font-weight:600;display:inline-flex;align-items:center;gap:0.4ch;}
  .foot-rg .foot-rg-more:hover{color:oklch(0.79 0.108 85);}
  .foot-rg .foot-rg-more svg{width:14px;height:14px;flex-shrink:0;}
  /* Affiliate disclosure row (FI disclosure logic), field-guide skin */
  .disclosure{
    display:flex;gap:0.7rem;align-items:flex-start;
    padding-block:1.6rem;border-top:1px solid oklch(0.30 0.035 165);
    font-size:0.82rem;line-height:1.6;color:var(--on-dark-soft);max-width:96ch;
  }
  .disclosure svg{width:17px;height:17px;flex-shrink:0;color:oklch(0.72 0.06 168);margin-top:0.2rem;}
  .disclosure b{color:var(--on-dark);font-weight:600;}
  .footbar{display:flex;flex-wrap:wrap;gap:0.8rem 1.5rem;align-items:center;padding-top:1.8rem;border-top:1px solid oklch(0.30 0.035 165);font-size:0.8rem;}
  .footbar nav{display:flex;flex-wrap:wrap;gap:0.6rem 1.2rem;align-items:center;}
  .footbar nav a{color:var(--on-dark-soft);}
  .footbar nav a:hover{color:var(--on-dark);}
  .footbar .rg18{display:inline-flex;align-items:center;gap:0.55ch;color:var(--gold);font-weight:600;}
  .footbar .rg18 b{border:1px solid var(--gold);border-radius:2px;padding:0.05rem 0.4rem;font-size:0.72rem;letter-spacing:0.06em;}
  .footbar .spacer{margin-left:auto;}

  /* ---------- RECOMMENDED OPERATORS (dark field-guide picks) ---------- */
  /* Raised specimen cards: tinted dark-green panels, hairline border, soft shadow,
     prominent serif rank numeral, licence pill, verified pip. Honest markers kept. */
  .recs .rec-list{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:clamp(1rem,1.6vw,1.4rem);
  }
  .rec{
    padding:1.6rem 1.5rem 1.4rem;
    background:oklch(0.20 0.026 165 / 0.72);
    border:1px solid oklch(0.36 0.04 165);
    border-radius:3px;
    box-shadow:0 18px 40px -28px rgba(0,0,0,0.75);
    display:flex;flex-direction:column;gap:0.55rem;position:relative;
    transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease);
  }
  .rec:hover,
  .rec:focus-within{
    transform:translateY(-3px);
    background:oklch(0.22 0.028 165 / 0.82);
    border-color:oklch(0.48 0.05 168);
    box-shadow:0 26px 54px -26px rgba(0,0,0,0.8);
  }
  @media (prefers-reduced-motion:reduce){
    .rec{transition:box-shadow .35s var(--ease),border-color .35s var(--ease),background .35s var(--ease);}
    .rec:hover,.rec:focus-within{transform:none;}
  }
  .rec .rec-top{display:flex;align-items:center;justify-content:space-between;gap:0.7ch;}
  .rec .rnum{
    font-family:"Spectral",serif;font-weight:400;
    font-size:2.9rem;line-height:0.85;
    color:oklch(0.66 0.06 168);font-variant-numeric:tabular-nums;
  }
  .rec .kind{
    font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;
    color:oklch(0.80 0.06 168);font-weight:600;
    border:1px solid oklch(0.38 0.045 168);border-radius:100px;
    padding:0.28rem 0.7rem;line-height:1;white-space:nowrap;
  }
  .rec h3{
    font-family:"Spectral",serif;font-size:var(--step-3);font-weight:600;
    color:var(--on-dark);line-height:1.1;letter-spacing:-0.01em;margin-top:0.4rem;
  }
  .rec .rec-op{font-size:0.86rem;color:var(--on-dark-soft);line-height:1.5;}
  .rec .rec-op b{color:oklch(0.86 0.05 168);font-weight:600;}
  /* Licence pill */
  .rec .lic-chip{
    align-self:flex-start;
    display:inline-flex;align-items:center;gap:0.5ch;
    font-size:0.72rem;letter-spacing:0.05em;font-weight:600;
    color:oklch(0.84 0.05 168);
    background:oklch(0.16 0.02 165 / 0.7);
    border:1px solid oklch(0.40 0.045 168);border-radius:100px;
    padding:0.3rem 0.75rem;line-height:1;margin-top:0.15rem;
  }
  .rec .lic-chip svg{color:oklch(0.72 0.06 168);flex-shrink:0;}
  /* Verified pip + label */
  .rec .verified{
    display:inline-flex;align-items:center;gap:0.55ch;
    font-size:0.76rem;color:var(--on-dark-soft);margin-top:0.15rem;
  }
  .rec .verified .pip{
    width:0.5rem;height:0.5rem;border-radius:50%;flex-shrink:0;
    background:oklch(0.66 0.10 150);
    box-shadow:0 0 0 3px oklch(0.66 0.10 150 / 0.18);
  }
  .rec .rating{
    font-size:0.82rem;color:var(--on-dark-soft);
    display:inline-flex;align-items:center;gap:0.5ch;
  }
  .rec .rating em{font-style:normal;font-family:"Spectral",serif;color:oklch(0.78 0.09 90);}
  .rec .plabel{
    margin-top:auto;padding-top:0.9rem;font-size:0.7rem;letter-spacing:0.06em;
    color:var(--gold);border-top:1px dashed oklch(0.36 0.04 165);
    font-style:italic;font-family:"Spectral",serif;
    display:flex;align-items:center;justify-content:space-between;gap:0.8ch;
  }
  /* "Read review" link on dark picks cards (FI top-picks CTA, field-guide skin) */
  .rec .read-review{
    font-family:"Hanken Grotesk",sans-serif;font-style:normal;font-weight:600;
    font-size:0.76rem;letter-spacing:0.02em;color:oklch(0.82 0.06 168);
    display:inline-flex;align-items:center;gap:0.4ch;white-space:nowrap;
  }
  .rec .read-review:hover{color:var(--gold);text-decoration:none;}
  .rec .read-review svg{width:13px;height:13px;flex-shrink:0;}
  /* Bonus / payout / min-deposit placeholder rows on picks cards */
  .rec .rec-facts{display:grid;gap:0.35rem;margin-top:0.15rem;}
  .rec .rec-facts .rf{
    display:flex;justify-content:space-between;gap:0.8ch;
    font-size:0.8rem;color:var(--on-dark-soft);line-height:1.4;
  }
  .rec .rec-facts .rf b{color:oklch(0.86 0.05 168);font-weight:600;text-align:right;}
  .rec .rec-facts .rf .rf-k{letter-spacing:0.02em;}
  /* Payment-method chip row on picks cards */
  .rec .pay-row{
    display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.35rem;
  }
  .rec .pay-chip{
    font-size:0.66rem;letter-spacing:0.03em;font-weight:600;
    color:var(--on-dark-soft);
    background:oklch(0.16 0.02 165 / 0.7);
    border:1px solid oklch(0.36 0.04 165);border-radius:2px;
    padding:0.22rem 0.5rem;line-height:1;
  }

  /* ---------- PROSE SECTIONS (bonuses / types / safety) ---------- */
  .prose-sec .prose{
    font-family:"Hanken Grotesk",sans-serif;font-size:1rem;
    color:var(--ink);line-height:1.68;max-width:72ch;
  }
  .prose-sec .prose p{margin-top:1.05rem;max-width:72ch;}
  .prose-sec .prose p:first-child{margin-top:0;}
  .prose-sec .prose h3{
    font-family:"Spectral",serif;font-weight:600;color:var(--ink);
    font-size:var(--step-3);line-height:1.15;letter-spacing:-0.01em;
    margin:2.6rem 0 0.2rem;padding-top:1.7rem;
    border-top:1px solid var(--hair-strong);max-width:30ch;
  }
  .prose-sec .prose h3 + p{margin-top:0.9rem;}
  .prose-sec.tinted{background:var(--surface-tint);border-block:1px solid var(--hair);}

  /* ---------- CONTENT PAGES (about / how-we-rate / responsible-gambling / legal) ---------- */
  .page-lead{padding-block:clamp(3.5rem,8vw,6rem) clamp(1.8rem,4vw,3rem);border-bottom:1px solid var(--hair);}
  .page-lead h1{
    font-family:"Spectral",serif;font-weight:600;letter-spacing:-0.02em;line-height:1.05;
    font-size:clamp(2.3rem,5vw,3.8rem);color:var(--ink);max-width:18ch;
  }
  .page-lead h1 em{font-style:italic;color:var(--pounamu);}
  .page-lead .lede{margin-top:1.3rem;max-width:var(--measure);font-size:var(--step-2);line-height:1.5;color:var(--ink-soft);}

  .band{padding-block:clamp(2.6rem,5vw,4.2rem);}
  .band.alt{background:var(--surface-tint);border-block:1px solid var(--hair);}
  .article{max-width:var(--measure);}
  .article-wide{max-width:76ch;}

  /* generic prose for content pages (scoped to .band so it never clobbers .prose-sec) */
  .band .prose{font-family:"Hanken Grotesk",sans-serif;color:var(--ink);}
  .band .prose > h2{font-family:"Spectral",serif;font-weight:600;font-size:var(--step-4);line-height:1.1;letter-spacing:-0.01em;color:var(--ink);margin-top:2.4rem;max-width:24ch;}
  .band .prose > h2:first-child{margin-top:0;}
  .band .prose > h3{font-family:"Spectral",serif;font-weight:600;font-size:1.2rem;color:var(--ink);margin-top:1.9rem;}
  .band .prose p{margin-top:1rem;font-size:1rem;line-height:1.7;color:var(--ink);max-width:72ch;}
  .band .prose p:first-child{margin-top:0;}
  .band .prose a{color:var(--pounamu);font-weight:600;text-decoration:underline;text-decoration-color:var(--hair-strong);text-underline-offset:2px;}
  .band .prose ul,.band .prose ol{margin-top:1rem;padding-left:1.3rem;max-width:72ch;}
  .band .prose li{margin-top:0.5rem;line-height:1.65;color:var(--ink);}

  .about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(1rem,2.5vw,2rem);}
  .about-stats > div{display:flex;flex-direction:column;gap:0.35rem;padding-top:1.1rem;border-top:2px solid var(--pounamu);}
  .about-stats b{font-family:"Spectral",serif;font-weight:600;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);line-height:1;}
  .about-stats span{font-size:0.74rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;}

  /* how-we-rate: 3-step verification grid */
  .verify-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(1.4rem,3vw,2.4rem);}
  .verify-step{padding-top:1.1rem;border-top:2px solid var(--pounamu);}
  .verify-step .vn{font-family:"Spectral",serif;font-size:1.6rem;color:var(--pounamu);line-height:1;display:block;margin-bottom:0.6rem;}
  .verify-step h3{font-family:"Spectral",serif;font-weight:600;font-size:1.25rem;color:var(--ink);line-height:1.2;margin-bottom:0.5rem;}
  .verify-step p{font-size:0.96rem;color:var(--ink-soft);line-height:1.62;max-width:40ch;}

  /* how-we-rate: weighted-score breakdown */
  .band .prose ul.rate-weights{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;gap:0;max-width:62ch;}
  .rate-weights li{display:grid;grid-template-columns:3.6rem 1fr;gap:1rem;align-items:baseline;margin:0;padding:0.85rem 0;border-top:1px solid var(--hair);}
  .rate-weights li:first-child{border-top:none;}
  .rate-weights b{font-family:"Spectral",serif;font-weight:600;font-size:1.3rem;color:var(--pounamu);line-height:1;}
  .rate-weights span{color:var(--ink);line-height:1.45;}

  /* ---------- LATEST ARTICLES (empty state) ---------- */
  .latest .empty{
    border:1px solid var(--hair-strong);background:var(--surface-tint);
    padding:clamp(2rem,4vw,2.8rem);display:grid;
    grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2rem);align-items:center;
  }
  .latest .empty .es-mark{
    width:64px;height:64px;flex-shrink:0;border:1px solid var(--hair-strong);
    background:var(--wash);display:grid;place-items:center;position:relative;
  }
  .latest .empty .es-mark::before{content:"";position:absolute;inset:5px;border:1px solid var(--pounamu);opacity:0.22;}
  .latest .empty .es-mark span{font-family:"Spectral",serif;font-style:italic;color:var(--pounamu);font-size:1.5rem;}
  .latest .empty h3{font-family:"Spectral",serif;font-weight:600;font-size:1.3rem;color:var(--ink);line-height:1.15;}
  .latest .empty p{font-size:0.95rem;color:var(--ink-soft);line-height:1.6;margin-top:0.4rem;max-width:56ch;}

  /* ---------- REVEAL ---------- */
  .reveal{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease);}
  .reveal.in{opacity:1;transform:none;}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;} html{scroll-behavior:auto;}}

  /* ---------- RESPONSIVE ---------- */
  @media (max-width:920px){
    .hero-grid{grid-template-columns:1fr;gap:2.6rem;}
    .whatis-grid{grid-template-columns:1fr;}
    .rate-grid{grid-template-columns:1fr;}
    .step{border-right:0;border-bottom:1px solid var(--hair-strong);}
    .step:last-child{border-bottom:0;}
    .rg-grid{grid-template-columns:1fr;gap:1.6rem;}
    .footcols{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:680px){
    nav.top .nav-links{display:none;}
    .trust .wrap{grid-template-columns:1fr;}
    .trust .cell{border-left:0;border-top:1px solid oklch(0.24 0.028 165);}
    .trust .cell:first-child{border-top:0;}
    .entry{grid-template-columns:1fr;gap:0.8rem;}
    .entry .num{font-size:2.4rem;}
    .footcols{grid-template-columns:1fr;}
    .footmark{grid-template-columns:1fr;text-align:left;}
    .picks-list{grid-template-columns:1fr;}
    .pick{border-right:0;border-bottom:1px solid oklch(0.30 0.035 165);}
    .pick:last-child{border-bottom:0;}
    .recs .rec-list{grid-template-columns:1fr;}
    .latest .empty{grid-template-columns:1fr;}
  }
  @media (max-width:400px){
    .wrap{width:min(100% - 1.6rem, 1160px);}
  }

/* --- assets/css/components.css --- */
/* ============================================================
   components.css — intentionally empty.

   For theme-engine-nz-a (the SisterSite editorial design)
   ALL design + component CSS lives in style-base.css so the
   classic-php adapter's assembled style.css reproduces the
   frontend-design.html look exactly. The adapter still concatenates
   this file after style-base.css; keep design-bakeoff component CSS
   in style-base.css, not here.
   ============================================================ */

/* Accessibility: skip-to-content link. Visually hidden until focused
   (keyboard/screen-reader users get it; the field-guide layout stays clean).
   Kept here, not style-base.css, so style-base.css stays byte-identical to
   the approved mockup. */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 1000;
  padding: 0.6rem 1rem;
  background: var(--ink, #14211c);
  color: var(--on-dark, #e9f3ee);
  font-weight: 600;
  text-decoration: none;
  border-radius: 0 0 4px 0;
}
.skip-link:focus {
  left: 0;
  outline: 2px solid var(--gold, #c9a24e);
  outline-offset: 2px;
}


/* ===== Review-page (brand-sister) component CSS =====
   Ported from the review mockup (nz-brand-jackpotcity-fieldguide.html): the
   selectors the review page needs that the homepage mockup did not define
   (table.cmp, .table-scroll, .know-grid, .verdict-card, .brand-facts,
   .band-note, .method-grid, .sources, .crosslinks, .breadcrumb, .pill, ...).
   None of these selectors appear on the homepage, so the homepage is unaffected.
   @media blocks are filtered to homepage-absent selectors to avoid overriding
   the homepage responsive layout. ===== */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0.55ch;
    font-size:0.78rem;letter-spacing:0.05em;color:var(--on-dark-soft);margin-bottom:1.2rem;}
.breadcrumb a{color:oklch(0.80 0.07 168);font-weight:500;}
.breadcrumb a:hover{color:var(--on-dark);text-decoration:none;}
.breadcrumb .sep{color:oklch(0.56 0.045 165);}
.breadcrumb .cur{color:var(--on-dark);font-weight:600;}
.hero-pills{margin-top:1.7rem;display:flex;flex-wrap:wrap;gap:0.7rem 0.9rem;align-items:center;}
.pill{display:inline-flex;align-items:center;gap:0.5ch;
    font-size:0.74rem;letter-spacing:0.06em;font-weight:600;
    padding:0.4rem 0.85rem;border-radius:2px;}
.pill svg{flex-shrink:0;}
.pill-verified{color:oklch(0.86 0.07 168);border:1px solid oklch(0.44 0.06 168);background:oklch(0.22 0.03 168 / 0.5);}
.pill-illus{color:oklch(0.83 0.09 88);border:1px solid oklch(0.5 0.07 85);background:oklch(0.26 0.04 85 / 0.35);}
.hero-checked{margin-top:1.15rem;font-size:0.8rem;color:var(--on-dark-soft);
    display:inline-flex;align-items:center;gap:0.55ch;letter-spacing:0.02em;}
.hero-checked svg{color:oklch(0.7 0.06 168);flex-shrink:0;}
.sec-head h2 em{font-style:italic;color:var(--pounamu);font-weight:600;}
.sec-head .head-row{display:flex;flex-wrap:wrap;gap:0.8rem 1.2rem;align-items:center;margin-top:1rem;}
.sec-kicker{display:inline-flex;align-items:center;gap:0.7ch;
    font-size:0.735rem;font-weight:600;letter-spacing:0.16em;
    text-transform:uppercase;color:var(--pounamu);}
.sec-kicker .num{font-family:"Spectral",serif;font-size:1rem;font-weight:500;font-style:italic;
    color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:0;
    display:inline-flex;align-items:center;}
.sec-kicker .num::after{content:"";width:1.6rem;height:1px;background:var(--gold);display:inline-block;margin-left:0.7ch;}
.recs .sec-kicker{color:oklch(0.80 0.07 168);}
.illus-flag{display:inline-flex;align-items:center;gap:0.5ch;
    font-size:0.7rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;
    color:oklch(0.52 0.09 60);background:oklch(0.95 0.04 85);
    border:1px solid oklch(0.86 0.07 85);padding:0.28rem 0.7rem;border-radius:2px;}
.illus-flag svg{flex-shrink:0;}
.recs{background:var(--pine-deep);color:var(--on-dark);position:relative;overflow:hidden;}
.recs .contour2{position:absolute;inset:0;opacity:0.35;pointer-events:none;}
.recs .wrap{position:relative;z-index:2;}
.recs .sec-head h2{color:var(--on-dark);}
.recs .sec-head h2 em{color:oklch(0.86 0.07 168);}
.recs .sec-head p.sub{color:var(--on-dark-soft);}
.rec:last-child{border-right:0;}
.compare{background:var(--surface-tint);border-block:1px solid var(--hair);}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;
    border:1px solid var(--hair-strong);background:var(--surface);}
table.cmp{width:100%;border-collapse:collapse;min-width:720px;
    font-size:0.92rem;}
table.cmp thead th{text-align:left;font-family:"Hanken Grotesk",sans-serif;
    font-size:0.7rem;letter-spacing:0.11em;text-transform:uppercase;font-weight:600;
    color:var(--pounamu);padding:1rem 1.1rem;
    border-bottom:1px solid var(--hair-strong);background:var(--wash);
    white-space:nowrap;}
table.cmp thead th:first-child{position:sticky;left:0;background:var(--wash);z-index:1;}
table.cmp tbody th{text-align:left;font-family:"Spectral",serif;font-weight:600;font-size:1.02rem;
    color:var(--ink);padding:0.95rem 1.1rem;border-bottom:1px solid var(--hair);
    position:sticky;left:0;background:var(--surface);z-index:1;white-space:nowrap;}
table.cmp tbody th .role-tag{display:block;font-family:"Hanken Grotesk",sans-serif;font-weight:600;
    font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;
    color:var(--pounamu);margin-top:0.25rem;}
table.cmp tbody th .role-tag.sister{color:var(--ink-soft);}
table.cmp td{padding:0.95rem 1.1rem;border-bottom:1px solid var(--hair);
    color:var(--ink-soft);font-variant-numeric:tabular-nums;vertical-align:middle;}
table.cmp tbody tr:last-child th,
  table.cmp tbody tr:last-child td{border-bottom:0;}
table.cmp tbody tr.is-main th{background:oklch(0.97 0.012 168);}
table.cmp tbody tr.is-main td{background:oklch(0.98 0.008 168);color:var(--ink);}
table.cmp tbody tr:hover td{background:oklch(0.965 0.012 168);}
.cell-pending{display:inline-flex;align-items:center;gap:0.45ch;
    color:oklch(0.52 0.05 165);font-style:italic;font-family:"Spectral",serif;font-size:0.95rem;}
.cell-pending::before{content:"";width:0.4rem;height:0.4rem;border:1px solid oklch(0.62 0.04 165);border-radius:50%;flex-shrink:0;}
.cell-lic{color:var(--pounamu);font-weight:600;}
.cmp-note{margin-top:1rem;font-size:0.82rem;color:var(--ink-soft);
    display:flex;align-items:center;gap:0.6ch;}
.cmp-note svg{color:var(--pounamu);flex-shrink:0;}
.tellsec .tell-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:clamp(1.6rem,4vw,3rem);align-items:start;}
.tell-p b{color:var(--ink);font-weight:600;}
.verdict-body{font-family:"Hanken Grotesk",sans-serif;font-size:1.05rem;
    color:var(--ink);line-height:1.66;max-width:64ch;}
.verdict-body b{color:var(--ink);font-weight:600;}
.verdict-dek{font-family:"Spectral",serif;font-style:italic;font-weight:500;
    font-size:clamp(1.15rem,0.8vw + 1rem,1.45rem);line-height:1.32;
    color:var(--ink);margin:0 0 1.4rem;max-width:34ch;
    padding-left:1rem;border-left:1px solid var(--gold);}
.brand-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--hair-strong);}
.brand-fact{padding:1.5rem 1.6rem;border-right:1px solid var(--hair-strong);}
.brand-fact:last-child{border-right:0;}
.brand-fact .k{font-size:0.72rem;letter-spacing:0.13em;text-transform:uppercase;color:var(--pounamu);font-weight:600;margin-bottom:0.5rem;}
.brand-fact .v{font-family:"Spectral",serif;font-size:1.15rem;color:var(--ink);line-height:1.25;}
.brand-fact .v .q{color:var(--ink-soft);font-weight:400;font-size:0.85em;font-family:"Hanken Grotesk",sans-serif;}
.brand-licdetail{margin-top:1.3rem;display:flex;gap:0.6ch;align-items:flex-start;
    font-size:0.94rem;color:var(--ink-soft);line-height:1.6;max-width:66ch;}
.brand-licdetail svg{color:var(--pounamu);flex-shrink:0;margin-top:0.15rem;}
.brand-licdetail b{color:var(--ink);font-weight:600;}
.know-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hair-strong);}
.know-col{padding:1.9rem 1.8rem;border-right:1px solid var(--hair-strong);}
.know-col:last-child{border-right:0;background:var(--surface-tint);}
.know-col h3{font-family:"Spectral",serif;font-size:1.28rem;font-weight:600;color:var(--ink);
    margin-bottom:1.1rem;display:flex;align-items:center;gap:0.6ch;}
.know-col h3 svg{flex-shrink:0;}
.know-col.pros h3 svg{color:var(--pounamu);}
.know-col.watch h3 svg{color:oklch(0.6 0.09 60);}
.know-col ul{list-style:none;display:grid;gap:0.9rem;}
.know-col li{display:flex;gap:0.75ch;align-items:flex-start;
    font-size:0.96rem;color:var(--ink);line-height:1.55;}
.know-col li .mk{font-family:"Spectral",serif;color:var(--pounamu);font-size:1.05em;line-height:1.4;flex-shrink:0;}
.know-col.watch li .mk{color:oklch(0.58 0.09 60);}
.entry .sp-note{font-size:0.95rem;color:var(--ink-soft);line-height:1.6;max-width:60ch;
    padding-top:1rem;border-top:1px dashed var(--hair-strong);}
.entry .sp-note .review-flag{display:flex;width:fit-content;align-items:center;gap:0.5ch;margin-top:0.9rem;
    font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;
    color:oklch(0.52 0.09 60);}
.entry .sp-note .review-flag::before{content:"";width:1.4rem;height:1px;background:oklch(0.7 0.08 85);display:inline-block;}
.dim-note{margin-top:1rem;font-size:0.82rem;color:var(--ink-soft);
    display:flex;align-items:center;gap:0.6ch;}
.dim-note svg{color:var(--pounamu);flex-shrink:0;}
.pay-chip{display:inline-flex;align-items:center;
    font-size:0.72rem;letter-spacing:0.03em;font-weight:600;color:var(--ink-soft);
    background:var(--wash);border:1px solid var(--hair-strong);border-radius:2px;
    padding:0.24rem 0.55rem;line-height:1;}
.pay-cell{display:flex;flex-wrap:wrap;gap:0.35rem;}
.band-note{border:1px solid var(--hair-strong);background:var(--surface);
    padding:clamp(1.5rem,3vw,2.1rem);display:grid;
    grid-template-columns:auto 1fr;gap:clamp(1.1rem,3vw,1.9rem);align-items:center;}
.band-note.tinted{background:var(--surface-tint);}
.band-note .p-mark{width:58px;height:58px;flex-shrink:0;border:1px solid var(--hair-strong);
    background:var(--wash);display:grid;place-items:center;position:relative;}
.band-note .p-mark::before{content:"";position:absolute;inset:5px;border:1px solid var(--pounamu);opacity:0.22;}
.band-note .p-mark span{font-family:"Spectral",serif;font-style:italic;color:var(--pounamu);font-size:1.35rem;}
.band-note .bn-body{min-width:0;}
.band-note p{font-size:0.96rem;color:var(--ink-soft);line-height:1.62;max-width:66ch;}
.band-note p a{font-weight:600;}
.band-note p b{color:var(--ink);font-weight:600;}
.band-note .pend-tag{display:inline-flex;align-items:center;gap:0.5ch;margin-top:0.9rem;
    font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;
    color:oklch(0.52 0.09 60);}
.band-note .pend-tag::before{content:"";width:1.4rem;height:1px;background:oklch(0.7 0.08 85);display:inline-block;}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--hair-strong);}
.text-link{display:inline-flex;align-items:center;gap:0.5ch;margin-top:1.6rem;
    font-size:0.86rem;font-weight:600;letter-spacing:0.02em;color:var(--pounamu);}
.text-link:hover{color:var(--pounamu-bright);text-decoration:underline;}
.text-link svg{width:15px;height:15px;flex-shrink:0;}
.verdict-card{border:1px solid var(--hair-strong);background:var(--surface);
    padding:clamp(1.7rem,3.5vw,2.4rem);max-width:74ch;}
.verdict-card p{font-size:1rem;color:var(--ink);line-height:1.66;}
.verdict-card p + p{margin-top:1.05rem;}
.verdict-card .vc-pending{color:var(--ink-soft);}
.verdict-card .vc-pending b{color:var(--ink);font-weight:600;}
.sources{list-style:none;border:1px solid var(--hair-strong);background:var(--surface);
    display:grid;}
.sources li{display:flex;gap:0.7ch;align-items:center;
    padding:1.05rem 1.4rem;border-bottom:1px solid var(--hair);
    font-size:0.94rem;color:var(--ink-soft);}
.sources li:last-child{border-bottom:0;}
.sources li svg{color:var(--pounamu);flex-shrink:0;}
.sources li .src-pending{font-family:"Spectral",serif;font-style:italic;color:oklch(0.52 0.05 165);}
.crosslinks{display:flex;flex-wrap:wrap;gap:0.7rem;}
.crosslinks a{display:inline-flex;align-items:center;gap:0.6ch;
    font-size:0.92rem;font-weight:500;color:var(--ink);
    background:var(--surface);border:1px solid var(--hair-strong);
    padding:0.7rem 1.05rem;border-radius:2px;
    transition:border-color .3s var(--ease),color .3s var(--ease);}
.crosslinks a:hover{border-color:var(--pounamu);color:var(--pounamu);text-decoration:none;}
.crosslinks a svg{color:var(--pounamu);flex-shrink:0;}
.faq-lead{border:1px solid var(--hair-strong);background:var(--surface-tint);
    padding:1.5rem 1.7rem;margin-bottom:1.4rem;
    font-family:"Spectral",serif;font-style:italic;font-size:1.1rem;
    color:var(--ink);line-height:1.4;max-width:60ch;}
.author .method-note{margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--hair-strong);
    font-size:0.9rem;color:var(--ink-soft);max-width:62ch;}
.author .method-note b{color:var(--ink);font-weight:600;}
.foot-18{display:inline-flex;align-items:center;gap:0.55ch;margin-top:0.7rem;font-size:0.85rem;color:var(--gold);font-weight:600;}
.foot-18 b{border:1px solid var(--gold);border-radius:2px;padding:0.05rem 0.4rem;font-size:0.72rem;letter-spacing:0.06em;}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}
@media (max-width:920px){
  .tellsec .tell-grid{grid-template-columns:1fr;}
  .brand-facts{grid-template-columns:1fr;}
  .brand-fact{border-right:0;border-bottom:1px solid var(--hair-strong);}
  .brand-fact:last-child{border-bottom:0;}
  .method-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .rec{border-right:0;border-bottom:1px solid oklch(0.30 0.035 165);}
  .rec:last-child{border-bottom:0;}
  .know-grid{grid-template-columns:1fr;}
  .know-col{border-right:0;border-bottom:1px solid var(--hair-strong);}
  .know-col:last-child{border-bottom:0;}
  .band-note{grid-template-columns:1fr;}
}