/* Final visual refinements loaded after the Mahana identity layer. */

/* Keep the global header crisp and prevent theme/plugin styles from stretching it. */
.sj-global-header .sj-global-header-in { max-width: none; }
.sj-global-header .sj-global-nav { margin: 0; }
.sj-global-header :where(.sj-global-nav-link,.sj-global-cta,.sj-global-search-toggle,.sj-global-menu-toggle) { text-decoration: none !important; }

/* Article page: quieter hierarchy, better reading width, and less card clutter. */
body.sj-news-single-clean-white #sjNewsSingleClean {
  --sj-wrap: min(1240px, calc(100% - clamp(24px,4vw,56px)));
  --sj-reading: 790px;
}

#sjNewsSingleClean .sjn-progress { top: var(--wp-admin--admin-bar--height,0px); height: 2px; }
#sjNewsSingleClean .sjn-hero {
  padding: clamp(28px,4vw,48px) 0 24px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(17,17,17,.07) !important;
}
#sjNewsSingleClean .sjn-hero .sjn-wrap { display: grid; justify-items: start; }
#sjNewsSingleClean .sjn-breadcrumb { margin-bottom: 14px; font-size: 12px; }
#sjNewsSingleClean .sjn-badges { margin-bottom: 14px; gap: 7px; }
#sjNewsSingleClean .sjn-badge {
  min-height: 31px;
  padding-inline: 11px;
  color: #58585d !important;
  background: #f6f6f8 !important;
  border-color: #e8e8eb !important;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-badge:first-child {
  color: var(--mahana-brand-dark) !important;
  background: var(--mahana-brand-soft) !important;
  border-color: rgba(241,90,36,.18) !important;
}
#sjNewsSingleClean .sjn-title {
  max-width: 920px;
  font-size: clamp(2.05rem,4.15vw,4.25rem);
  line-height: 1.18;
  letter-spacing: -.03em;
}
#sjNewsSingleClean .sjn-lead {
  max-width: 790px;
  margin-top: 15px;
  color: #626267;
  font-size: clamp(1rem,1.25vw,1.16rem);
  font-weight: 750;
  line-height: 1.9;
}

#sjNewsSingleClean .sjn-main { padding: clamp(22px,3vw,36px) 0 clamp(56px,7vw,88px); }
#sjNewsSingleClean .sjn-layout {
  grid-template-columns: minmax(0,1fr) minmax(260px,300px);
  gap: clamp(22px,3vw,38px);
}
#sjNewsSingleClean .sjn-cover {
  margin-bottom: 16px;
  overflow: hidden;
  background: #f5f5f7 !important;
  border: 1px solid #e3e3e6 !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 34px rgba(17,17,17,.07) !important;
}
#sjNewsSingleClean .sjn-cover img { aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
#sjNewsSingleClean .sjn-cover-fallback { min-height: clamp(250px,35vw,500px); background: linear-gradient(135deg,#fff8f3,#f4f4f6); }

#sjNewsSingleClean .sjn-article-card {
  overflow: visible;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#sjNewsSingleClean .sjn-toolbar {
  max-width: var(--sj-reading);
  margin: 0 auto 4px;
  padding: 11px 13px;
  background: #f7f7f8;
  border: 1px solid #e7e7ea;
  border-radius: 14px;
}
#sjNewsSingleClean .sjn-read-meta span {
  min-height: 30px;
  padding-inline: 9px;
  background: transparent;
  border-color: transparent;
  color: #66666b;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-copy {
  min-height: 36px;
  padding-inline: 13px;
  background: #111;
  border-radius: 11px;
  box-shadow: none;
  font-size: 12px;
}
#sjNewsSingleClean .sjn-copy:hover { background: var(--mahana-brand-dark); }

#sjNewsSingleClean .sjn-content {
  width: min(100%,var(--sj-reading));
  margin-inline: auto;
  padding: clamp(28px,4vw,48px) 0 34px;
  color: #252527;
  font-size: clamp(1.03rem,.45vw + .94rem,1.14rem);
  font-weight: 650;
  line-height: 2.05;
}
#sjNewsSingleClean .sjn-content > :first-child { margin-top: 0 !important; }
#sjNewsSingleClean .sjn-content :where(p,ul,ol,blockquote,figure,table,pre,.wp-block-group,.wp-block-columns) { margin-bottom: 1.45em; }
#sjNewsSingleClean .sjn-content :where(h2,h3,h4) { scroll-margin-top: 100px; }
#sjNewsSingleClean .sjn-content h2 {
  position: relative;
  margin-top: 1.75em;
  padding-inline-start: 17px;
  font-size: clamp(1.55rem,2.3vw,2.25rem);
  letter-spacing: -.02em;
}
#sjNewsSingleClean .sjn-content h2::before {
  position: absolute;
  inset-inline-start: 0;
  top: .18em;
  width: 5px;
  height: .9em;
  border-radius: 99px;
  background: var(--mahana-brand);
  content: "";
}
#sjNewsSingleClean .sjn-content h3 { font-size: clamp(1.28rem,1.7vw,1.7rem); }
#sjNewsSingleClean .sjn-content p { text-wrap: pretty; }
#sjNewsSingleClean .sjn-content :where(img,.wp-block-image img) {
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 18px;
}
#sjNewsSingleClean .sjn-content figure { overflow: visible; border-radius: 18px; }
#sjNewsSingleClean .sjn-content figcaption { color: #747479; line-height: 1.65; }
#sjNewsSingleClean .sjn-content blockquote {
  padding: 20px 22px;
  background: #fff8f3;
  border: 0;
  border-inline-start: 4px solid var(--mahana-brand);
  border-radius: 14px;
}
#sjNewsSingleClean .sjn-content :where(.wp-block-embed,.wp-block-video,iframe,video) { max-width: 100%; border-radius: 18px; }
#sjNewsSingleClean .sjn-content .wp-block-table { overflow-x: auto; }
#sjNewsSingleClean .sjn-content table { border-radius: 12px; }

#sjNewsSingleClean .sjn-tax,
#sjNewsSingleClean .sjn-share {
  width: min(100%,var(--sj-reading));
  margin-inline: auto;
  padding-inline: 0;
}
#sjNewsSingleClean .sjn-tax { padding-bottom: 22px; }
#sjNewsSingleClean .sjn-tax a { background: #fff8f3; border-color: rgba(241,90,36,.16); }
#sjNewsSingleClean .sjn-share {
  padding-top: 18px;
  padding-bottom: 0;
  background: #fff;
  border-top-color: #e7e7ea;
}
#sjNewsSingleClean .sjn-share-links :where(a,button) { width: 38px; height: 38px; background: #f7f7f8; border-color: #e7e7ea; }

#sjNewsSingleClean .sjn-sidebar { top: 92px; gap: 12px; }
#sjNewsSingleClean .sjn-side {
  padding: 18px;
  background: #fff !important;
  border: 1px solid #e5e5e8 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
#sjNewsSingleClean .sjn-side.is-dark { background: #111 !important; border-color: #111 !important; }
#sjNewsSingleClean .sjn-side h2 { font-size: 1.05rem; }
#sjNewsSingleClean .sjn-side p { font-size: 13px; line-height: 1.75; }
#sjNewsSingleClean .sjn-btn { min-height: 38px; margin-top: 13px; padding-inline: 14px; border-radius: 11px !important; box-shadow: none; font-size: 12px; }
#sjNewsSingleClean .sjn-related a { grid-template-columns: 66px minmax(0,1fr); }
#sjNewsSingleClean .sjn-related-thumb { width: 66px; aspect-ratio: 4 / 3; border-radius: 11px; }
#sjNewsSingleClean .sjn-related strong { font-size: 13px; }

#sjNewsSingleClean .sjn-post-nav { max-width: calc(var(--sj-reading) + 2px); margin-inline: auto; }
#sjNewsSingleClean .sjn-post-nav a {
  min-height: 62px;
  padding: 13px 15px;
  background: #f7f7f8;
  border-color: #e7e7ea;
  border-radius: 14px;
  box-shadow: none;
}

@media (max-width: 1080px) {
  #sjNewsSingleClean .sjn-layout { grid-template-columns: 1fr; }
  #sjNewsSingleClean .sjn-sidebar { position: static; grid-template-columns: repeat(3,minmax(0,1fr)); }
  #sjNewsSingleClean .sjn-sidebar .sjn-side:last-child { grid-column: auto; }
}

@media (max-width: 760px) {
  body.sj-news-single-clean-white #sjNewsSingleClean { --sj-wrap: min(100% - 22px,1240px); }
  #sjNewsSingleClean .sjn-title { font-size: clamp(1.9rem,8.2vw,3rem); line-height: 1.3; }
  #sjNewsSingleClean .sjn-cover { border-radius: 18px !important; }
  #sjNewsSingleClean .sjn-cover img { aspect-ratio: 16 / 10; }
  #sjNewsSingleClean .sjn-toolbar { align-items: stretch; margin-inline: 0; }
  #sjNewsSingleClean .sjn-content { padding-inline: 4px; }
  #sjNewsSingleClean .sjn-tax,
  #sjNewsSingleClean .sjn-share { padding-inline: 4px; }
  #sjNewsSingleClean .sjn-sidebar { grid-template-columns: 1fr; }
  #sjNewsSingleClean .sjn-sidebar .sjn-side:last-child { grid-column: auto; }
}

@media (max-width: 430px) {
  body.sj-news-single-clean-white #sjNewsSingleClean { --sj-wrap: min(100% - 16px,1240px); }
  #sjNewsSingleClean .sjn-content { padding-inline: 2px; font-size: 1rem; }
  #sjNewsSingleClean .sjn-read-meta { gap: 2px; }
  #sjNewsSingleClean .sjn-read-meta span { padding-inline: 5px; }
}