/* =============================================================================
static/dash/public_single_article.css
PUBLIC SINGLE ARTICLE — BLACK GLASS / 90° / SEO-READABLE ARTICLE + XDETAIL

Style source:
- dark glass
- black background
- no rounded corners
- no visible hard card borders
- low-contrast separators
- xdetail stays horizontally scrollable
- metrics carousel
- related materials carousel
============================================================================= */


/* =============================================================================
1) TOKENS
============================================================================= */

:root{
  --aas-bg:#000000;
  --aas-panel:#000000;

  --aas-glass-48:rgba(0,0,0,.48);
  --aas-glass-56:rgba(0,0,0,.56);
  --aas-glass-64:rgba(0,0,0,.64);
  --aas-glass-72:rgba(0,0,0,.72);
  --aas-glass-82:rgba(0,0,0,.82);
  --aas-glass-88:rgba(0,0,0,.88);

  --aas-text:rgba(226,226,226,.84);
  --aas-text-strong:rgba(242,242,242,.92);
  --aas-muted:rgba(188,188,188,.58);
  --aas-dim:rgba(150,150,150,.42);
  --aas-faint:rgba(255,255,255,.28);

  --aas-hover:rgba(255,255,255,.018);
  --aas-active:rgba(255,255,255,.035);
  --aas-chip:rgba(255,255,255,.05);

  --aas-ui:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --aas-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --aas-max-text:980px;
  --aas-max-article:1480px;

  --aas-gap-1:8px;
  --aas-gap-2:12px;
  --aas-gap-3:18px;
  --aas-gap-4:24px;

  --aas-pad-1:8px;
  --aas-pad-2:12px;
  --aas-pad-3:16px;
  --aas-pad-4:22px;

  --aas-radius:0px;

  --aas-carousel-card:300px;
  --aas-carousel-card-wide:340px;
  --aas-carousel-mobile:82vw;
}


/* =============================================================================
2) BASE
============================================================================= */

.seo-landing-ssr .aa-single-root,
.seo-landing-ssr .aa-single-root *{
  box-sizing:border-box;
  border-radius:var(--aas-radius) !important;
}

.seo-landing-ssr .aa-single-root{
  width:100%;
  max-width:100%;
  min-height:100%;
  color:var(--aas-text);
  background:#000;
  font-family:var(--aas-ui);
}

.seo-landing-ssr .aa-single-root a{
  color:inherit;
}

.seo-landing-ssr .aa-single-article{
  width:min(var(--aas-max-article), calc(100vw - 42px));
  max-width:100%;
  margin:0 auto;
  padding:26px 0 58px 0;
  background:transparent;
}


/* =============================================================================
3) HEADER
============================================================================= */

.seo-landing-ssr .aa-single-header{
  width:100%;
  max-width:var(--aas-max-text);
  margin:0 auto 22px auto;
  padding:0 0 20px 0;
  position:relative;
  background:transparent;
}

.seo-landing-ssr .aa-single-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.09) 16%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.09) 84%,
    rgba(255,255,255,0.00) 100%
  );
  opacity:.72;
}

.seo-landing-ssr .aa-single-kicker{
  margin:0 0 11px 0;
  padding:0;
  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:var(--aas-dim);
}

.seo-landing-ssr .aa-single-title{
  margin:0;
  padding:0;
  font-family:var(--aas-ui);
  font-size:clamp(34px, 4.4vw, 68px);
  line-height:.96;
  font-weight:400;
  letter-spacing:-.055em;
  color:var(--aas-text-strong);
  text-wrap:balance;
  text-shadow:
    0 0 18px rgba(255,255,255,.035),
    0 2px 0 rgba(0,0,0,.88);
}

.seo-landing-ssr .aa-single-lead{
  max-width:880px;
  margin:18px 0 0 0;
  padding:0;
  font-family:var(--aas-ui);
  font-size:clamp(16px, 1.25vw, 21px);
  line-height:1.46;
  font-weight:400;
  color:rgba(226,226,226,.66);
}

.seo-landing-ssr .aa-single-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:16px 0 0 0;
  padding:0;
}

.seo-landing-ssr .aa-single-meta-chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:24px;
  padding:5px 8px;

  border:0 !important;
  background:var(--aas-chip);

  color:rgba(208,208,208,.68);
  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1.1;
  letter-spacing:.10em;
  text-transform:uppercase;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-single-meta-chip--source{
  max-width:560px;
}

.seo-landing-ssr .aa-single-source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  margin:16px 0 0 0;
  padding:0 12px;

  border:0 !important;
  background:rgba(255,255,255,.055);

  color:rgba(222,222,222,.78);
  text-decoration:none;

  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-weight:700;

  transition:background .14s ease, color .14s ease, opacity .14s ease;
}

.seo-landing-ssr .aa-single-source-link:hover,
.seo-landing-ssr .aa-single-source-link:focus{
  background:rgba(255,255,255,.095);
  color:rgba(245,245,245,.94);
  outline:none;
}


/* =============================================================================
4) SECTIONS
============================================================================= */

.seo-landing-ssr .aa-single-section{
  width:100%;
  max-width:var(--aas-max-text);
  margin:0 auto 22px auto;
  padding:20px 0 0 0;
  position:relative;
  background:transparent;
  border:0 !important;
}

.seo-landing-ssr .aa-single-section::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.07) 18%,
    rgba(255,255,255,0.13) 50%,
    rgba(255,255,255,0.07) 82%,
    rgba(255,255,255,0.00) 100%
  );
  opacity:.70;
}

.seo-landing-ssr .aa-single-section:first-of-type::before{
  content:none;
}

.seo-landing-ssr .aa-single-section-title{
  margin:0 0 13px 0;
  padding:0;

  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1.1;
  font-weight:700;
  letter-spacing:.20em;
  text-transform:uppercase;

  color:var(--aas-dim);
}

.seo-landing-ssr .aa-single-p{
  margin:0 0 13px 0;
  padding:0;

  font-family:var(--aas-ui);
  font-size:16px;
  line-height:1.66;
  font-weight:400;

  color:rgba(226,226,226,.74);
  overflow-wrap:anywhere;
  hyphens:auto;
}

.seo-landing-ssr .aa-single-p:last-child{
  margin-bottom:0;
}

.seo-landing-ssr .aa-single-summary-body,
.seo-landing-ssr .aa-single-critical-body{
  width:100%;
  max-width:100%;
  background:transparent;
}

.seo-landing-ssr .aa-single-section--summary{
  margin-top:8px;
}

.seo-landing-ssr .aa-single-section--critical{
  margin-top:24px;
}

.seo-landing-ssr .aa-single-section--critical .aa-single-p{
  color:rgba(218,218,218,.66);
}


/* =============================================================================
5) XDETAIL
============================================================================= */

.seo-landing-ssr .aa-single-section--xdetail{
  max-width:none;
  width:100%;
  margin-top:26px;
  margin-bottom:26px;
  padding-top:20px;
}

.seo-landing-ssr .aa-single-section--xdetail > .aa-single-section-title{
  width:min(var(--aas-max-text), 100%);
  margin-left:auto;
  margin-right:auto;
}

.seo-landing-ssr .aa-single-xdetail-inner{
  width:100%;
  max-width:100%;
  overflow:visible;
  background:transparent;
}

.seo-landing-ssr .aa-single-xdetail-inner > .ytd-container{
  width:100%;
  max-width:100%;
  margin:0;
  background:#000 !important;
  border:0 !important;
  box-shadow:none !important;
}

.seo-landing-ssr .aa-single-xdetail-inner .ytd-tab-body{
  width:100%;
  max-width:100%;
  background:#000 !important;
}

.seo-landing-ssr .aa-single-xdetail-inner .ytd-xstrip{
  width:100%;
  max-width:100%;
  background:transparent !important;
}


/* =============================================================================
6) METRICS — HORIZONTAL CAROUSEL
============================================================================= */

.seo-landing-ssr .aa-single-section--metrics{
  max-width:none;
  width:100%;
  margin-top:24px;
  margin-bottom:26px;
}

.seo-landing-ssr .aa-single-section--metrics > .aa-single-section-title{
  width:min(var(--aas-max-text), 100%);
  margin-left:auto;
  margin-right:auto;
}

.seo-landing-ssr .aa-single-metrics-grid{
  width:100%;
  max-width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:10px;

  margin:0;
  padding:0 0 10px 0;

  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;

  background:transparent;
}

.seo-landing-ssr .aa-single-metric-card{
  flex:0 0 var(--aas-carousel-card);
  width:var(--aas-carousel-card);
  min-width:var(--aas-carousel-card);
  max-width:var(--aas-carousel-card);

  min-height:168px;
  padding:12px;

  border:0 !important;
  background:var(--aas-glass-64);
  box-shadow:none !important;

  overflow:hidden;
  scroll-snap-align:start;

  transition:background .14s ease, opacity .14s ease;
}

.seo-landing-ssr .aa-single-metric-card:hover{
  background:var(--aas-glass-72);
}

.seo-landing-ssr .aa-single-metric-name{
  margin:0 0 8px 0;
  font-family:var(--aas-mono);
  font-size:9px;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--aas-dim);
}

.seo-landing-ssr .aa-single-metric-value{
  margin:0 0 9px 0;
  font-family:var(--aas-ui);
  font-size:20px;
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.02em;
  color:rgba(238,238,238,.88);
  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-single-metric-context,
.seo-landing-ssr .aa-single-metric-why,
.seo-landing-ssr .aa-single-metric-evidence{
  margin:6px 0 0 0;
  padding:0;
  font-family:var(--aas-ui);
  font-size:13px;
  line-height:1.46;
  font-weight:400;
  color:rgba(218,218,218,.62);
  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-single-metric-evidence{
  color:rgba(188,188,188,.48);
}


/* =============================================================================
7) THEMES
============================================================================= */

.seo-landing-ssr .aa-single-themes{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  width:100%;
}

.seo-landing-ssr .aa-single-theme{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;

  border:0 !important;
  background:var(--aas-chip);

  color:rgba(208,208,208,.70);
  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1.1;
  letter-spacing:.08em;
  text-transform:uppercase;

  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-single-theme:hover{
  background:rgba(255,255,255,.075);
  color:rgba(235,235,235,.86);
}


/* =============================================================================
8) DISCLAIMER
============================================================================= */

.seo-landing-ssr .aa-single-section--disclaimer{
  margin-top:24px;
}

.seo-landing-ssr .aa-single-disclaimer-text{
  margin:0;
  padding:12px;

  border:0 !important;
  background:var(--aas-glass-56);

  color:rgba(200,200,200,.50);
  font-family:var(--aas-ui);
  font-size:13px;
  line-height:1.56;
  font-weight:400;

  overflow-wrap:anywhere;
}


/* =============================================================================
9) RELATED — XDETAIL ROOT
============================================================================= */

.seo-landing-ssr .aa-single-section--related{
  max-width:none;
  width:100%;
  margin-top:30px;
  padding-top:22px;
}

.seo-landing-ssr .aa-single-section--related > .aa-single-section-title{
  width:min(var(--aas-max-text), 100%);
  margin-left:auto;
  margin-right:auto;
}

.seo-landing-ssr .aa-single-related-inner{
  width:100%;
  max-width:100%;
  overflow:visible;
  background:transparent;
}

.seo-landing-ssr .aa-related-xdetail-feed{
  width:100%;
  max-width:100%;
  overflow:visible;
  background:transparent;
}

.seo-landing-ssr .aa-related-xdetail-feed .ytd-infinite-list,
.seo-landing-ssr .aa-related-xdetail-list{
  width:100%;
  max-width:100%;
  min-height:1px;
  background:transparent;
}

.seo-landing-ssr .aa-related-xdetail-feed .ytd-container{
  margin-top:20px;
  padding-top:20px;
  position:relative;

  border:0 !important;
  background:#000 !important;
  box-shadow:none !important;
}

.seo-landing-ssr .aa-related-xdetail-feed .ytd-container::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.06) 18%,
    rgba(255,255,255,0.12) 50%,
    rgba(255,255,255,0.06) 82%,
    rgba(255,255,255,0.00) 100%
  );
  opacity:.72;
}

.seo-landing-ssr .aa-related-xdetail-feed .ytd-container:first-child{
  margin-top:0;
}

.seo-landing-ssr .aa-related-xdetail-feed .ytd-container:first-child::before{
  content:none;
}

.seo-landing-ssr .aa-related-empty{
  width:min(var(--aas-max-text), 100%);
  margin:0 auto;
  padding:12px;

  border:0 !important;
  background:var(--aas-glass-56);

  color:rgba(210,210,210,.52);
  font-size:13px;
  line-height:1.5;
}


/* =============================================================================
10) RELATED — SEO STATIC LOWER LINKS / HORIZONTAL CAROUSEL
============================================================================= */

.seo-landing-ssr .aa-related-seo-list{
  width:100%;
  max-width:100%;
  margin:0 0 22px 0;
  padding:0 0 10px 0;

  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:10px;

  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;

  background:transparent;
}

.seo-landing-ssr .aa-related-seo-card{
  flex:0 0 var(--aas-carousel-card-wide);
  width:var(--aas-carousel-card-wide);
  min-width:var(--aas-carousel-card-wide);
  max-width:var(--aas-carousel-card-wide);

  min-height:156px;
  margin:0;
  padding:13px 13px 12px 13px;

  border:0 !important;
  background:var(--aas-glass-64);
  box-shadow:none !important;

  overflow:hidden;
  scroll-snap-align:start;

  transition:background .14s ease, opacity .14s ease;
}

.seo-landing-ssr .aa-related-seo-card:hover{
  background:var(--aas-glass-72);
}

.seo-landing-ssr .aa-related-seo-title{
  display:block;
  margin:0 0 8px 0;
  padding:0;

  color:rgba(238,238,238,.86);
  text-decoration:none;

  font-family:var(--aas-ui);
  font-size:16px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:-.02em;

  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-related-seo-title:hover,
.seo-landing-ssr .aa-related-seo-title:focus{
  color:rgba(255,255,255,.96);
  text-decoration:none;
  outline:none;
}

.seo-landing-ssr .aa-related-seo-date{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin:0 0 8px 0;
  padding:4px 6px;

  border:0 !important;
  background:var(--aas-chip);

  color:rgba(188,188,188,.56);
  font-family:var(--aas-mono);
  font-size:9px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.seo-landing-ssr .aa-related-seo-detail{
  margin:0;
  padding:0;

  color:rgba(218,218,218,.58);
  font-family:var(--aas-ui);
  font-size:13px;
  line-height:1.48;
  font-weight:400;

  overflow-wrap:anywhere;
}

.seo-landing-ssr .aa-related-seo-list + .ytd-infinite-list,
.seo-landing-ssr .aa-related-seo-list + .aa-related-xdetail-list{
  margin-top:14px;
}


/* =============================================================================
11) RELATED / HTML INFINITE FOOTER
============================================================================= */

.seo-landing-ssr .aa-related-ifscroll-foot{
  width:min(var(--aas-max-text), 100%);
  margin:12px auto 0 auto;
  padding:12px 0 0 0;
  position:relative;

  border:0 !important;
  background:transparent;
  color:rgba(218,218,218,.42);
}

.seo-landing-ssr .aa-related-ifscroll-foot::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.05) 18%,
    rgba(255,255,255,0.10) 50%,
    rgba(255,255,255,0.05) 82%,
    rgba(255,255,255,0.00) 100%
  );
  opacity:.70;
}

.seo-landing-ssr .aa-related-ifscroll-foot.is-disabled,
.seo-landing-ssr .aa-related-ifscroll-foot[aria-disabled="true"]{
  display:none !important;
}

.seo-landing-ssr .aa-related-ifscroll-loader{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:34px;

  font-family:var(--aas-mono);
  font-size:10px;
  line-height:1.1;
  letter-spacing:.13em;
  text-transform:uppercase;

  color:rgba(210,210,210,.42);
}

.seo-landing-ssr .aa-related-ifscroll-foot:not(.is-loading) .aa-related-ifscroll-loader{
  opacity:.52;
}

.seo-landing-ssr .aa-related-ifscroll-foot.is-loading .aa-related-ifscroll-loader{
  opacity:.90;
}

.seo-landing-ssr .aa-related-ifscroll-sentinel,
.seo-landing-ssr .aa-html-ifscroll-sentinel{
  display:block;
  width:100%;
  min-height:24px;
}


/* =============================================================================
12) DESKTOP WIDTH BRIDGE
============================================================================= */

@media (min-width:921px){
  .seo-landing-ssr .aa-single-section--xdetail,
  .seo-landing-ssr .aa-single-section--metrics,
  .seo-landing-ssr .aa-single-section--related{
    padding-left:0;
    padding-right:0;
  }

  .seo-landing-ssr .aa-single-xdetail-inner,
  .seo-landing-ssr .aa-single-related-inner{
    padding-left:0;
    padding-right:0;
  }
}


/* =============================================================================
13) MOBILE
============================================================================= */

@media (max-width:920px){
  .seo-landing-ssr .aa-single-article{
    width:100%;
    max-width:100%;
    margin:0;
    padding:12px 10px 44px 10px;
  }

  .seo-landing-ssr .aa-single-header,
  .seo-landing-ssr .aa-single-section{
    width:100%;
    max-width:100%;
  }

  .seo-landing-ssr .aa-single-header{
    margin-bottom:20px;
    padding-bottom:18px;
  }

  .seo-landing-ssr .aa-single-kicker{
    font-size:9px;
    letter-spacing:.18em;
  }

  .seo-landing-ssr .aa-single-title{
    font-size:clamp(30px, 9.5vw, 46px);
    line-height:1.01;
    letter-spacing:-.052em;
  }

  .seo-landing-ssr .aa-single-lead{
    font-size:15px;
    line-height:1.50;
    color:rgba(226,226,226,.68);
  }

  .seo-landing-ssr .aa-single-p{
    font-size:14.5px;
    line-height:1.62;
  }

  .seo-landing-ssr .aa-single-meta-chip{
    font-size:9px;
    letter-spacing:.09em;
  }

  .seo-landing-ssr .aa-single-meta-chip--source{
    max-width:100%;
  }

  .seo-landing-ssr .aa-single-section--xdetail,
  .seo-landing-ssr .aa-single-section--metrics,
  .seo-landing-ssr .aa-single-section--related{
    width:100%;
    max-width:100%;
  }

  .seo-landing-ssr .aa-single-section--xdetail > .aa-single-section-title,
  .seo-landing-ssr .aa-single-section--metrics > .aa-single-section-title,
  .seo-landing-ssr .aa-single-section--related > .aa-single-section-title{
    width:100%;
    max-width:100%;
  }

  .seo-landing-ssr .aa-single-xdetail-inner .ytd-xstrip,
  .seo-landing-ssr .aa-single-related-inner .ytd-xstrip{
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
    scroll-snap-type:x proximity !important;
    touch-action:pan-x pan-y !important;
  }

  .seo-landing-ssr .aa-single-xdetail-inner .ytd-xstrip > .ytd-panel,
  .seo-landing-ssr .aa-single-related-inner .ytd-xstrip > .ytd-panel{
    flex-shrink:0 !important;
    scroll-snap-align:start !important;
    margin:0 !important;
    box-shadow:none !important;
  }

  .seo-landing-ssr .aa-single-xdetail-inner .ytd-panel--miniwrap,
  .seo-landing-ssr .aa-single-related-inner .ytd-panel--miniwrap{
    flex:0 0 80vw !important;
    width:80vw !important;
    min-width:80vw !important;
    max-width:80vw !important;
  }

  .seo-landing-ssr .aa-single-xdetail-inner .ytd-panel--stancewrap,
  .seo-landing-ssr .aa-single-related-inner .ytd-panel--stancewrap{
    flex:0 0 200px !important;
    width:200px !important;
    min-width:200px !important;
    max-width:200px !important;
  }

  .seo-landing-ssr .aa-single-xdetail-inner .ytd-panel--full,
  .seo-landing-ssr .aa-single-related-inner .ytd-panel--full{
    flex:0 0 min(92vw, 640px) !important;
    width:min(92vw, 640px) !important;
    min-width:min(92vw, 640px) !important;
    max-width:min(92vw, 640px) !important;
  }

  .seo-landing-ssr .aa-single-metrics-grid{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding-bottom:10px;
  }

  .seo-landing-ssr .aa-single-metric-card{
    flex:0 0 var(--aas-carousel-mobile);
    width:var(--aas-carousel-mobile);
    min-width:var(--aas-carousel-mobile);
    max-width:var(--aas-carousel-mobile);
    padding:11px 10px;
    scroll-snap-align:start;
  }

  .seo-landing-ssr .aa-single-metric-value{
    font-size:18px;
  }

  .seo-landing-ssr .aa-related-seo-list{
    width:100%;
    max-width:100%;
    margin:0 0 18px 0;
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding-bottom:10px;
  }

  .seo-landing-ssr .aa-related-seo-card{
    flex:0 0 var(--aas-carousel-mobile);
    width:var(--aas-carousel-mobile);
    min-width:var(--aas-carousel-mobile);
    max-width:var(--aas-carousel-mobile);
    padding:11px 10px;
    scroll-snap-align:start;
  }

  .seo-landing-ssr .aa-related-seo-title{
    font-size:15px;
    line-height:1.23;
  }

  .seo-landing-ssr .aa-related-seo-detail{
    font-size:12.5px;
    line-height:1.46;
  }

  .seo-landing-ssr .aa-related-xdetail-feed .ytd-container{
    margin-top:20px;
    padding-top:16px;
  }

  .seo-landing-ssr .aa-related-ifscroll-foot{
    width:100%;
    max-width:100%;
    margin-top:10px;
  }
}


/* =============================================================================
14) SCROLLBARS — PUBLIC ARTICLE LOCAL
============================================================================= */

.seo-landing-ssr .aa-single-root ::-webkit-scrollbar{
  width:10px;
  height:10px;
}

.seo-landing-ssr .aa-single-root ::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.045);
  border:0;
}

.seo-landing-ssr .aa-single-root ::-webkit-scrollbar-track{
  background:rgba(0,0,0,.92);
}


/* =============================================================================
15) PUBLIC CATEGORY HEADER — CLEAN SEO H1 ABOVE XDETAIL
- only visible H1/title
- hides old helper noise: category, count, source view, intro/meta
- black glass / 90° / no rounded corners
============================================================================= */

.seo-landing-ssr .aa-public-content-stack{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:block !important;
  background:#000 !important;
  overflow:visible !important;
}

/* main header block */
.seo-landing-ssr .aa-public-category-head{
  width:min(980px, calc(100vw - 42px)) !important;
  max-width:100% !important;
  margin:0 auto 22px auto !important;
  padding:26px 0 20px 0 !important;
  position:relative !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  font-family:var(--aas-ui, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  color:rgba(242,242,242,.92) !important;
}

/* soft separator under H1 */
.seo-landing-ssr .aa-public-category-head::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  pointer-events:none !important;

  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.08) 16%,
    rgba(255,255,255,0.17) 50%,
    rgba(255,255,255,0.08) 84%,
    rgba(255,255,255,0.00) 100%
  ) !important;
  opacity:.72 !important;
}

/* clean visible H1 */
.seo-landing-ssr .aa-public-category-title{
  display:block !important;
  margin:0 !important;
  padding:0 !important;

  font-family:var(--aas-ui, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif) !important;
  font-size:clamp(32px, 4.2vw, 64px) !important;
  line-height:.98 !important;
  font-weight:400 !important;
  letter-spacing:-.055em !important;

  color:rgba(242,242,242,.92) !important;
  text-shadow:
    0 0 18px rgba(255,255,255,.035),
    0 2px 0 rgba(0,0,0,.88) !important;

  text-wrap:balance !important;
  overflow-wrap:anywhere !important;
  hyphens:auto !important;
}

/* kill old/noisy helper fields if previous markup still exists */
.seo-landing-ssr .aa-public-category-kicker,
.seo-landing-ssr .aa-public-category-intro,
.seo-landing-ssr .aa-public-category-meta,
.seo-landing-ssr .aa-public-category-chip,
.seo-landing-ssr .aa-public-category-sub,
.seo-landing-ssr .aa-public-category-label,
.seo-landing-ssr .aa-public-category-count,
.seo-landing-ssr .aa-public-category-view{
  display:none !important;
  visibility:hidden !important;
  max-width:0 !important;
  max-height:0 !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* first xdetail after header should sit close, not create another title zone */
.seo-landing-ssr .aa-public-content-stack > .ytd-root,
.seo-landing-ssr .aa-public-content-stack > .nonfin-operator,
.seo-landing-ssr .aa-public-content-stack > .nonfin-operator .nonfin-body{
  margin-top:0 !important;
  padding-top:0 !important;
}

.seo-landing-ssr .aa-public-content-stack .aa-public-category-head + .ytd-root,
.seo-landing-ssr .aa-public-content-stack .aa-public-category-head + .nonfin-operator{
  margin-top:0 !important;
}


/* =============================================================================
MOBILE
============================================================================= */

@media (max-width:920px){
  .seo-landing-ssr .aa-public-category-head{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 16px 0 !important;
    padding:14px 10px 16px 10px !important;
  }

  .seo-landing-ssr .aa-public-category-title{
    font-size:clamp(30px, 9vw, 44px) !important;
    line-height:1.01 !important;
    letter-spacing:-.052em !important;
  }
}


/* PUBLIC CATEGORY — hide visible infinite loader, keep sentinel working */
.seo-landing-ssr .aa-public-content-stack .ytd-infinite-loader,
.seo-landing-ssr .aa-public-content-stack .ytd-infinite-label,
.seo-landing-ssr .aa-public-content-stack .ytd-infinite-spinner{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.seo-landing-ssr .aa-public-content-stack .ytd-infinite-foot{
  min-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.seo-landing-ssr .aa-public-content-stack .ytd-infinite-sentinel{
  display:block !important;
  width:100% !important;
  min-height:24px !important;
}