body.sho-article-page{background:#fff}
.sho-article-shell{padding-top:52px}
.admin-bar .sho-article-shell{padding-top:52px}
.sho-article-hero{background:linear-gradient(180deg,#fafafa 0%,#fff 100%);padding:92px 22px 50px}
.sho-article-hero-inner{width:min(920px,100%);margin:auto;text-align:center}
.sho-article-category{display:inline-block;color:var(--sho-accent);font-weight:800;font-size:13px;letter-spacing:.04em;text-decoration:none;margin-bottom:16px}
.sho-article-title{font-size:clamp(40px,7vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0 auto 22px;font-weight:800;max-width:900px}
.sho-article-sub{color:var(--sho-muted);font-size:17px;margin:0 auto 20px}
.sho-article-meta{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;color:#8a8a8f;font-size:13px}
.sho-article-cover{width:min(1080px,calc(100% - 36px));margin:0 auto 58px}
.sho-article-cover img{width:100%;height:auto;display:block;border-radius:28px;max-height:620px;object-fit:cover}
.sho-article-cover-placeholder{min-height:320px;border-radius:28px;background:linear-gradient(135deg,#f5f5f7,#fff1e5);display:flex;align-items:center;justify-content:center;font-size:72px}
.sho-article-layout{width:min(820px,calc(100% - 40px));margin:0 auto}
.sho-article-content{font-size:17px;line-height:1.95;color:#2a2a2c}
.sho-article-content > *:first-child{margin-top:0}
.sho-article-content p{margin:0 0 1.65em}
.sho-article-content .sho-marker{
  display:inline;
  padding:0 .05em;
  font-weight:600;
  background:linear-gradient(transparent 60%,rgba(255,122,0,.28) 60%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.sho-article-content h2{font-size:clamp(30px,4vw,42px);line-height:1.25;letter-spacing:-.025em;margin:2.2em 0 .8em;padding:0;border:0;color:var(--sho-text)}
.sho-article-content h3{font-size:clamp(23px,3vw,30px);line-height:1.35;margin:2em 0 .7em;padding-left:14px;border-left:3px solid var(--sho-accent);color:var(--sho-text)}
.sho-article-content h4{font-size:21px;margin:1.8em 0 .6em;color:var(--sho-text)}
.sho-article-content a{color:#0066cc;text-underline-offset:3px}
.sho-article-content img{max-width:100%;height:auto;border-radius:18px}
.sho-article-content figure{margin:2em 0}
.sho-article-content figcaption{color:var(--sho-muted);font-size:13px;text-align:center;margin-top:8px}
.sho-article-content ul,.sho-article-content ol{margin:1.3em 0 1.7em;padding-left:1.4em}
.sho-article-content li{margin:.45em 0}
.sho-article-content blockquote{margin:2em 0;padding:22px 24px;border-left:4px solid var(--sho-accent);background:#f7f7f8;border-radius:0 16px 16px 0;color:#4c4c50}
.sho-article-content table{width:100%;border-collapse:collapse;margin:2em 0;font-size:15px;overflow:hidden;border-radius:14px}
.sho-article-content th,.sho-article-content td{border:1px solid #e7e7ea;padding:12px 14px;text-align:left}
.sho-article-content th{background:#f5f5f7}
.sho-article-content .wp-block-button__link{border-radius:999px}
.sho-article-author{margin:80px 0 28px;padding:30px;background:#f5f5f7;border-radius:26px;display:grid;grid-template-columns:92px 1fr;gap:22px;align-items:center}
.sho-author-avatar{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe3c2,#fff5e8);font-size:40px}
.sho-author-kicker{color:var(--sho-accent);font-size:12px;font-weight:800;letter-spacing:.06em}.sho-author-name{font-size:23px;font-weight:800;margin:2px 0 5px}.sho-author-text{color:var(--sho-muted);font-size:14px;margin:0}
.sho-related{padding:72px 22px 90px;background:var(--sho-bg);margin-top:70px}
.sho-related-inner{width:min(1080px,100%);margin:auto}.sho-related h2{font-size:clamp(31px,4vw,44px);letter-spacing:-.03em;margin:0 0 28px}.sho-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sho-related-card{display:block;text-decoration:none;color:var(--sho-text);background:#fff;border-radius:20px;overflow:hidden;border:1px solid #ececef}
.sho-related-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.sho-related-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#fff2e5,#f5f5f7);display:flex;align-items:center;justify-content:center;font-size:40px}
.sho-related-body{padding:16px}.sho-related-body small{color:var(--sho-accent);font-weight:800;font-size:12px}.sho-related-body h3{font-size:17px;line-height:1.35;margin:6px 0 0}
.sho-article-footer{padding:42px 20px;text-align:center;color:var(--sho-muted);font-size:13px;background:#fff}
@media(max-width:760px){
  .sho-article-hero{padding:76px 18px 34px}.sho-article-title{font-size:40px}
  .sho-article-cover{width:calc(100% - 24px);margin-bottom:40px}.sho-article-cover img,.sho-article-cover-placeholder{border-radius:20px}
  .sho-article-layout{width:calc(100% - 32px)}.sho-article-content{font-size:16px;line-height:1.9}
  .sho-article-author{grid-template-columns:1fr;text-align:center}.sho-author-avatar{margin:auto}
  .sho-related-grid{grid-template-columns:1fr}
}

/* =========================================================
   SHO HEALTH v5.2 — Smart SANGO boxes
   Re-skins legacy/current SANGO box blocks inside articles.
   ========================================================= */

/* Current Gutenberg simple box */
.sho-article-content .wp-block-sgb-block-simple,
.sho-article-content .sgb-box-simple{
  margin:2em 0 !important;
  border-radius:16px !important;
  overflow:hidden;
  box-shadow:none !important;
  border:1px solid #dbe8f5 !important;
  background:linear-gradient(135deg,#f9fcff 0%,#f4f8fd 100%) !important;
}

.sho-article-content .sgb-box-simple__body{
  padding:24px 26px !important;
  border:0 !important;
  background:transparent !important;
  color:#252527 !important;
  line-height:1.9;
}

.sho-article-content .sgb-box-simple__body > :first-child{margin-top:0 !important}
.sho-article-content .sgb-box-simple__body > :last-child{margin-bottom:0 !important}

.sho-article-content .sgb-box-simple__title{
  padding:12px 20px !important;
  border:0 !important;
  background:transparent !important;
  color:#1d1d1f !important;
  font-weight:800 !important;
  font-size:15px !important;
}

/* Legacy SANGO shortcode boxes */
.sho-article-content .sng-box{
  position:relative;
  margin:2em 0 !important;
  padding:24px 26px !important;
  border:1px solid #dbe8f5 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#f9fcff 0%,#f4f8fd 100%) !important;
  color:#252527 !important;
  box-shadow:none !important;
}

.sho-article-content .sng-box .box-title{
  margin:-4px 0 12px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:#1d1d1f !important;
  font-size:18px !important;
  font-weight:800 !important;
}

.sho-article-content .sng-box .box-title:before,
.sho-article-content .sng-box .box-title:after{
  display:none !important;
}

/* Old numbered SANGO boxes: neutralize saturated fills/borders/shadows */
.sho-article-content [class*="box"][class*="box"]{
  --sho-box-bg:#f7fbff;
}

/* Apply only likely SANGO numbered box classes */
.sho-article-content .box1,.sho-article-content .box2,.sho-article-content .box3,
.sho-article-content .box4,.sho-article-content .box5,.sho-article-content .box6,
.sho-article-content .box7,.sho-article-content .box8,.sho-article-content .box9,
.sho-article-content .box10,.sho-article-content .box11,.sho-article-content .box12,
.sho-article-content .box13,.sho-article-content .box14,.sho-article-content .box15,
.sho-article-content .box16,.sho-article-content .box17,.sho-article-content .box18,
.sho-article-content .box19,.sho-article-content .box20,.sho-article-content .box21,
.sho-article-content .box22,.sho-article-content .box23,.sho-article-content .box24,
.sho-article-content .box25,.sho-article-content .box26,.sho-article-content .box27,
.sho-article-content .box28,.sho-article-content .box29,.sho-article-content .box30,
.sho-article-content .box31{
  margin:2em 0 !important;
  padding:24px 26px !important;
  border:1px solid #dbe8f5 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#f9fcff 0%,#f4f8fd 100%) !important;
  color:#252527 !important;
  box-shadow:none !important;
}

/* Softer lists inside smart boxes */
.sho-article-content .wp-block-sgb-block-simple ul,
.sho-article-content .wp-block-sgb-block-simple ol,
.sho-article-content .sng-box ul,
.sho-article-content .sng-box ol{
  margin:0 !important;
  padding-left:1.25em !important;
}

.sho-article-content .wp-block-sgb-block-simple li,
.sho-article-content .sng-box li{
  margin:.55em 0 !important;
}

/* Blue/white readability reset for text that previously used white inline colors */
.sho-article-content .wp-block-sgb-block-simple p,
.sho-article-content .wp-block-sgb-block-simple li,
.sho-article-content .sng-box p,
.sho-article-content .sng-box li{
  color:#252527;
}

/* When legacy content has inline white text, make it readable on pale background */
.sho-article-content .wp-block-sgb-block-simple [style*="color:#fff"],
.sho-article-content .wp-block-sgb-block-simple [style*="color: #fff"],
.sho-article-content .wp-block-sgb-block-simple [style*="color:#FFF"],
.sho-article-content .sng-box [style*="color:#fff"],
.sho-article-content .sng-box [style*="color: #fff"],
.sho-article-content .sng-box [style*="color:#FFF"]{
  color:#252527 !important;
}

@media(max-width:760px){
  .sho-article-content .wp-block-sgb-block-simple,
  .sho-article-content .sgb-box-simple,
  .sho-article-content .sng-box,
  .sho-article-content .box1,.sho-article-content .box2,.sho-article-content .box3,
  .sho-article-content .box4,.sho-article-content .box5,.sho-article-content .box6,
  .sho-article-content .box7,.sho-article-content .box8,.sho-article-content .box9,
  .sho-article-content .box10,.sho-article-content .box11,.sho-article-content .box12,
  .sho-article-content .box13,.sho-article-content .box14,.sho-article-content .box15,
  .sho-article-content .box16,.sho-article-content .box17,.sho-article-content .box18,
  .sho-article-content .box19,.sho-article-content .box20,.sho-article-content .box21,
  .sho-article-content .box22,.sho-article-content .box23,.sho-article-content .box24,
  .sho-article-content .box25,.sho-article-content .box26,.sho-article-content .box27,
  .sho-article-content .box28,.sho-article-content .box29,.sho-article-content .box30,
  .sho-article-content .box31{
    border-radius:14px !important;
  }
  .sho-article-content .sgb-box-simple__body,
  .sho-article-content .sng-box,
  .sho-article-content .box1,.sho-article-content .box2,.sho-article-content .box3,
  .sho-article-content .box4,.sho-article-content .box5,.sho-article-content .box6,
  .sho-article-content .box7,.sho-article-content .box8,.sho-article-content .box9,
  .sho-article-content .box10,.sho-article-content .box11,.sho-article-content .box12,
  .sho-article-content .box13,.sho-article-content .box14,.sho-article-content .box15,
  .sho-article-content .box16,.sho-article-content .box17,.sho-article-content .box18,
  .sho-article-content .box19,.sho-article-content .box20,.sho-article-content .box21,
  .sho-article-content .box22,.sho-article-content .box23,.sho-article-content .box24,
  .sho-article-content .box25,.sho-article-content .box26,.sho-article-content .box27,
  .sho-article-content .box28,.sho-article-content .box29,.sho-article-content .box30,
  .sho-article-content .box31{
    padding:20px !important;
  }
}