/* theautoinsurancereviewsite — Adin Ross Website Fan · Kick Green + Magenta palette */
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Playfair+Display:ital,wght@0,700;1,700;1,900&family=Inter:wght@400;600;700;800&display=swap');

:root{
  --bg:#0a0a0a;
  --bg-2:#141414;
  --card:#1a1a1a;
  --card-2:#222;
  --line:#2a2a2a;
  --line-2:#3d3d3d;
  --red:#53fc18;         /* primary accent: Kick green */
  --red-2:#3fd60c;       /* hover state */
  --red-3:#2da509;       /* deepest green */
  --red-dim:rgba(83,252,24,.14);
  --text:#fff;
  --text-2:#d8d8d8;
  --muted:#909090;
  --purple:#ff2db5;      /* secondary accent: magenta for hero tagline */
  --green:#ff2db5;       /* magenta for net-worth display */

  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --display:Bangers,Impact,"Arial Black",sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}

/* ───────── SIDEBAR ───────── */
.sidebar{position:fixed;left:0;top:0;bottom:0;width:240px;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}
.sidebar-brand{padding:22px 22px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand-logo{font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.3px;color:#fff;line-height:1.05}
.brand-logo .red{color:var(--red);font-style:italic;font-weight:900}
.brand-logo .tag-fan{display:block;font-family:var(--sans);font-style:normal;font-weight:600;font-size:9.5px;letter-spacing:.18em;color:var(--muted);margin-top:4px;text-transform:uppercase}
.burger{background:none;border:0;color:#fff;font-size:22px;cursor:pointer;padding:4px 8px;line-height:1}
.sidebar-nav{flex:1;padding:14px 0;overflow-y:auto}
.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:13px 22px;color:var(--text-2);font-family:var(--sans);font-weight:700;font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;border-left:3px solid transparent;position:relative}
.sidebar-nav a:hover{color:#fff;background:rgba(255,255,255,.02);text-decoration:none}
.sidebar-nav a.active{color:var(--red);border-left-color:var(--red);background:rgba(255,0,51,.04)}
.sidebar-nav a .ico{width:18px;height:18px;display:inline-grid;place-items:center;flex-shrink:0}
.sidebar-nav a .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.sidebar-foot{padding:14px 22px 16px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--line)}
.sidebar-foot .legal-links{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px}
.sidebar-foot .legal-links a{color:var(--text-2);font-size:11px;text-decoration:none}
.sidebar-foot .legal-links a:hover{color:var(--red)}

/* ───────── MAIN AREA ───────── */
.main{margin-left:240px;min-height:100vh;padding:32px 48px 80px;position:relative}
.crumbs{font-size:12.5px;color:var(--muted);letter-spacing:.04em;margin-bottom:36px;text-transform:none}
.crumbs a{color:var(--text-2)}
.crumbs a:hover{color:var(--red);text-decoration:none}
.crumbs .sep{margin:0 8px;color:#444}

/* page title (display) */
.page-title{font-family:var(--display);font-style:italic;font-size:64px;line-height:1;letter-spacing:.02em;color:#fff;text-align:center;margin:8px 0 14px;text-shadow:2px 2px 0 rgba(0,0,0,.4)}
.page-title.serif{font-family:var(--serif);font-style:normal;font-weight:900;letter-spacing:.02em;font-size:60px}
.page-sub{text-align:center;color:var(--text-2);font-size:15.5px;margin:0 auto 36px;max-width:700px}

/* ───────── HOMEPAGE HERO ───────── */
.hero-home{padding:60px 0 30px;text-align:center}
.hero-home h1{font-family:var(--serif);font-weight:900;font-size:64px;letter-spacing:.06em;color:#fff;margin:0 0 6px}
.hero-home .tag{color:var(--purple);font-weight:700;letter-spacing:.16em;font-size:13px;text-transform:uppercase;margin-bottom:28px}
.search-wrap{max-width:780px;margin:0 auto}
.search-big{display:flex;background:#1a1a1a;border:1px solid var(--line-2);border-radius:10px;padding:4px}
.search-big input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:18px 22px;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--sans)}
.search-big input::placeholder{color:#5a5a5a}
.search-big button{background:transparent;border:0;color:#fff;padding:0 18px;cursor:pointer;font-size:18px}
.search-big button:hover{color:var(--red)}
.suggest-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;max-width:780px;margin-left:auto;margin-right:auto}
.suggest{display:inline-block;background:#1a1a1a;border:1px solid var(--line-2);color:#fff;border-radius:999px;padding:9px 18px;font-size:13.5px;cursor:pointer;font-weight:600;transition:.15s}
.suggest:hover{border-color:var(--red);color:var(--red)}

/* ───────── CARDS ───────── */
.section{margin:48px 0}
.section-title{font-family:var(--display);font-style:italic;font-size:34px;color:#fff;text-align:center;margin:0 0 8px;letter-spacing:.02em}
.section-sub{text-align:center;color:var(--text-2);font-size:14.5px;margin:0 0 28px}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:22px}
.cards.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:980px){.cards,.cards.two{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px 26px;transition:.15s}
.card:hover{border-color:var(--line-2)}
.card .meta{color:var(--red);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px}
.card h3{font-family:var(--sans);font-size:21px;font-weight:800;color:#fff;margin:0 0 12px;line-height:1.25;letter-spacing:.01em}
.card p{color:var(--text-2);font-size:14.5px;margin:0 0 18px}
.card .pill-btn{display:inline-block;padding:11px 24px;border:1px solid var(--red);color:var(--red);border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;transition:.15s}
.card .pill-btn:hover{background:var(--red);color:#fff;text-decoration:none}

/* Quote card (with red left border) */
.quote-card{background:var(--card);border-left:3px solid var(--red);padding:24px 26px;border-radius:0 6px 6px 0;transition:.15s}
.quote-card:hover{background:var(--card-2)}
.quote-card .quote{font-family:var(--display);font-style:italic;font-size:21px;color:#fff;line-height:1.3;margin:0 0 12px;letter-spacing:.02em}
.quote-card .ctx{color:var(--text-2);font-size:13px;font-style:italic;margin:0 0 14px}
.quote-card .ctx::before{content:"— ";color:var(--muted)}
.quote-card .share{display:inline-block;padding:9px 18px;border:1px solid var(--line-2);background:transparent;color:#fff;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:.15s}
.quote-card .share:hover{border-color:var(--red);color:var(--red)}

.category-title{font-family:var(--sans);color:var(--red);font-size:22px;font-weight:800;margin:32px 0 16px;letter-spacing:.02em}

/* ───────── FLOATING BARK + BOOKMARK PILL ───────── */
.bark-btn{position:fixed;right:22px;bottom:22px;width:78px;height:78px;border-radius:50%;background:var(--red);color:#fff;border:0;cursor:pointer;font-family:var(--display);font-style:italic;font-size:20px;letter-spacing:.04em;box-shadow:0 0 0 4px #fff,0 6px 22px rgba(255,0,51,.45),0 0 30px rgba(255,0,51,.35);z-index:40;transition:.15s}
.bark-btn:hover{transform:scale(1.06);background:var(--red-2)}

.bookmark-pill{position:fixed;right:22px;top:18px;background:var(--red);color:#fff;font-weight:800;font-size:13.5px;padding:11px 22px 11px 20px;border-radius:999px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 18px rgba(255,0,51,.35);z-index:40}
.bookmark-pill .x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:12px;font-weight:800;cursor:pointer;border:0}
.bookmark-pill.hidden{display:none}

/* ───────── TABLES ───────── */
.t{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.t th,.t td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px;color:var(--text-2)}
.t th{background:#0e0e0e;color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.14em;font-weight:700}
.t tr:last-child td{border-bottom:0}
.t td.k{color:#fff;font-weight:700}

/* ───────── PROSE (article body) ───────── */
.prose{max-width:780px;margin:0 auto}
.prose p,.prose li{font-size:16px;color:var(--text-2);line-height:1.75}
.prose h2{font-family:var(--display);font-style:italic;color:#fff;font-size:30px;margin:34px 0 12px;letter-spacing:.02em}
.prose h3{font-family:var(--sans);font-weight:800;color:#fff;font-size:19px;margin:24px 0 8px}
.prose ul,.prose ol{padding-left:22px}
.prose blockquote{border-left:3px solid var(--red);background:rgba(255,0,51,.06);color:#fff;font-family:var(--display);font-style:italic;font-size:20px;padding:14px 18px;margin:18px 0;border-radius:0 6px 6px 0;letter-spacing:.02em}
.prose code{font-family:Consolas,Menlo,monospace;background:#1a1a1a;border:1px solid var(--line-2);color:var(--red);padding:1px 6px;border-radius:4px;font-size:13.5px}
.prose .updated{color:var(--muted);font-size:13px;margin:0 0 26px}
.prose .callout{background:rgba(255,210,0,.06);border:1px solid rgba(255,210,0,.25);color:#f1c84a;padding:12px 16px;border-radius:8px;font-size:14px;margin:18px 0}
.prose details.faq{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 18px;margin:10px 0}
.prose details.faq[open]{border-color:var(--red)}
.prose details.faq summary{cursor:pointer;font-weight:700;font-size:16px;color:#fff;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.prose details.faq summary::after{content:"+";color:var(--red);font-size:22px;font-weight:800;transition:.15s;line-height:0}
.prose details.faq[open] summary::after{transform:rotate(45deg)}
.prose details.faq summary::-webkit-details-marker{display:none}
.prose details.faq p{margin:12px 0 0;font-size:15px;color:var(--text-2)}

/* ───────── NET WORTH BIG NUMBERS ───────── */
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:24px 0}
@media(max-width:820px){.stat-grid{grid-template-columns:1fr}}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 30px;text-align:center}
.stat .label{color:var(--text-2);font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.stat .label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
.stat .big{font-family:var(--display);font-style:italic;font-size:54px;color:#fff;letter-spacing:.02em;line-height:1}
.stat .big.green{color:var(--green);text-shadow:0 0 24px rgba(34,255,102,.5)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

.gradient-card{background:var(--card);border-radius:10px;padding:0;overflow:hidden}
.gradient-card .strip{height:4px;background:linear-gradient(90deg,var(--red),#ff6a00,#ff0033)}
.gradient-card.green .strip{background:linear-gradient(90deg,#22ff66,#7cfc00,#22ff66)}
.gradient-card.orange .strip{background:linear-gradient(90deg,#ff8800,#ffaa00,#ff8800)}
.gradient-card .inner{padding:22px 24px}
.gradient-card h4{font-family:var(--display);font-style:italic;color:var(--red);font-size:22px;margin:0 0 4px;letter-spacing:.02em}
.gradient-card.green h4{color:var(--green)}
.gradient-card.orange h4{color:#ff8800}
.gradient-card .src{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-bottom:18px}
.gradient-card .val{font-family:var(--sans);color:#fff;font-size:36px;font-weight:800;margin:6px 0 14px}
.gradient-card .val-label{color:var(--text-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-bottom:4px}

/* ───────── QUIZ ───────── */
.quiz-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 26px;margin:0 auto;max-width:780px;position:relative;overflow:hidden}
.quiz-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red),var(--purple))}
.q-title{font-size:19px;font-weight:800;color:#fff;margin:8px 0 18px}
.q-opt{display:block;width:100%;text-align:left;background:#1a1a1a;border:1px solid var(--line-2);color:#fff;padding:14px 18px;border-radius:8px;margin-bottom:10px;font-size:15px;font-weight:600;cursor:pointer;transition:.15s;font-family:var(--sans)}
.q-opt:hover{border-color:var(--red);color:var(--red)}
.q-opt.correct{border-color:var(--green);color:var(--green);background:rgba(34,255,102,.06)}
.q-opt.wrong{border-color:var(--red);color:var(--red);background:rgba(255,0,51,.06)}

/* ───────── TV PAGE (live stream simulated) ───────── */
.tv-bar{display:flex;justify-content:center;align-items:center;gap:14px;margin-bottom:18px;font-family:var(--display);font-style:italic;font-size:26px;letter-spacing:.04em}
.tv-bar .live{background:var(--red);color:#fff;font-family:var(--sans);font-size:12px;font-weight:800;padding:4px 10px;border-radius:5px;letter-spacing:.2em}
.tv-bar .watching{background:#1a1a1a;border:1px solid var(--line-2);font-family:var(--sans);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;color:var(--text-2);font-style:normal;display:inline-flex;align-items:center;gap:8px}
.tv-bar .watching::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
.tv-stage{aspect-ratio:16/9;width:min(1100px,100%);margin:0 auto;background:#000;border:1px solid var(--line-2);border-radius:14px;display:grid;place-items:center;color:#fff;font-family:var(--display);font-style:italic;font-size:42px;letter-spacing:.03em;text-align:center;padding:20px}
.tv-stage .now{opacity:0;transition:opacity .35s ease}
.tv-stage .now.show{opacity:1}
.tv-meta{text-align:center;color:var(--text-2);font-size:13px;margin-top:10px}
.tv-controls{display:flex;justify-content:center;gap:10px;margin-top:18px}
.tv-controls button{background:#1a1a1a;border:1px solid var(--line-2);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13.5px;letter-spacing:.06em}
.tv-controls button:hover{border-color:var(--red);color:var(--red)}
.tv-controls .primary{background:var(--red);border-color:var(--red);color:#fff}

/* ───────── VIDEO SEARCH RESULTS (homepage) ───────── */
.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:900px){.vs-grid{grid-template-columns:1fr}}
.vs-card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.vs-card:hover{border-color:var(--red-2)}
.vs-thumb{position:relative;display:block;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}
.vs-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.2s}
.vs-thumb:hover img{transform:scale(1.02);opacity:.85}
.vs-thumb .vs-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 4px 16px rgba(0,0,0,.5);transition:.15s}
.vs-thumb:hover .vs-play{background:var(--red);transform:translate(-50%,-50%) scale(1.08)}
.vs-title{padding:12px 16px 6px;color:#fff;font-weight:800;font-size:15.5px}
.vs-list{padding:0 0 6px}
.vs-row{display:grid;grid-template-columns:64px 1fr;align-items:flex-start;gap:14px;padding:10px 18px;border-top:1px solid var(--line)}
.vs-row:hover{background:rgba(255,0,51,.04)}
.vs-row .vs-ts{color:var(--red);font-weight:800;font-family:Consolas,Menlo,monospace;font-size:14px;letter-spacing:.04em;padding-top:1px}
.vs-row .vs-q{color:var(--text-2);font-size:14.5px;line-height:1.4}
.vs-row .vs-q::before{content:"\00BB\00BB ";color:var(--red);font-weight:800}
.vs-card .vs-foot{padding:10px 18px 14px;color:var(--muted);font-size:12px;font-style:italic;border-top:1px solid var(--line)}

.vs-sort-btn{background:transparent;border:1px solid var(--line-2);color:#fff;padding:8px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.04em}
.vs-sort-btn:hover{border-color:var(--red)}
.vs-sort-btn.active{background:var(--red);border-color:var(--red);color:#fff}

#vsStatus{color:var(--text-2);text-align:left;font-size:14px;margin-bottom:14px}

/* ───────── VIDEO GRID (legacy /videos.html) ───────── */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.video-card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:block;color:inherit;transition:.15s}
.video-card:hover{border-color:var(--red);text-decoration:none;transform:translateY(-2px)}
.video-thumb{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}
.video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 4px 16px rgba(0,0,0,.5)}
.video-body{padding:14px 16px 16px}
.video-body h4{margin:0 0 6px;font-size:15px;font-weight:800;color:#fff;font-family:var(--sans)}
.video-body .v-meta{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}

/* ───────── FORM ───────── */
.form{display:grid;gap:14px;max-width:560px;margin:0 auto}
.form label{font-size:11.5px;color:var(--text-2);font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.form input,.form select,.form textarea{background:#1a1a1a;border:1px solid var(--line-2);color:#fff;padding:13px 14px;border-radius:8px;font-size:14.5px;font-family:var(--sans);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--red)}
.form textarea{min-height:160px;resize:vertical}
.form button{background:var(--red);color:#fff;border:0;padding:13px 30px;border-radius:999px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:12.5px;cursor:pointer;justify-self:start}
.form button:hover{background:var(--red-2)}

.search-status{color:var(--text-2);text-align:center;font-size:13.5px;margin-bottom:18px}

/* ───────── VIDEO SEARCH RESULTS (homepage) ───────── */
.vs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:18px}
@media(max-width:980px){.vs-grid{grid-template-columns:1fr}}
.vs-card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.vs-card:hover{border-color:var(--line-2)}
.vs-thumb{position:relative;display:block;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}
.vs-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.2s}
.vs-card:hover .vs-thumb img{transform:scale(1.02)}
.vs-thumb .vs-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;display:grid;place-items:center;font-size:24px;transition:.15s;backdrop-filter:blur(4px);text-decoration:none}
.vs-card:hover .vs-thumb .vs-play{background:var(--red);transform:translate(-50%,-50%) scale(1.06)}
.vs-title{padding:16px 20px 4px;font-weight:800;font-size:16px;color:#fff;line-height:1.3}
.vs-list{padding:8px 0}
.vs-row{display:flex;align-items:flex-start;gap:14px;padding:11px 20px;border-top:1px solid #1a1a1a;font-size:14.5px}
.vs-row:first-child{border-top:0}
.vs-row .vs-ts{color:var(--red);font-weight:800;flex-shrink:0;min-width:50px;font-family:var(--sans);text-decoration:none;font-size:14.5px}
.vs-row .vs-ts:hover{text-decoration:underline}
.vs-row .vs-q{color:var(--text-2);line-height:1.4}
.vs-foot{display:block;padding:13px 20px;border-top:1px solid #1a1a1a;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.04em}

.vs-sort-btn{background:#1a1a1a;border:1px solid var(--line-2);color:#fff;padding:9px 18px;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px;letter-spacing:.04em;transition:.15s}
.vs-sort-btn.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 16px rgba(255,0,51,.35)}
.vs-sort-btn:hover:not(.active){border-color:var(--red);color:var(--red)}

/* ───────── PAGE FOOTER (4 columns) ───────── */
.site-footer{margin-top:60px;border-top:1px solid var(--line);background:var(--bg);padding:54px 0 0}
.site-footer .footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:0 0 36px}
.site-footer h4{font-family:var(--sans);font-weight:800;font-size:13.5px;letter-spacing:.22em;color:#fff;text-transform:uppercase;margin:0 0 18px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:0 0 10px}
.site-footer a{color:var(--text-2);font-size:14.5px;text-decoration:none}
.site-footer a:hover{color:var(--red)}
.site-footer .copyright{border-top:1px solid var(--line);padding:22px 0 30px;text-align:center;color:var(--muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.site-footer .copyright a{color:var(--red);font-weight:700}
@media(max-width:900px){
  .site-footer .footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:520px){
  .site-footer .footer-grid{grid-template-columns:1fr}
}

/* ───────── RESPONSIVE / MOBILE ───────── */
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:transform .25s ease;width:260px}
  .sidebar.open{transform:translateX(0)}
  .main{margin-left:0;padding:24px 22px 80px}
  .mobile-top{display:flex;align-items:center;justify-content:space-between;padding:14px 0 20px;border-bottom:1px solid var(--line);margin:-24px -22px 24px;padding-left:22px;padding-right:22px;background:var(--bg);position:sticky;top:0;z-index:25}
  .mobile-top .brand-logo{font-size:18px}
  .hero-home h1{font-size:44px}
  .page-title{font-size:42px}
  .page-title.serif{font-size:38px}
  .bookmark-pill{top:auto;bottom:108px;right:14px;font-size:12px;padding:9px 18px}
  .bark-btn{width:62px;height:62px;font-size:15px;right:14px;bottom:14px}
  .stat .big{font-size:38px}
  .gradient-card .val{font-size:28px}
  .tv-stage{font-size:24px}
  .section-title{font-size:26px}
}
@media(min-width:901px){
  .mobile-top{display:none}
}