/* ==========================================================================
   BLOGS — listing + article pages (premium editorial redesign)
   Scoped to blog pages only. Uses site tokens from css/site.css.
   ========================================================================== */
:root{--b-gold:#D6B77A;--b-gold-d:#B38A3F;--b-gold-dd:#8B6428;--b-ink:#111517;--b-card:#FFFCF5;--b-line:rgba(125,103,66,.16)}

/* ---------- LISTING: hero ---------- */
.blog-index-hero{position:relative;isolation:isolate;overflow:hidden;background:#0c1011;color:#f7f1e5;padding:clamp(56px,7vw,96px) 0 clamp(88px,9vw,120px)}
.blog-index-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(214,183,122,.35)}
.blog-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.blog-hero-bg:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c1011 0%,rgba(12,16,17,.94) 34%,rgba(12,16,17,.35) 68%,rgba(12,16,17,.1) 100%)}
.blog-hero-bg img{position:absolute;right:max(-6%,calc((100vw - 1240px)/2 - 60px));top:50%;height:150%;width:auto;max-width:none;transform:translateY(-50%);object-fit:contain;filter:sepia(1) saturate(2.6) hue-rotate(-12deg) brightness(1.08) contrast(1.05);opacity:.95;-webkit-mask-image:radial-gradient(closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(closest-side,#000 55%,transparent 100%)}
.blog-hero-content{position:relative}
.blog-index-hero .eyebrow{color:var(--b-gold);letter-spacing:.2em;font-size:0.8225rem;margin:0 0 16px}
.blog-index-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:1.04;letter-spacing:-.03em;margin:0 0 20px;color:#fbf6ea;max-width:760px}
.blog-index-hero .lead{max-width:520px;color:#e6e2d8;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.7;margin:0}

/* ---------- LISTING: search + filters ---------- */
.blog-library{background:linear-gradient(180deg,#f6f0e4 0%,#f2eadb 100%);padding:0 0 clamp(54px,7vw,92px)}
.blog-tools{position:relative;z-index:3;display:flex;align-items:center;gap:18px;padding:14px 16px;margin-top:-44px;background:rgba(255,252,245,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--b-line);border-radius:18px;box-shadow:0 18px 44px rgba(40,30,12,.10)}
.blog-search{flex:0 0 min(250px,24%);display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid var(--b-line);border-radius:999px;background:#fffdf8;color:var(--b-gold-dd);transition:border-color .2s,box-shadow .2s}
.blog-search:focus-within{border-color:var(--b-gold-d);box-shadow:0 0 0 3px rgba(214,183,122,.3)}
.blog-search svg{flex:none}
.blog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--b-ink);font:500 0.9825rem var(--sans)}
.blog-search input::placeholder{color:#8a8578}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.blog-filters button{appearance:none;border:1px solid transparent;border-radius:999px;padding:9px 13px;background:#f0e8d9;color:#3a3a38;font:600 .8rem var(--sans);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.blog-filters button:hover{background:#e8dcc3}
.blog-filters button.active{background:linear-gradient(180deg,#e0c68f,#cfae6b);color:#171a1b;box-shadow:0 6px 14px rgba(179,138,63,.28)}
.blog-filters button:focus-visible{outline:2px solid var(--b-gold-dd);outline-offset:2px}
.blog-count{margin:26px 0 14px;font-size:0.9025rem;color:#7a7466}

/* ---------- LISTING: cards ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.blog-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fffdf7,#fbf5e8);border:1px solid var(--b-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(40,33,22,.06);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(40,33,22,.14);border-color:rgba(179,138,63,.4)}
.blog-card[hidden]{display:none!important}
.blog-card-image{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#e3dac8}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.blog-card:hover .blog-card-image img{transform:scale(1.06)}
.blog-card-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.28));pointer-events:none}
.blog-card-image .blog-index{position:absolute;z-index:2;top:12px;left:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(14,18,19,.82);color:#f7f1e5;border:1px solid rgba(255,255,255,.22);font:500 0.9625rem var(--serif);backdrop-filter:blur(4px)}
.blog-card-body{position:relative;display:flex;flex:1;flex-direction:column;padding:26px 18px 16px}
.blog-category{position:absolute;top:-13px;left:14px;z-index:3;padding:6px 11px;border-radius:7px;background:#fff7e4;border:1px solid rgba(179,138,63,.28);box-shadow:0 4px 10px rgba(40,33,22,.1);color:var(--b-gold-dd);font:700 0.6825rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.blog-card h2{font:500 1.28rem/1.22 var(--serif);letter-spacing:-.015em;margin:0 0 10px;color:#14181a}
.blog-card h2 a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.blog-card h2 a:after{content:"";position:absolute;inset:0;z-index:1}
.blog-card:hover h2 a{color:var(--b-gold-dd)}
.blog-card p{margin:0 0 16px;font-size:0.9425rem;line-height:1.6;color:#5c5d58;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid #eadfca}
.blog-card-meta .rt{display:inline-flex;align-items:center;gap:6px;font-size:0.8225rem;color:#7a7466}
.blog-read{position:relative;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#e2c993,#cfae6b);color:#171a1b;box-shadow:0 5px 12px rgba(179,138,63,.32);transition:transform .25s,box-shadow .25s}
.blog-card:hover .blog-read{transform:translateX(3px);box-shadow:0 8px 18px rgba(179,138,63,.45)}
.blog-no-results{padding:34px;text-align:center;color:#61594d;background:var(--b-card);border:1px solid var(--b-line);border-radius:14px;margin-top:10px}
.blog-disclaimer{margin-top:44px;padding:20px 24px;border:1px solid var(--b-line);border-left:3px solid var(--b-gold-d);border-radius:10px;background:#efe7d7;color:#3e4543}
.blog-disclaimer p{margin:6px 0 0;line-height:1.65;font-size:0.9825rem}

/* ---------- ARTICLE: hero ---------- */
.blog-detail-hero{position:relative;background:radial-gradient(900px 380px at 82% 0%,rgba(214,183,122,.22),transparent 70%),linear-gradient(180deg,#f8f2e5,#f4ecdb);color:var(--b-ink);padding:22px 0 clamp(30px,4vw,48px);border-bottom:1px solid var(--b-line)}
.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.blog-back{display:inline-flex;align-items:center;gap:8px;color:var(--b-gold-dd);font-weight:600;font-size:0.9225rem;text-decoration:none;margin-bottom:22px;transition:gap .2s}
.blog-back:hover{gap:12px}
.bh-kicker{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.bh-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#efdcae;border:1px solid rgba(179,138,63,.4);color:#4a3a14;font:500 1.0125rem var(--serif)}
.bh-cat{color:var(--b-gold-dd);font:700 0.7825rem var(--sans);letter-spacing:.2em}
.blog-detail-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.9vw,3.4rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;color:#14181a;max-width:760px}
.blog-detail-hero .lead{font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.7;color:#4c504d;max-width:560px;margin:0 0 24px}
.bh-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(125,103,66,.2)}
.meta-list{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0;font-size:0.8825rem;color:#6b6556}
.meta-list li{display:inline-flex;align-items:center;gap:7px}
.meta-list svg{color:var(--b-gold-d)}
.share{display:flex;gap:6px}
.share a,.share button{appearance:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid transparent;border-radius:50%;background:transparent;color:#2b2e2e;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.share a:hover,.share button:hover{background:#fff7e4;border-color:rgba(179,138,63,.4);color:var(--b-gold-dd);transform:translateY(-2px)}
.share button.is-done{background:var(--b-gold);color:#171a1b}
.bh-img{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(40,30,12,.22);aspect-ratio:4/3;background:#e3dac8;position:relative}
.bh-img:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.bh-img img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- ARTICLE: layout + sidebar ---------- */
.blog-content-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,5vw,60px);align-items:start;padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(54px,7vw,92px)}
.blog-content-layout{background:transparent}
main:has(.blog-detail-hero){background:linear-gradient(180deg,#f4ecdb 0,#f7f1e4 380px,#f6f0e4 100%)}
.blog-content-layout>*{min-width:0}
.blog-sidebar{position:sticky;top:calc(var(--hd) + 20px);display:grid;gap:18px;align-self:start}
.toc-card{background:linear-gradient(180deg,#f3ead7,#efe5d0);border:1px solid var(--b-line);border-radius:16px;padding:20px 18px}
.toc-h{font:600 1.0425rem var(--sans);color:#171a1b;margin:0 0 12px}
.toc-links{display:grid;gap:2px;border-left:2px solid rgba(179,138,63,.28);max-height:min(46vh,420px);overflow:auto;scrollbar-width:thin}
.toc-links a{position:relative;display:block;padding:7px 8px 7px 14px;font-size:0.9025rem;line-height:1.4;color:#5a584f;text-decoration:none;transition:color .2s,background .2s}
.toc-links a:before{content:"";position:absolute;left:-2px;top:6px;bottom:6px;width:2px;border-radius:2px;background:transparent;transition:background .2s}
.toc-links a:hover{color:var(--b-gold-dd)}
.toc-links a.active{color:#14181a;font-weight:600;background:linear-gradient(90deg,rgba(214,183,122,.28),transparent)}
.toc-links a.active:before{background:var(--b-gold-d)}
.side-cta{background:linear-gradient(180deg,#f7efdc,#f0e6cf);border:1px solid var(--b-line);border-radius:16px;padding:20px 18px}
.side-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff7e4;border:1px solid rgba(179,138,63,.35);color:var(--b-gold-dd)}
.side-cta h3{font:500 1.28rem/1.2 var(--serif);margin:14px 0 8px;color:#14181a}
.side-cta p{font-size:0.9225rem;line-height:1.55;color:#5c5d58;margin:0 0 16px}
.side-cta .btn{width:100%;justify-content:center;gap:8px;font-size:.84rem;white-space:nowrap}

/* ---------- ARTICLE: body ---------- */
.blog-article{min-width:0;max-width:880px;color:#2b3234}
.art-sec{margin:0 0 clamp(30px,4vw,44px);scroll-margin-top:calc(var(--hd) + 20px)}
.blog-article h2{font:500 clamp(1.6rem,2.5vw,2.1rem)/1.2 var(--serif);letter-spacing:-.02em;color:#14181a;margin:0 0 14px;display:flex;align-items:center;gap:14px}
.h2-n{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#efdcae;border:1px solid rgba(179,138,63,.4);color:#4a3a14;font:500 1.0125rem var(--serif)}
.blog-article p{font-size:1.02rem;line-height:1.85;color:#424a4a;margin:0 0 16px}
.blog-article p strong{color:#1b2022;font-weight:600}
.blog-article .label{margin:20px 0 8px;font-size:0.8425rem;letter-spacing:.1em;text-transform:uppercase;color:var(--b-gold-dd)}
.blog-article .label strong{color:inherit}
.blog-article .fact{padding-left:16px;border-left:2px solid rgba(214,183,122,.7)}
.blog-article a{color:var(--b-gold-dd);text-underline-offset:3px}
.art-intro>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.art-intro>p:first-of-type{font-size:1.14rem;color:#2f3638}
sup.ref{font-size:.68em;line-height:0;margin-left:1px;vertical-align:super}
sup.ref a{text-decoration:none;font-weight:700;padding:0 1px}
sup.ref a:hover{text-decoration:underline}

/* steps (numbered sub-points) */
.step{position:relative;margin:14px 0;padding:18px 20px 6px 72px;background:linear-gradient(180deg,#fffdf7,#faf3e4);border:1px solid var(--b-line);border-radius:14px;box-shadow:0 6px 16px rgba(40,33,22,.04)}
.step-n{position:absolute;left:20px;top:17px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#e2c993,#cfae6b);color:#171a1b;font:600 0.9625rem var(--sans);box-shadow:0 5px 12px rgba(179,138,63,.3)}
.step-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#171a1b}
.step h3{font:500 1.22rem/1.3 var(--serif);color:#14181a;margin:6px 0 10px;letter-spacing:-.01em}

/* check lists */
.checks{list-style:none;margin:6px 0 20px;padding:0;display:grid;gap:9px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:1rem;line-height:1.6;color:#3f4747}
.tick{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:2px;border-radius:50%;background:linear-gradient(180deg,#d9bb7d,#c09a52);color:#fff}
.warn .tick{background:#fff3d6;color:#9a6a17;border:1.5px solid #d6a84a}
.art-sec.warn{padding:22px 22px 6px;background:#fbf1dc;border:1px solid rgba(214,168,74,.45);border-left:4px solid #d6a84a;border-radius:14px}

/* callout */
.callout{display:flex;gap:14px;align-items:flex-start;margin:18px 0;padding:16px 18px;background:#fffaf0;border:1px solid var(--b-line);border-left:3px solid var(--b-gold-d);border-radius:12px;box-shadow:0 6px 16px rgba(40,33,22,.05)}
.callout-i{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#efdcae;color:#6b4d16}
.callout p{margin:0;font-size:1.0425rem;line-height:1.65}

/* tables */
.tbl-wrap{margin:18px 0 24px;overflow-x:auto;border:1px solid var(--b-line);border-radius:14px;background:#fffdf7;box-shadow:0 6px 16px rgba(40,33,22,.05)}
.tbl-wrap table{width:100%;border-collapse:collapse;min-width:460px;font-size:1.0025rem}
.tbl-wrap th,.tbl-wrap td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #eee3cd;line-height:1.5}
.tbl-wrap thead th{background:#171a1b;color:#f2e6c8;font:600 0.8225rem var(--sans);letter-spacing:.1em;text-transform:uppercase}
.tbl-wrap tbody th{font-weight:600;color:#14181a}
.tbl-wrap tbody tr:last-child>*{border-bottom:0}
.tbl-wrap tbody tr:nth-child(even){background:#faf3e3}

/* key takeaway */
.art-sec.bottom{padding:clamp(24px,3.4vw,38px);background:radial-gradient(500px 220px at 100% 0,rgba(214,183,122,.22),transparent 70%),#15191b;border-radius:20px;color:#efe9db;box-shadow:0 22px 48px rgba(17,21,23,.25)}
.bottom .eyebrow{color:var(--b-gold);letter-spacing:.2em;font-size:0.7625rem;margin:0 0 8px}
.blog-article .bottom h2{color:#fbf6ea}
.blog-article .bottom p{color:#e3ddcf;margin:0}
.blog-article .bottom p strong{color:#fff}

/* FAQ */
.faq{padding:clamp(18px,3vw,28px);background:linear-gradient(180deg,#fbf6ea,#f6eedd);border:1px solid var(--b-line);border-radius:18px}
.faq-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.faq-head h2{margin:0}
.faq-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:linear-gradient(180deg,#d9bb7d,#c09a52);color:#fff}
.faq-item{margin:10px 0;background:#fffdf8;border:1px solid var(--b-line);border-radius:14px;overflow:hidden;transition:box-shadow .25s,border-color .25s}
.faq-item[open]{border-color:rgba(179,138,63,.45);box-shadow:0 10px 24px rgba(40,33,22,.08)}
.faq-item summary,.sources summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:15px 18px;font-weight:600;font-size:1.0225rem;line-height:1.45;color:#171a1b}
.faq-item summary::-webkit-details-marker,.sources summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible,.sources summary:focus-visible{outline:2px solid var(--b-gold-dd);outline-offset:-2px}
.faq-q{flex:none;color:var(--b-gold-dd)}
.faq-t{flex:1}
.faq-pm{position:relative;flex:none;width:16px;height:16px;margin-left:auto}
.faq-pm:before,.faq-pm:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:var(--b-gold-dd);transition:transform .25s}
.faq-pm:after{transform:rotate(90deg)}
details[open]>summary .faq-pm:after{transform:rotate(0)}
.faq-a{padding:0 18px 16px 52px}
.faq-a p{margin:0;font-size:1.0325rem;line-height:1.75}

/* sources */
.sources{margin:0 0 26px;border:1px solid var(--b-line);border-radius:14px;background:#fffdf8}
.sources[open] summary{border-bottom:1px solid #eee3cd}
.sources summary{justify-content:space-between;font-size:0.9625rem}
.sources ol{margin:0;padding:14px 20px 16px 40px;font-size:0.9025rem;line-height:1.6;color:#585b57}
.sources li{margin:6px 0;padding-left:4px;scroll-margin-top:calc(var(--hd) + 24px)}
.sources li:target{background:#fbf1dc}
.sources li a{word-break:break-all}

/* author, note, related, CTA */
.art-author{display:flex;gap:18px;align-items:center;margin:0 0 18px;padding:20px;background:linear-gradient(180deg,#fffdf7,#faf3e4);border:1px solid var(--b-line);border-radius:16px}
.art-author img{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--b-gold)}
.art-author .eyebrow{color:var(--b-gold-dd);font-size:0.7225rem;letter-spacing:.18em;margin:0 0 4px}
.blog-article .art-author .name{font:500 1.15rem var(--serif);color:#14181a;margin:0 0 4px}
.blog-article .art-author p:last-child{font-size:0.9625rem;line-height:1.6;margin:0}
.blog-article .art-note{font-size:0.9025rem;line-height:1.6;color:#6a6659;margin:0 0 22px;padding:12px 16px;background:#efe7d7;border-radius:10px;border-left:3px solid var(--b-gold-d)}
.related{margin:0 0 30px}
.related .eyebrow{color:var(--b-gold-dd);font-size:0.7425rem;letter-spacing:.18em;margin:0 0 10px}
.related-list{display:flex;flex-wrap:wrap;gap:10px}
.related-list a,.related-list span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--b-line);background:#fffdf7;color:#2b2e2e;font-size:0.9025rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.related-list a:hover{background:#fff3d4;border-color:rgba(179,138,63,.5);color:var(--b-gold-dd)}
.related-list svg{color:var(--b-gold-d)}
.blog-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:clamp(22px,3vw,32px);background:radial-gradient(420px 200px at 100% 0,rgba(214,183,122,.25),transparent 70%),#15191b;color:#f7f1e5;border-radius:20px}
.blog-article .blog-cta h2{display:block;font-size:clamp(1.3rem,2vw,1.7rem);color:#fbf6ea;margin:0 0 6px}
.blog-article .blog-cta p{color:#d9d4c7;margin:0;font-size:1.0125rem;line-height:1.6;max-width:480px}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-search{flex-basis:260px}}
@media(max-width:1020px){
  .blog-tools{flex-direction:column;align-items:stretch;gap:12px}.blog-search{flex:none}
  .blog-content-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
  .blog-hero-grid{gap:28px}
}
@media(max-width:860px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .blog-hero-grid{grid-template-columns:1fr}
  .bh-img{order:-1;aspect-ratio:16/9;border-radius:18px}
  .blog-back{margin-bottom:16px}
  .blog-content-layout{grid-template-columns:1fr;gap:20px}
  .blog-sidebar{position:static;display:block}
  .toc-card{position:sticky;top:var(--hd);z-index:20;padding:10px 12px;border-radius:14px;margin:0 -2px}
  .toc-h{display:none}
  .toc-links{display:flex;gap:8px;border-left:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 0 4px;scrollbar-width:none}
  .toc-links::-webkit-scrollbar{display:none}
  .toc-links a{flex:none;white-space:nowrap;padding:8px 13px;border:1px solid var(--b-line);border-radius:999px;background:#fffaf0;font-size:0.8625rem}
  .toc-links a:before{display:none}
  .toc-links a.active{background:linear-gradient(180deg,#e2c993,#cfae6b);border-color:transparent;color:#171a1b}
  .side-cta{display:none}
  .blog-article{max-width:none}
}
@media(max-width:640px){
  .blog-index-hero{padding:50px 0 84px}
  .blog-hero-bg:before{background:linear-gradient(180deg,rgba(12,16,17,.55) 0%,rgba(12,16,17,.88) 60%,#0c1011 100%)}
  .blog-hero-bg img{height:100%;right:-18%;top:42%;opacity:.55}
  .blog-tools{margin-top:-36px;padding:12px;border-radius:14px}
  .blog-filters{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 6px;margin:0 -2px;scrollbar-width:none}
  .blog-filters::-webkit-scrollbar{display:none}
  .blog-filters button{flex:none;white-space:nowrap}
  .blog-grid{gap:14px}
  .blog-card h2{font-size:1.12rem}
  .blog-card p{font-size:0.8825rem}
  .blog-card-body{padding:24px 14px 13px}
  .blog-category{left:10px}
  .step{padding:16px 16px 4px 16px}
  .step-n{position:static;margin-bottom:10px}
  .step h3{margin-top:0}
  .faq-a{padding-left:18px}
  .art-author{align-items:flex-start}
  .art-author img{width:56px;height:56px}
  .bh-meta{flex-direction:column;align-items:flex-start}
  .blog-cta{flex-direction:column;align-items:flex-start}
  .art-sec.warn{padding:18px 16px 4px}
}
@media(max-width:520px){
  .blog-grid{grid-template-columns:1fr}
  .blog-card{display:grid;grid-template-columns:38% minmax(0,1fr)}
  .blog-card-image{aspect-ratio:auto;height:100%;min-height:200px}
  .blog-card-body{padding:16px 14px 12px}
  .blog-category{position:static;align-self:flex-start;margin:0 0 9px;box-shadow:none}
  .blog-card h2 a{-webkit-line-clamp:5}
}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image img,.blog-read,.share a,.share button{transition:none}.blog-card:hover{transform:none}}

/* Hero CTA */
.blog-index-hero .hero-cta{margin-top:28px}