/* ==========================================================================
   book-page-patent-end-zone.css — per-book layer + PatentEndZone.com site nav
   Loads AFTER the shared book-page.css. Overrides only.
   Cover thesis: night-navy gridiron (#0b1a30 / #154260) + goal-line gold (#ffd775)
   Layer Version: 1.0.0 (2026-09-06)
   ========================================================================== */
:root{
  --accent:#ffd775; --accent-ink:#0f0e0c; --secondary:#154260;
  --bg:#0a1424;          /* deeper navy than the catalog default */
  --surface:#10203a;
  --line:#22385a;
  --muted:#aeb8c8;
  --gold-dim:#c9a94f;
}
body{
  background:
    linear-gradient(180deg,rgba(21,66,96,.25),transparent 40%),
    repeating-linear-gradient(90deg,transparent 0 118px,rgba(174,184,200,.05) 118px 119px),
    var(--bg);
}
.eyebrow{color:var(--accent);letter-spacing:.22em}
.seg{border-left:3px solid var(--secondary)}
.hero h1::after{content:"";display:block;width:160px;height:5px;margin-top:18px;
  background:linear-gradient(90deg,var(--accent),var(--gold-dim))}
.cover{box-shadow:0 30px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,215,117,.25)}
footer{border-top:2px solid var(--accent)}
.btn.ghost{border-color:var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--accent)}
details summary{color:var(--ink)}

/* ---- site nav (injected on every page) ---- */
.pez-nav{position:sticky;top:0;z-index:60;background:rgba(10,20,36,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.pez-nav .inner{max-width:var(--maxw);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pez-nav .mark{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);text-decoration:none;font-size:1.05rem;white-space:nowrap}
.pez-nav .mark small{display:block;font-family:var(--body);font-weight:400;letter-spacing:.18em;font-size:.6rem;color:var(--muted)}
.pez-nav ul{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.pez-nav a.link{color:#f4f1ea;text-decoration:none;font-size:.95rem;padding:6px 2px;border-bottom:2px solid transparent}
.pez-nav a.link:hover,.pez-nav a.link[aria-current="page"]{border-bottom-color:var(--accent)}
.pez-nav a.btn{padding:8px 16px;font-size:.9rem}

/* ---- brand-hub components (home, curriculum, about) ---- */
.pez-hero{padding-top:88px}
.pez-hero .kicker{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--muted);max-width:56ch}
.offer-grid{display:grid;gap:24px}
@media(min-width:820px){.offer-grid{grid-template-columns:repeat(3,1fr)}}
.offer{position:relative;display:flex;flex-direction:column;gap:12px}
.offer .status{display:inline-block;align-self:flex-start;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;
  padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.offer .status.live{border-color:var(--accent);color:var(--accent)}
.offer h3{margin:0}
.offer p{margin:0;color:var(--muted)}
.offer .btn{margin-top:auto;align-self:flex-start}
.yardline{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto;max-width:var(--maxw)}
.gates{counter-reset:gate;display:grid;gap:14px}
@media(min-width:820px){.gates{grid-template-columns:repeat(3,1fr)}}
.gate{padding:20px 22px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.gate::before{counter-increment:gate;content:counter(gate,decimal-leading-zero);display:block;
  font-family:var(--display);font-size:1.6rem;color:var(--accent);margin-bottom:6px}
.gate b{display:block;margin-bottom:4px}
.gate span{color:var(--muted);font-size:.95rem}
.modules{display:grid;gap:14px}
@media(min-width:820px){.modules{grid-template-columns:repeat(2,1fr)}}
.module{border:1px solid var(--line);border-left:3px solid var(--secondary);border-radius:4px;padding:18px 20px;background:var(--surface)}
.module .wk{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.module ul{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:.95rem}
.note{border:1px dashed var(--line);border-radius:4px;padding:16px 20px;color:var(--muted);font-size:.95rem}
.field{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.field input{flex:1 1 260px;padding:12px 14px;border-radius:4px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
.prose{max-width:72ch}
.prose h2{margin-top:1.4em}
.prose p,.prose li{color:var(--muted)}
.prose strong{color:var(--ink)}