/*
Theme Name: PubDef Archive
Description: Modernized 2006 PubDef look for the restored archive. Banner-art header, explorable archive, Courier-flavored headlines, orange chrome — professional and responsive.
Author: Antonio French
Version: 1.0
*/

:root{--orange:#e8820c;--orange-bright:#ff9900;--ink:#171411;--paper:#ffffff;--page:#111;--gray:#6b6258;--line:#e4ddd2;--linkc:#b35f08}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--page);color:var(--ink);font:16px/1.65 Georgia,'Times New Roman',serif}
a{color:var(--linkc);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.sans{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
.mono{font-family:'Courier New',Courier,monospace}

/* ---- top strip (nod to the old cross-promo bar) ---- */
.topstrip{background:#1d1a17;color:#c8bfae;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topstrip span{color:var(--orange-bright)}
.topstrip a{color:#c8bfae}
@media(max-width:600px){.topstrip .hidesm{display:none}.topstrip{font-size:10px;letter-spacing:.1em}}

/* ---- banner header ---- */
.banner{background:var(--page);text-align:center;font-size:0}
.banner img{display:block;width:100%;margin:0 auto}

/* ---- nav ---- */
.nav{position:sticky;top:0;z-index:50}
.nav .in{background:var(--orange);max-width:1080px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:0 10px}
.nav a{flex:none;color:#1d1206;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;padding:13px 12px}
.nav a:hover{background:#d97607;color:#fff;text-decoration:none}
.nav a.tv{background:#1d1206;color:var(--orange-bright)}
.nav a.tv:hover{background:#000;color:#fff}
.nav form{margin-left:auto;flex:none;padding:7px 10px 7px 0}
.nav input[type=search]{border:0;border-radius:3px;padding:7px 10px;font-size:13px;width:150px;font-family:inherit}
@media(max-width:720px){
  .nav a{padding:11px 9px;font-size:12px}
  .nav form{margin-left:0;flex-basis:100%;padding:0 2px 9px}
  .nav input[type=search]{width:100%}
}

/* ---- layout ---- */
.shell{max-width:1080px;margin:0 auto;background:var(--paper)}
.cols{display:flex;flex-direction:column}
.main{padding:26px 20px;min-width:0}
.side{padding:6px 20px 30px;border-top:1px solid var(--line)}
@media(max-width:879px){
  .side{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0 18px;align-items:start;padding-top:18px}
  .side .box{margin-bottom:18px}
}
@media(min-width:880px){
  .cols{flex-direction:row}
  .main{flex:1;padding:34px 34px 44px}
  .side{width:320px;border-top:0;border-left:1px solid var(--line);padding:34px 22px 44px}
}

/* ---- archive explorer (blog home) ---- */
.xhero{border-bottom:3px solid var(--orange);padding-bottom:22px;margin-bottom:26px}
.kick{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
h1.xtitle{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:clamp(26px,5.5vw,38px);line-height:1.1;margin:8px 0 10px}
.xhero p{color:var(--gray)}
.bigsearch{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.bigsearch input[type=search]{flex:1 1 220px;border:2px solid var(--ink);border-radius:4px;padding:12px 14px;font-size:16px;font-family:inherit;min-width:0}
.bigsearch button{flex:1 0 auto;background:var(--ink);color:#fff;border:0;border-radius:4px;padding:12px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;cursor:pointer}
.bigsearch button:hover{background:var(--orange);color:#1d1206}
@media(min-width:560px){.bigsearch button{flex:0 0 auto}}

/* ---- today's pick spotlight ---- */
.pick{position:relative;border:2px solid var(--orange);background:#fdf7ee;margin:30px 0 6px;padding:26px 20px 20px}
.pickbadge{position:absolute;top:-13px;left:14px;background:var(--orange);color:#1d1206;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px}
.pick .ptitle{font-size:clamp(22px,5vw,28px);margin-bottom:6px}
.pick .pickimg{width:100%;border:1px solid var(--line);margin:12px 0 4px}
.pickbtn{display:inline-block;background:var(--ink);color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:13px;border-radius:4px;padding:10px 16px;margin-top:12px}
.pickbtn:hover{background:var(--orange);color:#1d1206;text-decoration:none}
@media(min-width:700px){
  .pick{display:flex;gap:24px;padding:28px 26px 24px}
  .pick .pickbody{flex:1}
  .pick .pickimg{width:230px;align-self:flex-start;margin:0}
}

/* ---- pubdef tv ---- */
.tvwrap{background:#000;margin:0 -20px;padding:18px 16px 26px}
@media(min-width:880px){.tvwrap{margin:0 -34px -44px;padding:26px 34px 40px}}
.tvhead{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.tvhead img{width:84px;height:auto}
.tvhead .t1{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:clamp(22px,5vw,30px);color:#fff}
.tvhead .t2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8d8473}
.live{display:inline-block;background:#c2261f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:10px;letter-spacing:.14em;border-radius:3px;padding:3px 8px;vertical-align:middle;animation:blink 2.4s infinite}
@keyframes blink{50%{opacity:.45}}
.tvscreen{position:relative;aspect-ratio:16/9;background:#111;border:1px solid #2a2521}
.tvscreen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nowplay{font-family:'Courier New',Courier,monospace;color:#e9e1d2;font-size:15px;margin-top:14px}
.nowplay a{color:var(--orange-bright)}
.nowplay .np{color:#8d8473;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:4px}
.tvctl{margin-top:12px}
.tvctl button{background:#1d1a17;color:#e9e1d2;border:1px solid #3a332c;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:13px;padding:9px 16px;cursor:pointer;margin-right:8px}
.tvctl button:hover{border-color:var(--orange);color:var(--orange-bright)}

/* ---- tv teaser on explorer ---- */
.tvteaser{display:flex;align-items:center;gap:16px;background:#000;border:2px solid var(--orange);padding:14px 18px;margin:26px 0 4px;color:#e9e1d2}
.tvteaser img{width:64px;height:auto;flex:none}
.tvteaser .tt1{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:18px;color:#fff}
.tvteaser .tt2{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:13px;color:#b0a690}
.tvteaser .pickbtn{margin:0;flex:none;background:var(--orange);color:#1d1206}
.tvteaser .pickbtn:hover{background:#fff}
@media(max-width:620px){.tvteaser{flex-wrap:wrap}.tvteaser .pickbtn{width:100%;text-align:center}}
.secthead{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:19px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:30px 0 16px}
.years{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.yearcard{display:block;border:1px solid var(--line);border-top:4px solid var(--orange);padding:16px;text-align:center;color:var(--ink)}
.yearcard:hover{border-color:var(--orange);text-decoration:none;background:#fdf7ee}
.yearcard .y{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:28px}
.yearcard .c{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:12px;color:var(--gray)}
.topics{display:flex;flex-wrap:wrap;gap:9px}
.topics a{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:99px;padding:8px 14px;color:var(--ink);background:#faf6ef}
.topics a:hover{border-color:var(--orange);color:var(--orange);text-decoration:none}
.topics a b{color:var(--orange)}

/* ---- post lists ---- */
.plist .item{border-bottom:1px solid var(--line);padding:18px 0}
.plist .item:last-child{border-bottom:0}
.ptitle{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:20px;line-height:1.25}
.ptitle a{color:var(--ink)}
.ptitle a:hover{color:var(--orange);text-decoration:none}
.pmeta{font-family:'Times New Roman',Times,serif;font-style:italic;font-size:14px;color:var(--gray);margin:4px 0 8px}
.pexcerpt{font-size:15px;color:#3c352c}
.pagernav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;font-size:14px}

/* ---- single post ---- */
.single .ptitle{font-size:clamp(24px,5vw,32px)}
.byline{font-family:'Courier New',Courier,monospace;font-size:14px;margin:12px 0 2px}
.filed{font-family:'Times New Roman',Times,serif;font-style:italic;font-size:15px;color:var(--gray);margin-bottom:20px}
.pbody{font-size:17px;line-height:1.75}
.pbody p{margin:0 0 18px}
.pbody img{border:1px solid var(--line)}
.pbody iframe,.pbody embed,.pbody object{max-width:100%}
.labels{font-family:'Courier New',Courier,monospace;font-size:13px;border-top:1px solid var(--line);margin-top:26px;padding-top:14px}
.vintage{background:#fdf7ee;border:1px solid var(--line);border-left:4px solid var(--orange);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:13px;color:#5d543f;padding:12px 14px;margin:0 0 22px}

/* ---- video preview on VIDEO posts ---- */
.pvideo{position:relative;aspect-ratio:16/9;background:#000;margin:0 0 24px}
.pvideo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:879px){.pvideo{margin-left:-20px;margin-right:-20px}}
.pbody.has-embed .vvqbox{display:none}

/* ---- archived comments ---- */
.archcomments{margin-top:30px}
.archcomments .commh2,.archcomments h2{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:19px;border-bottom:1px solid var(--line);padding-bottom:8px;margin:0 0 16px}
.archcomments .commentlist{list-style:none;margin:0;padding:0}
.archcomments .commentlist li{background:#faf6ef;border:1px solid var(--line);border-left:3px solid var(--orange);padding:14px 18px;margin-bottom:12px;font-size:15px;line-height:1.6}
.archcomments .commentlist li.alt{background:#fff}
.archcomments cite{font-style:normal;font-weight:700;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px}
.archcomments .commentmetadata{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:12px;color:var(--gray);margin:2px 0 8px}
.archcomments .commentmetadata a{color:var(--gray)}
.archcomments p{margin:0 0 10px}
.archcomments .navigation,.archcomments form,.archcomments #respond{display:none}

/* ---- sidebar ---- */
.box{border:1px solid var(--line);border-top:4px solid var(--orange);padding:18px;margin-bottom:18px;background:#fff}
.box h3{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:16px;margin-bottom:10px}
.box p{font-size:14px;color:#4a4236;margin-bottom:10px}
.box ul{list-style:none}
.box li{border-bottom:1px dotted var(--line);padding:7px 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px}
.box li:last-child{border-bottom:0}
.box.dark{background:var(--ink);border-color:var(--ink);color:#e9e1d2}
.box.dark h3{color:var(--orange-bright)}
.box.dark p{color:#cfc6b4}
.box.dark a{color:var(--orange-bright)}
.donatebtn{display:block;background:var(--orange);color:#1d1206;text-align:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:700;border-radius:4px;padding:12px;margin-top:6px}
.donatebtn:hover{background:#d97607;color:#fff;text-decoration:none}
.adlabel{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);text-align:center;margin-bottom:6px}

/* ---- footer ---- */
.foot{background:#000;color:#8d8473;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:13px;text-align:center;padding:30px 16px}
.foot a{color:#c8bfae}
.foot .tag{color:var(--orange-bright);font-style:italic;font-family:Georgia,serif;font-size:14px;margin-bottom:8px}