:root{
      --bg-base:#DFD4C9; --bg-surface:#EDE6DE; --bg-elevated: #F2EAE0;
      --bg-dark: #26331B; --bg-dark-surface: #314023;
      --border-subtle:#CFC2B4; --border-default:#BFB0A0; --border-strong:#A89684;
      --text-primary:#1E1A14; --text-secondary:#4A4238; --text-muted:#5F5346;
      --text-inverse:#FAF8F4; --text-inverse-muted:rgba(250,248,244,.55);
      --text-inverse-faint:rgba(250,248,244,.28);
      --sgl-blue:#1D52A8; --sgl-blue-tint:#EEF2FB;
      --sgl-red:#C13040; --sgl-red-tint:#FBEEF0;
      --sgl-yellow:#C98018; --sgl-yellow-tint:#FBF4E6;
      --sgl-purple:#6D2E93; --sgl-purple-tint:#F2E9FA;
      --site-green:#1F3A0A; --site-green-tint:#EBF3E0; --heading-green:#1F3A0A;
      --sgl-green:#1F3A0A; --sgl-green-tint:#EBF3E0;
      --r-sm:4px; --r-md:8px; --r-lg:12px; --r-xl:16px; --r-2xl:24px; --r-full:9999px;
      --sh-sm:0 1px 3px rgba(30,26,20,.07),0 1px 2px rgba(30,26,20,.04);
      --sh-md:0 4px 14px rgba(30,26,20,.09),0 2px 4px rgba(30,26,20,.05);
      --sh-lg:0 16px 40px rgba(30,26,20,.11),0 4px 12px rgba(30,26,20,.06);
      --sh-mega:0 32px 72px rgba(30,26,20,.18),0 8px 24px rgba(30,26,20,.08);
      --font:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
      --serif:'Newsreader',Georgia,serif;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    body{font-family:var(--font);font-weight:600;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;}
    a{text-decoration:none;color:inherit;}
    a:hover{color:var(--site-green);}
    button{font-family:var(--font);cursor:pointer;border:none;background:none;padding:0;}

    html,body{height:auto!important;min-height:100%;}
    #dc-root,#dc-root>.sc-host{height:auto!important;min-height:100%;}
    .rw{max-width:min(1400px,100%);margin:0 auto;padding:0 40px;min-width:0;}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;}
    .codes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
    .tools-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start;}
    .tools-list{display:flex;flex-direction:column;gap:10px;}
    @media(max-width:900px){.tools-grid{grid-template-columns:1fr;gap:30px;}}
    .what-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
    .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
    .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .split{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start;}
    .nav-d{display:flex;align-items:center;gap:1px;flex:1;}
    .nav-mob-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-inverse-muted);padding:8px;}
    /* nav collapse — full size while it fits, then step down */
    .nav-bar{flex-wrap:nowrap!important;max-width:min(1720px,100%)!important;}
    .fs>.rw{max-width:min(1720px,100%)!important;}
    .nav-d{min-width:0;}
    @media(max-width:1660px){
      .nav-l{font-size:.9375rem!important;padding:10px 12px!important;}
      .nav-l::after{left:12px!important;right:12px!important;}
      .nav-logo{margin-right:18px!important;}
      .nav-cta{margin-left:10px!important;padding:11px 20px!important;font-size:.875rem!important;}
    }
    @media(max-width:1440px){
      .nav-l{font-size:.875rem!important;padding:9px 9px!important;gap:7px!important;}
      .nav-l::after{left:9px!important;right:9px!important;}
      .nav-logo{margin-right:12px!important;}
      .nav-logo img{height:30px!important;width:30px!important;}
      .nav-cta{padding:10px 15px!important;font-size:.8125rem!important;}
    }
    @media(max-width:1340px){
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
    }
    .gm{display:grid;grid-template-columns:232px 1fr;gap:24px;align-items:start;}
    .gm5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
    @keyframes fadeSlide{from{opacity:0;transform:translateY(-10px) scale(.99);}to{opacity:1;transform:translateY(0) scale(1);}}
    .fs{animation:fadeSlide .3s cubic-bezier(.22,1,.36,1) both;}
    @keyframes fadeIn{from{opacity:0;}}
    .fade-in{animation:fadeIn .6s ease both;}
    @keyframes driftA{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(6vw,4vw,0) scale(1.12);}100%{transform:translate3d(0,0,0) scale(1);}}
    @keyframes driftB{0%{transform:translate3d(0,0,0) scale(1.08);}50%{transform:translate3d(-5vw,-6vw,0) scale(.94);}100%{transform:translate3d(0,0,0) scale(1.08);}}
    @keyframes driftC{0%{transform:translate3d(0,0,0) scale(1);}50%{transform:translate3d(8vw,-3vw,0) scale(1.1);}100%{transform:translate3d(0,0,0) scale(1);}}
    @keyframes driftD{0%{transform:translate3d(0,0,0) scale(1.05);}50%{transform:translate3d(-7vw,5vw,0) scale(.92);}100%{transform:translate3d(0,0,0) scale(1.05);}}
    .drift-a{animation:driftA 26s ease-in-out infinite;}
    .drift-b{animation:driftB 32s ease-in-out infinite;}
    .drift-c{animation:driftC 29s ease-in-out infinite;}
    .drift-d{animation:driftD 35s ease-in-out infinite;}
    @media(prefers-reduced-motion:reduce){.blob{animation:none!important;}}
    .lang-grid{}
    @media(max-width:860px){.lang-grid{grid-template-columns:1fr!important;}}
    .stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;}
    html{scroll-behavior:smooth;}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
    section[id]{scroll-margin-top:110px;}
    .author-grid{display:grid;grid-template-columns:252px 1fr;gap:40px;align-items:start;}
    .journey-grid{display:grid;grid-template-columns:296px 1fr;gap:56px;align-items:start;}
    .journey-rail{display:flex;flex-direction:column;gap:28px;position:sticky;top:104px;}
    .journey-body{display:grid;gap:34px;max-width:70ch;}
    .steps-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
    .people-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:48px;align-items:start;}
    .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .code-tiles{display:none;}
    @media(max-width:767px){.code-tiles{display:block;}.code-rows{display:none;}.tick-wrap{display:none;}}
    @media(max-width:860px){.more-grid{grid-template-columns:1fr;}}
    @keyframes mdlIn{from{opacity:0;transform:translateY(14px) scale(.985);}to{opacity:1;transform:none;}}
    @keyframes vlIn{from{opacity:0;}to{opacity:1;}}
    @media(max-width:860px){.people-grid{grid-template-columns:1fr;gap:34px;}}
    .step-card{position:relative;display:flex;flex-direction:column;}
    .step-card:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--border-strong);pointer-events:none;}
    .step-card .go{transition:transform .4s cubic-bezier(.22,1,.36,1);display:inline-block;}
    .step-card:hover .go{transform:translateX(5px);}
    @media(max-width:900px){
      .codes-grid{grid-template-columns:1fr;}
    }
    @media(max-width:767px){.steps-flow{grid-template-columns:1fr;gap:14px;}.step-card:not(:last-child)::after{display:none;}}
    .jp-fab{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
    .jp-fab:hover{transform:translateY(-3px);box-shadow:var(--sh-mega);}
    @media(prefers-reduced-motion:reduce){.jp-fab{transition:none!important;}}
    @media(max-width:767px){.nav-bar{height:62px!important;}.mob-panel{top:62px!important;}.nav-logo{font-size:1.1875rem!important;margin-right:0!important;}.nav-logo img{height:28px!important;width:28px!important;}}
    @media(max-width:767px){
      .jp-wrap{right:14px!important;bottom:14px!important;}
      .jp-lbl{display:none;}
      .jp-fab{padding:8px!important;gap:0!important;}
      .jp-av{width:44px!important;height:44px!important;font-size:.8125rem!important;}
    }
    @media(max-width:900px){.journey-grid{grid-template-columns:1fr;gap:32px;}.journey-rail{position:static;}}
    @media(max-width:767px){.hero-num{display:none;}}
    .hero-grid2{max-width:min(1400px,100%);margin:0 auto;padding-left:40px;padding-right:40px;min-width:0;}
    @media(max-width:900px){.hero-grid2{grid-template-columns:1fr!important;gap:36px!important;}}
    @media(max-width:767px){.hero-grid2{padding-left:20px;padding-right:20px;}}
    @media(max-width:760px){.author-grid{grid-template-columns:1fr;gap:26px;}}
    .marq{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 80px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 120px,#000 calc(100% - 80px),transparent 100%);}
    @keyframes marq{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
    .marq-track{animation:marq 90s linear infinite;}
    .marq:hover .marq-track{animation-play-state:paused;}
    @media(prefers-reduced-motion:reduce){.marq-track{animation:none!important;}}

    .nav-l{position:relative;font-size:1.0625rem;font-weight:600;color:var(--text-inverse-muted);padding:12px 17px;border-radius:var(--r-md);display:flex;align-items:center;gap:9px;white-space:nowrap;transition:color .3s ease,background-color .3s ease;}
    .nav-l:hover{color:var(--text-inverse);background:rgba(255,255,255,.07);}
    .nav-l::after{content:'';position:absolute;left:17px;right:17px;bottom:4px;height:2px;border-radius:2px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1);}
    .nav-l:hover::after{transform:scaleX(1);}
    .nav-l svg{transition:transform .35s cubic-bezier(.22,1,.36,1);}
    .nav-l:hover svg{transform:translateY(2px);}
    .nav-l>span:first-child{transition:transform .45s cubic-bezier(.34,1.5,.64,1);}
    .nav-l:hover>span:first-child{transform:scale(1.55);}
    .card{position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s ease;}
    .card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);}
    .card .chip{transition:transform .55s cubic-bezier(.34,1.4,.64,1);}
    .card:hover .chip{transform:scale(1.1) rotate(-4deg);}
    .card .ghost{position:absolute;right:20px;top:20px;font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.05em;pointer-events:none;opacity:.16;transition:opacity .5s ease,transform .55s cubic-bezier(.22,1,.36,1);}
    .card:hover .ghost{opacity:.28;transform:translateY(-2px);}
    .card .rule{position:absolute;top:0;left:0;height:3px;width:40px;border-radius:0 3px 3px 0;transition:width .6s cubic-bezier(.22,1,.36,1);}
    .card:hover .rule{width:100%;border-radius:0;}
    @media(prefers-reduced-motion:reduce){.card,.card *,.nav-l,.nav-l *{transition:none!important;}}

    @media(max-width:1100px){
      .hero-grid{grid-template-columns:1fr;gap:40px;}
      .gm{grid-template-columns:1fr;}
      .gm5{grid-template-columns:repeat(3,1fr);}
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
      .flow-grid{grid-template-columns:1fr 1fr;}
      .split{grid-template-columns:1fr;gap:28px;}
    }
    @media(max-width:900px){
      .codes-grid{grid-template-columns:1fr;}
    }
    @media(max-width:767px){
      .rw{padding:0 20px;}
      section>.rw{padding-top:40px!important;padding-bottom:40px!important;}
      section>.rw.hero-rw{padding-top:56px!important;padding-bottom:0!important;}
      .tick-wrap{margin-top:44px!important;}
      .seam-band{height:52px!important;}
      #what{margin-top:-34px;}
      .what-grid{grid-template-columns:1fr;gap:14px;}
      .codes-grid{grid-template-columns:1fr;gap:12px;}
      .flow-grid{grid-template-columns:1fr;gap:12px;}
      .steps-grid{grid-template-columns:1fr;gap:14px;}
      .nav-d{display:none!important;}
      .nav-cta{display:none!important;}
      .nav-mob-btn{display:flex!important;}
      .gm{grid-template-columns:1fr;}
      .gm5{grid-template-columns:repeat(2,1fr);}
      .lang-grid{}
    @media(max-width:860px){.lang-grid{grid-template-columns:1fr!important;}}
    .stat-row{grid-template-columns:1fr 1fr;gap:1px;}
    }
  @media(max-width:700px){
      .pod-img{aspect-ratio:16/9 !important;max-width:180px;}
      .pod-card{padding:18px !important;gap:8px !important;}
      .pod-card p:nth-of-type(2){font-size:.9375rem !important;}
      .pod-card p:nth-of-type(3){font-size:.875rem !important;}
    }
  .l-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;}
    .home-grid{grid-template-columns:minmax(0,1fr) 460px;}
    @media(max-width:1100px){.home-grid{grid-template-columns:minmax(0,1fr) 360px;}}
    @media(max-width:900px){.home-grid{grid-template-columns:1fr;}}
    .l-body{max-width:68ch;}
    .shows{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start;}
    @media(max-width:900px){.l-grid{grid-template-columns:1fr;gap:26px;}.shows{grid-template-columns:64px minmax(0,1fr);gap:14px;}}
    section[id]{scroll-margin-top:150px;}
    .mob-panel{top:92px!important;}
    @media(max-width:767px){.mob-panel{top:62px!important;}section[id]{scroll-margin-top:132px;}
      .lesson-pills{flex-wrap:wrap;gap:8px 12px!important;}
      .lesson-pills>div{overflow-x:auto;-webkit-overflow-scrolling:touch;}
      .lesson-pills .read-flag{width:100%;order:3;}}
  

/* footer */

    :root {
      --bg-dark: #26331B; --bg-dark-surface: #314023; --bg-dark-elevated: #3C4D2C;
      --text-inverse: #FAF8F4; --text-inverse-muted: rgba(250,248,244,0.55);
      --text-inverse-faint: rgba(250,248,244,0.25);
      --sgl-blue: #1D52A8; --sgl-red: #C13040; --sgl-yellow: #C98018; --sgl-purple: #6D2E93;
      --site-green: #1F3A0A; --heading-green: #1F3A0A;
      --border-dark: rgba(250,248,244,0.08);
      --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    a { text-decoration: none; color: inherit; }
    a:hover { color: var(--text-inverse); }

    .fw { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
    .fg { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px; }
    .ftop { display: grid; grid-template-columns: 1.6fr 1fr; gap: 64px; align-items: start; }
    .fmapcard { max-width: 400px; justify-self: end; width: 100%; }

    /* colour bar: segments lift on hover */
    .cbar { display: flex; height: 5px; }
    .cbar > span { flex: 1; transition: flex-grow .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; opacity: .9; }
    .cbar:hover > span { opacity: .65; }
    .cbar > span:hover { flex-grow: 1.6; opacity: 1; }

    /* the 19-secret map */
    .map { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; max-width: 100%; }
    .tmap { display: flex; flex-wrap: wrap; gap: 6px; }
    .fstart { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; }
    .fstart:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(0,0,0,.4); color: #171309; }
    .fstart .fstart-go { transition: transform .45s cubic-bezier(.22,1,.36,1); }
    .fstart:hover .fstart-go { transform: translateX(4px); }
    .tmap a { position: relative; height: 24px; padding: 0 9px; border-radius: 9999px; display: inline-flex; align-items: center; gap: 6px;
              font-size: .6875rem; font-weight: 700; color: rgba(250,248,244,.72);
              transition: transform .45s cubic-bezier(.34,1.5,.64,1), color .3s ease; }
    .tmap a:hover { transform: translateY(-2px); color: #fff; }
    .map a { position: relative; aspect-ratio: 1; border-radius: 7px; display: flex; align-items: center; justify-content: center;
             font-size: .8125rem; font-weight: 700; color: rgba(250,248,244,.72);
             transition: transform .45s cubic-bezier(.34,1.5,.64,1), box-shadow .45s ease, color .3s ease; }
    .map a:hover { transform: translateY(-4px) scale(1.08); color: #fff; box-shadow: 0 10px 22px rgba(0,0,0,.45); z-index: 2; }

    /* footer links */
    .fl { font-size: .9375rem; color: var(--text-inverse-muted); line-height: 1.5; display: inline-flex; align-items: center; gap: 7px;
          transition: color .3s ease, transform .35s cubic-bezier(.22,1,.36,1); }
    .fl::before { content: ''; width: 0; height: 1px; background: currentColor; transition: width .35s cubic-bezier(.22,1,.36,1); }
    .fl:hover { color: var(--text-inverse); transform: translateX(2px); }
    .fl:hover::before { width: 10px; }

    .fcta { transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; }
    .fcta:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(31,58,10,.45); color: #fff; }

    @media (prefers-reduced-motion: reduce) { .cbar > span, .map a, .fl, .fl::before, .fcta { transition: none !important; } }
    @media (max-width: 1023px) {
      .ftop { grid-template-columns: 1fr; gap: 40px; }
      .fg { grid-template-columns: 1fr 1fr; gap: 32px; }
    }
    @media (max-width: 639px) {
      .fw { padding: 0 20px; }
      .map { grid-template-columns: repeat(5, 1fr); }
      .fpad-top { padding-top: 34px !important; padding-bottom: 30px !important; }
      .fpad-links { padding-top: 26px !important; padding-bottom: 26px !important; }
      .fpad-bottom { padding-top: 16px !important; padding-bottom: 20px !important; }
      .ftop { gap: 26px !important; }
      .fmark { font-size: 2rem !important; }
      .fblurb { font-size: .9375rem !important; }
      .fmapcard { padding: 16px !important; border-radius: 14px !important; }
      .fg { grid-template-columns: 1fr 1fr; gap: 20px 18px; }
      .fcol-comm, .fcol-rel { display: none !important; }
      .fcol { gap: 9px !important; }
      .fl { font-size: .875rem !important; }
      .ftags { gap: 5px !important; }
      .fbottom-row { gap: 8px !important; }
    }
  

/* hover states */
.h1:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h2:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h3:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h4:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h5:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h6:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h7:hover{background:var(--bg-surface) !important;color:var(--text-primary) !important}
.h8:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h9:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h10:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h11:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h12:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h13:hover{background:var(--sgl-green-tint) !important;color:var(--sgl-green) !important}
.h14:hover{background:var(--bg-surface) !important}
.h15:hover{text-decoration:underline !important}
.h16:hover{color:var(--text-primary) !important}
.h17:hover{color:var(--text-primary) !important}
.h18:hover{color:var(--text-primary) !important}
.h19:hover{color:var(--text-primary) !important}
.h20:hover{color:var(--text-primary) !important}
.h21:hover{color:var(--text-primary) !important}
.h22:hover{color:var(--text-primary) !important}
.h23:hover{color:var(--text-primary) !important}
.h24:hover{color:var(--text-primary) !important}
.h25:hover{color:var(--text-primary) !important}
.h26:hover{color:var(--text-primary) !important}
.h27:hover{color:var(--text-primary) !important}
.h28:hover{color:var(--text-primary) !important}
.h29:hover{color:var(--text-primary) !important}
.h30:hover{color:var(--text-primary) !important}
.h31:hover{text-decoration:underline !important}
.h32:hover{color:var(--text-primary) !important}
.h33:hover{color:var(--text-primary) !important}
.h34:hover{color:var(--text-primary) !important}
.h35:hover{color:var(--text-primary) !important}
.h36:hover{color:var(--text-primary) !important}
.h37:hover{color:var(--text-primary) !important}
.h38:hover{color:var(--text-primary) !important}
.h39:hover{color:var(--text-primary) !important}
.h40:hover{color:var(--text-primary) !important}
.h41:hover{color:var(--text-primary) !important}
.h42:hover{color:var(--text-primary) !important}
.h43:hover{color:var(--text-primary) !important}
.h44:hover{color:var(--text-primary) !important}
.h45:hover{color:var(--text-primary) !important}
.h46:hover{color:var(--text-primary) !important}
.h47:hover{text-decoration:underline !important}
.h48:hover{color:var(--text-primary) !important}
.h49:hover{color:var(--text-primary) !important}
.h50:hover{color:var(--text-primary) !important}
.h51:hover{color:var(--text-primary) !important}
.h52:hover{color:var(--text-primary) !important}
.h53:hover{color:var(--text-primary) !important}
.h54:hover{color:var(--text-primary) !important}
.h55:hover{color:var(--text-primary) !important}
.h56:hover{color:var(--text-primary) !important}
.h57:hover{color:var(--text-primary) !important}
.h58:hover{color:var(--text-primary) !important}
.h59:hover{color:var(--text-primary) !important}
.h60:hover{color:var(--text-primary) !important}
.h61:hover{color:var(--text-primary) !important}
.h62:hover{color:var(--text-primary) !important}
.h63:hover{color:var(--text-inverse) !important}
.h64:hover{color:var(--text-inverse) !important}
.h65:hover{color:var(--text-inverse) !important}
.h66:hover{color:var(--text-inverse) !important}
.h67:hover{color:var(--text-inverse) !important}
.h68:hover{color:var(--text-inverse) !important}
.h69:hover{text-decoration:underline !important;color:var(--sgl-blue) !important}
.h70:hover{color:var(--text-primary) !important}
.h71:hover{color:var(--text-primary) !important}
.h1001:hover{color:var(--text-inverse-muted) !important}
.h1002:hover{color:var(--text-inverse-muted) !important}
/* ── site chrome (PHP) ── */
.hero-h1{font-family:var(--serif);font-size:clamp(2.6rem,5.4vw,4.4rem);letter-spacing:-.015em;line-height:1;margin-bottom:22px;}
.accent-line{height:4px;}
.accent-blue{background:var(--sgl-blue);}
.accent-red{background:var(--sgl-red);}
.accent-green{background:var(--site-green);}
.accent-values{background:linear-gradient(90deg,var(--sgl-yellow),var(--sgl-purple));}
.accent-purple{background:var(--sgl-purple);}
.nav-l.nav-on{color:var(--text-inverse);background:rgba(255,255,255,.10);}
.subbar{background:rgba(242,234,224,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-default);}
.readbar{height:4px;background:transparent;margin-top:-4px;}
.readbar>div{height:100%;width:0;transition:width .12s linear;}
.step-strip{display:flex;align-items:center;gap:10px;padding:10px 0;overflow-x:auto;scrollbar-width:none;}
.step-strip::-webkit-scrollbar{display:none;}
.step-strip a{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:7px 15px;border-radius:var(--r-full);border:1px solid var(--border-default);background:var(--bg-surface);font-size:.8125rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;}
.step-strip a.on{background:var(--site-green);border-color:var(--site-green);color:#fff;}
img[data-ph]{background:repeating-linear-gradient(135deg,var(--bg-surface),var(--bg-surface) 8px,var(--bg-elevated) 8px,var(--bg-elevated) 16px);}

/* mobilmeny over progresjonsbarene, ingen luft på toppen */
.mob-panel{z-index:300!important;}

/* mobilmeny: lenker til sider som ikke er laget ennå */
.mob-panel [data-soon]{opacity:.42;pointer-events:none;}
.mob-panel [data-soon]::after{content:'soon';margin-left:8px;font-size:.5625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.8;}
.mob-panel [data-here]{outline:2px solid rgba(255,255,255,.85);outline-offset:-2px;}

.s2-media{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media(max-width:900px){.s2-media{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.s2-media{grid-template-columns:1fr;}}

/* «My report» i menyen */
.nav-me{transition:background-color .3s ease,border-color .3s ease;}
.nav-me:hover{background:rgba(255,255,255,.10);border-color:rgba(250,248,244,.6);color:var(--text-inverse);}
@media(max-width:1660px){.nav-me{padding:11px 17px!important;font-size:.875rem!important;}}
@media(max-width:1440px){.nav-me{padding:10px 14px!important;font-size:.8125rem!important;margin-left:10px!important;}}
@media(max-width:1340px){.nav-me{display:none!important;}}

/* nedtrekk over progresjonsbar */
.pop{position:relative;z-index:140;}
.pop>.fs{z-index:140;}
.readbar{position:relative;z-index:1;}

.pop-l:hover{background:var(--bg-surface);color:var(--text-primary);}

/* aktiv menyfane: fargestrek fra sidefargen */
.nav-l.nav-on::after{transform:scaleX(1)!important;opacity:.9!important;}
body[data-page-color="blue"] .nav-l.nav-on::after{background:var(--sgl-blue)!important;}
body[data-page-color="red"] .nav-l.nav-on::after{background:var(--sgl-red)!important;}
body[data-page-color="values"] .nav-l.nav-on::after{background:linear-gradient(90deg,var(--sgl-yellow),var(--sgl-purple))!important;}
body[data-page-color="green"] .nav-l.nav-on::after{background:var(--site-green)!important;}