/* ============================================================
   MCA Marketing SOP — 5-item nav with dropdowns (Sept 2026)
   Dashboard · Music · Marketing · Offers · Business
   ============================================================ */
.site-nav{ flex-wrap:nowrap; gap:14px; }
.site-nav .nav-menu{ flex-wrap:nowrap; }
.site-nav .brand{ margin-right:6px; }
.nav-menu > li > a{ font-size:9.5px; padding:15px 14px; letter-spacing:0.18em; }
.nav-confidential{ font-size:7.5px; letter-spacing:0.22em; opacity:0.6; white-space:nowrap; }

/* dropdown panels */
.nav-dd-panel{ min-width:300px; grid-template-columns:1fr; gap:2px 24px; padding:14px 16px 16px; border-radius:0 0 8px 8px; }
.nav-dd-panel.nav-dd-single{ min-width:280px; }
.nav-dd-panel.nav-dd-music{ min-width:720px; left:-160px; grid-template-columns:1fr 1.05fr 1.05fr; }
.nav-dd-panel a .flag{ white-space:nowrap; }
.nav-dd-col{ display:flex; flex-direction:column; gap:2px; }
.nav-dd-col-head{ font-size:7.5px; letter-spacing:0.22em; }
.nav-dd-panel a{ font-size:10.5px; padding:5px 7px; line-height:1.35; }
.nav-dd-panel a .flag{ font-size:7px; margin-left:6px; opacity:0.75; }
.nav-dd-panel a.nav-dd-note{ font-size:9px; font-style:italic; opacity:0.55; }
.nav-dd > a::after{ content:' ▾'; font-size:7px; opacity:0.7; }
/* keep the panel open while moving the mouse from the trigger into it */
.nav-dd::after{ content:''; position:absolute; left:0; right:0; top:100%; height:8px; }

/* hamburger (hidden on desktop) */
.nav-toggle{ display:none; background:none; border:1px solid rgba(255,255,255,0.18); border-radius:6px; width:36px; height:30px; padding:6px 8px; cursor:pointer; flex-direction:column; justify-content:space-between; margin-left:auto; }
.nav-toggle span{ display:block; height:2px; background:var(--cream); border-radius:2px; opacity:0.85; }

/* ---------- narrow screens: stacked menu ---------- */
@media (max-width: 900px){
  .site-nav{ flex-wrap:wrap; padding:0 14px; }
  .nav-toggle{ display:flex; }
  .nav-confidential{ order:5; width:100%; text-align:center; padding:6px 0 8px; display:none; }
  .site-nav.open .nav-confidential{ display:block; }
  .nav-menu{ display:none; width:100%; flex-direction:column; align-items:stretch; order:4; padding:4px 0 8px; border-top:1px solid rgba(255,255,255,0.1); }
  .site-nav.open .nav-menu{ display:flex; }
  .nav-menu > li > a{ padding:12px 8px; font-size:10px; }
  .nav-dd-panel{ position:static; display:none; min-width:0!important; width:100%; box-shadow:none; border:0; border-left:2px solid rgba(201,162,75,0.5); margin:0 0 6px 8px; padding:6px 10px 10px; grid-template-columns:1fr!important; border-radius:0; }
  .nav-dd:hover .nav-dd-panel, .nav-dd:focus-within .nav-dd-panel{ display:none; }
  .nav-dd.open .nav-dd-panel{ display:grid; }
  .nav-dd::after{ display:none; }
}

/* ---------- small page-level extras used by the rebuilt pages ---------- */
.dash-q{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; margin-bottom:32px; }
.dash-tl{ display:grid; grid-template-columns:repeat(7,1fr); gap:1px; background:var(--s-line2,rgba(200,214,240,0.18)); margin:12px 0 24px; border:1px solid var(--s-line2,rgba(200,214,240,0.18)); }
.dash-tl > *{ display:block; padding:12px 8px; text-align:center; background:var(--s-2,#161E2C); text-decoration:none; }
.dash-tl .tl-lab{ font-family:'IBM Plex Mono',monospace; font-size:7px; letter-spacing:0.16em; text-transform:uppercase; color:var(--warm-gray); margin-bottom:4px; }
.dash-tl .tl-song{ font-family:'Playfair Display',serif; font-size:12.5px; font-weight:700; font-style:italic; color:var(--s-ink,#ECEFF6); line-height:1.2; }
.dash-tl .tl-date{ font-family:'IBM Plex Mono',monospace; font-size:8px; margin-top:4px; color:var(--warm-gray); }
.dash-tl > .live{ background:#7A3120; }
.dash-tl > .live .tl-lab, .dash-tl > .live .tl-date{ color:var(--cream); opacity:0.85; }
.dash-tl > .live .tl-song{ color:var(--cream); }
.dash-tl > a:hover{ background:var(--s-3,#1C2536); }
.dash-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--s-line2,rgba(200,214,240,0.18)); border:1px solid var(--s-line2,rgba(200,214,240,0.18)); margin-top:10px; }
.dash-grid > div{ background:var(--s-2,#161E2C); padding:12px 14px; }
.dash-grid .dg-q{ font-family:'IBM Plex Mono',monospace; font-size:8px; letter-spacing:0.16em; text-transform:uppercase; color:var(--rust); margin-bottom:6px; }
.dash-grid a{ font-family:'IBM Plex Mono',monospace; font-size:10px; color:var(--s-ink,#ECEFF6); text-decoration:none; display:inline-block; margin-bottom:3px; }
.dash-grid a:hover{ color:var(--rust); }
@media (max-width:720px){
  .dash-q{ grid-template-columns:1fr; }
  .dash-tl{ grid-template-columns:repeat(2,1fr); }
  .dash-grid{ grid-template-columns:1fr; }
}
/* simple checklist rows (song release checklists, tool setup lists) */
.ck-list{ list-style:none; padding:0; margin:6px 0 4px; }
.ck-list li{ display:flex; align-items:flex-start; gap:10px; padding:6px 0; border-bottom:1px solid var(--s-line,rgba(200,214,240,0.10)); }
.ck-list li:last-child{ border-bottom:0; }
.ck-list li::before{ content:none!important; }
.tool-section-body ul.ck-list li{ padding-left:0!important; }
.ck-list .ckbox{ flex-shrink:0; margin-top:2px; }
.ck-list li.done > span:last-child{ opacity:0.5; text-decoration:line-through; }
.ck-head{ font-family:'IBM Plex Mono',monospace; font-size:8.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--rust); margin:16px 0 4px; }
.ck-head:first-child{ margin-top:0; }
/* lyric bubbles carried from the single-page SOP */
.lyric-bubble{ border:1px solid var(--s-line2,rgba(200,214,240,0.18)); border-radius:10px; margin:12px 0; overflow:hidden; }
.lyric-bubble-header{ display:flex; justify-content:space-between; align-items:center; padding:10px 14px; cursor:pointer; background:rgba(255,255,255,0.03); }
.lyric-bubble-title{ font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.16em; text-transform:uppercase; color:var(--rust); }
.lyric-bubble-toggle{ font-size:11px; opacity:0.6; }
.lyric-bubble-body{ padding:12px 16px 16px; font-family:'Playfair Display',serif; font-size:15px; line-height:1.7; white-space:pre-wrap; }
.lyric-section-label{ font-family:'IBM Plex Mono',monospace; font-size:8.5px; letter-spacing:0.14em; text-transform:uppercase; color:var(--rust); display:block; margin:12px 0 2px; }
/* hooks reference table on song / album pages */
.hook-ref{ font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:0.08em; color:var(--warm-gray); margin:4px 0 10px; }
.hook-ref a{ color:var(--rust); text-decoration:none; }
/* components carried from the Fireproof / Tools prototypes */
.cat-body .lyric{ font-family:'Playfair Display',serif; font-style:italic; font-size:14px; color:var(--rust-light,#EBC0A6); border-left:3px solid var(--rust,#E0A17A); padding:8px 14px; margin:10px 0; background:rgba(224,161,122,0.06); line-height:1.5; }
.priority-flag{ display:inline-block; background:#7A3120; color:#F5F0E8; font-size:7px; letter-spacing:0.14em; text-transform:uppercase; padding:2px 6px; margin-left:6px; vertical-align:middle; border-radius:2px; }
.checklist-section{ margin-bottom:16px; }
.checklist-heading{ font-family:'IBM Plex Mono',monospace; font-size:8.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--rust,#E0A17A); margin:14px 0 4px; padding-bottom:4px; border-bottom:1px solid var(--s-line2,rgba(200,214,240,0.18)); }
.checklist-section:first-child .checklist-heading{ margin-top:0; }
.cat-body .sub-h{ font-family:'IBM Plex Mono',monospace; font-size:8.5px; letter-spacing:0.18em; text-transform:uppercase; color:var(--rust,#E0A17A); margin:16px 0 6px; padding-bottom:5px; border-bottom:1px solid var(--s-line2,rgba(200,214,240,0.18)); }
.cat-body .sub-h:first-child{ margin-top:0; }
.cat-body .swipe-note{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; color:var(--warm-gray,#AEB8CB); margin:2px 0 10px; }
.cat-body p{ margin:0 0 8px; }
/* tighter stacking of the per-section page blocks */
.page.page-break{ padding-top:26px!important; padding-bottom:22px!important; }
.page.page-break:first-of-type{ padding-top:50px!important; }