/*
Theme Name: OUTLINED
Theme URI: https://outlined.in
Author: OUTLINED
Description: India's Business Surgeon — Futuristic editorial theme with AdSense optimisation, dark mode, and surgical design.
Version: 2.0
License: GNU General Public License v2
Tags: news, magazine, business, adsense, dark-mode
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,400&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@300;400;500;600&display=swap');

/* ═══════════════════════════════════════
   VARIABLES
═══════════════════════════════════════ */
:root {
  --red:       #E8112D;
  --red-dim:   rgba(232,17,45,0.08);
  --red-mid:   rgba(232,17,45,0.15);
  --black:     #0d0d0d;
  --white:     #ffffff;
  --off:       #f7f5f2;
  --border:    #e8e4df;
  --muted:     #888580;
  --text:      #1a1a1a;
  --text2:     #555250;

  --serif: 'Playfair Display', Georgia, serif;
  --mono:  'IBM Plex Mono', 'Courier New', monospace;
  --sans:  'Inter', system-ui, sans-serif;

  --nav-h:  60px;
  --max-w:  1200px;
  --col-w:  720px;

  --ease: cubic-bezier(0.4,0,0.2,1);
}

/* Dark mode variables */
[data-theme="dark"] {
  --white:  #0d0d0d;
  --off:    #141414;
  --border: #2a2a2a;
  --muted:  #666360;
  --text:   #f0ede8;
  --text2:  #a09d99;
  --black:  #f0ede8;
}

/* ═══════════════════════════════════════
   RESET
═══════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--sans);font-weight:300;line-height:1.7;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;transition:background 0.3s var(--ease),color 0.3s var(--ease);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
button{cursor:pointer;font-family:var(--sans);}

/* ═══════════════════════════════════════
   LAYOUT
═══════════════════════════════════════ */
.container{max-width:var(--max-w);margin:0 auto;padding:0 40px;}
.container-narrow{max-width:var(--col-w);margin:0 auto;padding:0 40px;}
.section{padding:64px 0;}
.section-sm{padding:40px 0;}

/* ═══════════════════════════════════════
   TYPOGRAPHY
═══════════════════════════════════════ */
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.12;color:var(--text);}
h1{font-size:clamp(32px,5vw,56px);}
h2{font-size:clamp(22px,3vw,36px);}
h3{font-size:clamp(18px,2vw,24px);}
h4{font-size:18px;}
p{font-size:16px;line-height:1.85;color:var(--text2);}

.kicker{font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--red);display:block;}
.label{font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);}

/* ═══════════════════════════════════════
   READING PROGRESS BAR
═══════════════════════════════════════ */
#progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--red);z-index:9999;transition:width 0.1s linear;}

/* ═══════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════ */
#site-header{
  position:sticky;top:0;z-index:500;
  background:var(--white);
  border-bottom:1px solid var(--border);
  height:var(--nav-h);
  transition:background 0.3s var(--ease),border-color 0.3s var(--ease),box-shadow 0.2s var(--ease);
}
#site-header.scrolled{box-shadow:0 2px 24px rgba(0,0,0,0.06);}

.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:24px;}

.site-logo{font-family:var(--serif);font-size:20px;font-weight:900;letter-spacing:0.02em;color:var(--text);display:flex;align-items:center;flex-shrink:0;}
.site-logo .br{color:var(--red);}

.nav-links{display:flex;gap:0;align-items:center;}
.nav-links a{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);padding:0 16px;height:var(--nav-h);display:flex;align-items:center;border-bottom:2px solid transparent;transition:color 0.2s,border-color 0.2s;}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-bottom-color:var(--red);}

.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0;}

.nav-search-btn{background:none;border:none;color:var(--muted);padding:8px;display:flex;align-items:center;transition:color 0.2s;}
.nav-search-btn:hover{color:var(--text);}
.nav-search-btn svg{width:16px;height:16px;}

.theme-toggle{background:none;border:1px solid var(--border);color:var(--muted);padding:6px 10px;font-size:13px;display:flex;align-items:center;gap:6px;transition:all 0.2s;border-radius:4px;}
.theme-toggle:hover{color:var(--text);border-color:var(--text);}

.nav-cta{background:var(--red);color:#fff;font-size:10px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;padding:8px 18px;border:none;transition:opacity 0.2s;white-space:nowrap;}
.nav-cta:hover{opacity:0.85;}

.hamburger{display:none;background:none;border:none;color:var(--text);padding:8px;font-size:20px;}

/* Search overlay */
.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);z-index:1000;align-items:flex-start;justify-content:center;padding-top:120px;}
.search-overlay.open{display:flex;}
.search-box{width:100%;max-width:640px;padding:0 20px;}
.search-box input{width:100%;background:var(--white);border:none;border-bottom:2px solid var(--red);font-family:var(--serif);font-size:32px;font-weight:700;padding:16px 0;color:var(--text);outline:none;}
.search-box input::placeholder{color:var(--muted);}
.search-close{position:absolute;top:32px;right:32px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;}

/* Mobile nav */
.mobile-nav{display:none;flex-direction:column;position:sticky;top:var(--nav-h);z-index:490;background:var(--white);border-bottom:1px solid var(--border);}
.mobile-nav.open{display:flex;}
.mobile-nav a{padding:14px 20px;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border);}

/* ═══════════════════════════════════════
   TICKER
═══════════════════════════════════════ */
.ticker-bar{background:var(--red);overflow:hidden;padding:9px 0;}
.ticker-inner{display:flex;align-items:center;gap:0;}
.ticker-tag{font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.7);background:rgba(0,0,0,0.2);padding:4px 16px;white-space:nowrap;flex-shrink:0;margin-right:20px;}
.ticker-track{overflow:hidden;flex:1;}
.ticker-scroll{display:flex;gap:48px;white-space:nowrap;animation:scroll-ticker 35s linear infinite;font-family:var(--mono);font-size:10px;color:rgba(255,255,255,0.92);letter-spacing:0.06em;}
.ticker-scroll:hover{animation-play-state:paused;}
@keyframes scroll-ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ═══════════════════════════════════════
   HERO
═══════════════════════════════════════ */
.hero{padding:72px 0 60px;border-bottom:1px solid var(--border);}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--border);}
.hero-main{background:var(--white);padding:48px 48px 48px 0;}
.hero-sidebar-panel{background:var(--off);padding:48px 0 48px 48px;border-left:1px solid var(--border);}

.hero-label{display:flex;align-items:center;gap:12px;margin-bottom:24px;}
.hero-label-line{width:24px;height:1px;background:var(--red);}

.hero-title{font-family:var(--serif);font-size:clamp(36px,5vw,58px);font-weight:900;line-height:1.06;color:var(--text);margin-bottom:20px;}
.hero-title em{font-style:italic;color:var(--muted);}

.hero-desc{font-size:15px;line-height:1.8;color:var(--text2);font-weight:300;margin-bottom:36px;max-width:480px;}

.subscribe-form{display:flex;max-width:420px;}
.subscribe-input{flex:1;background:var(--off);border:1px solid var(--border);border-right:none;font-family:var(--sans);font-size:13px;padding:12px 16px;color:var(--text);outline:none;transition:border-color 0.2s;min-width:0;}
.subscribe-input:focus{border-color:var(--red);}
.subscribe-input::placeholder{color:var(--muted);}
.subscribe-btn{background:var(--red);color:#fff;border:none;padding:12px 20px;font-size:10px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;white-space:nowrap;transition:opacity 0.2s;}
.subscribe-btn:hover{opacity:0.85;}
.subscribe-note{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:10px;letter-spacing:0.06em;}

/* Hero stats */
.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);margin-bottom:32px;}
.stat-cell{background:var(--off);padding:20px 16px;}
.stat-n{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--text);line-height:1;}
.stat-l{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;color:var(--muted);margin-top:4px;text-transform:uppercase;}

.whatsapp-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#25D366;border:1px solid rgba(37,211,102,0.35);padding:9px 16px;transition:background 0.2s;}
.whatsapp-pill:hover{background:rgba(37,211,102,0.06);}
.whatsapp-pill svg{width:14px;height:14px;flex-shrink:0;}

/* ═══════════════════════════════════════
   SECTION HEADERS
═══════════════════════════════════════ */
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:14px;border-bottom:2px solid var(--text);}
.section-head-title{font-family:var(--mono);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text);font-weight:500;}
.section-see-all{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--red);border-bottom:1px solid var(--red);padding-bottom:1px;transition:opacity 0.2s;}
.section-see-all:hover{opacity:0.7;}

/* ═══════════════════════════════════════
   ARTICLE CARDS
═══════════════════════════════════════ */
.card-grid-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:var(--border);}
.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}

.article-card{background:var(--white);padding:28px 24px;transition:background 0.2s var(--ease);}
.article-card:hover{background:var(--off);}
.article-card.featured{grid-row:span 2;}

.card-cat{font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:10px;}
.card-title{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:10px;transition:color 0.2s;}
.card-title:hover{color:var(--red);}
.card-title.sm{font-size:16px;}
.card-title.xs{font-size:14px;}
.card-excerpt{font-size:13px;line-height:1.7;color:var(--muted);font-weight:300;margin-bottom:14px;}
.card-meta{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:0.06em;display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.card-meta-dot{color:var(--red);}

/* Verdict badge */
.verdict-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;margin:10px 0;border-left:2px solid var(--red);background:var(--red-dim);color:var(--red);}

/* ═══════════════════════════════════════
   VERDICT TYPES
═══════════════════════════════════════ */
.verdict-bullish{border-color:#16a34a;background:rgba(22,163,74,0.06);color:#16a34a;}
.verdict-bearish{border-color:var(--red);background:var(--red-dim);color:var(--red);}
.verdict-watch{border-color:#d97706;background:rgba(217,119,6,0.06);color:#d97706;}
.verdict-neutral{border-color:var(--muted);background:rgba(136,133,128,0.06);color:var(--muted);}

/* ═══════════════════════════════════════
   CATEGORY PILLS
═══════════════════════════════════════ */
.cat-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.cat-pill{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);color:var(--muted);transition:all 0.2s;}
.cat-pill:hover,.cat-pill.active{background:var(--red);color:#fff;border-color:var(--red);}

/* ═══════════════════════════════════════
   SHORTS / VIDEO SECTION
═══════════════════════════════════════ */
.shorts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.short-card{position:relative;background:var(--black);overflow:hidden;cursor:pointer;}
.short-card::before{content:'';display:block;padding-bottom:177.77%;} /* 9:16 ratio */
.short-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s var(--ease);}
.short-card:hover .short-thumb{transform:scale(1.03);}
.short-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;}
.short-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:rgba(232,17,45,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.short-play svg{width:18px;height:18px;fill:#fff;margin-left:3px;}
.short-title{font-family:var(--serif);font-size:13px;font-weight:700;color:#fff;line-height:1.3;}
.short-duration{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,0.6);margin-top:4px;letter-spacing:0.08em;}

/* Video lightbox */
.video-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:2000;align-items:center;justify-content:center;}
.video-lightbox.open{display:flex;}
.video-wrap{width:90vw;max-width:900px;position:relative;}
.video-wrap iframe{width:100%;aspect-ratio:16/9;border:none;}
.video-close{position:absolute;top:-44px;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;font-family:var(--mono);letter-spacing:0.1em;text-transform:uppercase;font-size:12px;display:flex;align-items:center;gap:8px;}

/* ═══════════════════════════════════════
   ABOUT STRIP
═══════════════════════════════════════ */
.about-section{background:var(--black);padding:80px 0;position:relative;}
[data-theme="dark"] .about-section{background:#080808;}
.about-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}

.about-quote{font-family:var(--serif);font-size:24px;font-style:italic;color:#f0ede8;border-left:3px solid var(--red);padding-left:28px;line-height:1.45;margin-bottom:24px;}

.about-body{font-size:15px;line-height:1.85;color:rgba(240,237,232,0.5);font-weight:300;margin-bottom:28px;}

.btn-ghost{font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);border:1px solid var(--red);padding:10px 22px;display:inline-block;transition:background 0.2s;}
.btn-ghost:hover{background:var(--red-mid);}

.format-card{border:1px solid rgba(255,255,255,0.1);padding:0;}
.format-row{display:flex;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.06);align-items:flex-start;}
.format-row:last-child{border-bottom:none;}
.format-num{font-family:var(--mono);font-size:11px;color:var(--red);letter-spacing:0.1em;flex-shrink:0;padding-top:2px;}
.format-title{font-size:13px;font-weight:500;color:#f0ede8;}
.format-desc{font-size:11px;color:rgba(240,237,232,0.3);margin-top:2px;font-weight:300;}

/* ═══════════════════════════════════════
   ADVERTISE PAGE
═══════════════════════════════════════ */
.advertise-hero{background:var(--black);padding:80px 0;border-bottom:3px solid var(--red);}
.advertise-hero h1{color:#f0ede8;}
.advertise-hero p{color:rgba(240,237,232,0.5);}

.rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);}
.rate-card{background:var(--white);padding:32px 28px;}
.rate-card.featured{background:var(--red);color:#fff;}
.rate-card.featured .rate-price,.rate-card.featured .rate-title{color:#fff;}
.rate-card.featured .rate-desc{color:rgba(255,255,255,0.7);}
.rate-title{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;}
.rate-price{font-family:var(--serif);font-size:36px;font-weight:900;color:var(--text);margin-bottom:8px;}
.rate-desc{font-size:13px;color:var(--text2);font-weight:300;line-height:1.7;}
.rate-features{margin-top:20px;display:flex;flex-direction:column;gap:8px;}
.rate-feature{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.06em;display:flex;align-items:center;gap:8px;}
.rate-feature::before{content:'·';color:var(--red);}

/* ═══════════════════════════════════════
   SINGLE POST
═══════════════════════════════════════ */
.post-hero{padding:52px 0 40px;border-bottom:1px solid var(--border);}
.post-reading-info{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.post-reading-badge{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;padding:4px 10px;background:var(--off);color:var(--muted);border:1px solid var(--border);}
.post-title{font-family:var(--serif);font-size:clamp(28px,4.5vw,52px);font-weight:900;line-height:1.08;color:var(--text);margin-bottom:24px;}
.post-byline{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.byline-avatar{width:36px;height:36px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;font-weight:700;color:#fff;flex-shrink:0;}
.byline-name{font-size:13px;font-weight:500;color:var(--text);}
.byline-meta{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:0.06em;}
.byline-dot{color:var(--red);}

/* Post layout */
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:60px;padding:48px 0;}
.post-content{max-width:680px;}
.post-content p{font-size:17px;line-height:1.9;color:var(--text2);margin-bottom:28px;}
.post-content h2{margin:44px 0 18px;font-size:clamp(20px,3vw,28px);}
.post-content h3{margin:36px 0 14px;font-size:20px;}
.post-content blockquote{border-left:3px solid var(--red);padding:4px 0 4px 24px;margin:36px 0;font-family:var(--serif);font-size:20px;font-style:italic;color:var(--text2);line-height:1.55;}
.post-content ul li{padding-left:20px;position:relative;margin-bottom:8px;font-size:16px;color:var(--text2);}
.post-content ul li::before{content:'—';position:absolute;left:0;color:var(--red);}
.post-content strong{font-weight:600;color:var(--text);}
.post-content a{color:var(--red);border-bottom:1px solid rgba(232,17,45,0.3);}
.post-content a:hover{border-bottom-color:var(--red);}

/* Featured image */
.post-featured-img{margin-bottom:36px;}
.post-featured-img img{width:100%;height:400px;object-fit:cover;}
.post-featured-img figcaption{font-family:var(--mono);font-size:9px;color:var(--muted);padding:8px 0;letter-spacing:0.06em;}

/* Share bar */
.share-bar{display:flex;align-items:center;gap:12px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:40px 0;flex-wrap:wrap;}
.share-label{font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--muted);margin-right:4px;}
.share-btn{font-family:var(--mono);font-size:10px;letter-spacing:0.1em;padding:7px 14px;border:1px solid var(--border);color:var(--text2);transition:all 0.2s;display:flex;align-items:center;gap:6px;}
.share-btn:hover{border-color:var(--text);color:var(--text);}
.share-btn.whatsapp:hover{border-color:#25D366;color:#25D366;}
.share-btn.twitter:hover{border-color:#1DA1F2;color:#1DA1F2;}
.share-btn.linkedin:hover{border-color:#0A66C2;color:#0A66C2;}

/* Related posts */
.related-section{padding:40px 0 0;border-top:2px solid var(--text);}

/* ═══════════════════════════════════════
   SIDEBAR
═══════════════════════════════════════ */
.sidebar{padding-top:0;}
.widget{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border);}
.widget:last-child{border-bottom:none;}
.widget-title{font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--text);}

/* Ad slots */
.ad-leaderboard{min-height:90px;background:var(--off);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;margin:32px 0;}
.ad-rectangle{min-height:250px;width:300px;background:var(--off);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;}
.ad-sticky{position:sticky;top:80px;}
.ad-label{font-family:var(--mono);font-size:8px;letter-spacing:0.14em;text-transform:uppercase;color:var(--border);text-align:center;}

/* ═══════════════════════════════════════
   NEWSLETTER CTA
═══════════════════════════════════════ */
.newsletter-cta{background:var(--off);border-top:3px solid var(--red);padding:60px 0;text-align:center;}
.newsletter-cta h2{margin-bottom:10px;}
.newsletter-cta p{margin-bottom:28px;color:var(--text2);}
.newsletter-cta .subscribe-form{margin:0 auto;justify-content:center;}

/* Inline newsletter widget */
.newsletter-inline{background:var(--off);border-left:3px solid var(--red);padding:24px 28px;margin:40px 0;}
.newsletter-inline h4{font-family:var(--sans);font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text);}
.newsletter-inline p{font-size:13px;color:var(--muted);margin-bottom:16px;}
.newsletter-inline .subscribe-form{max-width:100%;}

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
#site-footer{background:var(--black);border-top:3px solid var(--red);padding:60px 0 28px;}
[data-theme="dark"] #site-footer{background:#080808;}

.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px;}
.footer-logo{font-family:var(--serif);font-size:22px;font-weight:900;color:#f0ede8;margin-bottom:8px;}
.footer-logo .br{color:var(--red);}
.footer-desc{font-size:13px;color:rgba(240,237,232,0.4);line-height:1.75;font-weight:300;margin-bottom:20px;max-width:280px;}
.footer-col-title{font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(240,237,232,0.25);margin-bottom:16px;}
.footer-links{display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:13px;color:rgba(240,237,232,0.45);transition:color 0.2s;}
.footer-links a:hover{color:#f0ede8;}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;}
.social-pill{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;padding:6px 12px;border:1px solid rgba(240,237,232,0.12);color:rgba(240,237,232,0.4);transition:all 0.2s;}
.social-pill:hover{border-color:rgba(240,237,232,0.4);color:#f0ede8;}

.footer-bottom{border-top:1px solid rgba(240,237,232,0.06);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-bottom-left{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,237,232,0.18);}
.footer-bottom-right{display:flex;gap:20px;}
.footer-bottom-right a{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,237,232,0.18);transition:color 0.2s;}
.footer-bottom-right a:hover{color:rgba(240,237,232,0.5);}

/* ═══════════════════════════════════════
   404 PAGE
═══════════════════════════════════════ */
.not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;}
.not-found-num{font-family:var(--serif);font-size:120px;font-weight:900;color:var(--red);line-height:1;margin-bottom:16px;}
.not-found h1{margin-bottom:16px;}
.not-found p{color:var(--muted);margin-bottom:32px;}

/* ═══════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════ */
.about-page-hero{padding:72px 0;border-bottom:1px solid var(--border);}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border);margin-top:40px;}
.team-card{background:var(--white);padding:28px 24px;}
.team-avatar{width:60px;height:60px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;font-weight:900;color:#fff;margin-bottom:16px;}
.team-name{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px;}
.team-role{font-family:var(--mono);font-size:9px;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);}

/* ═══════════════════════════════════════
   SUBSCRIBE PAGE
═══════════════════════════════════════ */
.subscribe-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;}
.subscribe-box{max-width:560px;width:100%;text-align:center;}
.subscribe-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);margin:40px 0;}
.sub-stat{background:var(--off);padding:20px 16px;text-align:center;}
.sub-stat-n{font-family:var(--serif);font-size:28px;font-weight:700;color:var(--text);}
.sub-stat-l{font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;}

/* ═══════════════════════════════════════
   PRIVACY / CONTACT PAGES
═══════════════════════════════════════ */
.legal-page{padding:60px 0 80px;}
.legal-page h1{margin-bottom:40px;}
.legal-page h2{margin:36px 0 12px;font-size:20px;}
.legal-page p{margin-bottom:16px;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:60px 0;}
.contact-form input,.contact-form textarea{width:100%;background:var(--off);border:1px solid var(--border);padding:12px 16px;font-family:var(--sans);font-size:14px;color:var(--text);outline:none;margin-bottom:16px;transition:border-color 0.2s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);}
.contact-form textarea{height:140px;resize:vertical;}
.contact-form button{background:var(--red);color:#fff;border:none;padding:13px 28px;font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;transition:opacity 0.2s;}
.contact-form button:hover{opacity:0.85;}

/* ═══════════════════════════════════════
   BREADCRUMBS
═══════════════════════════════════════ */
.breadcrumbs{padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:0;}
.breadcrumbs-inner{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.breadcrumbs-inner a{color:var(--muted);transition:color 0.2s;}
.breadcrumbs-inner a:hover{color:var(--red);}
.breadcrumbs-inner span{color:var(--muted);}
.breadcrumbs-sep{color:var(--border);}

/* ═══════════════════════════════════════
   UTILITY
═══════════════════════════════════════ */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.text-red{color:var(--red);}
.mt-0{margin-top:0!important;}
.mb-0{margin-bottom:0!important;}

/* ═══════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════ */
@media(max-width:1024px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-main{padding:40px;}
  .hero-sidebar-panel{padding:40px;border-left:none;border-top:1px solid var(--border);}
  .card-grid-main{grid-template-columns:1fr 1fr;}
  .article-card.featured{grid-column:span 2;grid-row:span 1;}
  .about-grid{grid-template-columns:1fr;gap:48px;}
  .post-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .shorts-grid{grid-template-columns:repeat(3,1fr);}
  .rate-grid{grid-template-columns:1fr;}
}

@media(max-width:768px){
  .container,.container-narrow{padding:0 20px;}
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:block;}
  .card-grid-main,.card-grid-3,.card-grid-4{grid-template-columns:1fr;}
  .article-card.featured{grid-column:span 1;}
  .hero-stats{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .subscribe-form{flex-direction:column;max-width:100%;}
  .subscribe-input{border-right:1px solid var(--border);border-bottom:none;}
  .shorts-grid{grid-template-columns:repeat(2,1fr);}
  .contact-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .about-grid{gap:32px;}
  .post-layout{gap:40px;}
  .post-title{font-size:28px;}
}

@media(max-width:480px){
  .shorts-grid{grid-template-columns:repeat(2,1fr);}
  .hero-stats{grid-template-columns:1fr 1fr;}
  .subscribe-stats{grid-template-columns:1fr;}
}