/* NewsLab Theme v2.0 — newslab.com.ng */
:root {
  --nl-purple:      #5b1f9e;
  --nl-purple-dark: #3d1270;
  --nl-purple-mid:  #7a2fcb;
  --nl-gold:        #f5a800;
  --nl-gold-dark:   #c88500;
  --nl-gold-light:  #ffc533;
  --nl-ink:         #1a1a1a;
  --nl-paper:       #fafaf8;
  --nl-cream:       #f5f2ec;
  --nl-rule:        #e0dbd0;
  --nl-muted:       #7a7265;
  --nl-white:       #ffffff;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--nl-paper);color:var(--nl-ink);font-family:"Merriweather",Georgia,serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--nl-purple);text-decoration:none;}
a:hover{color:var(--nl-gold-dark);}
img{max-width:100%;height:auto;display:block;}

/* PROGRESS */
#nl-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(to right,var(--nl-purple),var(--nl-gold));z-index:9999;width:0%;transition:width .1s linear;}

/* UTILITY BAR */
#nl-utility-bar{background:var(--nl-purple-dark);color:rgba(255,255,255,.75);height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-family:"Lato",sans-serif;font-size:11.5px;letter-spacing:.04em;}
#nl-util-left{display:flex;align-items:center;gap:14px;color:var(--nl-gold-light);font-weight:700;}
.nl-time-badge{background:var(--nl-gold);color:var(--nl-purple-dark);padding:1px 9px;border-radius:2px;font-weight:900;font-size:11px;letter-spacing:.08em;font-family:"Lato",sans-serif;}
#nl-util-right{display:flex;align-items:center;gap:14px;}
.nl-edition-badge{background:var(--nl-gold);color:var(--nl-purple-dark);font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:2px 10px;border-radius:2px;}
.nl-util-link{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;}
.nl-util-link:hover{color:var(--nl-gold-light);}

/* MASTHEAD */
#nl-masthead{background:var(--nl-white);border-bottom:4px solid var(--nl-gold);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 3px 18px rgba(91,31,158,.1);}
#nl-logo-wrap{text-decoration:none;}
#nl-logo-img{height:60px;width:auto;}
#nl-logo-text{display:flex;flex-direction:column;}
.nl-logo-news{font-family:"Playfair Display",serif;font-size:36px;font-weight:900;color:var(--nl-purple);line-height:1;}
.nl-logo-lab{font-family:"Lato",sans-serif;font-size:18px;font-weight:900;background:var(--nl-gold);color:var(--nl-purple-dark);padding:2px 8px;border-radius:3px;align-self:flex-start;}
.nl-logo-tag{font-family:"Merriweather",serif;font-size:11px;font-style:italic;color:var(--nl-muted);margin-top:3px;}
#nl-masthead-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
#nl-social-strip{display:flex;gap:8px;}
.nl-soc{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;text-decoration:none;transition:transform .2s;font-family:"Lato",sans-serif;}
.nl-soc:hover{transform:scale(1.15);color:#fff;}
.nl-soc-fb{background:#1877f2;}
.nl-soc-tw{background:#000;}
.nl-soc-ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);}
.nl-soc-wa{background:#25d366;}
.nl-soc-yt{background:#ff0000;}
#nl-dark-btn{background:rgba(91,31,158,.1);border:1px solid rgba(91,31,158,.25);color:var(--nl-purple-dark);font-family:"Lato",sans-serif;font-size:11px;font-weight:900;letter-spacing:.06em;padding:6px 13px;border-radius:20px;cursor:pointer;transition:all .2s;}
#nl-dark-btn:hover{background:var(--nl-gold);color:var(--nl-purple-dark);border-color:var(--nl-gold);}

/* TICKER */
#nl-ticker-wrap{background:var(--nl-purple-dark);height:42px;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid var(--nl-gold);}
#nl-ticker-label{background:var(--nl-gold);color:var(--nl-purple-dark);font-family:"Lato",sans-serif;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:0 16px;height:100%;display:flex;align-items:center;white-space:nowrap;flex-shrink:0;position:relative;z-index:2;}
#nl-ticker-label::after{content:"";position:absolute;right:-11px;top:0;width:0;height:0;border-top:21px solid transparent;border-bottom:21px solid transparent;border-left:11px solid var(--nl-gold);}
#nl-ticker-inner{overflow:hidden;flex:1;height:100%;display:flex;align-items:center;padding-left:24px;}
#nl-ticker-track{display:flex;white-space:nowrap;animation:nl-scroll 40s linear infinite;font-family:"Lato",sans-serif;font-size:13px;color:#f8f5ef;}
#nl-ticker-track:hover{animation-play-state:paused;}
.nl-tick{padding-right:60px;cursor:pointer;transition:color .2s;color:#f8f5ef;text-decoration:none;}
.nl-tick:hover{color:var(--nl-gold-light);}
.nl-tick::before{content:"\25C6";color:var(--nl-gold);font-size:7px;margin-right:14px;vertical-align:middle;}
@keyframes nl-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* NAV */
#nl-nav{background:var(--nl-purple);box-shadow:0 2px 10px rgba(61,18,112,.35);}
#nl-nav-inner{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;}
#nl-nav-links{list-style:none;display:flex;height:50px;flex-wrap:nowrap;overflow-x:auto;}
#nl-nav-links li{position:relative;}
#nl-nav-links a{display:flex;align-items:center;height:100%;padding:0 15px;color:rgba(255,255,255,.88);text-decoration:none;font-family:"Lato",sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s;border-right:1px solid rgba(255,255,255,.08);white-space:nowrap;}
#nl-nav-links a:hover,#nl-nav-links .current-menu-item a,#nl-nav-links a.nl-active{background:var(--nl-gold);color:var(--nl-purple-dark);}
#nl-search-form{display:flex;}
#nl-search-input{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:3px;padding:7px 14px;color:#fff;font-family:"Lato",sans-serif;font-size:12px;outline:none;width:160px;transition:width .3s,border-color .2s;}
#nl-search-input:focus{width:220px;border-color:var(--nl-gold);}
#nl-search-input::placeholder{color:rgba(255,255,255,.45);}

/* PAGE */
#nl-page{max-width:1360px;margin:0 auto;padding:24px 20px 60px;}

/* SECTION HEAD */
.nl-section-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--nl-purple);}
.nl-section-head::before{content:"";width:6px;height:26px;background:var(--nl-gold);border-radius:2px;flex-shrink:0;}
.nl-section-head h2{font-family:"Playfair Display",serif;font-size:20px;font-weight:900;color:var(--nl-purple-dark);}
.nl-see-all{margin-left:auto;font-family:"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nl-purple);text-decoration:none;border:1px solid var(--nl-purple);padding:4px 12px;border-radius:2px;transition:all .2s;}
.nl-see-all:hover{background:var(--nl-purple);color:#fff;}

/* KICKER */
.nl-kicker{font-family:"Lato",sans-serif;font-size:9.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--nl-purple);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.nl-kicker::before{content:"";width:16px;height:3px;background:var(--nl-gold);display:inline-block;border-radius:2px;}

/* BYLINE */
.nl-byline{font-family:"Lato",sans-serif;font-size:11px;color:var(--nl-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.nl-byline strong{color:var(--nl-purple);}
.nl-dot{color:var(--nl-rule);}
.nl-dek{font-size:14px;color:var(--nl-muted);font-style:italic;line-height:1.6;margin-bottom:12px;}

/* IMAGE BOXES */
.nl-img-box{overflow:hidden;background:var(--nl-cream);}
.nl-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.nl-img-box:hover img{transform:scale(1.04);}
.nl-img-hero{height:320px;}
.nl-img-side{height:130px;margin-bottom:10px;}
.nl-img-list{width:100%;aspect-ratio:16/9;margin-bottom:14px;}

/* HERO */
#nl-hero{display:grid;grid-template-columns:2fr 1fr;gap:2px;background:var(--nl-rule);margin-bottom:32px;border-top:4px solid var(--nl-purple);}
.nl-hero-lead{background:var(--nl-white);display:flex;flex-direction:column;}
.nl-hero-lead .nl-story-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}
.nl-hero-lead h2{font-family:"Playfair Display",serif;font-size:clamp(18px,2vw,30px);font-weight:900;line-height:1.22;margin-bottom:10px;}
.nl-hero-lead h2 a{color:var(--nl-ink);}
.nl-hero-lead h2 a:hover{color:var(--nl-purple);}
.nl-hero-side{background:var(--nl-white);display:flex;flex-direction:column;}
.nl-hero-side-item{flex:1;padding:14px;display:flex;flex-direction:column;border-bottom:2px solid var(--nl-rule);}
.nl-hero-side-item:last-child{border-bottom:none;}
.nl-hero-side-item h3{font-family:"Playfair Display",serif;font-size:15px;font-weight:700;line-height:1.3;margin-bottom:6px;}
.nl-hero-side-item h3 a{color:var(--nl-ink);}
.nl-hero-side-item h3 a:hover{color:var(--nl-purple);}

/* FEATURED STRIP */
#nl-feat-strip{background:var(--nl-purple-dark);padding:26px 20px;margin-bottom:32px;position:relative;overflow:hidden;}
#nl-feat-strip::before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:var(--nl-gold);opacity:.07;border-radius:50%;}
#nl-feat-strip .nl-section-head{border-color:rgba(255,255,255,.2);}
#nl-feat-strip .nl-section-head h2{color:var(--nl-gold-light);}
#nl-feat-strip .nl-section-head::before{background:var(--nl-gold);}
#nl-feat-strip .nl-see-all{color:var(--nl-gold-light);border-color:var(--nl-gold-light);}
#nl-feat-strip .nl-see-all:hover{background:var(--nl-gold);color:var(--nl-purple-dark);border-color:var(--nl-gold);}
.nl-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.nl-feat-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:16px;transition:background .2s;}
.nl-feat-card:hover{background:rgba(255,255,255,.1);}
.nl-feat-card .nl-kicker{color:var(--nl-gold-light);}
.nl-feat-card h3{font-family:"Playfair Display",serif;font-size:15px;font-weight:700;line-height:1.3;color:#fff;margin-bottom:8px;}
.nl-feat-card h3 a{color:#fff;}
.nl-feat-card h3 a:hover{color:var(--nl-gold-light);}
.nl-feat-card .nl-byline{color:rgba(255,255,255,.5);}
.nl-feat-card .nl-byline strong{color:rgba(255,255,255,.8);}

/* CONTENT ROW */
#nl-content-row{display:grid;grid-template-columns:1fr 310px;gap:36px;margin-top:32px;}

/* LIST ARTICLES */
.nl-list-article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--nl-rule);}
.nl-list-article .nl-img-box{width:200px;flex-shrink:0;aspect-ratio:16/9;height:auto;}
.nl-list-body{flex:1;display:flex;flex-direction:column;}
.nl-list-title{font-family:"Playfair Display",serif;font-size:20px;font-weight:700;line-height:1.28;margin-bottom:8px;}
.nl-list-title a{color:var(--nl-ink);}
.nl-list-title a:hover{color:var(--nl-purple);}
.nl-read-more{display:inline-block;margin-top:10px;background:var(--nl-purple);color:#fff;font-family:"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:7px 16px;border-radius:2px;text-decoration:none;transition:background .2s;align-self:flex-start;}
.nl-read-more:hover{background:var(--nl-gold);color:var(--nl-purple-dark);}
.nl-no-posts{padding:20px;color:var(--nl-muted);font-family:"Lato",sans-serif;}

/* PAGINATION */
.nl-pagination{margin-top:32px;}
.nl-pagination .page-numbers{display:inline-flex;list-style:none;gap:8px;flex-wrap:wrap;}
.nl-pagination .page-numbers li a,
.nl-pagination .page-numbers li span{font-family:"Lato",sans-serif;font-size:13px;font-weight:700;padding:8px 14px;border:1px solid var(--nl-rule);color:var(--nl-purple);text-decoration:none;transition:all .2s;border-radius:2px;display:block;}
.nl-pagination .page-numbers li a:hover{background:var(--nl-purple);color:#fff;border-color:var(--nl-purple);}
.nl-pagination .page-numbers li .current{background:var(--nl-purple);color:#fff;border-color:var(--nl-purple);}

/* SIDEBAR */
#nl-sidebar{display:flex;flex-direction:column;gap:28px;}
.nl-widget{border-top:4px solid var(--nl-purple);padding-top:14px;}
.nl-widget-title{font-family:"Playfair Display",serif;font-size:17px;font-weight:900;color:var(--nl-purple-dark);margin-bottom:14px;}
.nl-most-read{list-style:none;counter-reset:mr;}
.nl-most-read li{counter-increment:mr;display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--nl-rule);}
.nl-most-read li::before{content:counter(mr);font-family:"Playfair Display",serif;font-size:26px;font-weight:900;color:var(--nl-gold);line-height:1;flex-shrink:0;width:24px;}
.nl-most-read a{font-family:"Lato",sans-serif;font-size:13px;font-weight:700;color:var(--nl-ink);text-decoration:none;line-height:1.4;}
.nl-most-read a:hover{color:var(--nl-purple);}
#nl-weather-widget{background:linear-gradient(135deg,var(--nl-purple-dark),#1a0840);color:#fff;border-radius:4px;padding:18px;}
#nl-weather-widget h4{color:var(--nl-gold-light);font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-family:"Lato",sans-serif;margin-bottom:12px;}
#nl-weather-body{display:flex;align-items:center;gap:16px;}
#nl-w-icon{font-size:36px;}
#nl-w-temp{font-family:"Playfair Display",serif;font-size:48px;font-weight:900;line-height:1;color:var(--nl-gold-light);}
#nl-w-desc{font-size:13px;color:rgba(255,255,255,.7);margin-top:3px;font-family:"Lato",sans-serif;}
.nl-newsletter p{font-size:13px;color:var(--nl-muted);margin-bottom:12px;font-style:italic;line-height:1.6;}
.nl-email-input{width:100%;border:2px solid var(--nl-rule);background:var(--nl-cream);padding:10px 12px;font-family:"Lato",sans-serif;font-size:13px;outline:none;margin-bottom:8px;color:var(--nl-ink);transition:border-color .2s;}
.nl-email-input:focus{border-color:var(--nl-purple);}
.nl-subscribe-btn{width:100%;background:var(--nl-purple);color:#fff;border:none;padding:11px;font-family:"Lato",sans-serif;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.nl-subscribe-btn:hover{background:var(--nl-gold);color:var(--nl-purple-dark);}

/* SINGLE */
.nl-single{max-width:820px;}
.nl-single-title{font-family:"Playfair Display",serif;font-size:clamp(22px,3vw,38px);font-weight:900;line-height:1.18;color:var(--nl-ink);margin-bottom:14px;}
.nl-single-meta{margin-bottom:20px;}
.nl-single-img{margin-bottom:24px;}
.nl-single-img img{width:100%;max-height:480px;object-fit:cover;}
.nl-single-content{font-size:17px;line-height:1.85;}
.nl-single-content p{margin-bottom:1.4em;}
.nl-single-content h2,.nl-single-content h3{font-family:"Playfair Display",serif;margin:1.6em 0 .6em;color:var(--nl-purple-dark);}
.nl-single-share{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:28px;padding-top:16px;border-top:1px solid var(--nl-rule);}
.nl-single-share span{font-family:"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nl-muted);}
.nl-share-fb,.nl-share-tw,.nl-share-wa{background:var(--nl-purple);color:#fff;padding:6px 14px;border-radius:2px;font-family:"Lato",sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;}
.nl-share-fb:hover,.nl-share-tw:hover,.nl-share-wa:hover{background:var(--nl-gold);color:var(--nl-purple-dark);}
.nl-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding-top:20px;border-top:2px solid var(--nl-rule);}
.nl-prev-post,.nl-next-post{display:flex;flex-direction:column;gap:4px;}
.nl-next-post{text-align:right;}
.nl-prev-post span,.nl-next-post span{font-family:"Lato",sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--nl-muted);}
.nl-prev-post a,.nl-next-post a{font-family:"Playfair Display",serif;font-size:15px;font-weight:700;color:var(--nl-ink);text-decoration:none;line-height:1.3;}
.nl-prev-post a:hover,.nl-next-post a:hover{color:var(--nl-purple);}

/* FOOTER */
#nl-footer{background:var(--nl-purple-dark);color:rgba(255,255,255,.7);padding:44px 20px 20px;border-top:5px solid var(--nl-gold);}
#nl-footer-inner{max-width:1360px;margin:0 auto;}
#nl-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px;}
#nl-footer-logo-wrap{display:block;margin-bottom:12px;}
#nl-footer-logo-wrap #nl-logo-img{height:48px;filter:brightness(0) invert(1);}
#nl-footer-logo-wrap #nl-logo-text .nl-logo-news{color:#fff;font-size:28px;}
#nl-footer-logo-wrap #nl-logo-text .nl-logo-lab{background:var(--nl-gold);color:var(--nl-purple-dark);}
#nl-footer-tag{font-family:"Merriweather",serif;font-style:italic;font-size:13px;color:var(--nl-gold-light);margin-bottom:10px;}
#nl-footer-brand p{font-size:13px;line-height:1.75;max-width:280px;font-family:"Lato",sans-serif;}
.nl-footer-col h5{font-family:"Lato",sans-serif;font-size:9.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--nl-gold-light);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12);}
.nl-footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.nl-footer-col a{color:rgba(255,255,255,.58);text-decoration:none;font-family:"Lato",sans-serif;font-size:13px;transition:color .2s;}
.nl-footer-col a:hover{color:var(--nl-gold-light);}
#nl-footer-bottom{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-family:"Lato",sans-serif;font-size:11px;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:10px;}
#nl-footer-bottom a{color:rgba(255,255,255,.35);}
#nl-footer-bottom a:hover{color:var(--nl-gold-light);}

/* BACK TO TOP */
#nl-back-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;background:var(--nl-purple);border:2px solid var(--nl-gold);color:#fff;border-radius:3px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,background .2s;z-index:800;}
#nl-back-top.nl-show{opacity:1;transform:translateY(0);}
#nl-back-top:hover{background:var(--nl-gold);color:var(--nl-purple-dark);}

/* DARK MODE */
body.nl-dark{--nl-ink:#e8e3db;--nl-paper:#111010;--nl-cream:#1a1917;--nl-rule:#2e2b26;--nl-muted:#8a8074;--nl-white:#1a1917;}
body.nl-dark #nl-masthead{background:#1a1917;border-color:var(--nl-gold);}
body.nl-dark .nl-hero-lead,body.nl-dark .nl-hero-side,body.nl-dark .nl-hero-side-item{background:#1a1917;}
body.nl-dark .nl-email-input{background:#111010;color:var(--nl-ink);}

/* RESPONSIVE */
@media(max-width:1100px){#nl-content-row{grid-template-columns:1fr;}.nl-grid-4{grid-template-columns:repeat(2,1fr);}#nl-footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:720px){#nl-hero{grid-template-columns:1fr;}#nl-nav-links{overflow-x:auto;}#nl-nav-links a{padding:0 10px;font-size:11px;}#nl-search-form{display:none;}#nl-masthead{flex-wrap:wrap;gap:10px;}.nl-list-article{flex-direction:column;}.nl-list-article .nl-img-box{width:100%;}.nl-grid-4{grid-template-columns:1fr;}#nl-footer-grid{grid-template-columns:1fr;}#nl-utility-bar{font-size:10px;}}
