@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--p:#12141D;--a:#F59E0B;--l:#D97706;--m:#FEF3C7;--bg:#FDFCFB;--text:#0A0A0B}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;line-height:1.82;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;padding-top:80px}
.accent-bar{height:3px;background:var(--a)}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}

/* ── FLOATING NAV ── */
header{background:none;border:none;padding:0;position:static}
.sb-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 20px;pointer-events:none}
.sb-nav{pointer-events:all;max-width:1380px;margin:0 auto}
.sb-nav-pill{display:flex;align-items:center;gap:12px;background:rgba(253,252,251,.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.07);border-radius:100px;padding:8px 8px 8px 20px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.sb-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.05em;color:var(--p);text-decoration:none;letter-spacing:-.02em;flex-shrink:0;white-space:nowrap}
.sb-logo svg{color:var(--p);flex-shrink:0}
.sb-logo-accent{color:var(--a)}
.sb-nav-links{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}
.sb-nav-link{padding:8px 13px;border-radius:100px;font-size:.85em;font-weight:500;color:rgba(10,10,11,.55);text-decoration:none;transition:all .15s;white-space:nowrap}
.sb-nav-link:hover{color:var(--p);background:rgba(0,0,0,.06);text-decoration:none}
.sb-nav-link--active{color:var(--p);font-weight:600;background:rgba(0,0,0,.07)}
.sb-cta{background:var(--p);color:#fff;padding:9px 18px;border-radius:100px;font-size:.82em;font-weight:700;text-decoration:none;flex-shrink:0;transition:background .15s;white-space:nowrap}
.sb-cta:hover{background:var(--a);color:#fff;text-decoration:none}
.sb-hamburger{display:none;background:none;border:none;padding:6px;cursor:pointer;flex-direction:column;gap:5px;margin-left:auto}
.sb-hamburger span{display:block;width:20px;height:2px;background:var(--p);border-radius:2px}

/* ── HERO ── */
.hero{background:linear-gradient(155deg,var(--p) 0%,#1e2235 55%,#241a05 100%);color:#fff;padding:80px 0 72px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-30%;right:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 65%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:.7}
.hero .wrap{position:relative;z-index:1;max-width:none;padding:0}
.sb-hero-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.35fr 1fr;gap:60px;align-items:center}
.sb-hero-content{}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);color:var(--a);padding:6px 14px;border-radius:100px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:24px}
.hero h1{font-size:2.1em;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:20px;max-width:640px;color:#fff}
.hero h1 em{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;color:var(--a)}
.hero .subtitle{font-size:1.05em;color:rgba(255,255,255,.72);max-width:520px;line-height:1.7;margin-bottom:28px}
.hero-stats{display:flex;gap:24px;margin:0 0 32px;flex-wrap:wrap}
.hero-stats span{font-size:.9em;color:rgba(255,255,255,.65)}
.hero-stats strong{color:#fff;font-weight:700}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-cta a{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:14px;font-weight:600;font-size:.95em;transition:all .2s;text-decoration:none}
.hero-cta a:hover{transform:translateY(-2px);text-decoration:none}
.btn-w{background:#fff;color:var(--p)}
.btn-w:hover{background:var(--a);color:#fff}
.btn-g{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.3)}
.btn-g:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff}
/* Hero visual column */
.sb-hero-visual{position:relative}
.sb-hero-img-frame{transform:rotate(3deg);border-radius:28px;overflow:hidden;background:rgba(255,255,255,.1);padding:8px;box-shadow:0 32px 80px rgba(0,0,0,.4)}
.sb-hero-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;display:block}
.sb-hero-float{position:absolute;bottom:-20px;left:-20px;background:#fff;border-radius:18px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px rgba(0,0,0,.18)}
.sb-hero-float-icon{width:40px;height:40px;border-radius:50%;background:#10b981;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sb-hero-float-icon svg{width:20px;height:20px;color:#fff}
.sb-hero-float-label{font-size:.7em;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#bbb;margin-bottom:2px}
.sb-hero-float-title{font-size:.95em;font-weight:700;color:#0A0A0B}

/* ── QUICK HELP (dark section) ── */
.sb-problems{background:var(--p);color:#fff;padding:72px 0;border-radius:40px;margin:56px 16px 0}
.sb-problems .wrap{max-width:1100px}
.sb-section-head{margin-bottom:48px}
.sb-section-head h2{font-size:2.2em;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.02em}
.sb-section-head p{color:rgba(255,255,255,.5);font-size:1em;max-width:480px;line-height:1.65}
.sb-problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sb-problem-card{padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;cursor:pointer;transition:all .2s;text-decoration:none;display:block;color:#fff}
.sb-problem-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);text-decoration:none}
.sb-problem-card svg{width:28px;height:28px;color:var(--a);margin-bottom:16px;display:block}
.sb-problem-card h3{font-size:1em;font-weight:600;color:#fff;margin-bottom:6px;line-height:1.35}
.sb-problem-card p{font-size:.84em;color:rgba(255,255,255,.4);line-height:1.6;margin-bottom:16px}
.sb-problem-link{font-size:.82em;font-weight:700;color:var(--a);text-decoration:none;display:flex;align-items:center;gap:4px}

/* ── CATEGORY CARDS SECTION ── */
.sb-cats-section{padding:80px 0}
.sb-cats-section .wrap{max-width:1100px}
.sb-cats-head{text-align:center;margin-bottom:48px}
.sb-cats-head h2{font-size:2.3em;font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:10px}
.sb-cats-head p{color:rgba(10,10,11,.5);font-size:1.05em;max-width:480px;margin:0 auto;line-height:1.65}
.sb-cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sb-cat-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:24px;padding:36px 32px;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s;text-decoration:none;color:var(--text)}
.sb-cat-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.09);transform:translateY(-4px);text-decoration:none}
.sb-cat-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}
.sb-cat-icon svg{width:26px;height:26px;color:#fff}
.sb-cat-card h3{font-size:1.15em;font-weight:700;color:var(--text);margin-bottom:10px;line-height:1.3}
.sb-cat-card p{font-size:.9em;color:rgba(10,10,11,.55);line-height:1.65;flex:1;margin-bottom:20px}
.sb-cat-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.sb-cat-count{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:rgba(10,10,11,.3)}
.sb-cat-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:rgba(10,10,11,.4);transition:all .2s;flex-shrink:0}
.sb-cat-card:hover .sb-cat-arrow{background:var(--p);color:#fff;border-color:var(--p)}

/* ── ARTICLES + EXPERT ── */
.sb-articles-section{padding:80px 0;background:#fff}
.sb-articles-section .wrap{max-width:1100px}
.sb-articles-grid{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:start}
.sb-articles-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.sb-articles-head h2{font-size:1.6em;font-weight:700;color:var(--text)}
.sb-articles-head a{font-size:.85em;font-weight:700;color:var(--a);text-decoration:none}
.sb-articles-head a:hover{text-decoration:underline}
.sb-article-row{display:flex;align-items:center;gap:20px;padding:14px;border-radius:16px;transition:background .15s;text-decoration:none;color:var(--text)}
.sb-article-row:hover{background:#f8f7f6;text-decoration:none}
.sb-article-icon{width:52px;height:52px;border-radius:12px;background:rgba(245,158,11,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.sb-article-row:hover .sb-article-icon{background:rgba(245,158,11,.15)}
.sb-article-icon svg{width:20px;height:20px;color:var(--p)}
.sb-article-row:hover .sb-article-icon svg{color:var(--a)}
.sb-article-cat{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--a);margin-bottom:4px}
.sb-article-title{font-size:.95em;font-weight:600;color:var(--text);line-height:1.35}
.sb-expert-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:28px;padding:36px;position:relative;overflow:hidden}
.sb-expert-card::before{content:'';position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(245,158,11,.07),transparent 70%);pointer-events:none}
.sb-expert-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.sb-expert-avatar{width:72px;height:72px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5em;flex-shrink:0;border:3px solid rgba(245,158,11,.25)}
.sb-expert-name{font-size:1.15em;font-weight:700;color:var(--text);margin-bottom:4px}
.sb-expert-role{font-size:.82em;color:var(--a);font-weight:600}
.sb-expert-quote{font-size:.9em;color:rgba(10,10,11,.6);line-height:1.7;font-style:italic;margin-bottom:20px}
.sb-expert-checks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.sb-expert-check{display:flex;align-items:center;gap:6px;font-size:.78em;font-weight:600;color:rgba(10,10,11,.45)}
.sb-expert-check svg{width:14px;height:14px;color:#10b981;flex-shrink:0}
.sb-expert-btn{display:block;width:100%;padding:14px;background:var(--p);color:#fff;text-align:center;border-radius:14px;font-weight:700;font-size:.9em;text-decoration:none;transition:background .15s}
.sb-expert-btn:hover{background:var(--a);text-decoration:none;color:#fff}

/* ── HOME SECTIONS (kept for compat) ── */
.s{padding:64px 0 0}
.s-head{margin-bottom:8px}
.s-head h2{font-size:1.8em;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;line-height:1.2}
.s-head p{color:#888;font-size:1em;margin-top:6px;line-height:1.6;max-width:540px}
.s-line{width:48px;height:3px;background:var(--a);border-radius:2px;margin:14px 0 28px}
.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.entry-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:28px 24px;display:block;color:var(--text);transition:box-shadow .2s,transform .12s;text-decoration:none}
.entry-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.07);transform:translateY(-2px);text-decoration:none}
.entry-card .icon{color:var(--a);margin-bottom:14px}
.entry-card h3{font-size:1em;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.3}
.entry-card p{font-size:.88em;color:#777;line-height:1.6;margin-bottom:14px}
.entry-card .go{display:inline-block;font-size:.86em;font-weight:600;color:var(--l)}
.silo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:48px}
.silo{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:22px 24px;color:var(--text);transition:box-shadow .2s,transform .12s;text-decoration:none}
.silo:hover{box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-1px);text-decoration:none}
.silo h3{font-size:.98em;color:var(--l);margin-bottom:4px;font-weight:600}
.silo p{font-size:.82em;color:#999;line-height:1.5}
.silo .cnt{display:block;margin-top:8px;font-size:.78em;color:var(--l);font-weight:600}
.popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.pop-card{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:18px 22px;color:var(--text);transition:border-color .15s;text-decoration:none}
.pop-card:hover{border-color:var(--a);text-decoration:none}
.pop-card h4{font-size:.92em;font-weight:600;color:#1a1a1a;margin-bottom:6px;line-height:1.35}
.pop-card .pop-meta{font-size:.76em;color:#999}
.rec-type{font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--l);margin-bottom:4px}
.trust{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:28px 32px;margin-bottom:64px;display:flex;gap:18px;align-items:flex-start}
.trust .trust-avatar{width:56px;height:56px;border-radius:50%;background:var(--p);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3em;flex-shrink:0}
.trust .trust-name{font-weight:600;color:#1a1a1a;margin-bottom:4px}
.trust .trust-role{font-size:.84em;color:#999;margin-bottom:8px}
.trust p{font-size:.9em;color:#666;line-height:1.65;margin:0}
.trust-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{font-size:.78em;background:rgba(245,158,11,.1);color:var(--p);padding:4px 10px;border-radius:20px;font-weight:600;border:1px solid rgba(245,158,11,.2)}

/* ── ARTICLE STYLES ── */
.content-wrap{max-width:700px;margin:0 auto;padding:0 24px}
nav.breadcrumb{padding:14px 0;font-size:.84em;color:#999}
nav.breadcrumb a{color:var(--l);text-decoration:none}
nav.breadcrumb a:hover{color:var(--p);text-decoration:underline}
article{padding:36px 0 24px;font-size:1.04em}
h1{font-size:1.85em;line-height:1.25;margin-bottom:14px;letter-spacing:-.02em;color:#1a1a1a;font-weight:700}
.author{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-info{line-height:1.35}
.author-name{font-size:.9em;font-weight:600;color:#1a1a1a}
.author-role{font-size:.8em;color:#999}
.meta{color:#999;font-size:.84em;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid #e8e4e0}
.affiliate-disclosure{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:12px 16px;margin-bottom:24px;font-size:.82em;color:#666;line-height:1.55}
.affiliate-disclosure strong{color:#555}
article h2{font-size:1.35em;margin:44px 0 16px;color:#1a1a1a;letter-spacing:-.01em;font-weight:600}
article h3{font-size:1.12em;margin:32px 0 12px;color:#444;font-weight:600}
article p{margin-bottom:20px;color:#444}
article ul,article ol{margin:0 0 20px 20px}
article li{margin-bottom:10px;color:#444}
article li::marker{color:var(--a)}
article a{color:var(--l);text-decoration:underline;text-decoration-color:rgba(217,119,6,.3);text-underline-offset:2px}
article a:hover{text-decoration-color:var(--l)}
article strong{font-weight:600;color:#1a1a1a}
article blockquote{border-left:3px solid var(--a);margin:28px 0;padding:16px 24px;color:#555;background:rgba(245,158,11,.05);border-radius:0 8px 8px 0;font-style:normal}
article table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.93em}
article th,article td{padding:12px 16px;border-bottom:1px solid #e8e4e0;text-align:left}
article th{font-weight:600;background:rgba(245,158,11,.06);color:#1a1a1a}
.toc{border-left:3px solid var(--a);background:rgba(245,158,11,.05);padding:20px 26px;margin-bottom:36px;border-radius:0 8px 8px 0}
.toc .toc-title{font-size:.9em;font-weight:700;color:#1a1a1a;margin-bottom:10px}
.toc ol{margin:0;padding:0 0 0 20px;list-style:decimal}
.toc li{margin-bottom:6px;font-size:.88em}
.toc a{color:var(--l);text-decoration:none}
.toc a:hover{text-decoration:underline}
.inline-link{background:rgba(245,158,11,.05);border-left:3px solid var(--a);padding:10px 16px;margin:20px 0;font-size:.93em;border-radius:0 6px 6px 0}
.inline-link a{color:var(--l);font-weight:500;text-decoration:none}
.inline-link a:hover{text-decoration:underline}
.related{background:#fff;border:1px solid #e8e4e0;border-radius:10px;padding:24px 28px;margin:36px 0 24px}
.related h2{font-size:1.05em;margin:0 0 14px;color:#2d2d2d;font-weight:600}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin-bottom:10px;padding-left:20px;position:relative}
.related li::before{content:'\2192';position:absolute;left:0;color:var(--a);font-size:.9em}
.related a{color:var(--l);text-decoration:none;font-weight:500}
.related a:hover{text-decoration:underline}
.section-divider{width:60px;height:2px;background:var(--a);margin:40px 0}
.next-step{background:var(--p);color:#fff;padding:28px 32px;border-radius:12px;margin:24px 0 32px}
.next-step .ns-label{font-size:.78em;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.5);margin-bottom:8px}
.next-step .ns-title{font-size:1.1em;font-weight:600;margin-bottom:12px}
.next-step a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:2px}
.next-step a:hover{text-decoration-color:#fff}
.newsletter{background:#fff;border:1px solid #e8e4e0;border-radius:10px;padding:28px 32px;margin:0 0 32px;text-align:center}
.newsletter .nl-head{font-size:1.1em;font-weight:600;color:#1a1a1a;margin-bottom:6px}
.newsletter .nl-sub{font-size:.9em;color:#777;margin-bottom:18px;line-height:1.55}
.newsletter form{display:flex;gap:8px;max-width:400px;margin:0 auto}
.newsletter input[type=email]{flex:1;padding:10px 14px;border:1px solid #e8e4e0;border-radius:8px;font-size:.9em;font-family:inherit;outline:none;transition:border-color .15s}
.newsletter input[type=email]:focus{border-color:var(--l)}
.newsletter button{padding:10px 20px;background:var(--p);color:#fff;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}
.newsletter button:hover{background:var(--a)}
.captcha-row{display:flex;align-items:center;gap:8px;font-size:.84em;color:#666}
.captcha-row label{white-space:nowrap}
.captcha-input{width:50px;padding:8px 10px;border:1px solid #e8e4e0;border-radius:6px;font-size:.9em;font-family:inherit;text-align:center;outline:none}
.captcha-input:focus{border-color:var(--l)}
.newsletter .nl-privacy{font-size:.75em;color:#bbb;margin-top:10px}
.author-bio{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e8e4e0;border-radius:10px;padding:28px 32px;margin:0 0 32px}
.author-bio .bio-name{font-size:1em;font-weight:600;color:#1a1a1a;margin-bottom:6px}
.author-bio p{font-size:.9em;color:#666;line-height:1.65;margin:0}
.pdf-sticky{position:fixed;bottom:24px;right:24px;z-index:50;display:flex;align-items:center;gap:8px;background:#fff;color:#555;border:1px solid #e8e4e0;padding:10px 18px;border-radius:24px;font-size:.84em;cursor:pointer;font-family:inherit;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:box-shadow .2s,transform .15s}
.pdf-sticky:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-1px)}
.pdf-sticky svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;align-items:center;justify-content:center}
.modal-overlay.active{display:flex}
.modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.15);position:relative}
.modal h3{font-size:1.1em;font-weight:600;margin-bottom:6px;color:#1a1a1a}
.modal p{font-size:.9em;color:#777;margin-bottom:18px;line-height:1.5}
.modal form{display:flex;flex-direction:column;gap:10px}
.modal input[type=email]{padding:10px 14px;border:1px solid #e8e4e0;border-radius:8px;font-size:.9em;font-family:inherit;outline:none;text-align:center}
.modal input[type=email]:focus{border-color:var(--l)}
.modal button{padding:10px 20px;background:var(--p);color:#fff;border:none;border-radius:8px;font-size:.9em;font-weight:600;cursor:pointer;font-family:inherit}
.modal button:hover{background:var(--a)}
.modal .close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.3em;cursor:pointer;color:#999;padding:4px}
.modal .nl-privacy{font-size:.75em;color:#bbb;margin:4px 0 0}
.modal .captcha-row{justify-content:center}
.faq-list{margin-bottom:16px}
.faq-item{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:10px;margin-bottom:8px;overflow:hidden}
.faq-item summary{padding:18px 22px;cursor:pointer;font-weight:600;font-size:.95em;color:#1a1a1a;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::after{content:'+';font-size:1.2em;color:#999;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-answer{padding:0 22px 18px;font-size:.9em;color:#666;line-height:1.65}
.faq-item .faq-answer a{color:var(--l)}

/* ── CATEGORY PAGES (fixed: outside @media!) ── */
.category-header{padding:48px 0 20px}
.category-header .cat-intro{font-size:.95em;color:var(--a);font-weight:600;margin-bottom:10px;line-height:1.5}
.category-header h1{font-size:2em;font-weight:700;color:#1a1a1a;line-height:1.25}
.category-header .cat-desc{color:#555;font-size:1em;margin-top:12px;line-height:1.7;max-width:580px}
.cat-stats{font-size:.88em;color:#888;margin:12px 0 32px;font-style:italic}
.featured{margin-bottom:40px}
.featured-label{font-size:.78em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:12px}
.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.featured-card{display:block;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:22px 24px;color:var(--text);transition:box-shadow .2s,transform .12s;text-decoration:none}
.featured-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.07);transform:translateY(-2px);text-decoration:none}
.featured-card .fc-title{font-size:1em;font-weight:600;color:#1a1a1a;line-height:1.35;margin-bottom:6px}
.featured-card .fc-go{font-size:.84em;color:var(--l);font-weight:500}
.featured-card:hover .fc-go{text-decoration:underline}
.cat-section{margin-bottom:36px}
.cat-section-head{font-size:1.05em;font-weight:600;color:#1a1a1a;margin-bottom:4px}
.cat-section-sub{font-size:.84em;color:#999;margin-bottom:14px}
.s-line-sm{width:36px;height:2px;background:var(--a);border-radius:2px;margin:10px 0 14px}
.cat-list{list-style:none;padding:0}
.cat-list li{margin-bottom:2px}
.cat-list a{display:flex;align-items:center;padding:10px 14px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.94em;transition:background .15s}
.cat-list a:hover{background:rgba(245,158,11,.06)}
.cat-list .cl-title{flex:1;line-height:1.4}
.cat-list .cl-arr{color:#ccc;font-size:.85em;flex-shrink:0;margin-left:10px}
.cat-list a:hover .cl-arr{color:var(--a)}

/* ── FOOTER ── */
footer{background:var(--p);color:#fff;padding:56px 0 32px;border-top:none;margin-top:0}
footer .wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.1em;color:#fff;text-decoration:none;letter-spacing:-.02em;margin-bottom:14px}
.footer-logo svg{color:#fff}
.footer-logo-accent{color:var(--a)}
.footer-tagline{font-size:.85em;color:rgba(255,255,255,.4);line-height:1.65;max-width:280px}
.footer-col h4{font-size:.85em;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:.02em}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{color:rgba(255,255,255,.4);text-decoration:none;font-size:.85em;transition:color .15s}
.footer-col a:hover{color:var(--a)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:.75em;color:rgba(255,255,255,.2);font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.footer-silo-links{display:flex;flex-wrap:wrap;gap:6px 16px}
.footer-silo-links a{color:rgba(255,255,255,.25);text-decoration:none;font-size:.75em;font-weight:500}
.footer-silo-links a:hover{color:var(--a)}
.footer-brand{display:none}
.footer-author{display:none}
.footer-inner{max-width:1100px;margin:0 auto}

/* ── PRINT ── */
@media print{.sb-header,.accent-bar,header,.breadcrumb,.toc,.related,.next-step,.newsletter,.pdf-sticky,.modal-overlay,footer,.author,.affiliate-disclosure{display:none}body{background:#fff;color:#000;padding-top:0}article{padding:0}.content-wrap{max-width:none;padding:0}h1{font-size:1.5em}}

/* ── RESPONSIVE ── */
@media(max-width:900px){
.sb-cats-grid{grid-template-columns:1fr 1fr}
.sb-articles-grid{grid-template-columns:1fr}
.sb-expert-card{margin-top:0}
.footer-top{grid-template-columns:1fr 1fr}
.footer-top .footer-brand-block{grid-column:1/-1}
}
@media(max-width:900px){
.sb-hero-inner{grid-template-columns:1fr;gap:40px}
.sb-hero-visual{display:none}
}
@media(max-width:700px){
body{padding-top:72px}
.sb-nav-links{display:none}
.sb-nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:200}
.sb-nav-links.open .sb-nav-link{width:100%;border-radius:10px;padding:12px 16px}
.sb-nav-pill{position:relative;border-radius:20px}
.sb-hamburger{display:flex}
.sb-cta{display:none}
.sb-problems-grid{grid-template-columns:1fr}
.sb-cats-grid{grid-template-columns:1fr}
.sb-articles-grid{grid-template-columns:1fr}
.featured-grid{grid-template-columns:1fr}
.hero h1{font-size:1.7em}
.entry-grid{grid-template-columns:1fr}
.popular-grid{grid-template-columns:1fr}
.footer-top{grid-template-columns:1fr}
.footer-silo-links{justify-content:flex-start}
.footer-bottom{flex-direction:column;text-align:center}
.sb-cats-section .wrap,.sb-articles-section .wrap,.sb-problems .wrap{padding:0 20px}
.sb-problems{border-radius:24px;margin:40px 12px 0}
.sb-cats-section{padding:56px 0}
.sb-articles-section{padding:56px 0}
}
@media(max-width:480px){
h1{font-size:1.5em}
article h2{font-size:1.2em}
.related{padding:20px}
.next-step{padding:22px 20px}
.newsletter{padding:22px 20px}
.newsletter form{flex-direction:column}
.pdf-sticky{bottom:16px;right:16px;padding:8px 14px;font-size:.8em}
.author-bio{flex-direction:column;padding:22px 20px;gap:14px;text-align:center}
.hero h1{font-size:1.5em}
.hero-badge{font-size:.7em}
}
::selection{background:rgba(245,158,11,.25);color:#0A0A0B}