/* Stage-only article template. Article body retains ordinary WordPress editor markup. */
body.tradder-article-page .tb-article-shell{box-sizing:border-box;width:min(100% - 40px,1000px);margin:32px auto 76px;font-family:'TRADDER Inter Local',Inter,Arial,sans-serif;color:#1b2926}
body.tradder-article-page .tb-article-shell *{box-sizing:border-box}
body.tradder-article-page .tb-article{max-width:880px;margin:0 auto}
body.tradder-article-page .tb-article-head{margin:0 0 22px}
body.tradder-article-page .tb-article-title{font-size:clamp(27px,3.2vw,40px);line-height:1.19;font-weight:650;letter-spacing:-.025em;margin:0 0 19px;color:#152522}
body.tradder-article-page .tb-article-title span{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;border:2px solid #efa123;border-radius:12px;padding:5px 12px;line-height:1.5}
body.tradder-article-page .tb-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;color:#68756f;font-size:13px}
body.tradder-article-page .tb-article-meta>span{white-space:normal}
body.tradder-article-page .tb-article-category{border:1px solid #efa123;border-radius:7px;padding:4px 9px;color:#2c5134}
body.tradder-article-page .tb-article-featured{margin:0 0 26px}
body.tradder-article-page .tb-article-featured img{display:block;width:100%;height:auto;max-height:490px;object-fit:cover;border-radius:12px}
body.tradder-article-page .tb-article-body{font-size:17px;line-height:1.72;color:#37433f;overflow-wrap:anywhere}
body.tradder-article-page .tb-article-body p{margin:0 0 1.3em}
body.tradder-article-page .tb-article-body h2,body.tradder-article-page .tb-article-body h3,body.tradder-article-page .tb-article-body h4{color:#142724;font-weight:650;line-height:1.35;margin:1.7em 0 .7em;border:0;padding:0;text-decoration:none}
body.tradder-article-page .tb-article-body h2{font-size:1.4em}body.tradder-article-page .tb-article-body h3{font-size:1.18em}
body.tradder-article-page .tb-article-body ul,body.tradder-article-page .tb-article-body ol{padding-left:1.45em;margin:0 0 1.3em}
body.tradder-article-page .tb-article-body li{margin-bottom:.4em}
body.tradder-article-page .tb-article-body img{max-width:100%;height:auto;border-radius:8px}
body.tradder-article-page .tb-article-body a{color:#287e26;text-decoration:underline}
body.tradder-article-page .tb-related{border-top:1px solid #e3e9e5;margin-top:34px;padding-top:22px}
body.tradder-article-page .tb-related-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}
body.tradder-article-page .tb-related-top h2{font-size:21px;line-height:1.35;font-weight:650;margin:0;color:#1a2926}
body.tradder-article-page .tb-related-top>a{font-size:14px;white-space:nowrap;color:#23831e;text-decoration:none}
body.tradder-article-page .tb-related-top>a:hover,body.tradder-article-page .tb-related-top>a:focus-visible{color:#155619;text-decoration:underline}
body.tradder-article-page .tb-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.tradder-article-page .tb-related-card{min-width:0;border:1px solid #e2eae4;border-radius:11px;overflow:hidden;text-decoration:none;background:#fff;color:#1c2d26;transition:box-shadow .15s}
body.tradder-article-page .tb-related-card:hover{color:#1c2d26;box-shadow:0 4px 18px #1d3d2914}
body.tradder-article-page .tb-related-card>img{width:100%;height:135px;object-fit:cover;display:block}
body.tradder-article-page .tb-related-info{position:relative;padding:13px 36px 16px 13px;min-height:99px}
body.tradder-article-page .tb-related-info time{display:block;font-size:12px;color:#7a8881;margin-bottom:7px}
body.tradder-article-page .tb-related-info strong{display:block;font-size:14px;line-height:1.4;font-weight:600;color:#1b2d27}
body.tradder-article-page .tb-related-arrow{position:absolute;bottom:13px;right:13px;color:#2f9c2b}
@media(max-width:767px){body.tradder-article-page .tb-article-shell{width:calc(100% - 32px);margin:23px auto 48px}body.tradder-article-page .tb-article-title{font-size:clamp(25px,6vw,32px)}body.tradder-article-page .tb-article-meta{gap:9px 13px;font-size:12px}body.tradder-article-page .tb-article-featured img{max-height:none}body.tradder-article-page .tb-article-body{font-size:16px;line-height:1.68}body.tradder-article-page .tb-related-top{align-items:center}body.tradder-article-page .tb-related-top h2{font-size:18px}body.tradder-article-page .tb-related-grid{grid-template-columns:1fr;gap:12px}body.tradder-article-page .tb-related-card{display:grid;grid-template-columns:105px minmax(0,1fr)}body.tradder-article-page .tb-related-card>img{width:105px;height:100%;min-height:100px}body.tradder-article-page .tb-related-info{min-height:100px;padding:10px 28px 10px 12px}body.tradder-article-page .tb-related-info strong{font-size:13px}}

/* 0.5.2.51: genuine gap below the actual site header, with no transforms. */
body.tradder-article-page main.tb-article-shell {
  width: min(calc(100% - 40px), 1000px);
  padding-top: 24px !important;
  margin-top: 0 !important;
  position: relative;
  transform: none !important;
}
body.tradder-article-page .tb-article-head { padding-top: 0; }
body.tradder-article-page .tb-article-body > :first-child { margin-top: 0; }
body.tradder-article-page .tb-article-body > :last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  body.tradder-article-page main.tb-article-shell { width: calc(100% - 32px); padding-top: 16px !important; }
}

/* 0.5.2.52: position article below the actual custom site header.
   Observed: custom header bottom=138px, article title top=118px at prior 24px padding. */
body.tradder-article-page main.tb-article-shell { padding-top: 80px !important; }
@media (max-width:767px) { body.tradder-article-page main.tb-article-shell { padding-top: 72px !important; } }

/* 0.5.2.53: align the article's main column to related articles. */
body.tradder-article-page .tb-article {max-width:100%;width:100%;}
/* One continuous border around the full title, including multi-line headings. */
body.tradder-article-page .tb-article-title span {
  display:inline-block;
  box-decoration-break:slice;
  -webkit-box-decoration-break:slice;
  max-width:100%;
  line-height:1.24;
  padding:7px 12px;
  border:1px solid #efa123;
  border-radius:12px;
}
body.tradder-article-page .tb-article-category {border-color:#5cba42;color:#2c6330;}
/* Keep cover-to-body spacing compact. The editor content itself is unaltered. */
body.tradder-article-page .tb-article-featured {margin-bottom:16px;}
body.tradder-article-page .tb-article-body {margin-top:0;padding-top:0;}
body.tradder-article-page .tb-article-body > :first-child {margin-top:0!important;padding-top:0;}
body.tradder-article-page .tb-article-body > p:empty {display:none;}
@media(max-width:767px){
 body.tradder-article-page .tb-article-title span{padding:7px 10px;}
 body.tradder-article-page .tb-article-featured{margin-bottom:14px;}
}

/* 0.5.2.58 mobile refinement: tighter space below header and taller lead image. */
@media(max-width:767px){
 body.tradder-article-page main.tb-article-shell{padding-top:34px!important;}
 body.tradder-article-page .tb-article-featured img{
   width:100%;height:clamp(240px,64vw,365px);max-height:none;object-fit:cover;
 }
}

/* 0.5.2.74: consistent featured-image to article-body spacing. */
body.tradder-article-page .tb-article-featured { margin-bottom: 24px; }
@media (max-width: 767px) {
  body.tradder-article-page .tb-article-featured { margin-bottom: 16px; }
}

/* 0.5.2.103: normalize ordinary Classic Editor body copy, without
   overriding intentional strong/emphasis, headings, or inline editor styles. */
body.tradder-article-page .tb-article-body :is(p, ul, ol, li):not([style]) {
  font-family: inherit; font-size: inherit; font-weight: 400; line-height: inherit;
}
body.tradder-article-page .tb-article-body :is(p, li) > :is(strong, b) {font-weight: 700;}

/* TRADDER 0.5.2.138 — markers only. Retain exactly the typography,
   margins and indents used in 0.5.2.136 on all screen widths. */
body.tradder-article-page .tb-article-body ul:not(.elementor-icon-list-items):not(.elementor-nav-menu):not(.wp-block-social-links):not(.blocks-gallery-grid) {
  list-style-type: disc;
}
body.tradder-article-page .tb-article-body ol:not(.elementor-icon-list-items):not(.elementor-nav-menu) {
  list-style-type: decimal;
}
body.tradder-article-page .tb-article-body ul:not(.elementor-icon-list-items):not(.elementor-nav-menu):not(.wp-block-social-links):not(.blocks-gallery-grid) ul:not(.elementor-icon-list-items):not(.elementor-nav-menu) {
  list-style-type: circle;
}
body.tradder-article-page .tb-article-body ul:not(.elementor-icon-list-items):not(.elementor-nav-menu):not(.wp-block-social-links):not(.blocks-gallery-grid) ul:not(.elementor-icon-list-items):not(.elementor-nav-menu) ul:not(.elementor-icon-list-items):not(.elementor-nav-menu) {
  list-style-type: square;
}
body.tradder-article-page .tb-article-body ol ol:not(.elementor-icon-list-items):not(.elementor-nav-menu) {
  list-style-type: lower-alpha;
}

/* 0.5.2.139: Mobile article typography consistency.
   Keep article headings and editor emphasis distinct. Safari can adjust
   the size of separate blocks differently when list markers are restored;
   normalize body copy and inline editor spans only within article text.
   Do not change desktop typography, header, related cards, or lists outside articles. */
@media (max-width: 767px) {
  body.tradder-article-page .tb-article-body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  body.tradder-article-page .tb-article-body :is(p, ul, ol, li):not(.elementor-icon-list-items):not(.elementor-nav-menu):not(.wp-block-social-links):not(.blocks-gallery-grid) {
    font-family: 'TRADDER Inter Local', Inter, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
  }
  body.tradder-article-page .tb-article-body :is(p, li) :is(span, strong, b, em, i, a, small) {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* TRADDER 0.5.2.150: Desktop/mobile parity for Classic Editor article body.
   Match paragraph and list copy to the article's existing responsive font.
   Do not adjust heading sizes, bold/italic emphasis, margins or list markers.
   Applies to the article content only, not site menus or related cards. */
body.tradder-article-page .tb-article-body
  :is(p, ul, ol, li):not(.elementor-icon-list-items):not(.elementor-nav-menu):not(.wp-block-social-links):not(.blocks-gallery-grid) {
  font-family: 'TRADDER Inter Local', Inter, Arial, sans-serif !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body.tradder-article-page .tb-article-body :is(p, li) :is(span, strong, b, em, i, a) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}