/* PM-NAV v1 -- shared navigation styles across index.html, playbook.html, plan.html.
   Ship in brand navy/amber per BRAND.md; page bodies stay emerald this pass (see
   playbook-merge-spec.md #7 -- full re-skin is a separate follow-up). */
:root{
  --pm-navy:#0E1526;      /* BRAND.md Ground */
  --pm-amber:#FFB020;     /* BRAND.md Signal */
  --pm-text:#F4F1EA;      /* BRAND.md Text */
  --pm-slate:#5B7291;     /* BRAND.md secondary */
  --pm-text-mute:rgba(244,241,234,.80);
  --pm-amber-ink:#7A4E00; /* amber darkened for text on LIGHT backgrounds -- never plain amber on white (1.83:1, fails) */
  --pm-nav-h:56px;
  --pm-s1:8px; --pm-s2:12px; --pm-s3:16px; --pm-s4:24px; --pm-s5:32px;
}
.pm-nav-wrap{background:var(--pm-navy);}
.pm-nav{max-width:1120px;margin:0 auto;height:var(--pm-nav-h);
  padding:0 var(--pm-s3);display:flex;align-items:center;gap:var(--pm-s2);}
.pm-brand{display:flex;align-items:center;gap:var(--pm-s1);margin-right:auto;
  color:var(--pm-text);font-weight:700;font-size:18px;letter-spacing:-.01em;text-decoration:none;}
.pm-links{display:none;list-style:none;margin:0;padding:0;align-items:center;gap:var(--pm-s4);}
.pm-links a{color:var(--pm-text-mute);text-decoration:none;font-size:15px;font-weight:500;
  padding:6px 0;border-bottom:2px solid transparent;}
.pm-links a:hover{color:var(--pm-text);border-bottom-color:rgba(255,176,32,.45);}
.pm-links a:active{color:var(--pm-amber);}
.pm-links a[aria-current="page"]{color:var(--pm-text);border-bottom-color:var(--pm-amber);}
.pm-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 18px;border-radius:8px;background:var(--pm-amber);color:var(--pm-navy);
  font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid var(--pm-amber);}
.pm-cta:hover{background:#FFC24D;border-color:#FFC24D;}
.pm-cta:active{background:#E89C0C;border-color:#E89C0C;}
.pm-cta[aria-current="page"]{background:transparent;color:var(--pm-amber);}
.pm-cta[aria-disabled="true"]{background:#3A4152;border-color:#3A4152;
  color:rgba(244,241,234,.55);pointer-events:none;}
.pm-menu-btn{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;background:none;border:0;color:var(--pm-text);cursor:pointer;}
.pm-nav-menu{background:var(--pm-navy);border-top:1px solid rgba(244,241,234,.12);}
.pm-nav-menu[hidden]{display:none;}
.pm-nav-menu a{display:block;min-height:48px;line-height:48px;padding:0 var(--pm-s3);
  color:var(--pm-text-mute);text-decoration:none;font-size:16px;
  border-bottom:1px solid rgba(244,241,234,.12);}
.pm-nav-menu a:hover{color:var(--pm-text);background:rgba(244,241,234,.06);}
.pm-nav-menu a[aria-current="page"]{color:var(--pm-text);box-shadow:inset 3px 0 0 var(--pm-amber);}
.pm-nav a:focus-visible,.pm-nav button:focus-visible,.pm-nav-menu a:focus-visible{
  outline:2px solid var(--pm-amber);outline-offset:2px;border-radius:4px;}
.pm-skip{position:absolute;left:-9999px;}
.pm-skip:focus{position:static;display:block;padding:10px var(--pm-s3);
  background:var(--pm-amber);color:var(--pm-navy);font-weight:600;}
@media (min-width:768px){
  .pm-links{display:flex;}
  .pm-menu-btn{display:none;}
  .pm-nav-menu{display:none !important;}
  .pm-nav{padding:0 var(--pm-s4);}
}
@media (prefers-reduced-motion:no-preference){
  .pm-nav-menu{transition:opacity .15s ease;}
}