@import url('fonts/fonts.css');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ━━ پالت رنگی مواجهه ━━ */
  --primary:   #F77F00;   /* نارنجی اصلی */
  --primary-d: #D62828;   /* قرمز تیره — hover / accent */
  --accent:    #FCBF49;   /* زرد — highlight */
  --cream:     #EAE2B7;   /* کرم — بک‌گراند گرم */
  --navy:      #003049;   /* سرمه‌ای — متن تیره / هیرو */
  --navy-d:    #001F30;
  --ink:       #1A1A1A;
  --mid:       #555;
  --light:     #999;
  --border:    #E8DFD0;
  --bg:        #FFFFFF;
  --bg2:       #F9F6EF;   /* کرم خیلی روشن */
}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn','Tahoma',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;direction:rtl}

/* ── TOPBAR ── */
.topbar{background:var(--navy);color:white;text-align:center;font-size:.78rem;padding:.55rem 1rem;letter-spacing:.03em}
.topbar b{color:var(--accent);font-weight:700}
.topbar.hidden{display:none}

/* ── NAV ── */
nav{position:sticky;top:0;z-index:200;background:var(--bg);border-bottom:2px solid var(--navy);padding:0 3rem;display:flex;align-items:stretch;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;padding:1rem 0}
.nav-icon{width:36px;height:36px;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1rem;color:white;font-weight:900;flex-shrink:0}
.nav-name{font-size:1.1rem;font-weight:900;color:var(--navy);letter-spacing:-.03em}
.nav-menu{display:flex;align-items:stretch}
.nav-menu a{display:flex;align-items:center;padding:0 1.1rem;font-size:.85rem;font-weight:600;color:var(--mid);text-decoration:none;border-right:1px solid var(--border);transition:background .15s,color .15s}
.nav-menu a:first-child{border-right:none}
.nav-menu a:hover{background:var(--bg2);color:var(--navy)}
.nav-menu a.active{color:var(--primary);font-weight:700}
.nav-menu a.cta{background:var(--primary);color:white!important;font-weight:700}
.nav-menu a.cta:hover{background:var(--primary-d)}

/* ── HERO ── */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:500px;border-bottom:2px solid var(--navy)}
.hero-left{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-d) 100%);padding:4.5rem 3.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.hero-left::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:var(--primary);opacity:.08;bottom:-80px;right:-60px}
.hero-left::after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:var(--accent);opacity:.1;top:40px;left:20px}
.hero-tag{font-size:.68rem;font-weight:700;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem}
.hero-title{font-size:clamp(2.8rem,4.5vw,5rem);font-weight:900;color:white;line-height:1;letter-spacing:-.04em;margin-bottom:1.5rem}
.hero-title em{font-style:normal;color:var(--accent)}
.hero-sub{font-size:.95rem;font-weight:300;line-height:1.8;color:rgba(234,226,183,.8);max-width:36ch;margin-bottom:2.5rem}
.hero-right{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);border-right:2px solid var(--navy)}
.hero-book{border-left:1px solid rgba(0,49,73,.1);border-bottom:1px solid rgba(0,49,73,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem .8rem;text-align:center;cursor:pointer;transition:background .2s;position:relative;overflow:hidden;text-decoration:none;background:var(--bg2)}
.hero-book:hover{background:var(--cream)}
.hero-book:hover .book-cover-mini{transform:translateY(-5px) rotate(-1deg)}
.book-cover-mini{width:58px;height:82px;margin-bottom:.7rem;transition:transform .25s;box-shadow:3px 4px 14px rgba(0,49,73,.2);display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:700;color:white;text-align:center;padding:.4rem;line-height:1.3;overflow:hidden}
.book-cover-mini img{width:100%;height:100%;object-fit:cover}
.hero-book .bk-title{font-size:.72rem;font-weight:700;color:var(--navy);line-height:1.3}
.hero-book .bk-author{font-size:.62rem;color:var(--mid);margin-top:.2rem}
.hero-book .bk-tag{position:absolute;top:.4rem;right:.4rem;font-size:.5rem;font-weight:700;background:var(--primary);color:white;padding:.12rem .38rem;letter-spacing:.06em}

/* ── GENRE BAR ── */
.genre-bar{border-bottom:2px solid var(--navy);padding:0 3rem;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;background:var(--bg2)}
.genre-bar::-webkit-scrollbar{display:none}
.genre-label{font-size:.65rem;font-weight:700;letter-spacing:.18em;color:var(--light);text-transform:uppercase;padding-left:1.5rem;white-space:nowrap}
.genre-tab{padding:.85rem 1.2rem;font-size:.82rem;font-weight:600;color:var(--mid);cursor:pointer;white-space:nowrap;border-left:1px solid var(--border);transition:color .15s,background .15s}
.genre-tab:hover{color:var(--navy);background:var(--cream)}
.genre-tab.active{color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:-2px;font-weight:700}

/* ── SECTION HEADER ── */
.sec-header{display:flex;align-items:center;justify-content:space-between;padding:2.5rem 3rem 1.5rem;border-bottom:1px solid var(--border)}
.sec-title{font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--navy)}
.sec-title span{color:var(--primary)}
.section-label{font-size:.68rem;font-weight:700;letter-spacing:.22em;color:var(--primary);text-transform:uppercase;margin-bottom:.6rem}
.see-all{font-size:.8rem;font-weight:600;color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary);padding-bottom:1px}

/* ── BOOK GRID (homepage) ── */
.book-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--border)}
.book-item{padding:2rem 1.5rem;border-left:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;text-decoration:none;display:block}
.book-item:hover{background:var(--bg2)}
.book-item:hover .cover-img{transform:translateY(-6px);box-shadow:4px 10px 28px rgba(0,49,73,.2)}
.cover-img{width:100%;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:white;text-align:center;padding:1rem;line-height:1.4;margin-bottom:1rem;transition:transform .25s,box-shadow .25s;box-shadow:2px 4px 16px rgba(0,0,0,.14);overflow:hidden}
.cover-img img{width:100%;height:100%;object-fit:cover}
.bi-genre{font-size:.6rem;font-weight:700;letter-spacing:.15em;color:var(--primary);text-transform:uppercase;margin-bottom:.4rem}
.bi-title{font-size:.88rem;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:.3rem}
.bi-author{font-size:.75rem;color:var(--mid)}

/* ── FEATURED BAND ── */
.featured{display:grid;grid-template-columns:2fr 1fr;border-top:2px solid var(--navy);border-bottom:2px solid var(--navy);margin-top:3rem}
.featured-main{background:linear-gradient(145deg,var(--primary) 0%,var(--primary-d) 100%);padding:4rem 3rem;display:flex;gap:3rem;align-items:center;border-left:2px solid var(--navy)}
.featured-cover{width:130px;flex-shrink:0;aspect-ratio:2/3;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:white;font-size:.8rem;font-weight:700;text-align:center;padding:1rem;box-shadow:5px 8px 30px rgba(0,0,0,.3);overflow:hidden}
.featured-cover img{width:100%;height:100%;object-fit:cover}
.feat-tag{font-size:.65rem;font-weight:700;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:.8rem}
.feat-title{font-size:2rem;font-weight:900;color:white;line-height:1.1;letter-spacing:-.03em;margin-bottom:.8rem}
.feat-author{font-size:.9rem;color:rgba(255,255,255,.85);margin-bottom:1.2rem}
.feat-desc{font-size:.85rem;line-height:1.75;color:rgba(255,255,255,.78);max-width:40ch;margin-bottom:1.5rem}
.featured-side{padding:2.5rem;background:var(--bg2)}
.side-title{font-size:.65rem;font-weight:700;letter-spacing:.2em;color:var(--light);text-transform:uppercase;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1rem}
.side-list{list-style:none}
.side-list li{display:flex;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border);cursor:pointer;text-decoration:none}
.side-num{font-size:1.2rem;font-weight:900;color:var(--accent);min-width:2rem}
.side-book-title{font-size:.82rem;font-weight:700;color:var(--navy)}
.side-book-author{font-size:.72rem;color:var(--mid)}

/* ── STATS ── */
.about-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border)}
.about-cell{padding:3rem 2.5rem;border-left:1px solid var(--border)}
.about-cell:last-child{border-left:none}
.cell-num{font-size:3rem;font-weight:900;color:var(--primary);letter-spacing:-.05em;line-height:1;margin-bottom:.5rem}
.cell-lbl{font-size:.78rem;font-weight:700;color:var(--navy);margin-bottom:.6rem;letter-spacing:.04em}
.cell-desc{font-size:.82rem;line-height:1.7;color:var(--mid)}

/* ── SUBMIT CTA ── */
.submit-cta{background:var(--navy);padding:5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}
.submit-text h2{font-size:2.2rem;font-weight:900;color:white;letter-spacing:-.04em;margin-bottom:.8rem}
.submit-text p{font-size:.9rem;color:rgba(234,226,183,.6);max-width:45ch;line-height:1.7}

/* ── BUTTONS ── */
.btn-primary{display:inline-block;background:var(--primary);color:white;padding:.85rem 2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s;border:none;cursor:pointer;font-family:inherit}
.btn-primary:hover{background:var(--primary-d)}
.btn-outline{display:inline-block;border:2px solid white;color:white;padding:.8rem 2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.btn-outline:hover{background:white;color:var(--primary)}
.btn-white{display:inline-block;background:white;color:var(--primary);padding:.8rem 2rem;font-size:.9rem;font-weight:700;text-decoration:none}
.btn-white:hover{background:var(--cream)}
.btn-navy{display:inline-block;background:var(--navy);color:white;padding:.85rem 2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .2s;border:none;cursor:pointer;font-family:inherit}
.btn-navy:hover{opacity:.85}
.btn-accent{display:inline-block;background:var(--accent);color:var(--navy);padding:.85rem 2rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s;border:none;cursor:pointer;font-family:inherit}
.btn-accent:hover{background:#e6ac30}

/* ── BOOKS PAGE ── */
.page-hero{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-d) 100%);padding:5rem 3rem;border-bottom:2px solid var(--navy)}
.page-hero-inner{max-width:620px}
.page-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;color:white;letter-spacing:-.04em;line-height:1;margin-bottom:1rem}
.page-title span{color:var(--accent)}
.page-sub{font-size:.95rem;color:rgba(234,226,183,.7);line-height:1.8}

.filter-bar{display:flex;align-items:stretch;border-bottom:2px solid var(--navy);overflow-x:auto;scrollbar-width:none;background:var(--bg2)}
.filter-bar::-webkit-scrollbar{display:none}
.filter-group{display:flex;align-items:stretch;border-left:2px solid var(--navy)}
.filter-group:first-child{border-left:none}
.filter-label-bar{display:flex;align-items:center;padding:0 1.2rem;font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--light);text-transform:uppercase;background:var(--cream);border-left:1px solid var(--border);white-space:nowrap}
.filter-btn{padding:.85rem 1.1rem;font-size:.8rem;font-weight:600;color:var(--mid);cursor:pointer;white-space:nowrap;border-left:1px solid var(--border);transition:color .15s,background .15s;font-family:inherit;background:none;border-top:none;border-bottom:none;border-right:none}
.filter-btn:hover{color:var(--navy);background:var(--cream)}
.filter-btn.active{color:var(--primary);font-weight:700;border-bottom:2px solid var(--primary);margin-bottom:-2px}

.books-layout{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--border);min-height:600px}
.sidebar{border-left:1px solid var(--border);padding:2rem 1.5rem;background:var(--bg2)}
.sidebar-section{margin-bottom:2rem}
.sidebar-title{font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--navy);text-transform:uppercase;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--accent)}
.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;cursor:pointer}
.sidebar-item span:first-child{font-size:.82rem;color:var(--mid);transition:color .15s}
.sidebar-item:hover span:first-child,.sidebar-item.active span:first-child{color:var(--primary);font-weight:700}
.sidebar-count{font-size:.7rem;color:var(--light)}
.main-grid{padding:2rem}
.grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.grid-count{font-size:.8rem;color:var(--mid)}
.sort-select{font-size:.8rem;color:var(--mid);border:1px solid var(--border);padding:.4rem .8rem;font-family:inherit;background:white;cursor:pointer}
.books-grid-main{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.book-card{cursor:pointer;text-decoration:none;display:block}
.book-card:hover .card-cover{transform:translateY(-6px);box-shadow:4px 10px 28px rgba(0,49,73,.22)}
.card-cover{aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:white;text-align:center;padding:1rem;line-height:1.4;transition:transform .25s,box-shadow .25s;box-shadow:2px 4px 16px rgba(0,0,0,.14);margin-bottom:.9rem;overflow:hidden}
.card-cover img{width:100%;height:100%;object-fit:cover}
.card-badge{display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--primary);color:white;padding:.15rem .5rem;margin-bottom:.5rem}
.card-genre{font-size:.6rem;font-weight:700;letter-spacing:.15em;color:var(--primary);text-transform:uppercase;margin-bottom:.35rem}
.card-title{font-size:.88rem;font-weight:700;color:var(--navy);line-height:1.35;margin-bottom:.3rem}
.card-author{font-size:.75rem;color:var(--mid)}

/* ── MODAL ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,49,73,.65);z-index:500;align-items:center;justify-content:center;padding:2rem}
.modal-overlay.open{display:flex}
.modal{background:white;max-width:720px;width:100%;max-height:90vh;overflow-y:auto;display:grid;grid-template-columns:200px 1fr;position:relative}
.modal-cover-wrap{overflow:hidden}
.modal-cover{height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:white;text-align:center;padding:2rem}
.modal-cover img{width:100%;height:100%;object-fit:cover}
.modal-body{padding:2.5rem;border-right:1px solid var(--border)}
.modal-genre{font-size:.62rem;font-weight:700;letter-spacing:.18em;color:var(--primary);text-transform:uppercase;margin-bottom:.6rem}
.modal-title{font-size:1.6rem;font-weight:900;letter-spacing:-.03em;margin-bottom:.4rem;color:var(--navy)}
.modal-author{font-size:.9rem;color:var(--mid);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.modal-desc{font-size:.88rem;line-height:1.8;color:#444;margin-bottom:1.5rem}
.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.5rem}
.meta-item label{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--light);display:block;margin-bottom:.2rem}
.meta-item span{font-size:.82rem;color:var(--navy);font-weight:600}
.modal-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.modal-close{position:absolute;top:.8rem;left:.8rem;width:32px;height:32px;background:var(--navy);color:white;border:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:inherit;z-index:10}

/* ── ABOUT PAGE ── */
.about-hero{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--navy);min-height:400px}
.ah-left{background:linear-gradient(145deg,var(--primary) 0%,var(--primary-d) 100%);padding:5rem 3rem;display:flex;flex-direction:column;justify-content:flex-end}
.ah-right{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-d) 100%);padding:5rem 3rem;display:flex;flex-direction:column;justify-content:flex-end}
.ah-eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.2rem;color:rgba(255,255,255,.55)}
.ah-right .ah-eyebrow{color:var(--accent)}
.ah-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1;color:white}
.ah-right .ah-title span{color:var(--accent)}
.manifesto-section{padding:6rem 3rem;display:grid;grid-template-columns:1fr 2fr;gap:5rem;border-bottom:1px solid var(--border)}
.manifesto-label h2{font-size:1.8rem;font-weight:900;letter-spacing:-.03em;line-height:1.2;margin-top:.5rem;color:var(--navy)}
.manifesto-body p{font-size:1rem;line-height:1.9;color:#444;margin-bottom:1.5rem}
.values-section{border-bottom:2px solid var(--navy)}
.values-header{padding:2.5rem 3rem;border-bottom:1px solid var(--border)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.value-item{padding:3rem 2.5rem;border-left:1px solid var(--border)}
.value-num{font-size:3rem;font-weight:900;color:var(--accent);letter-spacing:-.05em;line-height:1;margin-bottom:1rem}
.value-title{font-size:1.1rem;font-weight:800;color:var(--navy);margin-bottom:.8rem}
.value-desc{font-size:.85rem;line-height:1.75;color:var(--mid)}
.team-section{padding:5rem 3rem;border-bottom:1px solid var(--border)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.5rem}
.team-card{}
.team-avatar{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:white;margin-bottom:1rem}
.team-name{font-size:.95rem;font-weight:800;color:var(--navy);margin-bottom:.2rem}
.team-role{font-size:.75rem;color:var(--primary);font-weight:700;margin-bottom:.6rem;letter-spacing:.04em}
.team-bio{font-size:.78rem;line-height:1.7;color:var(--mid)}
.timeline-section{padding:5rem 3rem;background:var(--bg2);border-top:1px solid var(--border);border-bottom:2px solid var(--navy)}
.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--border)}
.timeline-item:last-child{border-bottom:none}
.tl-year{font-size:1.3rem;font-weight:900;color:var(--primary)}
.tl-content h4{font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.tl-content p{font-size:.85rem;line-height:1.7;color:var(--mid)}
.submit-section{padding:6rem 3rem;border-bottom:2px solid var(--navy);display:grid;grid-template-columns:1fr 1fr;gap:5rem}
.submit-info h2{font-size:2rem;font-weight:900;letter-spacing:-.03em;margin-bottom:1rem;color:var(--navy)}
.submit-info h2 span{color:var(--primary)}
.submit-info p{font-size:.9rem;line-height:1.8;color:var(--mid);margin-bottom:1.5rem}
.submit-steps{list-style:none}
.submit-steps li{display:flex;gap:1rem;align-items:flex-start;padding:.8rem 0;border-bottom:1px solid var(--border)}
.step-num{width:24px;height:24px;background:var(--primary);color:white;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}
.step-text{font-size:.85rem;line-height:1.6;color:var(--mid)}
.contact-section{background:var(--navy);padding:5rem 3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.contact-item{padding:0 2.5rem;border-left:1px solid rgba(255,255,255,.1)}
.contact-item:first-child{padding-right:0;border-left:none}
.contact-icon{font-size:1.5rem;margin-bottom:1rem}
.contact-label{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.contact-value{font-size:.9rem;color:white;font-weight:600;margin-bottom:.4rem}
.contact-note{font-size:.75rem;color:rgba(255,255,255,.45);line-height:1.6}

/* ── FORM ── */
.form-group{margin-bottom:1.2rem}
.form-label{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--navy);display:block;margin-bottom:.5rem}
.form-input{width:100%;border:1px solid var(--border);padding:.8rem 1rem;font-size:.88rem;font-family:inherit;color:var(--ink);transition:border-color .2s;background:white}
.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(247,127,0,.1)}
textarea.form-input{resize:vertical;min-height:100px;line-height:1.7}
.form-note{font-size:.7rem;color:var(--light);margin-top:.4rem}

/* ── PODCAST ── */
.podcast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border)}
.podcast-card{padding:2.5rem 2rem;border-left:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;transition:background .2s;display:block}
.podcast-card:hover{background:var(--bg2)}
.ep-cover{width:100%;aspect-ratio:1;background:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;overflow:hidden}
.ep-cover img{width:100%;height:100%;object-fit:cover}
.ep-num{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:.4rem}
.ep-title{font-size:1rem;font-weight:800;color:var(--navy);line-height:1.3;margin-bottom:.5rem}
.ep-date{font-size:.72rem;color:var(--light)}
.ep-excerpt{font-size:.82rem;line-height:1.7;color:var(--mid);margin-top:.6rem}

/* ── BLOG ── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border)}
.blog-card{padding:2.5rem 2rem;border-left:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;display:block;transition:background .2s}
.blog-card:hover{background:var(--bg2)}
.post-cover{width:100%;aspect-ratio:16/9;background:var(--bg2);margin-bottom:1.2rem;overflow:hidden}
.post-cover img{width:100%;height:100%;object-fit:cover}
.post-category{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:.4rem}
.post-title{font-size:1rem;font-weight:800;color:var(--navy);line-height:1.3;margin-bottom:.5rem}
.post-meta{font-size:.72rem;color:var(--light)}
.post-excerpt{font-size:.82rem;line-height:1.7;color:var(--mid);margin-top:.6rem}

/* ── EPISODE PAGE ── */
.episode-layout{display:grid;grid-template-columns:1fr 320px;gap:0;border-top:1px solid var(--border)}
.episode-main{padding:3rem;border-left:1px solid var(--border)}
.episode-sidebar{padding:2.5rem 2rem}
.audio-player{background:var(--bg2);padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border);border-right:4px solid var(--primary)}
.audio-player p{font-size:.78rem;color:var(--mid);margin-top:.5rem}
.transcript{font-size:.9rem;line-height:2;color:#333}
.transcript p{margin-bottom:1rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.5rem 0}
.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:1.5rem 0}
.video-embed iframe{position:absolute;top:0;right:0;width:100%;height:100%}
.post-layout{display:grid;grid-template-columns:1fr 300px;gap:0}
.post-main{padding:3rem;border-left:1px solid var(--border)}
.post-content{font-size:.95rem;line-height:1.9;color:#333}
.post-content p{margin-bottom:1.2rem}
.post-content h2{font-size:1.3rem;font-weight:800;margin:2rem 0 1rem;color:var(--navy)}
.post-content h3{font-size:1.1rem;font-weight:700;margin:1.5rem 0 .8rem;color:var(--navy)}
.post-sidebar{padding:2.5rem 2rem;background:var(--bg2)}

/* ── FOOTER ── */
footer{border-top:2px solid var(--navy);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr}
.footer-col{padding:3rem 2rem;border-left:1px solid var(--border)}
.footer-col:first-child{border-left:none;background:var(--bg2)}
.footer-brand{font-size:1.2rem;font-weight:900;color:var(--navy);margin-bottom:.8rem}
.footer-brand span{color:var(--primary)}
.footer-tagline{font-size:.82rem;line-height:1.7;color:var(--mid);max-width:26ch}
.footer-col h4{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);margin-bottom:1.2rem}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:.6rem}
.footer-col a{font-size:.82rem;color:var(--mid);text-decoration:none;transition:color .15s}
.footer-col a:hover{color:var(--primary)}
.social-links{display:flex;flex-direction:column;gap:.5rem}
.social-link{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--mid);text-decoration:none;transition:color .15s}
.social-link:hover{color:var(--primary)}
.social-link svg{flex-shrink:0;opacity:.7}
.social-link:hover svg{opacity:1}
.footer-bottom{background:var(--navy);padding:1rem 3rem;display:flex;align-items:center;justify-content:space-between}
.footer-bottom span{font-size:.75rem;color:rgba(255,255,255,.4)}

/* ── TOAST ── */
.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--navy);color:white;padding:.8rem 1.5rem;font-size:.82rem;font-weight:600;transition:transform .3s;z-index:999;border-right:4px solid var(--primary)}
.toast.show{transform:translateX(-50%) translateY(0)}

/* ── SOCIAL LINKS IN CONTACT ── */
.contact-social-link{display:block;font-size:.82rem;color:rgba(255,255,255,.6);text-decoration:none;margin-bottom:.4rem;transition:color .15s}
.contact-social-link:hover{color:var(--accent)}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  footer{grid-template-columns:1fr 1fr 1fr}
  .books-grid-main{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  nav{padding:0 1.5rem}
  .nav-menu a{padding:0 .7rem;font-size:.78rem}
  .hero{grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-left{padding:3rem 1.5rem}
  .genre-bar{padding:0 1.5rem}
  .sec-header{padding:2rem 1.5rem 1rem}
  .book-grid{grid-template-columns:repeat(2,1fr)}
  .featured{grid-template-columns:1fr}
  .featured-main{padding:2.5rem 1.5rem;flex-direction:column}
  .about-strip{grid-template-columns:1fr}
  .submit-cta{flex-direction:column;padding:3rem 1.5rem}
  footer{grid-template-columns:1fr 1fr}
  .footer-col{padding:2rem 1.5rem}
  .footer-bottom{padding:1rem 1.5rem;flex-direction:column;gap:.5rem;text-align:center}
  .about-hero{grid-template-columns:1fr}
  .ah-left,.ah-right{padding:3rem 1.5rem}
  .manifesto-section{grid-template-columns:1fr;gap:2rem;padding:3rem 1.5rem}
  .values-grid{grid-template-columns:1fr}
  .value-item{border-left:none;border-bottom:1px solid var(--border)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .team-section,.timeline-section{padding:3rem 1.5rem}
  .submit-section{grid-template-columns:1fr;gap:3rem;padding:3rem 1.5rem}
  .contact-section{grid-template-columns:1fr;padding:3rem 1.5rem}
  .contact-item{padding:1.5rem 0;border-left:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .books-layout{grid-template-columns:1fr}
  .sidebar{display:none}
  .main-grid{padding:1.5rem}
  .books-grid-main{grid-template-columns:repeat(2,1fr);gap:1rem}
  .modal{grid-template-columns:1fr}
  .podcast-grid,.blog-grid{grid-template-columns:1fr}
  .episode-layout,.post-layout{grid-template-columns:1fr}
  .page-hero{padding:3rem 1.5rem}
}