/* =========================================================
   NEWS DETAIL
========================================================= */

:root {
  
  
  

  
  

  
  

  

  --container: 1280px;
  --article-width: 820px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;

  --shadow-card:
    0 10px 35px color-mix(in srgb,var(--bs-charcoal) 8%,transparent);
}


/* =========================================================
   RESET
========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family:
    Inter,
    "Helvetica Neue",
    Arial,
    sans-serif;
  color: var(--bs-text);
  background: var(--bs-white);
  -webkit-font-smoothing: antialiased;
}

img,
video {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}


/* =========================================================
   GLOBAL
========================================================= */

.container {
  width: min(
    calc(100% - 48px),
    var(--container)
  );

  margin-inline: auto;
}


.site-header__placeholder,
.site-footer__placeholder {
  display: grid;
  place-items: center;
  min-height: 80px;

  background: var(--bs-white);
  border-bottom: 1px solid var(--bs-border);

  color: var(--bs-charcoal);
}


/* =========================================================
   BREADCRUMB
========================================================= */

.breadcrumb {
  padding: 15px 0;
  border-bottom: 1px solid var(--bs-border);

  font-size: 13px;
  color: var(--bs-charcoal);
}

.breadcrumb .container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.breadcrumb a:hover {
  color: var(--bs-teal);
}


/* =========================================================
   HERO
========================================================= */

.news-hero {
  padding: 28px 0 38px;
  border-bottom: 1px solid var(--bs-border);
}

.news-hero__grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(460px, 0.95fr);

  gap: 60px;
  align-items: center;
}

.news-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;

  margin-bottom: 18px;
}

.news-tag {
  display: inline-flex;
  align-items: center;

  padding: 7px 12px;

  border-radius: 999px;

  background: var(--bs-bg-soft);

  color: var(--bs-teal);

  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.news-tag--primary {
  background: var(--bs-teal);
  color: var(--bs-white);
}

.news-title {
  max-width: 700px;

  margin: 0;

  font-size: clamp(38px, 4vw, 56px);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.news-summary {
  max-width: 680px;

  margin: 22px 0 0;

  color: var(--bs-text-secondary);

  font-size: 17px;
  line-height: 1.7;
}

.news-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 24px;

  margin-top: 26px;

  color: var(--bs-charcoal);
  font-size: 13px;
}

.news-meta__item {
  display: flex;
  align-items: center;
  gap: 7px;
}

.news-meta__icon {
  color: var(--bs-teal);
}

.news-hero__media {
  margin: 0;
  overflow: hidden;

  border-radius: var(--radius-md);

  aspect-ratio: 16 / 10;

  background: var(--bs-charcoal);
}

.news-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.news-main {
  padding: 48px 0 64px;
}

.news-main__grid {
  display: grid;

  grid-template-columns:
    minmax(0, 820px)
    minmax(260px, 310px);

  justify-content: space-between;

  gap: 72px;
}

.article-content {
  min-width: 0;
}


/* =========================================================
   ARTICLE TYPOGRAPHY
========================================================= */

.article-content p {
  margin: 0 0 18px;

  color: var(--bs-charcoal);

  font-size: 16px;
  line-height: 1.82;
}

.article-intro {
  margin-bottom: 32px;
}

.article-section {
  scroll-margin-top: 110px;

  margin-top: 42px;
}

.article-section h2 {
  margin: 0 0 10px;

  color: var(--bs-text);

  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.article-section h3 {
  margin: 30px 0 10px;

  font-size: 21px;
}

.article-image {
  margin: 28px 0 0;
}

.article-image img {
  width: 100%;

  border-radius: var(--radius-md);
}

.article-image figcaption {
  margin-top: 9px;

  color: var(--bs-charcoal);

  font-size: 12px;
  line-height: 1.5;
}


/* =========================================================
   INFO CARD
========================================================= */

.info-card {
  scroll-margin-top: 110px;

  margin: 34px 0 44px;
  padding: 26px 30px;

  border: 1px solid var(--bs-text-muted);
  border-radius: var(--radius-md);

  background:
    linear-gradient(
      135deg,
      var(--bs-white) 0%,
      var(--bs-bg-soft) 100%
    );
}

.info-card__heading {
  display: flex;
  align-items: center;

  gap: 11px;

  margin-bottom: 22px;
}

.info-card__heading h2 {
  margin: 0;

  color: var(--bs-teal);

  font-size: 24px;
}

.info-card__icon {
  display: grid;
  place-items: center;

  width: 34px;
  height: 34px;

  border-radius: 8px;

  background: var(--bs-bg-soft);

  color: var(--bs-teal);
}

.info-card__rows {
  display: grid;
  gap: 13px;
}

.info-row {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 20px;

  align-items: start;
}

.info-row__label {
  color: var(--bs-charcoal);
  font-weight: 650;
  font-size: 14px;
}

.info-row__value {
  color: var(--bs-charcoal);
  font-size: 14px;
  line-height: 1.55;
}


/* =========================================================
   VIDEO
========================================================= */

.article-video {
  overflow: hidden;

  margin-top: 24px;

  border-radius: var(--radius-md);

  background: var(--bs-charcoal);
}

.article-video video {
  width: 100%;
}


/* =========================================================
   ARTICLE HIGHLIGHT
========================================================= */

.article-highlight {
  margin-top: 22px;
  padding: 22px 26px;

  border-radius: var(--radius-md);

  background: var(--bs-white);
}

.article-highlight__title {
  margin-bottom: 15px !important;

  color: var(--bs-teal) !important;

  font-weight: 650;
}

.article-highlight__list {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 11px 30px;

  margin: 0;
  padding: 0;

  list-style: none;
}

.article-highlight__list li {
  position: relative;

  padding-left: 23px;

  color: var(--bs-charcoal);
  font-size: 14px;
  line-height: 1.5;
}

.article-highlight__list li::before {
  content: "✓";

  position: absolute;
  left: 0;
  top: 0;

  color: var(--bs-green);

  font-weight: 700;
}


/* =========================================================
   SIDEBAR
========================================================= */

.news-sidebar__inner {
  position: sticky;
  top: 100px;
}

.sidebar-card {
  padding: 24px;

  border: 1px solid var(--bs-border);
  border-radius: var(--radius-md);

  background: var(--bs-white);
}

.sidebar-card + .sidebar-card {
  margin-top: 22px;
}

.sidebar-card h3,
.sidebar-card__title {
  margin: 0 0 18px;

  font-size: 17px;
}


/* =========================================================
   TOC
========================================================= */

.toc {
  display: grid;
  gap: 3px;
}

.toc a {
  display: block;

  padding: 8px 12px;

  border-left: 2px solid transparent;

  color: var(--bs-charcoal);

  font-size: 13px;
  line-height: 1.45;

  transition: 0.2s ease;
}

.toc a:hover,
.toc a.is-active {
  border-left-color: var(--bs-teal);

  background: var(--bs-white);

  color: var(--bs-teal);
}


/* =========================================================
   SIDEBAR CTA
========================================================= */

.sidebar-cta {
  overflow: hidden;

  margin-top: 22px;

  border-radius: var(--radius-md);

  background:
    linear-gradient(
      145deg,
      var(--bs-charcoal) 0%,
      var(--bs-charcoal-2) 100%
    );

  color: var(--bs-white);
}

.sidebar-cta__content {
  padding: 28px 24px;
}

.sidebar-cta h3 {
  margin: 0 0 12px;

  font-size: 22px;
  line-height: 1.25;
}

.sidebar-cta p {
  margin: 0 0 22px;

  color: rgba(255,255,255,.82);

  font-size: 14px;
  line-height: 1.65;
}


/* =========================================================
   RELATED PRODUCT
========================================================= */

.related-product {
  margin-top: 22px;
}

.related-product__image {
  display: block;

  overflow: hidden;

  margin-bottom: 18px;

  border-radius: 9px;

  background: var(--bs-white);
}

.related-product__image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}

.related-product h4 {
  margin: 0 0 14px;

  font-size: 17px;
  line-height: 1.35;
}

.related-product__features {
  display: grid;
  gap: 9px;

  margin: 0 0 20px;
  padding: 0;

  list-style: none;
}

.related-product__features li {
  position: relative;

  padding-left: 20px;

  color: var(--bs-charcoal);

  font-size: 13px;
  line-height: 1.45;
}

.related-product__features li::before {
  content: "✓";

  position: absolute;
  left: 0;

  color: var(--bs-green);
}


/* =========================================================
   BUTTONS
========================================================= */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 46px;

  padding: 0 22px;

  border: 0;
  border-radius: 6px;

  font-weight: 650;
  font-size: 14px;

  transition: 0.2s ease;
}

.btn--orange {
  background: var(--bs-conversion-gradient);
  color: var(--bs-white);
}

.btn--orange:hover {
  background: var(--bs-conversion-gradient-hover);
}

.btn--outline {
  width: 100%;

  border: 1px solid var(--bs-green);

  background: transparent;

  color: var(--bs-green);
}

.btn--outline:hover {
  background: var(--bs-green);
  color: var(--bs-white);
}


/* =========================================================
   SHARE
========================================================= */

.article-share {
  display: flex;
  justify-content: flex-end;
  align-items: center;

  gap: 16px;

  margin-top: 46px;
  padding-top: 20px;

  border-top: 1px solid var(--bs-border);
}

.article-share__label {
  font-size: 13px;
  font-weight: 600;
}

.article-share__links {
  display: flex;
  gap: 8px;
}

.article-share__links a,
.article-share__links button {
  display: grid;
  place-items: center;

  width: 32px;
  height: 32px;

  border: 0;
  border-radius: 50%;

  background: var(--bs-teal);

  color: var(--bs-white);

  font-size: 12px;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.news-bottom-cta {
  position: relative;

  overflow: hidden;

  padding: 52px 0;

  background:
    linear-gradient(
      90deg,
      color-mix(in srgb,var(--bs-charcoal) 96%,transparent),
      color-mix(in srgb,var(--bs-charcoal) 72%,transparent)
    ),
    url("images/solar-cta-background.webp")
    center / cover no-repeat;

  color: var(--bs-white);
}

.news-bottom-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;
}

.news-bottom-cta__eyebrow {
  display: block;

  margin-bottom: 8px;

  color: rgba(255,255,255,.72);

  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.news-bottom-cta h2 {
  margin: 0;

  font-size: 30px;
}

.news-bottom-cta p {
  margin: 9px 0 0;

  color: rgba(255,255,255,.8);
}


/* =========================================================
   RELATED ARTICLES
========================================================= */

.related-news {
  padding: 56px 0 70px;
}

.section-heading h2 {
  margin: 0 0 24px;

  font-size: 30px;
}

.related-news__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 24px;
}

.news-card {
  overflow: hidden;

  border: 1px solid var(--bs-border);
  border-radius: var(--radius-md);

  background: var(--bs-white);

  transition: .25s ease;
}

.news-card:hover {
  transform: translateY(-3px);

  box-shadow: var(--shadow-card);
}

.news-card__image {
  display: block;
  overflow: hidden;

  aspect-ratio: 16 / 9;
}

.news-card__image img {
  width: 100%;
  height: 100%;

  object-fit: contain;

  transition: .35s ease;
}

.news-card:hover .news-card__image img {
  transform: none;
}

.news-card__body {
  padding: 20px;
}

.news-card time {
  color: var(--bs-charcoal);
  font-size: 11px;
}

.news-card h3 {
  margin: 9px 0 10px;

  font-size: 18px;
  line-height: 1.35;
}

.news-card p {
  margin: 0 0 16px;

  color: var(--bs-charcoal);

  font-size: 13px;
  line-height: 1.6;
}

.news-card__link {
  color: var(--bs-teal);

  font-size: 13px;
  font-weight: 650;
}


/* =========================================================
   MODAL
========================================================= */

.quote-modal {
  position: fixed;
  inset: 0;

  z-index: 9999;

  pointer-events: none;

  visibility: hidden;
}

.quote-modal.is-open {
  pointer-events: auto;

  visibility: visible;
}

.quote-modal__backdrop {
  position: absolute;
  inset: 0;

  background: color-mix(in srgb,var(--bs-charcoal) 55%,transparent);

  opacity: 0;

  transition: opacity .25s ease;
}

.quote-modal.is-open .quote-modal__backdrop {
  opacity: 1;
}

.quote-modal__panel {
  position: absolute;

  top: 0;
  right: 0;

  width: min(520px, 100%);
  height: 100%;

  overflow-y: auto;

  padding: 48px 42px;

  background: var(--bs-white);

  transform: translateX(100%);

  transition: transform .3s ease;
}

.quote-modal.is-open .quote-modal__panel {
  transform: translateX(0);
}

.quote-modal__close {
  position: absolute;

  top: 16px;
  right: 20px;

  width: 38px;
  height: 38px;

  border: 0;

  background: transparent;

  color: var(--bs-charcoal);

  font-size: 28px;
}

.quote-modal__header span {
  color: var(--bs-green);

  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.quote-modal__header h2 {
  margin: 8px 0;

  font-size: 36px;
}

.quote-modal__header p {
  margin: 0;

  color: var(--bs-text-secondary);

  line-height: 1.6;
}

.quote-form {
  display: grid;
  gap: 20px;

  margin-top: 34px;
}

.form-field {
  display: grid;
  gap: 8px;
}

.form-field label {
  font-size: 14px;
  font-weight: 600;
}

.form-field label span {
  color: var(--bs-green);
}

.form-field input,
.form-field textarea {
  width: 100%;

  padding: 13px 14px;

  border: 1px solid var(--bs-charcoal);
  border-radius: 5px;

  background: var(--bs-white);

  outline: 0;
}

.form-field input:focus,
.form-field textarea:focus {
  border-color: var(--bs-teal);

  box-shadow: 0 0 0 3px color-mix(in srgb,var(--bs-charcoal) 8%,transparent);
}

.form-field textarea {
  resize: vertical;
}

.quote-form__submit {
  width: 100%;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

  .news-hero__grid {
    grid-template-columns: 1fr 1fr;
    gap: 35px;
  }

  .news-main__grid {
    grid-template-columns:
      minmax(0, 1fr)
      270px;

    gap: 40px;
  }

}


@media (max-width: 900px) {

  .news-hero__grid {
    grid-template-columns: 1fr;
  }

  .news-hero__media {
    order: -1;
  }

  .news-main__grid {
    grid-template-columns: 1fr;
  }

  .news-sidebar {
    order: -1;
  }

  .news-sidebar__inner {
    position: static;
  }

  .toc-card {
    display: none;
  }

  .sidebar-cta,
  .related-product {
    display: none;
  }

  .related-news__grid {
    grid-template-columns: 1fr 1fr;
  }

}


@media (max-width: 640px) {

  .container {
    width: min(
      calc(100% - 32px),
      var(--container)
    );
  }

  .news-hero {
    padding-top: 18px;
  }

  .news-title {
    font-size: 36px;
  }

  .news-summary {
    font-size: 15px;
  }

  .news-meta {
    gap: 12px 18px;
  }

  .news-main {
    padding-top: 32px;
  }

  .article-section {
    margin-top: 36px;
  }

  .article-section h2 {
    font-size: 24px;
  }

  .info-card {
    padding: 22px 20px;
  }

  .info-row {
    grid-template-columns: 1fr;
    gap: 3px;
  }

  .article-highlight__list {
    grid-template-columns: 1fr;
  }

  .article-share {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .news-bottom-cta__inner {
    display: grid;
  }

  .news-bottom-cta h2 {
    font-size: 26px;
  }

  .related-news__grid {
    grid-template-columns: 1fr;
  }

  .quote-modal__panel {
    padding:
      52px
      24px
      32px;
  }

}
/* Bluesun CMS integration */
body.news-detail-page{overflow-x:hidden;padding-bottom:0}
.news-detail-page .news-detail{padding-top:128px}

.news-detail-page .bluesun-footer-v2{margin-top:0}
.news-detail-page .quote-form__status{min-height:22px;margin:12px 0 0;color:var(--bs-text-secondary);font-size:13px}
.news-detail-page .quote-form__status.is-success{color:var(--bs-green)}
.news-detail-page .quote-form__status.is-error{color:#b63730}
.news-detail-page .form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.news-detail-page .article-content>h2{scroll-margin-top:110px}
@media(max-width:900px){body.news-detail-page{padding-bottom:66px}.news-detail-page .news-detail{padding-top:70px}}

/* SEO + GEO publishing system */
.facts-block{margin:0 0 34px}.facts-block .info-card h2{margin:0 0 20px;font-size:24px}
.facts-block__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:0}
.fact-item{display:grid;grid-template-columns:minmax(120px,.75fr) 1.25fr;gap:16px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--bs-charcoal) 10%,transparent)}
.fact-item dt{font-weight:700;color:var(--bs-charcoal)}.fact-item dd{margin:0;color:var(--bs-text-secondary)}
.content-block{scroll-margin-top:110px}.content-block__label,.related-entity__type{display:block;margin-bottom:8px;color:var(--bs-teal);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.answer-block{padding:22px 24px;border-left:3px solid var(--bs-teal);border-radius:0 6px 6px 0;background:var(--bs-bg-soft)}
.answer-block p:last-child,.rich-text-block p:last-child{margin-bottom:0}
.fact-block{display:flex;align-items:baseline;gap:18px;padding:18px 22px;border:1px solid var(--bs-text-muted);border-radius:6px;background:var(--bs-white)}.fact-block strong{color:var(--bs-teal)}
.specification-block{overflow:hidden;border:1px solid var(--bs-charcoal);border-radius:6px}.specification-row{display:grid;grid-template-columns:minmax(160px,.42fr) 1fr;gap:20px;padding:13px 18px}.specification-row:nth-child(odd){background:var(--bs-white)}.specification-row strong{color:var(--bs-charcoal)}
.quote-block{margin:0;padding:25px 28px;border-left:3px solid var(--bs-green);background:var(--bs-white);color:var(--bs-charcoal)}.quote-block p{margin:0;font-size:20px;line-height:1.55}.quote-block cite{display:block;margin-top:12px;color:var(--bs-text-secondary);font-size:13px;font-style:normal}
.table-block{max-width:100%;overflow-x:auto;border:1px solid var(--bs-charcoal);border-radius:6px}.table-block table{width:100%;border-collapse:collapse}.table-block th,.table-block td{padding:13px 16px;border-bottom:1px solid var(--bs-charcoal);text-align:left;vertical-align:top}.table-block th{background:var(--bs-text-muted);color:var(--bs-charcoal);font-size:13px}.table-block tr:last-child td{border-bottom:0}
.article-video{position:relative;overflow:hidden;border-radius:6px;background:var(--bs-charcoal)}.article-video video{display:block;width:100%;height:auto}.article-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.article-video__intro{margin-bottom:15px}.article-image figcaption{margin-top:8px;color:var(--bs-text-secondary);font-size:12px;text-align:center}
.related-entity{margin-top:18px}.related-entity__image{display:block;margin:12px 0 16px;overflow:hidden;border-radius:5px}.related-entity__image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.related-entity h3{margin:0 0 9px;font-size:17px;line-height:1.35}.related-entity h3 a{color:var(--bs-charcoal)}.related-entity p{margin:0 0 14px;color:var(--bs-text-secondary);font-size:13px}.related-entity__link{color:var(--bs-green);font-size:13px;font-weight:700}.related-entity__link span{display:inline-block;transition:transform .2s ease}.related-entity__link:hover span{transform:translateX(3px)}
@media(max-width:640px){.facts-block__grid{grid-template-columns:1fr}.fact-item{grid-template-columns:1fr;gap:3px}.specification-row{grid-template-columns:1fr;gap:4px}.fact-block{align-items:flex-start;flex-direction:column;gap:5px}.quote-block p{font-size:18px}}

/* News master refinement */
:root{--floating-header-top:48px;--floating-header-height:82px;--header-page-gap:22px;--sidebar-sticky-gap:24px}
.news-detail-page .news-detail{padding-top:calc(var(--floating-header-top) + var(--floating-header-height) + var(--header-page-gap))}
.breadcrumb{padding:0;border:0;background:transparent;color:var(--bs-charcoal);font-size:12.5px;line-height:1.5}
.breadcrumb .container{display:flex;min-width:0;flex-wrap:nowrap;gap:7px;overflow:hidden}
.breadcrumb a,.breadcrumb span{flex:0 0 auto}.breadcrumb span[aria-current="page"]{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-hero{padding:18px 0 32px}.news-hero__grid{align-items:start}.news-hero__content{padding-top:2px}
.news-title{max-width:660px;font-size:clamp(36px,3.65vw,52px);line-height:1.1}
.news-summary{max-width:660px;margin-top:19px;font-size:16px;line-height:1.72}
.news-meta{gap:0;margin-top:23px}.news-meta__item{gap:6px}.news-meta__item:not(:first-child)::before{content:"·";margin:0 10px;color:var(--bs-charcoal)}
.news-hero__media{border-radius:9px}.news-main{padding:40px 0 60px}
.article-content p{margin-bottom:17px;color:var(--bs-charcoal);font-size:16px;line-height:1.78}
.news-detail-page .news-detail{font-family:"Bluesun Manrope",Arial,sans-serif}
.article-content{color:var(--bs-charcoal);font-size:16px;line-height:1.78}
.legacy-video{margin-bottom:32px}
.article-section{margin-top:46px}.article-section h2{margin-bottom:11px}.article-section h3{margin:30px 0 11px}
.article-image img{border-radius:9px}.content-block{scroll-margin-top:calc(var(--floating-header-height) + var(--sidebar-sticky-gap))}
.facts-block{margin-bottom:40px}.facts-block .info-card{margin:0;padding:25px 28px;border-radius:10px}.facts-block .info-card h2{margin-bottom:18px}
.fact-item{grid-template-columns:minmax(145px,.7fr) 1.3fr;align-items:start}.fact-item dt,.fact-item dd{font-size:14px;line-height:1.55}
.answer-block{padding:20px 23px;border-left-width:3px;background:var(--bs-bg-soft)}.content-block__label{margin-bottom:7px}
.news-sidebar__inner{top:calc(var(--floating-header-height) + var(--sidebar-sticky-gap))}
.sidebar-card,.sidebar-cta{border-radius:10px}.sidebar-card{padding:23px}.sidebar-card+.sidebar-card,.related-entity,.sidebar-cta{margin-top:20px}
.toc{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.toc a{display:-webkit-box;overflow:hidden;padding:7px 11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.related-entity{padding:23px}.related-entity h3{font-size:17px}.related-entity p{font-size:13.5px;line-height:1.6}
.article-video{aspect-ratio:16/9;border-radius:9px}.article-video video,.article-video iframe{width:100%;height:100%;object-fit:cover}
.article-video__poster{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--bs-charcoal) var(--video-poster) center/cover no-repeat}
.article-video__poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bs-charcoal) 4%,transparent),color-mix(in srgb,var(--bs-charcoal) 22%,transparent))}
.article-video__poster span{position:absolute;z-index:1;top:50%;left:50%;width:68px;height:68px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:color-mix(in srgb,var(--bs-charcoal) 48%,transparent);box-shadow:0 8px 28px rgba(0,0,0,.2);transform:translate(-50%,-50%);transition:transform .22s ease,background .22s ease}
.article-video__poster span::after{content:"";position:absolute;top:50%;left:53%;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--bs-white);transform:translate(-40%,-50%)}
.article-video__poster:hover span{background:var(--bs-green);transform:translate(-50%,-50%) scale(1.04)}
.article-share{margin-top:50px;padding-top:23px}.article-share__links a,.article-share__links button{width:38px;height:38px;font-size:13px;transition:background .2s ease,transform .2s ease}.article-share__links a:hover,.article-share__links button:hover{background:var(--bs-green);transform:translateY(-1px)}
.mobile-toc{display:none}
@media(max-width:1100px) and (min-width:901px){.news-main__grid{grid-template-columns:minmax(0,1fr) 260px;gap:36px}.sidebar-card{padding:20px}.sidebar-cta__content{padding:24px 20px}}
@media(max-width:900px){:root{--floating-header-top:0px;--floating-header-height:70px;--header-page-gap:18px}.news-detail-page .news-detail{padding-top:calc(var(--floating-header-height) + var(--header-page-gap))}.news-sidebar{display:none}.mobile-toc{display:block;margin:0 0 30px;border:1px solid var(--bs-border);border-radius:9px;background:var(--bs-white)}.mobile-toc summary{padding:15px 17px;color:var(--bs-charcoal);font-weight:700;cursor:pointer}.mobile-toc .toc{max-height:300px;padding:0 12px 14px}.news-hero__media{order:0}.news-hero{padding-top:17px}.news-main{padding-top:34px}}
@media(max-width:640px){.breadcrumb{font-size:12px}.news-hero{padding-bottom:27px}.news-title{font-size:clamp(31px,9vw,38px)}.news-summary{font-size:15.5px}.news-meta{align-items:flex-start;row-gap:8px}.news-meta__item:not(:first-child)::before{margin:0 7px}.article-section{margin-top:42px}.facts-block .info-card{padding:21px 19px}.fact-item{grid-template-columns:1fr;gap:3px}.article-video__poster span{width:58px;height:58px}.article-share{justify-content:space-between}.news-bottom-cta{padding:44px 0}}

/* v64: restrained Bluesun detail styling */
.floating-header-space{height:calc(var(--floating-header-top) + var(--floating-header-height) + var(--header-page-gap));pointer-events:none}
.news-detail-page .news-detail{padding-top:0}
.breadcrumb+.news-hero{padding-top:19px}
.news-meta{column-gap:23px;row-gap:9px}
.news-meta__item{gap:7px}.news-meta__item:not(:first-child)::before{content:none;margin:0}
.news-meta__item svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:var(--bs-charcoal);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.facts-block .info-card{border-color:var(--bs-charcoal);background:var(--bs-white)}
.facts-block .info-card h2{color:var(--bs-text)}
.toc a:hover{background:var(--bs-white)}.toc a.is-active{background:transparent;color:var(--bs-teal)}
.content-block__label{color:var(--bs-charcoal);font-size:10px;letter-spacing:.08em}
.answer-block{border-left-color:var(--bs-teal);background:var(--bs-white)}
.sidebar-cta{border:1px solid var(--bs-charcoal);background:var(--bs-charcoal-2)}
.sidebar-card,.sidebar-cta{border-radius:10px}.sidebar-card{border-color:var(--bs-charcoal)}
.sidebar-card+.sidebar-card,.related-entity,.sidebar-cta{margin-top:17px}
.sidebar-cta__content,.related-entity{padding:23px}
@media(max-width:900px){.floating-header-space{height:calc(var(--floating-header-height) + var(--header-page-gap))}.breadcrumb+.news-hero{padding-top:18px}}
@media(max-width:640px){.news-meta{column-gap:18px}.news-meta__item:not(:first-child)::before{content:none;margin:0}}

/* V1 visual lock */
.breadcrumb+.news-hero{padding-top:26px}
.facts-block__grid{align-items:start;gap:0 28px}
.fact-item{min-height:0;padding:9px 0}
.related-entity h3{font-size:18px;line-height:1.4}.related-entity p{font-size:14.5px;line-height:1.62}
@media(max-width:900px){.breadcrumb+.news-hero{padding-top:25px}}

/* Bluesun News Detail Template V1 */
.news-main{padding-top:24px}
.article-share{margin-top:36px;padding-top:20px;border-top:1px solid var(--bs-border)}
@media(max-width:900px){.news-main{padding-top:22px}}

/* Imported WordPress embeds can retain absolute positioning after wrapper cleanup. */
.article-content iframe[src*="youtube.com/embed/"],
.article-content iframe[src*="youtube-nocookie.com/embed/"],
.article-content iframe[src*="player.vimeo.com/video/"]{
  position:static!important;display:block;inset:auto!important;
  width:100%!important;max-width:100%;height:auto!important;
  aspect-ratio:16/9;border:0;border-radius:9px;
}