/* 97 Smiles blog: index (templates/index.php) and article (templates/post.php).
   Everything is scoped to .smb so the Elementor header/footer and theme styles are untouched;
   doubled selectors outrank the Hello Elementor resets. */

.smb{
  --smb-navy:#032855;
  --smb-navy-700:#021d3e;
  --smb-gold:#d9a721;
  --smb-gold-600:#b88a18;
  --smb-gold-100:#faf0d4;
  --smb-cream:#f9f5f0;
  --smb-ink:#2b3a4f;
  --smb-muted:#5d6b7c;
  --smb-line:#e8e1d6;
  --smb-white:#ffffff;
  --smb-display:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  --smb-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  display:block;overflow-x:clip;background:var(--smb-white);
  font-family:var(--smb-body);color:var(--smb-ink);-webkit-font-smoothing:antialiased;
}
.smb *,.smb *::before,.smb *::after{box-sizing:border-box;}
.smb.smb a{color:inherit;text-decoration:none;}
.smb img{max-width:100%;height:auto;}
.smb button{font-family:inherit;}

.smb-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(16px,3vw,32px);}

/* ---------- shared bits ---------- */
.smb .smb-kicker{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;
  font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--smb-gold-600);
}
.smb .smb-kicker::before{content:"";width:28px;height:2px;background:var(--smb-gold);}
.smb .smb-kicker--light{color:var(--smb-gold);}

.smb .smb-pill{
  display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;
  background:var(--smb-gold-100);color:#8a6710;
  font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  transition:background .2s ease,color .2s ease;
}
.smb.smb a.smb-pill:hover{background:var(--smb-gold);color:var(--smb-navy);}
.smb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;font-weight:500;color:var(--smb-muted);}
.smb-dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55;}

.smb .smb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:8px;
  font-size:15px;font-weight:700;letter-spacing:.02em;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.smb .smb-btn:hover{transform:translateY(-2px);}
.smb .smb-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.smb.smb .smb-btn--gold{background:var(--smb-gold);color:var(--smb-navy);}
.smb.smb .smb-btn--gold:hover{background:#e6b83a;}
.smb.smb .smb-btn--navy{background:var(--smb-navy);color:var(--smb-white);}
.smb.smb .smb-btn--navy:hover{background:var(--smb-gold);color:var(--smb-navy);}
.smb.smb .smb-btn--ghost{border:1.5px solid rgba(255,255,255,.35);color:var(--smb-white);}
.smb.smb .smb-btn--ghost:hover{border-color:var(--smb-gold);color:var(--smb-gold);}

/* ---------- index: hero ---------- */
.smb{--smb-head-gap:clamp(118px,11vw,160px);} /* the site header floats over the top of the page */
.smb-hero,.smb-post__head{position:relative;overflow:hidden;background:var(--smb-navy);color:var(--smb-white);}
.smb-hero::before,.smb-post__head::before{
  content:"";position:absolute;right:-140px;bottom:-220px;width:520px;height:520px;border-radius:50%;
  border:70px solid rgba(217,167,33,.09);pointer-events:none;
}
.smb-hero > .smb-wrap,.smb-post__head > .smb-wrap{position:relative;}
.smb-hero{padding:var(--smb-head-gap) 0 clamp(44px,5vw,76px);}
.smb .smb-hero h1{
  margin:0 0 14px;font-family:var(--smb-display);font-size:clamp(46px,6.4vw,92px);line-height:.95;font-weight:400;letter-spacing:.01em;
  color:var(--smb-white);text-transform:uppercase;
}
.smb .smb-hero h1 em,.smb .smb-related__head h2 em,.smb .smb-cta h2 em{font-style:normal;color:var(--smb-gold);}
.smb .smb-hero__lead{max-width:640px;margin:0 0 30px;font-size:clamp(15.5px,1.2vw,19px);line-height:1.7;color:rgba(255,255,255,.78);}
.smb .smb-hero .smb-kicker,.smb .smb-post__head .smb-kicker{color:var(--smb-gold);}

.smb-tools{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;}
.smb-search{position:relative;flex:1 1 300px;max-width:440px;margin:0;}
.smb .smb-search svg{
  position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;
  fill:none;stroke:var(--smb-muted);stroke-width:2.2;stroke-linecap:round;pointer-events:none;
}
.smb.smb .smb-search input{
  width:100%;height:52px;margin:0;padding:0 112px 0 48px;border:1.5px solid transparent;border-radius:999px;background:var(--smb-white);
  font-family:inherit;font-size:15px;color:var(--smb-navy);box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease;
}
.smb.smb .smb-search input:focus{outline:none;border-color:var(--smb-gold);box-shadow:0 0 0 3px rgba(217,167,33,.22);}
.smb.smb .smb-search input::-webkit-search-cancel-button{display:none;}
.smb.smb .smb-search button{
  position:absolute;right:6px;top:6px;height:40px;margin:0;padding:0 20px;border:0;border-radius:999px;
  background:var(--smb-navy);font-size:14px;font-weight:700;line-height:1;color:var(--smb-white);cursor:pointer;transition:background .2s ease,color .2s ease;
}
.smb.smb .smb-search button:hover,.smb.smb .smb-search button:focus-visible{background:var(--smb-gold);color:var(--smb-navy);outline:none;}
.smb-chips{display:flex;flex-wrap:wrap;gap:8px;}
.smb.smb .smb-chip{
  display:inline-flex;align-items:center;height:42px;padding:0 18px;border:1.5px solid rgba(255,255,255,.3);border-radius:999px;background:transparent;
  font-size:14px;font-weight:600;color:var(--smb-white);cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.smb.smb .smb-chip:hover{border-color:var(--smb-gold);color:var(--smb-gold);background:transparent;}
.smb.smb .smb-chip.is-active{background:var(--smb-gold);border-color:var(--smb-gold);color:var(--smb-navy);}
.smb.smb .smb-chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(217,167,33,.35);}

/* ---------- index: featured + grid ---------- */
.smb-list{padding:clamp(36px,4vw,60px) 0 clamp(64px,7vw,110px);}

.smb-feature{
  position:relative;display:grid;grid-template-columns:1.12fr 1fr;overflow:hidden;
  margin-bottom:clamp(26px,3vw,44px);border-radius:24px;background:var(--smb-navy);color:var(--smb-white);
  box-shadow:0 26px 64px rgba(3,40,85,.22);
}
.smb-feature__img{position:relative;min-height:400px;overflow:hidden;background:var(--smb-navy-700);}
.smb .smb-feature__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.smb-feature:hover .smb-feature__img img{transform:scale(1.04);}
.smb-feature__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,40,85,0) 60%,rgba(3,40,85,.4) 100%);}
.smb-feature__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,3.6vw,60px);}
.smb-feature__tags{display:flex;flex-wrap:wrap;gap:8px;}
.smb-flag{
  display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--smb-gold);color:var(--smb-navy);
  font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.smb .smb-feature .smb-pill{background:rgba(255,255,255,.12);color:var(--smb-white);}
.smb .smb-feature h2{
  margin:18px 0 14px;font-family:var(--smb-display);font-size:clamp(32px,3.4vw,52px);line-height:1;font-weight:400;letter-spacing:.01em;
  color:var(--smb-white);
}
.smb-feature h2 a::after{content:"";position:absolute;inset:0;z-index:1;}
.smb .smb-feature p{margin:0 0 22px;font-size:clamp(15px,1.12vw,17.5px);line-height:1.7;color:rgba(255,255,255,.8);}
.smb .smb-feature .smb-meta{color:rgba(255,255,255,.72);}
.smb-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:26px;font-size:15px;font-weight:700;color:var(--smb-gold);}
.smb .smb-readmore svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;}
.smb-feature:hover .smb-readmore svg{transform:translateX(5px);}

.smb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,30px);}
.smb-card{
  position:relative;display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--smb-line);border-radius:20px;background:var(--smb-white);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.smb-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 24px 50px rgba(3,40,85,.14);}
.smb-card__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--smb-cream);}
.smb .smb-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.smb-card:hover .smb-card__img img{transform:scale(1.05);}
.smb-noimg{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--smb-navy) 0%,#0b3d78 100%);
  font-family:var(--smb-display);font-size:72px;color:var(--smb-gold);
}
.smb-card__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:22px 24px 24px;}
.smb .smb-card h3{
  margin:14px 0 10px;font-family:var(--smb-body);font-size:clamp(18px,1.4vw,21px);line-height:1.3;font-weight:700;letter-spacing:0;
  color:var(--smb-navy);text-transform:none;
}
.smb-card h3 a{transition:color .2s ease;}
.smb-card h3 a::after{content:"";position:absolute;inset:0;z-index:1;}
.smb.smb .smb-card:hover h3 a{color:var(--smb-gold-600);}
.smb .smb-card p{
  margin:0 0 20px;font-size:14.5px;line-height:1.65;color:var(--smb-muted);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.smb-card .smb-meta{margin-top:auto;}

.smb-results{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;
  margin-bottom:clamp(20px,2.4vw,32px);padding:16px 22px;border-radius:14px;background:var(--smb-cream);
}
.smb .smb-results p{margin:0;font-size:15.5px;color:var(--smb-ink);}
.smb-results b{color:var(--smb-navy);}
.smb.smb .smb-results a{font-size:14px;font-weight:700;color:var(--smb-gold-600);}
.smb.smb .smb-results a:hover{color:var(--smb-navy);}
.smb.smb .smb-empty a{font-weight:600;color:var(--smb-navy);box-shadow:inset 0 -2px 0 var(--smb-gold);}

/* page numbers */
.smb-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:clamp(36px,4vw,56px);}
.smb .smb-pagination ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
.smb .smb-pagination li{margin:0;}
.smb.smb .smb-pagination a,.smb .smb-pagination li span{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:46px;padding:0 14px;
  border:1.5px solid var(--smb-line);border-radius:10px;background:var(--smb-white);
  font-size:15px;font-weight:700;color:var(--smb-navy);transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.smb.smb .smb-pagination a:hover{border-color:var(--smb-gold);color:var(--smb-gold-600);}
.smb .smb-pagination [aria-current]{border-color:var(--smb-navy);background:var(--smb-navy);color:var(--smb-white);}
.smb .smb-pagination li .smb-pagination__gap{min-width:24px;padding:0;border:0;background:none;color:var(--smb-muted);}
.smb.smb .smb-pagination__step{padding:0 18px;}
#articles{scroll-margin-top:24px;}

.smb-empty{padding:40px 24px;border:1.5px dashed var(--smb-line);border-radius:18px;text-align:center;color:var(--smb-muted);}
.smb .smb-empty p{margin:0;font-size:16px;}
.smb-empty b{color:var(--smb-navy);}

/* ---------- article ---------- */
.smb-progress{position:fixed;left:0;right:0;top:0;z-index:99989;height:3px;pointer-events:none;}
.smb-progress b{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--smb-gold,#d9a721),#f0cf6b);}
.admin-bar .smb-progress{top:32px;}

.smb-post__head{padding:var(--smb-head-gap) 0 clamp(40px,4.4vw,64px);}
.smb-post__head:has(+ .smb-post__hero){padding-bottom:clamp(120px,14vw,220px);}
.smb .smb-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none;font-size:13px;color:rgba(255,255,255,.65);}
.smb .smb-crumbs li{display:flex;align-items:center;gap:6px;min-width:0;margin:0;}
.smb-crumbs li + li::before{content:"/";opacity:.45;}
.smb.smb .smb-crumbs a:hover{color:var(--smb-gold);}
.smb-crumbs [aria-current]{color:var(--smb-white);font-weight:600;}
.smb.smb .smb-post__head a.smb-pill{background:var(--smb-gold);color:var(--smb-navy);}
.smb.smb .smb-post__head a.smb-pill:hover{background:var(--smb-white);}
.smb .smb-post h1{
  max-width:980px;margin:18px 0 16px;font-family:var(--smb-display);font-size:clamp(42px,5.4vw,80px);line-height:.98;font-weight:400;letter-spacing:.01em;
  color:var(--smb-white);text-transform:uppercase;
}
.smb .smb-post__lead{max-width:780px;margin:0 0 28px;font-size:clamp(17px,1.4vw,21px);line-height:1.6;color:rgba(255,255,255,.78);}
.smb-byline{display:flex;align-items:center;gap:14px;}
.smb-avatar{
  flex:none;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;
  background:var(--smb-gold);color:var(--smb-navy);
  font-family:var(--smb-display);font-size:24px;line-height:1;padding-top:2px;box-shadow:0 0 0 3px var(--smb-navy),0 0 0 4px rgba(217,167,33,.6);
}
.smb-byline b{display:block;margin-bottom:2px;font-size:15px;color:var(--smb-white);}
.smb .smb-byline .smb-meta{color:rgba(255,255,255,.7);}

.smb .smb-post__hero{position:relative;z-index:1;margin:calc(-1 * clamp(96px,12vw,190px)) 0 0;padding:0;}
.smb .smb-post__hero img{
  display:block;width:100%;aspect-ratio:21/9;object-fit:cover;object-position:center 35%;border-radius:24px;
  box-shadow:0 24px 60px rgba(3,40,85,.14);
}

.smb-post__layout{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(36px,5vw,84px);align-items:start;
  padding-top:clamp(36px,4vw,64px);padding-bottom:clamp(48px,5vw,80px);
}
.smb-post__main{min-width:0;max-width:780px;}
.smb-post__aside{position:sticky;top:32px;}
.admin-bar .smb-post__aside{top:64px;}

.smb-toc{padding:24px;border:1px solid var(--smb-line);border-radius:20px;background:var(--smb-white);box-shadow:0 14px 36px rgba(3,40,85,.07);}
.smb .smb-toc__title{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--smb-gold-600);}
.smb .smb-toc ol{display:grid;max-height:calc(100vh - 290px);overflow-y:auto;margin:0;padding:0;list-style:none;}
.smb .smb-toc li{margin:0;}
.smb.smb .smb-toc nav a{
  display:block;padding:7px 0 7px 14px;border-left:2px solid var(--smb-line);
  font-size:14px;line-height:1.4;color:var(--smb-muted);transition:color .2s ease,border-color .2s ease;
}
.smb.smb .smb-toc nav a:hover{color:var(--smb-navy);}
.smb.smb .smb-toc nav a.is-active{border-left-color:var(--smb-gold);font-weight:600;color:var(--smb-navy);}
.smb-toc__actions{display:grid;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--smb-line);}
.smb-toc > .smb-toc__actions:first-child{margin-top:0;padding-top:0;border-top:0;}
.smb.smb .smb-toc__cta{
  display:flex;align-items:center;justify-content:center;height:48px;padding:0 14px;border-radius:8px;
  background:var(--smb-gold);color:var(--smb-navy);font-size:14.5px;font-weight:700;text-align:center;
  transition:background .2s ease,transform .2s ease;
}
.smb.smb .smb-toc__cta:hover{background:var(--smb-navy);color:var(--smb-white);transform:translateY(-1px);}
.smb.smb .smb-copy{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0;padding:0 16px;
  border:1.5px solid var(--smb-line);border-radius:8px;background:var(--smb-white);
  font-size:14px;font-weight:600;line-height:1;color:var(--smb-navy);cursor:pointer;transition:border-color .2s ease,color .2s ease;
}
.smb.smb .smb-copy:hover{border-color:var(--smb-navy);background:var(--smb-white);color:var(--smb-navy);}
.smb.smb .smb-copy.is-copied{border-color:#2e9e5b;color:#2e7d4f;}
.smb .smb-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}

.smb-toc-mobile{display:none;margin-bottom:30px;border:1px solid var(--smb-line);border-radius:16px;background:var(--smb-cream);}
.smb-toc-mobile summary{
  display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;list-style:none;
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smb-navy);
}
.smb-toc-mobile summary::-webkit-details-marker{display:none;}
.smb-toc-mobile summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--smb-gold);border-bottom:2px solid var(--smb-gold);transform:rotate(45deg) translateY(-3px);transition:transform .25s ease;}
.smb-toc-mobile[open] summary::after{transform:rotate(-135deg) translateY(-3px);}
.smb .smb-toc-mobile ol{display:grid;gap:2px;margin:0;padding:0 20px 16px;list-style:none;}
.smb .smb-toc-mobile li{margin:0;}
.smb.smb .smb-toc-mobile a{display:block;padding:8px 0;font-size:15px;line-height:1.4;color:var(--smb-navy);border-top:1px solid var(--smb-line);}

/* article body (block editor output) */
.smb-prose{font-size:clamp(16.5px,1.15vw,18px);line-height:1.8;color:var(--smb-ink);}
.smb .smb-prose p{margin:0 0 1.25em;}
.smb .smb-prose > p:first-child{font-size:1.08em;color:var(--smb-navy);}
.smb .smb-prose h2{
  margin:1.9em 0 .55em;scroll-margin-top:24px;font-family:var(--smb-display);font-size:clamp(32px,3vw,44px);line-height:1.02;font-weight:400;letter-spacing:.01em;
  color:var(--smb-navy);text-transform:uppercase;
}
.smb .smb-prose > h2:first-child{margin-top:0;}
.smb .smb-prose h3{margin:1.6em 0 .45em;font-family:var(--smb-body);font-size:clamp(19px,1.5vw,22px);line-height:1.35;font-weight:700;letter-spacing:0;color:var(--smb-navy);text-transform:none;}
.smb .smb-prose h4{margin:1.4em 0 .4em;font-family:var(--smb-body);font-size:18px;font-weight:700;color:var(--smb-navy);}
.smb .smb-prose h2 strong,.smb .smb-prose h3 strong{font-weight:inherit;color:inherit;}
.smb.smb .smb-prose a{font-weight:600;color:var(--smb-navy);box-shadow:inset 0 -2px 0 var(--smb-gold);transition:color .2s ease,box-shadow .2s ease;}
.smb.smb .smb-prose a:hover{color:var(--smb-gold-600);box-shadow:inset 0 -2px 0 var(--smb-gold-600);}
.smb .smb-prose strong,.smb .smb-prose b{font-weight:700;color:var(--smb-navy);}
.smb .smb-prose ul,.smb .smb-prose ol{display:grid;gap:.55em;margin:0 0 1.5em;padding:0;list-style:none;}
.smb .smb-prose li{margin:0;}
.smb-prose ul > li{position:relative;padding-left:28px;}
.smb-prose ul > li::before{content:"";position:absolute;left:5px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--smb-gold);}
.smb-prose ol{counter-reset:smb;}
.smb-prose ol > li{position:relative;padding-left:42px;counter-increment:smb;}
.smb-prose ol > li::before{
  content:counter(smb);position:absolute;left:0;top:.18em;display:flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:50%;background:var(--smb-navy);color:var(--smb-gold);font-size:13px;font-weight:700;line-height:1;
}
.smb .smb-prose li > ul,.smb .smb-prose li > ol{margin:.55em 0 0;}

.smb .smb-prose img{display:block;max-width:100%;height:auto;border-radius:18px;}
.smb .smb-prose figure{margin:1.8em 0;}
.smb .smb-prose figure.wp-block-image img{box-shadow:0 16px 40px rgba(3,40,85,.12);}
.smb .smb-prose figcaption{margin-top:10px;font-size:14px;color:var(--smb-muted);text-align:center;}
.smb .smb-prose blockquote{margin:1.8em 0;padding:.4em 0 .4em 1.4em;border-left:4px solid var(--smb-gold);font-size:1.08em;font-style:italic;color:var(--smb-navy);}
.smb .smb-prose blockquote p:last-child{margin-bottom:0;}
.smb .smb-prose hr{margin:2.4em 0;border:0;border-top:1px solid var(--smb-line);}

/* tables (core/table block) */
.smb .smb-prose .wp-block-table{margin:1.6em 0 2em;overflow-x:auto;border:1px solid var(--smb-line);border-radius:16px;}
.smb .smb-prose table{width:100%;margin:0;border:0;border-collapse:collapse;font-size:15px;line-height:1.5;}
.smb .smb-prose table:has(tr > :nth-child(4)){min-width:620px;}
.smb .smb-prose th,.smb .smb-prose td{padding:14px 18px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--smb-line);background:none;}
.smb .smb-prose thead th,.smb .smb-prose thead td{background:var(--smb-navy);font-size:14px;font-weight:700;color:var(--smb-white);}
.smb .smb-prose thead strong{color:inherit;}
.smb .smb-prose tbody tr:nth-child(even) td{background:var(--smb-cream);}
.smb .smb-prose tbody td:first-child{font-weight:600;color:var(--smb-navy);}
.smb .smb-prose tbody tr:last-child td{border-bottom:0;}
.smb .smb-prose .wp-block-table figcaption{margin:0;padding:10px 18px;border-top:1px solid var(--smb-line);}

/* buttons block */
.smb .smb-prose .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:1.6em 0;}
.smb.smb .smb-prose .wp-block-button__link{
  display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border-radius:8px;box-shadow:none;
  background:var(--smb-gold);font-size:15px;font-weight:700;color:var(--smb-navy);text-decoration:none;
}
.smb.smb .smb-prose .wp-block-button__link:hover{background:var(--smb-navy);color:var(--smb-white);}

/* FAQ (built from the post's "Frequently Asked Questions" section) */
.smb-faq{margin:clamp(40px,4vw,60px) 0;padding-top:clamp(30px,3vw,44px);border-top:1px solid var(--smb-line);}
.smb .smb-faq h2{margin-top:0;}
.smb-faq__intro{margin-bottom:10px;}
.smb-faq details{margin-bottom:12px;border:1px solid var(--smb-line);border-radius:16px;background:var(--smb-white);transition:border-color .2s ease,box-shadow .2s ease;}
.smb-faq details[open]{border-color:rgba(217,167,33,.6);box-shadow:0 14px 32px rgba(3,40,85,.08);}
.smb-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;
  font-size:16.5px;font-weight:700;line-height:1.4;color:var(--smb-navy);
}
.smb-faq summary::-webkit-details-marker{display:none;}
.smb-faq summary::after{
  content:"+";flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:var(--smb-cream);color:var(--smb-gold-600);font-size:21px;font-weight:600;line-height:1;transition:transform .25s ease,background .25s ease,color .25s ease;
}
.smb-faq details[open] summary::after{transform:rotate(45deg);background:var(--smb-gold);color:var(--smb-navy);}
.smb-faq__a{padding:0 22px 6px;font-size:15.5px;line-height:1.75;}
.smb .smb-faq__a p{margin:0 0 14px;}

.smb-endbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;
  margin-top:40px;padding:20px 24px;border-radius:18px;background:var(--smb-cream);
}
.smb .smb-endbar p{margin:0;font-size:15.5px;font-weight:600;color:var(--smb-navy);}

/* previous / next */
.smb-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:clamp(48px,5vw,76px);}
.smb.smb .smb-pager a{
  display:block;padding:22px 26px;border:1px solid var(--smb-line);border-radius:18px;background:var(--smb-white);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.smb.smb .smb-pager a:hover{border-color:var(--smb-gold);box-shadow:0 16px 36px rgba(3,40,85,.1);transform:translateY(-2px);}
.smb-pager span{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--smb-gold-600);}
.smb-pager b{display:block;margin-top:8px;font-size:17px;line-height:1.35;color:var(--smb-navy);}
.smb-pager__next{grid-column:2;text-align:right;}

/* keep reading */
.smb-related{padding:clamp(56px,6vw,96px) 0;background:var(--smb-cream);}
.smb-related__head{margin:0 auto clamp(28px,3vw,46px);text-align:center;}
.smb .smb-related__head h2{
  margin:0;font-family:var(--smb-display);font-size:clamp(40px,4.4vw,64px);line-height:1;font-weight:400;letter-spacing:.01em;
  color:var(--smb-navy);text-transform:uppercase;
}
.smb-related__all{display:flex;justify-content:center;margin-top:clamp(28px,3vw,44px);}

/* closing call to action */
.smb-cta{position:relative;overflow:hidden;padding:clamp(56px,6vw,96px) 0;background:var(--smb-navy);color:var(--smb-white);}
.smb-cta::before{
  content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;
  border:60px solid rgba(217,167,33,.1);pointer-events:none;
}
.smb-cta__inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;}
.smb-cta__inner > div:first-child{max-width:640px;}
.smb .smb-cta h2{
  margin:0 0 12px;font-family:var(--smb-display);font-size:clamp(40px,4.6vw,68px);line-height:1;font-weight:400;letter-spacing:.01em;
  color:var(--smb-white);text-transform:uppercase;
}
.smb .smb-cta p{margin:0;font-size:clamp(15.5px,1.2vw,18px);line-height:1.7;color:rgba(255,255,255,.78);}
.smb-cta__actions{display:flex;flex-wrap:wrap;gap:12px;}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .smb-post__layout{grid-template-columns:1fr;}
  .smb-post__aside{display:none;}
  .smb-toc-mobile{display:block;}
  .smb-post__main{max-width:none;}
}
@media (max-width:960px){
  .smb-grid{grid-template-columns:repeat(2,1fr);}
  .smb-feature{grid-template-columns:1fr;}
  .smb-feature__img{min-height:0;aspect-ratio:16/9;}
  .smb-feature__img::after{display:none;}
}
@media (max-width:640px){
  .smb-wrap{padding-left:16px;padding-right:16px;}
  .smb-grid{grid-template-columns:1fr;}
  .smb-search{flex-basis:100%;max-width:none;}
  .smb-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;}
  .smb-chips::-webkit-scrollbar{display:none;}
  .smb.smb .smb-chip{flex:none;}
  .smb.smb .smb-pagination__step span{display:none;}
  .smb .smb-post__hero img{aspect-ratio:16/10;border-radius:18px;}
  .smb .smb-crumbs li[aria-current]{display:none;}
  .smb-pager{grid-template-columns:1fr;}
  .smb-pager__next{grid-column:auto;text-align:left;}
  .smb.smb .smb-endbar .smb-copy{width:100%;}
  .smb-cta__actions,.smb-cta__actions .smb-btn{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .smb-card,.smb-card__img img,.smb-feature__img img,.smb-pager a,.smb-btn{transition:none;}
}
