/* ===========================================================================
   90s Craig — Control Room  (consolidated)
   =========================================================================== */
:root{
  --bg:#0C110A;--bg-2:#141B11;--panel:#313C2E;--panel-hi:#4A5742;--panel-lo:#13190F;--panel-edge:#070A06;
  --readout:#080B07;--lcd:#74E36A;--lcd-dim:#3F8B3C;--amber:#FFB43B;--red:#E3382E;--tape:#ECE1C4;
  --text:#E7EADB;--text-dim:#9FAE97;--line:rgba(231,234,219,.10);--r:3px;
  --soft-glow:0 0 3px rgba(116,227,106,.35);
  --bevel:inset 1px 1px 0 var(--panel-hi), inset -2px -2px 4px var(--panel-lo), 0 1px 2px rgba(0,0,0,.5);
  --pad-x:22px;       /* shared horizontal page padding (matches header) */
  --gap-top:24px;     /* shared gap between header and page content */
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 var(--pad-x)}
img{max-width:100%;height:auto}
h1,h2,h3{font-family:"Archivo",sans-serif;line-height:1.05;margin:0;letter-spacing:-.02em;color:#fff}
a{color:inherit}
.eyebrow{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--lcd-dim)}
@keyframes blink{50%{opacity:.2}}
.sticker{display:inline-block;background:var(--tape);color:#1c1810;font-family:"Caveat","Permanent Marker",cursive;font-weight:700;line-height:.95;padding:3px 13px 5px;transform:rotate(-2deg);box-shadow:1px 2px 4px rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.12)}
.panel{background:linear-gradient(180deg,#3a4636,#2a3327);border:1px solid var(--panel-edge);border-radius:var(--r);box-shadow:var(--bevel)}
.srcbtn{font-family:"VT323",monospace;font-size:15px;color:var(--lcd);background:linear-gradient(180deg,#222c1e,#151c12);border:1px solid var(--panel-edge);border-radius:var(--r);padding:6px 12px;text-decoration:none;box-shadow:inset 1px 1px 0 #3c4a33,0 1px 2px rgba(0,0,0,.5);letter-spacing:.04em;display:inline-block}
.srcbtn:hover{color:#fff}
.srcbtn.on{background:linear-gradient(180deg,#7be36a,#46a23c);color:#08230a}

/* ---- Header ---- */
.site-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;margin-top:14px;border-bottom:1px solid var(--line)}
.ident{display:flex;align-items:center;gap:12px;text-decoration:none}
.ident .name{font-family:"VT323",monospace;font-size:30px;color:var(--lcd);text-shadow:var(--soft-glow);line-height:1;letter-spacing:.02em;text-transform:uppercase}
.ident .sticker{font-size:17px;transform:rotate(-3.5deg)}
.hgroup{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nav ul,.nav li{list-style:none;margin:0;padding:0}
.nav li{display:flex;align-items:center}
.nav .sub-menu{display:none}
.nav a{display:flex;align-items:center;gap:6px;text-decoration:none;padding:5px 8px;position:relative}
.nav .lb{font-family:"Archivo",sans-serif;font-weight:800;font-size:12px;letter-spacing:.03em;color:var(--text-dim);text-transform:uppercase}
.nav a:hover .lb{color:#fff}
.nav .current-menu-item .lb,.nav .current_page_item .lb{color:#fff}
.nav .current-menu-item::after,.nav .current_page_item::after{content:"";position:absolute;left:8px;right:8px;bottom:1px;height:2px;background:var(--lcd);box-shadow:var(--soft-glow)}
.hsearch{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:7px 11px;min-width:180px}
.hsearch .ic{color:var(--lcd-dim);font-family:"IBM Plex Mono",monospace}
.hsearch input{border:0;background:transparent;outline:0;color:var(--text);font-family:"Inter",sans-serif;font-size:13px;width:100%}
.hsearch input::placeholder{color:#7f8c79}

/* ---- Shared page-section wrappers (identical top spacing everywhere) ---- */
.home .hero{margin-top:var(--gap-top)}
.archive-tape{padding:var(--gap-top) var(--pad-x) 50px}
.page{padding:var(--gap-top) var(--pad-x) 50px}
.single-tape{padding:0 0 50px}
.archive-head,.page-head{margin:0 0 18px}
.archive-head h1,.page-head h1{margin-top:6px;font-size:clamp(26px,3.6vw,40px);font-weight:900}
.archive-count{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 0}

/* ---- Home hero ---- */
.hero{display:grid;grid-template-columns:1fr 320px;gap:16px}
.program{border-radius:var(--r);overflow:hidden;border:1px solid var(--panel-edge);box-shadow:var(--bevel);display:flex;flex-direction:column}
.barbar{display:flex;align-items:center;gap:10px;background:#222c1e;padding:8px 14px;border-bottom:1px solid var(--panel-edge)}
.barbar .rec{display:flex;align-items:center;gap:6px;font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;color:var(--red)}
.barbar .rec .d{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1s steps(2) infinite}
.barbar .rec.scan{color:var(--lcd-dim)}
.barbar .rec.scan .d{background:var(--lcd-dim);animation:none}
.barbar .call{margin:0 auto}
.barbar .call .sticker{font-size:16px;transform:rotate(2.5deg)}
.barbar .lab{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.12em;color:var(--lcd-dim)}
.screen{position:relative;flex:1;background:radial-gradient(130% 120% at 50% -10%,#1c2a16 0%,#0e150b 62%,#090d07 100%);overflow:hidden}
.screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.screen::before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(0,0,0,.65);pointer-events:none}
.screen .inner{padding:44px 32px 40px;position:relative;z-index:2}
.screen h1{font-size:clamp(30px,4.6vw,50px);font-weight:900;max-width:15ch}
.screen p{max-width:52ch;color:#c5d3bf;margin:14px 0 0;font-size:17px}
.cta{display:inline-flex;align-items:center;gap:9px;margin-top:20px;background:var(--lcd);color:#08230a;font-weight:800;text-decoration:none;padding:12px 20px;border-radius:var(--r);font-family:"Archivo"}
.cta:hover{background:#8dff7c}
.rail{display:flex;flex-direction:column;gap:16px}
.rail .card{border-radius:var(--r);border:1px solid var(--panel-edge);box-shadow:var(--bevel);overflow:hidden;background:linear-gradient(180deg,#222c1e,#161d12)}
.rail .cap{display:flex;align-items:center;gap:8px;padding:8px 13px;background:#222c1e;border-bottom:1px solid var(--panel-edge)}
.rail .cap .t{font-family:"VT323",monospace;font-size:18px;letter-spacing:.04em}
.rail .cap .amb{color:var(--amber)}
.rail .cap .grn{color:var(--lcd);text-shadow:var(--soft-glow)}
.rail .cap .when{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:10px;color:var(--text-dim)}
.guide{padding:6px 13px 10px}
.guide .row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed rgba(116,227,106,.18)}
.guide .row:last-child{border-bottom:0}
.guide .day{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;color:var(--lcd);width:34px}
.guide .show{font-size:14px;color:var(--text)}
.sub{padding:13px}
.sub p{margin:0 0 10px;font-size:13px;color:var(--text-dim);line-height:1.4}
.sub .field{display:flex;gap:7px}
.sub input{flex:1;min-width:0;background:var(--readout);border:1px solid var(--panel-edge);border-radius:var(--r);color:var(--text);font-family:"IBM Plex Mono",monospace;font-size:13px;padding:9px 11px;outline:0}
.sub input::placeholder{color:#6f8c6a}
.sub button{background:linear-gradient(180deg,#7be36a,#46a23c);color:#08230a;border:1px solid var(--panel-edge);border-radius:var(--r);font-family:"Archivo";font-weight:800;font-size:13px;padding:0 14px;cursor:pointer}
.sub .fine{margin:9px 0 0;font-size:11px;color:#6f8c6a}
.sub iframe{display:block;width:100%;border:0;border-radius:var(--r);background:transparent;margin-top:2px}

/* ---- Cards / grid (shared, blowout-proof) ---- */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tape{min-width:0;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s}
.tape:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.5);border-color:var(--lcd-dim)}
.thumb{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0e150b}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s;filter:saturate(1.05)}
.tape:hover .thumb img{transform:scale(1.04)}
.thumb .id{position:absolute;left:8px;top:8px;font-family:"VT323",monospace;font-size:15px;color:var(--lcd);background:var(--readout);padding:1px 8px;border-radius:var(--r);text-shadow:var(--soft-glow);border:1px solid #000}
.tbody{padding:12px 13px 15px}
.tbody h3{font-size:15px;font-weight:800;line-height:1.15;color:#fff;overflow-wrap:anywhere;word-break:break-word}
.tbody .dek{font-size:13px;color:var(--text-dim);margin-top:6px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---- Home: latest section ---- */
.section-home{padding:54px 0 0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sec-head h2{font-size:26px;font-weight:800}
.more{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--lcd-dim);text-decoration:none}
.more:hover{color:var(--lcd)}

/* ---- Archive filters ---- */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 26px}
.filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0 26px}
.filterbar .fl{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f8c6a}
.filterbar select{background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;font-family:"IBM Plex Mono",monospace;font-size:13px}
.filterbar button{cursor:pointer}
.filterbar .clearf{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--lcd-dim);text-decoration:none}
.filterbar .clearf:hover{color:var(--lcd)}
.pagination{margin-top:30px;font-family:"IBM Plex Mono",monospace}
.pagination a,.pagination .current{color:var(--text-dim);text-decoration:none;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r);margin-right:4px}
.pagination .current{color:#08230a;background:var(--lcd);border-color:var(--lcd)}

/* ---- Single tape ---- */
.crumbs{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--text-dim);letter-spacing:.04em;margin:18px 0 14px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.crumbs a{text-decoration:none;color:var(--text-dim)}
.crumbs a:hover{color:var(--lcd)}
.crumbs .sep{color:var(--lcd-dim)}
.crumbs .here{color:var(--text)}
.titleblock{max-width:780px;margin:6px auto 0;text-align:center}
.titleblock h1{font-size:clamp(28px,4vw,44px);font-weight:900}
.titleblock .sub{color:var(--text-dim);font-size:16px;margin:13px auto 0;max-width:58ch}
.scanwrap{max-width:470px;margin:30px auto 0}
.viewer{border-radius:var(--r);overflow:hidden;border:1px solid var(--panel-edge);box-shadow:var(--bevel)}
.stage{position:relative;background:#070a06;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden}
.stage img{max-height:100%;max-width:100%;object-fit:contain;display:block}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.frameno{position:absolute;bottom:12px;right:12px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--lcd);background:rgba(8,11,7,.72);padding:3px 8px;border-radius:var(--r);text-shadow:var(--soft-glow);z-index:3}
.filmstrip{display:flex;gap:8px;padding:10px;background:#10160d;border-top:1px solid var(--panel-edge)}
.fs{width:58px;height:58px;border-radius:var(--r);overflow:hidden;border:1px solid var(--panel-edge);background:#0e150b;cursor:pointer;padding:0}
.fs img{width:100%;height:100%;object-fit:cover;display:block}
.fs.on{border-color:var(--lcd);box-shadow:0 0 0 1px var(--lcd),var(--soft-glow)}
.clipnote{margin:13px 0 0;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#6f8c6a;letter-spacing:.03em;text-align:center}
.clipembed{max-width:760px;margin:24px auto 0}
.clipembed iframe{width:100%;border-radius:var(--r)}
.specbar{max-width:940px;margin:30px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;background:var(--panel-edge);border:1px solid var(--panel-edge);border-radius:var(--r);overflow:hidden}
.specbar .cell{background:var(--readout);padding:12px 15px}
.specbar .k{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#6f8c6a}
.specbar .v{font-family:"VT323",monospace;font-size:23px;color:var(--lcd);text-shadow:var(--soft-glow);line-height:1.05;margin-top:3px}
.specbar .v.txt{font-family:"Inter",sans-serif;font-size:14px;color:var(--text);text-shadow:none;margin-top:6px;line-height:1.3}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.btn-grn{display:inline-flex;align-items:center;gap:8px;background:var(--lcd);color:#08230a;font-family:"Archivo";font-weight:800;font-size:14px;text-decoration:none;padding:11px 18px;border-radius:var(--r)}
.btn-grn:hover{background:#8dff7c}
.single-tape .wrap > .section{padding:52px 0 0;max-width:680px;margin:0 auto}
.secsticker{margin-bottom:16px}
.secsticker .sticker{font-size:18px}
.prose{max-width:none}
.prose p{margin:0 0 16px;color:#d6dccd}
.prose p:first-of-type::first-letter{font-family:"Archivo";font-weight:900;font-size:52px;float:left;line-height:.8;padding:4px 10px 0 0;color:var(--lcd);text-shadow:var(--soft-glow)}
.filed{margin-top:34px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.filed .lab{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f8c6a}
.tagchip{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--text);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.tagchip:hover{border-color:var(--lcd-dim);color:var(--lcd)}
.prevnext{max-width:940px;margin:48px auto 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.pn{display:flex;flex-direction:column;gap:3px;text-decoration:none;max-width:46%}
.pn.next{text-align:right;margin-left:auto}
.pn .dir{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.12em;color:#6f8c6a}
.pn .ttl{font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;color:var(--text)}
.pn:hover .ttl{color:var(--lcd)}
.related{padding:44px 0 0}
.rel-head{margin-bottom:20px}
.rel-head h2{font-size:24px;font-weight:800}

/* ---- Pages (Contact/About/etc.) ---- */
.page-content{font-size:17px;line-height:1.7;color:#d8ddce}
.page-content > *{margin:0 0 16px}
.page-content h2,.page-content h3{color:#fff;font-family:"Archivo",sans-serif;margin:30px 0 10px;letter-spacing:-.01em}
.page-content h2{font-size:24px}.page-content h3{font-size:19px}
.page-content a{color:var(--lcd);text-decoration:underline}
.page-content ul,.page-content ol{padding-left:22px}
.page-content li{margin:0 0 8px}
.page-content img{border-radius:var(--r)}
.page-content strong{color:#fff}
.page-hero{margin:0 0 24px}
.page-hero img{width:100%;height:auto;border-radius:var(--r)}
.page-content .wpforms-field-label,.page-content label{color:var(--text);font-weight:600}
.page-content input[type=text],.page-content input[type=email],.page-content input[type=url],.page-content input[type=tel],.page-content textarea,.page-content select{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);padding:11px 13px;font-family:"Inter",sans-serif;font-size:15px}
.page-content input::placeholder,.page-content textarea::placeholder{color:#7f8c79}
.page-content .wpforms-field-description{color:var(--text-dim);font-size:13px}
.page-content .wpforms-submit,.page-content button[type=submit],.page-content input[type=submit]{background:var(--lcd);color:#08230a;border:0;border-radius:var(--r);font-family:"Archivo",sans-serif;font-weight:800;padding:12px 22px;cursor:pointer;font-size:14px}
.page-content .wpforms-submit:hover{background:#8dff7c}

/* Contact social grid */
.contact-social-grid{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 26px;padding:0;list-style:none}
.contact-social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:96px;height:96px;padding:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}
.contact-social-card:hover{border-color:var(--lcd-dim);transform:translateY(-2px)}
.contact-social-svg{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.contact-social-svg svg,svg.contact-social-svg{width:30px;height:30px;max-width:30px;max-height:30px;fill:var(--lcd)}
.contact-social-name{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase}
.contact-social-card:hover .contact-social-name{color:var(--lcd)}

/* ---- Footer ---- */
.site-footer{margin-top:42px}
.footdeck{padding:24px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-radius:0;border-left:0;border-right:0}
.footdeck .logo{font-family:"VT323",monospace;font-size:30px;color:var(--lcd);text-shadow:var(--soft-glow);line-height:1;text-decoration:none;text-transform:uppercase}
.footdeck .tag{font-family:"VT323",monospace;font-size:23px;color:#dff0d9}
.footdeck .soc{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--text-dim)}

/* ---- Responsive ---- */
@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:880px){.hero{grid-template-columns:1fr}}
@media(max-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Neutralize WordPress global-styles root padding on the body (singular pages
   were getting an extra 24px that the archive didn't, shifting the whole page). */
body{padding:0 !important}
/* ---- About page: channel card + social row ---- */
.about-channel-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:24px 0}
.about-channel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.about-channel-left{display:flex;flex-direction:column;gap:6px}
.about-channel-label{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lcd-dim)}
.about-channel-name{font-family:"VT323",monospace;font-size:30px;color:var(--lcd);text-shadow:var(--soft-glow);line-height:1}
.about-channel-schedule{display:flex;align-items:center;gap:10px;font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--text-dim);flex-wrap:wrap;margin-top:2px}
.about-sched-days{color:var(--lcd)}
.about-sched-sep{color:var(--lcd-dim)}
.about-sched-time{color:var(--amber)}
.about-channel-cta{display:inline-flex;align-items:center;gap:8px;background:var(--lcd);color:#08230a;font-family:"Archivo",sans-serif;font-weight:800;font-size:14px;text-decoration:none;padding:11px 18px;border-radius:var(--r);white-space:nowrap}
.about-channel-cta:hover{background:#8dff7c}
.about-social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.about-social-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--readout);border:1px solid var(--panel-edge);border-radius:var(--r);text-decoration:none;transition:border-color .15s,transform .15s}
.about-social-btn:hover{border-color:var(--lcd-dim);transform:translateY(-2px)}
.about-social-icon{width:24px;height:24px;max-width:24px;max-height:24px;fill:var(--lcd);display:block;flex:0 0 auto}
/* About social buttons: icon + label pills (override fixed-square version) */
.about-social-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:auto;height:auto;padding:9px 14px;background:var(--readout);border:1px solid var(--panel-edge);border-radius:var(--r);text-decoration:none;color:var(--text);font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;line-height:1}
.about-social-btn:hover{border-color:var(--lcd-dim);color:var(--lcd);transform:translateY(-2px)}
.about-social-icon{width:18px;height:18px;max-width:18px;max-height:18px;fill:var(--lcd);display:block;flex:0 0 auto}
/* Beat .page-content a (green/underline) for the About buttons */
.page-content a.about-channel-cta{color:#08230a;text-decoration:none}
.page-content a.about-social-btn{color:var(--text);text-decoration:none}
.page-content a.about-social-btn:hover{color:var(--lcd)}
.footdeck .soc a{color:var(--text-dim);text-decoration:none}
.footdeck .soc a:hover{color:var(--lcd)}
/* Contain the active-nav underline to its <li> (was escaping full-width to page bottom) */
.nav li{position:relative}