:root{
    /* Match docs/previews/operators-playbook.html */
    --navy:#0A0C14;
    --ink:#131521;
    --ink2:#1A1D2B;
    --teal:#3DEFB2;
    --blue:#6BB0FF;
    --white:#F4F6FB;
    --mute:#8B93A7;
    --mute-2:#8B93A7;
    --line:rgba(244,246,251,0.10);
    --red:#FF6B6B;
    --wrap:760px;
    --gutter:32px;
    --prose:600px;
  }
  .operators-playbook,.operators-playbook *{box-sizing:border-box;}
  .operators-playbook{margin:0;padding:0;position:relative;overflow:clip;background:var(--navy);color:var(--white);font-family:'Inter',sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
  .operators-playbook{scroll-behavior:smooth;}
  .operators-playbook{
    background:var(--navy);
    color:var(--white);
    font-family:'Inter',sans-serif;
    font-size:17px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    position:relative;
  }

  /* ---------- AMBIENT BACKGROUND SYSTEM ---------- */
  /* absolute (not fixed) so this stays confined to our own content block
     rather than the full browser viewport — fixed would bleed up behind
     the WordPress theme header sitting above this page. */
  .bg-grid{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    background-image:
      linear-gradient(rgba(244,246,251,0.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(244,246,251,0.035) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 1200px 700px at 50% 220px, black 0%, transparent 75%);
    opacity:0.6;
  }
  .bg-orbs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;transition:filter .3s linear;}
  .bg-orb-wrap{position:absolute;will-change:transform;}
  .bg-orb-wrap.o1{top:-10%;left:-12%;}
  .bg-orb-wrap.o2{top:35%;right:-15%;}
  .bg-orb-wrap.o3{bottom:-10%;left:20%;}
  .bg-orb{
    border-radius:50%;filter:blur(90px);opacity:0.5;
    will-change:transform;
  }
  .bg-orb.o1{width:640px;height:640px;background:radial-gradient(circle, rgba(61,239,178,0.20), transparent 70%);animation:drift1 26s ease-in-out infinite;}
  .bg-orb.o2{width:560px;height:560px;background:radial-gradient(circle, rgba(107,176,255,0.18), transparent 70%);animation:drift2 32s ease-in-out infinite;}
  .bg-orb.o3{width:480px;height:480px;background:radial-gradient(circle, rgba(61,239,178,0.10), transparent 70%);animation:drift3 38s ease-in-out infinite;}
  @keyframes drift1{0%,100%{transform:translate(0,0);}50%{transform:translate(60px,80px);}}
  @keyframes drift2{0%,100%{transform:translate(0,0);}50%{transform:translate(-70px,50px);}}
  @keyframes drift3{0%,100%{transform:translate(0,0);}50%{transform:translate(40px,-60px);}}
  .bg-noise{
    position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0.035;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .bg-spotlight{
    position:fixed;inset:0;z-index:1;pointer-events:none;
    background:radial-gradient(500px circle at var(--mx,50%) var(--my,30%), rgba(107,176,255,0.06), transparent 65%);
  }
  /* Keep decorative section stacking only — chapter-nav + progress-bar stay position:fixed below. */
  section, .hero, .final, footer, .topbar{position:relative;z-index:2;}
  .operators-playbook h1,.operators-playbook h2,.operators-playbook h3{font-family:'Satoshi',sans-serif;letter-spacing:-0.01em;}
  .mono{font-family:'JetBrains Mono',monospace;}
  /* Reading column — same as HTML preview (not PM 1200). */
  .operators-playbook .wrap{
    max-width:var(--wrap);
    margin:0 auto;
    padding:0 var(--gutter);
    width:100%;
    box-sizing:border-box;
  }
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--teal);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    position:relative;
    padding-left:16px;
  }
  .eyebrow::before{
    content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:8px;height:2px;background:linear-gradient(90deg,var(--teal),var(--blue));
  }
  .eyebrow .num{color:var(--mute);}
  .slashes{display:inline-flex;gap:3px;}
  .slashes span{
    width:5px;height:16px;
    background:var(--teal);
    transform:skewX(-14deg);
    display:inline-block;
  }
  .slashes span:nth-child(2){background:var(--blue);}
  .slashes span:nth-child(3){background:var(--mute);opacity:0.5;}

  /* ---------- NAV / HEADER BAR ---------- */
  .topbar{
    position:sticky;top:0;z-index:50;
    background:rgba(10,12,20,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    padding:16px 32px;
    display:flex;justify-content:space-between;align-items:center;
  }
  .topbar .logo{font-family:'Satoshi',sans-serif;font-weight:900;font-size:16px;letter-spacing:0.02em;display:flex;align-items:center;gap:8px;}
  .topbar .site{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);letter-spacing:0.08em;}

  /* ---------- HERO ---------- */
  .hero{
    min-height:92vh;
    display:flex;flex-direction:column;justify-content:center;
    position:relative;
    overflow:hidden;
    /* Extra top pad vs HTML: room for fixed WP header */
    padding:140px 32px 60px;
    background:
      radial-gradient(ellipse 900px 500px at 15% 10%, rgba(61,239,178,0.16), transparent 60%),
      radial-gradient(ellipse 700px 600px at 90% 85%, rgba(107,176,255,0.14), transparent 60%),
      var(--navy);
  }
  .hero-inner{
    max-width:var(--wrap);
    margin:0 auto;
    width:100%;
    position:relative;
    z-index:2;
  }
  .kicker{
    font-family:'JetBrains Mono',monospace;
    font-size:12.5px;
    color:var(--mute);
    letter-spacing:0.14em;
    text-transform:uppercase;
    margin-bottom:28px;
  }
  .hero h1{
    font-size:clamp(34px, 5vw, 56px);
    font-weight:700;
    line-height:1.06;
    margin-bottom:26px;
  }
  .hero h1 em{
    font-style:normal;
    color:var(--teal);
  }
  .hero p.sub{
    font-size:19px;
    color:var(--mute);
    max-width:520px;
    margin-bottom:40px;
  }
  .hero-foot{
    display:flex;gap:28px;flex-wrap:wrap;
    padding-top:30px;border-top:1px solid var(--line);
  }
  .hero-foot .stat{font-family:'JetBrains Mono',monospace;}
  .hero-foot .stat b{display:block;font-size:22px;color:var(--teal);}
  .hero-foot .stat span{font-size:12px;color:var(--mute);}

  /* ---------- TICKER (signature element) ---------- */
  .ticker{
    background:var(--ink);
    border:1px solid var(--line);
    border-radius:14px;
    padding:18px 22px;
    margin:36px 0;
  }
  .ticker-q{font-size:14.5px;color:var(--white);margin-bottom:12px;font-weight:500;}
  .ticker-row{display:flex;gap:10px;}
  .pill{
    flex:1;
    display:flex;justify-content:space-between;align-items:center;
    padding:10px 14px;border-radius:8px;
    font-family:'JetBrains Mono',monospace;font-size:13.5px;font-weight:600;
  }
  .pill.yes{background:rgba(61,239,178,0.12);color:var(--teal);border:1px solid rgba(61,239,178,0.3);}
  .pill.no{background:rgba(255,107,107,0.10);color:var(--red);border:1px solid rgba(255,107,107,0.25);}
  .ticker-meta{margin-top:10px;font-size:11.5px;color:var(--mute);font-family:'JetBrains Mono',monospace;}

  /* ---------- SECTIONS ---------- */
  .operators-playbook section{padding:100px 0;position:relative;}
  .operators-playbook section.tight{padding:80px 0;}
  .operators-playbook section.alt{background:linear-gradient(180deg, rgba(107,176,255,0.05), rgba(61,239,178,0.03));border-top:1px solid rgba(244,246,251,0.06);border-bottom:1px solid rgba(244,246,251,0.06);}
  .operators-playbook section::after{
    content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);
    width:min(600px,70%);height:1px;
    background:linear-gradient(90deg, transparent, var(--line) 30%, var(--line) 70%, transparent);
  }
  .operators-playbook section:last-of-type::after{display:none;}
  .operators-playbook h2.chapter{font-size:clamp(27px, 3.2vw, 36px);font-weight:700;line-height:1.15;margin-bottom:22px;max-width:var(--prose);}
  .operators-playbook section p{font-size:17px;color:#C7CCDA;margin-bottom:16px;max-width:var(--prose);}
  .operators-playbook section p:last-of-type{margin-bottom:0;}
  .closer{
    font-family:'Satoshi',sans-serif;
    font-weight:700;
    font-size:20px;
    color:var(--white);
    margin-top:28px;
    padding-top:24px;
    border-top:1px solid var(--line);
  }
  .closer .accent{color:var(--teal);}

  /* Opening spread */
  .open-stat{
    display:inline-block;
    margin:26px 0;
    padding:20px 26px;
    background:var(--ink);
    border:1px solid var(--line);
    border-radius:14px;
    transition:border-color .25s ease, box-shadow .25s ease;
  }
  .open-stat:hover{border-color:rgba(61,239,178,0.35);box-shadow:0 10px 30px -10px rgba(61,239,178,0.25);}
  .open-stat b{font-family:'JetBrains Mono',monospace;font-size:40px;color:var(--teal);display:block;line-height:1;}
  .open-stat span{font-size:13px;color:var(--mute);}

  /* Big stat grid (Chapter 1) */
  .statgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;}
  .statgrid.cols-3{grid-template-columns:1fr 1fr 1fr;}
  @media (max-width:900px){.statgrid.cols-3{grid-template-columns:1fr;}}
  .statcard{
    background:var(--ink);border:1px solid var(--line);border-radius:14px;
    padding:22px;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
  .statcard:hover{transform:translateY(-3px);border-color:rgba(61,239,178,0.35);box-shadow:0 10px 30px -10px rgba(61,239,178,0.25);}
  .statcard b{font-family:'JetBrains Mono',monospace;font-size:30px;color:var(--blue);display:block;margin-bottom:6px;}
  .statcard.teal b{color:var(--teal);}
  .statcard span{font-size:13px;color:var(--mute);line-height:1.4;}
  .statcard b.wordmark{font-family:'Satoshi',sans-serif;font-weight:700;font-size:24px;}

  /* Pull quote */
  .pullquote{
    font-family:'Satoshi',sans-serif;
    font-size:26px;
    font-weight:700;
    line-height:1.3;
    border-left:3px solid var(--teal);
    padding-left:24px;
    margin:32px 0;
    max-width:560px;
    position:relative;
  }
  .pullquote::before{
    content:'"';
    position:absolute;
    left:14px;top:-38px;
    font-family:'Satoshi',sans-serif;
    font-size:90px;font-weight:900;
    color:rgba(61,239,178,0.12);
    line-height:1;pointer-events:none;
  }

  /* Chapter 3 math tiers */
  .tierbox{
    background:var(--ink);border:1px solid var(--line);border-radius:16px;
    padding:26px;margin:16px 0;transition:border-color .25s ease, box-shadow .25s ease;
  }
  .tierbox:hover{border-color:rgba(107,176,255,0.3);box-shadow:0 10px 30px -10px rgba(107,176,255,0.2);}
  .tierbox .tier-head{
    display:flex;justify-content:space-between;align-items:baseline;
    margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);
  }
  .tierbox .tier-head h4{font-family:'Satoshi',sans-serif;font-size:18px;}
  .tierbox .tier-head span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mute);}
  .modelrow{display:flex;justify-content:space-between;padding:9px 0;font-size:14.5px;border-bottom:1px dashed var(--line);}
  .modelrow:last-child{border-bottom:none;}
  .modelrow .label{color:var(--mute);}
  .modelrow .val{font-family:'JetBrains Mono',monospace;color:var(--white);font-weight:500;}
  .fineprint{font-size:12px;color:var(--mute);margin-top:14px;font-style:italic;}

  /* Rules list (Ch5) */
  .rulelist{list-style:none;margin:24px 0;}
  .rulelist li{
    display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);
    font-size:16px;color:#C7CCDA;
  }
  .rulelist li:last-child{border-bottom:none;}
  .rulelist .qnum{
    font-family:'JetBrains Mono',monospace;color:var(--teal);font-weight:600;flex-shrink:0;
  }

  /* Term cards Ch6 */
  .termgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;}
  .termcard{
    display:flex;flex-direction:column;gap:12px;align-items:flex-start;
    background:var(--ink);border:1px solid var(--line);border-radius:14px;
    padding:22px;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
  }
  .termcard:hover{transform:translateY(-3px);border-color:rgba(107,176,255,0.35);box-shadow:0 10px 30px -10px rgba(107,176,255,0.25);}
  .termcard .tag{
    font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--navy);
    background:var(--teal);padding:5px 10px;border-radius:6px;font-weight:600;flex-shrink:0;white-space:nowrap;
  }
  .termcard .tag.blue{background:var(--blue);}
  .termcard p{font-size:14.5px;margin:0;color:#C7CCDA;}
  @media (max-width:640px){.termgrid{grid-template-columns:1fr;}}

  .examplelist{display:flex;flex-direction:column;gap:10px;margin:22px 0;}
  .examplelist div{
    padding:14px 18px;background:var(--ink);border:1px solid var(--line);border-radius:10px;
    font-size:14.5px;color:#C7CCDA;transition:transform .2s ease, border-color .2s ease;
  }
  .examplelist div:hover{transform:translateX(4px);border-color:rgba(61,239,178,0.3);}
  .examplelist b{color:var(--white);}

  /* Objection list Ch8 */
  .objection{
    display:flex;justify-content:space-between;align-items:center;
    padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;
    transition:padding-left .25s ease;
  }
  .objection:hover{padding-left:6px;}
  .objection:last-child{border-bottom:none;}
  .objection .obj-t{color:var(--mute);text-decoration:line-through;}
  .objection .arrow{color:var(--teal);font-family:'JetBrains Mono',monospace;padding:0 10px;display:inline-block;transition:transform .25s ease;}
  .objection:hover .arrow{transform:translateX(4px);}
  .objection .obj-r{color:var(--white);font-weight:500;}

  /* Mid CTA band */
  .midcta{
    background:linear-gradient(120deg, rgba(61,239,178,0.10), rgba(107,176,255,0.08));
    border:1px solid rgba(61,239,178,0.25);
    border-radius:18px;
    padding:34px 36px;
    margin-top:36px;
    display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  }
  .midcta h4{font-family:'Satoshi',sans-serif;font-size:19px;margin-bottom:6px;}
  .midcta p{font-size:14px;color:var(--mute);margin:0;max-width:340px;}
  .operators-playbook .opb-btn{
    font-family:'Satoshi',sans-serif;
    font-size:15px;font-weight:600;letter-spacing:0.005em;
    background:var(--teal);color:var(--ink);
    padding:13px 24px;border-radius:6px;border:0;
    text-decoration:none;text-transform:none;white-space:nowrap;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    width:auto;box-sizing:border-box;
    transition:transform .15s ease, box-shadow .25s ease;
    box-shadow:none;
  }
  .operators-playbook .opb-btn::after{display:none;content:none;}
  .operators-playbook .opb-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 24px -4px rgba(61,239,178,0.55);
    color:var(--ink);
    background:var(--teal);
  }
  .operators-playbook .opb-btn--ghost{
    background:transparent;border:1px solid var(--line);color:var(--white);box-shadow:none;
  }
  .operators-playbook .opb-btn--ghost:hover{
    box-shadow:none;border-color:rgba(107,176,255,0.4);color:var(--white);background:transparent;
  }

  /* Brand reveal chapter 8 -> close */
  .brandline{
    display:flex;align-items:center;gap:14px;margin:48px 0 40px;
    padding:22px 0;
  }
  .brandline .logo-mark{display:flex;gap:3px;}
  .brandline .logo-mark span{width:6px;height:20px;background:var(--teal);transform:skewX(-14deg);}
  .brandline .logo-mark span:nth-child(2){background:var(--blue);}
  .brandline .logo-mark span:nth-child(3){background:var(--white);}
  .brandline b{font-family:'Satoshi',sans-serif;font-weight:900;font-size:20px;letter-spacing:0.01em;}

  .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;}
  .feature{background:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
  .feature:hover{transform:translateY(-3px);border-color:rgba(61,239,178,0.35);box-shadow:0 10px 30px -10px rgba(61,239,178,0.25);}
  .feature .ficon{width:30px;height:30px;margin-bottom:10px;color:var(--teal);}
  .feature .ficon svg{width:100%;height:100%;}
  .feature b{display:block;font-size:14.5px;color:var(--white);margin-bottom:5px;}
  .feature span{font-size:13px;color:var(--mute);}

  /* Final CTA — HTML preview (no PM card shell) */
  .final{
    text-align:center;padding:120px 32px;
    position:relative;overflow:hidden;
    background:
      radial-gradient(ellipse 700px 500px at 50% 0%, rgba(61,239,178,0.14), transparent 60%),
      var(--navy);
  }
  .final .fade-target{
    max-width:var(--wrap);margin:0 auto;width:100%;
    position:relative;
  }
  .final::before{
    content:'';position:absolute;top:10%;left:50%;transform:translateX(-50%);
    width:420px;height:420px;border-radius:50%;
    border:1px solid rgba(61,239,178,0.15);
    animation:ringPulse 4s ease-in-out infinite;
  }
  @keyframes ringPulse{
    0%,100%{opacity:0.4;transform:translateX(-50%) scale(0.94);}
    50%{opacity:0.9;transform:translateX(-50%) scale(1.04);}
  }
  .final h2{font-size:clamp(28px, 4vw, 42px);max-width:640px;margin:0 auto 18px;line-height:1.15;position:relative;z-index:1;}
  .final p{color:var(--mute);max-width:480px;margin:0 auto 34px;font-size:17px;position:relative;z-index:1;}
  .final .opb-btn{font-size:16px;padding:17px 34px;border-radius:12px;}
  .final .small{margin-top:18px;font-size:12.5px;color:var(--mute);}
  .final .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;}

  .operators-playbook footer{
    padding:36px 32px;text-align:center;
    font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mute);
    border-top:1px solid var(--line);
  }

  /* ---------- SCROLL PROGRESS BAR ---------- */
  .progress-bar{
    position:fixed;top:0;left:0;height:3px;
    background:linear-gradient(90deg,var(--teal),var(--blue));
    width:0%;z-index:100;
    transition:width 0.1s ease-out;
  }

  /* ---------- CHAPTER DOT NAV (desktop only) ---------- */
  .chapter-nav{
    position:fixed;right:26px;top:50%;transform:translateY(-50%);
    z-index:60;display:flex;flex-direction:column;gap:14px;
  }
  .chapter-nav a{
    display:block;width:8px;height:8px;border-radius:50%;
    background:var(--line);border:1px solid transparent;
    transition:all .25s ease;position:relative;
  }
  .chapter-nav a:hover{background:var(--blue);}
  .chapter-nav a.active{background:var(--teal);transform:scale(1.35);box-shadow:0 0 10px 2px rgba(61,239,178,0.6);}
  .chapter-nav a .tip{
    position:absolute;right:18px;top:50%;transform:translateY(-50%);
    font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--mute);
    white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;
  }
  .chapter-nav a:hover .tip{opacity:1;}
  @media (max-width:900px){.chapter-nav{display:none;}}

  /* ---------- SCROLL FADE-IN ---------- */
  .fade-target{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease;}
  .fade-target.in-view{opacity:1;transform:translateY(0);}

  /* Giant watermark chapter numeral */
  .chapternum{
    position:absolute;top:-30px;right:4%;
    font-family:'Satoshi',sans-serif;font-weight:900;
    font-size:min(260px,22vw);line-height:1;
    color:transparent;
    -webkit-text-stroke:1px rgba(244,246,251,0.07);
    pointer-events:none;z-index:0;user-select:none;
    animation:numBreathe 8s ease-in-out infinite;
  }
  @keyframes numBreathe{
    0%,100%{opacity:0.7;transform:translateY(0);}
    50%{opacity:1;transform:translateY(-8px);}
  }
  @media (max-width:900px){.chapternum{display:none;}}

  /* ---------- ANIMATED GROWTH CHART SVG ---------- */
  .growth-chart{width:100%;height:auto;overflow:visible;}
  .growth-chart .line{
    fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round;
    stroke-dasharray:600;stroke-dashoffset:600;
    transition:stroke-dashoffset 1.8s cubic-bezier(.22,1,.36,1);
  }
  .growth-chart.in-view .line{stroke-dashoffset:0;}
  .growth-chart .fill{opacity:0;transition:opacity 1s ease 0.6s;}
  .growth-chart.in-view .fill{opacity:1;}
  .growth-chart .dot{fill:var(--teal);opacity:0;transition:opacity .4s ease 1.7s;}
  .growth-chart.in-view .dot{opacity:1;}
  .ch1-chart-wrap{margin:26px 0;}
  .ticker{position:relative;}
  .ticker .live-dot{
    display:inline-block;width:7px;height:7px;border-radius:50%;
    background:var(--teal);margin-right:6px;
    animation:pulse-dot 1.8s ease-in-out infinite;
  }
  @keyframes pulse-dot{
    0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(61,239,178,0.5);}
    50%{opacity:0.6;box-shadow:0 0 0 5px rgba(61,239,178,0);}
  }
  .pill{transition:transform .2s ease;}
  .ticker:hover .pill.yes{transform:scale(1.02);}

  /* count-up target styling stays same as b tags already defined */

  @media (max-width:720px){
    .hero{padding:112px 24px 40px;min-height:auto;}
    .hero h1{font-size:34px;}
    .hero p.sub{font-size:16px;}
    .operators-playbook section{padding:64px 0;}
    .operators-playbook section.tight{padding:64px 0;}
    h2.chapter{font-size:27px;}
    .pullquote{font-size:20px;}
    .statgrid{grid-template-columns:1fr;}
    .feature-grid{grid-template-columns:1fr;}
    .midcta{flex-direction:column;align-items:flex-start;}
    .final{padding:80px 24px;}
    .final h2{font-size:28px;}
    .operators-playbook .wrap{padding:0 22px;}
    .hero-foot{gap:18px;}
    .ticker-row{flex-direction:column;}
  }

/* WP page shell — full-bleed navy like HTML preview */
body.page-template-page-operators-playbook-php {
  background: #0A0C14;
}
body.page-template-page-operators-playbook-php #main.operators-playbook-main {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #0A0C14;
  overflow-x: clip;
}
body.page-template-page-operators-playbook-php #main.operators-playbook-main .operators-playbook {
  width: 100%;
  max-width: none;
  min-height: 60vh;
}

/* Announcement bar pushes the fixed header down — keep hero copy clear of it. */
html.has-site-announcement-bar body.page-template-page-operators-playbook-php .operators-playbook .hero {
  padding-top: calc(140px + var(--site-announcement-height, 40px));
}
@media (max-width: 720px) {
  html.has-site-announcement-bar body.page-template-page-operators-playbook-php .operators-playbook .hero {
    padding-top: calc(112px + var(--site-announcement-height, 40px));
  }
}