/*
 * Historium V53 — one brand shell, dependable editorial cards and a shared
 * cinematic information surface. Loaded last so this file is the single
 * public-facing authority over the accumulated V49–V52 experiments.
 */

body[data-shell-profile="public-v1"]{
  --v53-card-radius: 16px;
  --v53-media-radius: 14px;
  --v53-control-radius: 10px;
  --v53-card-border: rgba(255, 255, 255, .12);
  --v53-card-surface: #1a1d1e;
  --v53-card-surface-hover: #202425;
  --v53-card-text: #f7f5f0;
  --v53-card-muted: #aaa8a2;
  --v53-card-shadow: 0 18px 46px -30px rgba(0, 0, 0, .92), inset 0 0 0 1px rgba(255, 255, 255, .025);
  --v53-card-shadow-hover: 0 28px 64px -32px rgba(0, 0, 0, .98), inset 0 0 0 1px rgba(215, 161, 90, .15);
  --header: 64px;
}

html[data-theme="light"] body[data-shell-profile="public-v1"]{
  --v53-card-border: rgba(26, 38, 39, .13);
  --v53-card-surface: #fbfaf6;
  --v53-card-surface-hover: #fff;
  --v53-card-text: #111819;
  --v53-card-muted: #687173;
  --v53-card-shadow: 0 18px 44px -30px rgba(31, 46, 47, .42), inset 0 0 0 1px rgba(24, 39, 40, .035);
  --v53-card-shadow-hover: 0 28px 58px -30px rgba(31, 46, 47, .5), inset 0 0 0 1px rgba(152, 97, 29, .14);
}

/* --------------------------------------------------------------------------
   Shared brand header. The navigation owns the right side on every route.
   -------------------------------------------------------------------------- */

body[data-shell-profile="public-v1"] .site-header,body[data-page="home"][data-shell-profile="public-v1"] .site-header{
  position: fixed;
  inset: 0 0 auto;
  z-index: 400;
  width: 100%;
  height: calc(64px + var(--safe-top));
  min-height: calc(64px + var(--safe-top));
  padding: var(--safe-top) 0 0;
  border: 0;
  border-block-end: 1px solid rgba(255, 255, 255, .09);
  color: #fff;
  background: rgba(15, 16, 16, .94);
  box-shadow: 0 12px 34px -30px rgba(0, 0, 0, .9);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
}

body[data-page="home"][data-shell-profile="public-v1"] .site-header.is-auto-hidden{
  transform: translateY(calc(-100% - 2px));
}

body[data-shell-profile="public-v1"] .header-inner,body[data-page="home"][data-shell-profile="public-v1"] .header-inner{
  width: 100%;
  max-width: none;
  height: 64px;
  min-height: 64px;
  margin: 0;
  padding-inline: clamp(18px, 2.5vw, 34px);
  gap: clamp(12px, 1.6vw, 24px);
}

body[data-shell-profile="public-v1"] .brand,body[data-page="home"][data-shell-profile="public-v1"] .brand{
  display: inline-flex;
  min-width: 0;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 0;
  color: #f0c27c;
  direction: ltr;
  text-decoration: none;
}

body[data-shell-profile="public-v1"] .brand-logo,body[data-page="home"][data-shell-profile="public-v1"] .brand-logo{
  display: block;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  object-fit: cover;
  border: 1px solid rgba(240, 194, 124, .34);
  border-radius: 50%;
  box-shadow: 0 8px 22px -15px rgba(215, 161, 90, .8);
}

body[data-shell-profile="public-v1"] .brand-name,body[data-page="home"][data-shell-profile="public-v1"] .brand-name{
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border: 0;
  color: currentColor;
  font-family: var(--font-wordmark);
  font-size: 23px;
  font-weight: 590;
  letter-spacing: -.035em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .primary-nav a,body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a{
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  color: rgba(255, 255, 255, .8);
  border-radius: 9px;
  font-size: 13px;
  font-weight: 620;
  letter-spacing: -.01em;
  line-height: 1;
}

body[data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible),body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible){
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

body[data-shell-profile="public-v1"] .primary-nav a[aria-current="page"],body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a[aria-current="page"]{
  color: #fff;
  background: rgba(215, 161, 90, .1);
  box-shadow: inset 0 -2px #d7a15a;
}

body[data-shell-profile="public-v1"] .header-actions,body[data-page="home"][data-shell-profile="public-v1"] .header-actions{
  min-width: 0;
  gap: 5px;
}

body[data-shell-profile="public-v1"] .header-actions .theme-toggle,body[data-page="home"][data-shell-profile="public-v1"] .header-actions .theme-toggle{
  display: grid !important;
}

body[data-shell-profile="public-v1"] :is(.header-search,.language-select,.theme-toggle,.sign-in-link,.account-trigger,.nav-toggle),body[data-page="home"][data-shell-profile="public-v1"] :is(.header-search,.language-select,.theme-toggle,.sign-in-link,.account-trigger,.nav-toggle){
  border-radius: 9px;
}

body[data-shell-profile="public-v1"] .sign-in-link,body[data-page="home"][data-shell-profile="public-v1"] .sign-in-link{
  border-color: rgba(255, 255, 255, .86);
  color: #111;
  background: #f8f7f3;
}

@media (min-width: 941px){
  body[data-shell-profile="public-v1"] .header-inner,body[data-page="home"][data-shell-profile="public-v1"] .header-inner{
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  body[data-shell-profile="public-v1"] .primary-nav,body[data-page="home"][data-shell-profile="public-v1"] .primary-nav{
    position: static;
    display: flex;
    width: auto;
    height: 64px;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    padding: 0;
    overflow: visible;
    opacity: 1;
    transform: none;
  }

  body[data-shell-profile="public-v1"][data-page] .primary-nav a:is([data-nav-key="home"],[data-nav-key="social"]){
    display: inline-flex;
  }

  body[data-shell-profile="public-v1"] .header-actions,body[data-page="home"][data-shell-profile="public-v1"] .header-actions{
    display: flex;
    width: auto;
    height: 64px;
    align-items: center;
    justify-content: flex-end;
  }

  body[data-shell-profile="public-v1"] .header-search,body[data-page="home"][data-shell-profile="public-v1"] .header-search{
    margin-inline-end: 0;
  }
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .site-header,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .site-header{
  --text: #111819;
  --text-soft: #344041;
  --muted: #677071;
  --surface: #fbfaf6;
  --surface-2: #eeece5;
  --line: rgba(24, 39, 40, .14);
  --line-strong: rgba(24, 39, 40, .26);
  border-block-end-color: rgba(24, 39, 40, .12);
  color: #111819;
  background: rgba(251, 250, 246, .94);
  box-shadow: 0 12px 34px -30px rgba(25, 39, 40, .5);
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .brand,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .brand{
  color: #8b5718;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav a,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a{
  color: #283334;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible),html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible){
  color: #111819;
  background: rgba(24, 39, 40, .07);
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav a[aria-current="page"],html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a[aria-current="page"]{
  color: #111819;
  background: rgba(152, 97, 29, .08);
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .sign-in-link,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .sign-in-link{
  border-color: #182021;
  color: #fff;
  background: #182021;
}

/* Footer uses the same monogram and typographic signature. */
body[data-shell-profile="public-v1"] .footer-brand{
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #f0c27c;
  font-family: var(--font-wordmark);
  font-size: 24px;
  font-weight: 580;
  letter-spacing: -.035em;
}

body[data-shell-profile="public-v1"] .footer-logo{
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}

/* --------------------------------------------------------------------------
   The light home flow must not inherit V49's literal black section canvas.
   The cinematic hero remains allowed to be image-led; all content after it is
   a coherent light editorial surface.
   -------------------------------------------------------------------------- */

html[data-theme="light"]:has(body[data-page="home"]){
  color-scheme: light;
  background: #f3f0e8;
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"],html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] :is(.site-shell,.home-platform){
  color: var(--v51-text);
  background: var(--v51-canvas);
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .platform-content.home-content-flow{
  color: var(--v51-text);
  background: var(--v51-canvas);
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .platform-content.home-content-flow::before{
  background: linear-gradient(180deg, transparent 0%, var(--v51-canvas) 64%);
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] :is(.home-shelf,.home-shelf-heading,.soundtrack-showcase,.soundtrack-showcase-header){
  color: var(--v51-text);
  background-color: transparent;
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .layout-module.layout-surface--panel{
  border-color: var(--v51-line);
  color: var(--v51-text);
  background: var(--v51-surface);
}

html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .layout-module.layout-surface--contrast{
  border-color: color-mix(in srgb, var(--v51-accent) 35%, var(--v51-line));
  color: var(--v51-text);
  background: linear-gradient(145deg, color-mix(in srgb, var(--v51-accent) 9%, var(--v51-surface)), var(--v51-surface) 58%);
}

/* Published legal reading editions remain visibly distinguished from source. */
body[data-shell-profile="public-v1"] .legal-page[lang="tr"]{
  font-kerning: normal;
}

body[data-shell-profile="public-v1"] .legal-translation-note{
  max-width: 72ch;
  margin: 15px 0 0;
  padding: 11px 13px;
  border: 1px solid color-mix(in srgb, var(--v51-accent, #d7a15a) 34%, var(--line));
  border-inline-start: 3px solid var(--v51-accent, #d7a15a);
  color: var(--text-soft);
  background: color-mix(in srgb, var(--v51-accent, #d7a15a) 7%, var(--surface));
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.55;
}

/* --------------------------------------------------------------------------
   One modern video-card component across home, archive and related shelves.
   -------------------------------------------------------------------------- */

body[data-shell-profile="public-v1"] .video-card{
  position: relative;
  display: grid;
  min-width: 0;
  height: 100%;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--v53-card-border);
  color: var(--v53-card-text);
  background: var(--v53-card-surface);
  border-radius: var(--v53-card-radius);
  box-shadow: var(--v53-card-shadow) !important;
  transform: translateZ(0);
  transition: border-color 200ms ease, background-color 200ms ease, box-shadow 240ms cubic-bezier(.22, 1, .36, 1), transform 240ms cubic-bezier(.22, 1, .36, 1);
}

body[data-shell-profile="public-v1"] .video-card .thumb-link,body[data-shell-profile="public-v1"] .video-card .card-media-link{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 0;
  background: #0d1011;
  border-radius: var(--v53-media-radius) var(--v53-media-radius) 0 0;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .video-card .thumb-link::after,body[data-shell-profile="public-v1"] .video-card .card-media-link::after{
  position: absolute;
  inset: 42% 0 0;
  z-index: 1;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, .62), transparent 88%);
  pointer-events: none;
}

body[data-shell-profile="public-v1"] .video-card .thumb-link img,body[data-shell-profile="public-v1"] .video-card .card-media-link img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.035) brightness(.92);
  transform: scale(1.002);
  transition: filter 240ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
}

body[data-shell-profile="public-v1"] .video-card-body{
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 7px 12px;
  align-content: start;
  padding: 14px 15px 16px;
  color: var(--v53-card-text);
  background: transparent;
}

body[data-shell-profile="public-v1"] .video-card-body > .eyebrow{
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--v51-accent, #d7a15a);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .105em;
  line-height: 16px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .video-card-body > time{
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: var(--v53-card-muted);
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .video-card-body > :is(h2,h3){
  grid-column: 1 / -1;
  grid-row: 2;
  display: -webkit-box;
  min-height: 2.35em;
  max-height: 2.35em;
  margin: 0;
  overflow: hidden;
  color: var(--v53-card-text);
  font-family: var(--font-ui);
  font-size: clamp(17px, 1.35vw, 20px);
  font-stretch: normal;
  font-weight: 670;
  letter-spacing: -.025em;
  line-height: 1.17;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-wrap: pretty;
}

body[data-shell-profile="public-v1"] .video-card-body > p:not(.eyebrow){
  display: none;
}

body[data-shell-profile="public-v1"] .video-card .card-title-link{
  color: inherit;
  text-decoration: none;
}

body[data-shell-profile="public-v1"] .video-card .card-title-link:is(:hover,:focus-visible){
  color: var(--v51-accent, #d7a15a);
  text-decoration: none;
}

body[data-shell-profile="public-v1"] .video-card .play-badge{
  position: absolute;
  inset: auto auto 12px 12px;
  z-index: 3;
  display: grid;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .48);
  color: #111;
  background: rgba(255, 255, 255, .94);
  border-radius: 12px;
  box-shadow: 0 12px 28px -17px rgba(0, 0, 0, .9);
  opacity: 1;
  transform: none;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  place-items: center;
}

body[data-shell-profile="public-v1"] .video-card > .is-card-save{
  position: absolute;
  inset: 12px 12px auto auto;
  z-index: 6;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .45);
  color: #fff;
  background: rgba(10, 12, 13, .7);
  border-radius: 11px;
  box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .9);
  opacity: .9;
  pointer-events: auto;
  transform: none;
  -webkit-backdrop-filter: blur(10px) saturate(.9);
  backdrop-filter: blur(10px) saturate(.9);
}

html.js body[data-shell-profile="public-v1"] .video-card > .title-preview-trigger{
  position: absolute;
  inset: 12px auto auto 12px;
  z-index: 6;
  display: inline-flex !important;
  width: auto;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .45);
  color: #fff;
  background: rgba(10, 12, 13, .7);
  border-radius: 11px;
  box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .9);
  opacity: .94;
  pointer-events: auto;
  transform: none;
  -webkit-backdrop-filter: blur(10px) saturate(.9);
  backdrop-filter: blur(10px) saturate(.9);
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 180ms ease;
}

html:not(.js) body[data-shell-profile="public-v1"] .title-preview-trigger{
  display: none !important;
}

body[data-shell-profile="public-v1"] .title-preview-info-icon,body[data-shell-profile="public-v1"] .title-preview-info-icon svg{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

body[data-shell-profile="public-v1"] .title-preview-info-label{
  display: block;
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .01em;
  line-height: 1;
}

body[data-shell-profile="public-v1"] .video-card > .title-preview-trigger:is(:hover,:focus-visible),body[data-shell-profile="public-v1"] .video-card > .is-card-save:is(:hover,:focus-visible,[aria-pressed="true"]){
  border-color: #e7ba74;
  color: #111;
  background: #d7a15a;
  transform: translateY(-1px);
}

body[data-shell-profile="public-v1"] .archive-grid--video{
  align-items: stretch;
}

@media (hover: hover) and (pointer: fine){
  body[data-shell-profile="public-v1"] .video-card:is(:hover,:focus-within){
    border-color: color-mix(in srgb, var(--v51-accent, #d7a15a) 45%, var(--v53-card-border));
    background: var(--v53-card-surface-hover);
    box-shadow: var(--v53-card-shadow-hover) !important;
    transform: translateY(-4px);
  }

  body[data-shell-profile="public-v1"] .video-card:is(:hover,:focus-within) .thumb-link img{
    filter: saturate(1) contrast(1.035) brightness(1);
    transform: scale(1.035);
  }
}

/* --------------------------------------------------------------------------
   Journal cards: 16:9 covers, equal title/body rhythm and readable summaries.
   -------------------------------------------------------------------------- */

body[data-shell-profile="public-v1"] .article-card{
  position: relative;
  display: grid;
  min-width: 0;
  height: 100%;
  grid-template-rows: auto 1fr;
  overflow: visible;
  padding: 0;
  border: 1px solid var(--v53-card-border);
  color: var(--v53-card-text);
  background: var(--v53-card-surface);
  border-radius: var(--v53-card-radius);
  box-shadow: var(--v53-card-shadow) !important;
  transition: border-color 200ms ease, background-color 200ms ease, box-shadow 240ms cubic-bezier(.22, 1, .36, 1), transform 240ms cubic-bezier(.22, 1, .36, 1);
}

body[data-shell-profile="public-v1"] .article-card-media,body[data-page="home"][data-shell-profile="public-v1"] .home-rail .article-card-media,body[data-page="articles"][data-shell-profile="public-v1"] .archive-grid--article .article-card-media{
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 0;
  background: #101314;
  border-radius: var(--v53-media-radius) var(--v53-media-radius) 0 0;
  box-shadow: none;
}

body[data-shell-profile="public-v1"] .article-card-media picture,body[data-shell-profile="public-v1"] .article-card-media img{
  display: block;
  width: 100%;
  height: 100%;
}

body[data-shell-profile="public-v1"] .article-card-media img,body[data-page="articles"][data-shell-profile="public-v1"] .archive-grid--article .article-card-media img{
  object-fit: cover;
  object-position: center;
  background: #101314;
  filter: saturate(.9) contrast(1.025) brightness(.94);
  transform: none;
  transition: filter 240ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1);
}

body[data-shell-profile="public-v1"] .article-card-body{
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto 1fr;
  gap: 7px 12px;
  align-content: start;
  padding: 14px 15px 17px;
  color: var(--v53-card-text);
  background: transparent;
  border-radius: 0 0 var(--v53-card-radius) var(--v53-card-radius);
}

body[data-shell-profile="public-v1"] .article-card-body > .eyebrow{
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--v51-accent, #d7a15a);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .105em;
  line-height: 16px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .article-card-body > time{
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  color: var(--v53-card-muted);
  font-size: 10px;
  line-height: 16px;
  white-space: nowrap;
}

body[data-shell-profile="public-v1"] .article-card-body > :is(h2,h3){
  grid-column: 1 / -1;
  grid-row: 2;
  display: -webkit-box;
  min-block-size: 2.4em;
  max-block-size: 2.4em;
  margin: 0;
  overflow: hidden;
  color: var(--v53-card-text);
  font-family: var(--font-ui);
  font-size: clamp(16px, 1.28vw, 19px);
  font-weight: 670;
  letter-spacing: -.025em;
  line-height: 1.2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-wrap: pretty;
}

body[data-shell-profile="public-v1"] .article-card .card-title-link{
  color: inherit;
  text-decoration: none;
}

body[data-shell-profile="public-v1"] .article-card .card-title-link:is(:hover,:focus-visible){
  color: var(--v51-accent, #d7a15a);
}

body[data-shell-profile="public-v1"] .article-card > .is-card-save{
  position: absolute;
  inset: 12px 12px auto auto;
  z-index: 10;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .45);
  color: #fff;
  background: rgba(10, 12, 13, .7);
  border-radius: 11px;
  opacity: .9;
  pointer-events: auto;
  transform: none;
  -webkit-backdrop-filter: blur(10px) saturate(.9);
  backdrop-filter: blur(10px) saturate(.9);
}

body[data-shell-profile="public-v1"] .article-card-summary{
  position: absolute;
  inset: 0;
  z-index: 9;
  pointer-events: none;
}

body[data-shell-profile="public-v1"] .article-card-summary-trigger{
  position: absolute;
  inset: 12px 64px auto auto;
  display: grid;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .45);
  color: #fff;
  background: rgba(10, 12, 13, .7);
  border-radius: 11px;
  box-shadow: 0 12px 26px -18px rgba(0, 0, 0, .9);
  opacity: .94;
  pointer-events: auto;
  -webkit-backdrop-filter: blur(10px) saturate(.9);
  backdrop-filter: blur(10px) saturate(.9);
  place-items: center;
}

body[data-shell-profile="public-v1"] .article-card-summary-panel{
  position: absolute;
  inset: 50px 12px auto;
  width: auto;
  max-height: calc(100% - 62px);
  padding: 15px 16px 16px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, .19);
  color: #f7f5f0;
  background: rgba(16, 18, 19, .94);
  border-radius: 13px;
  box-shadow: 0 22px 48px -22px rgba(0, 0, 0, .96);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 150ms ease, visibility 150ms ease, transform 190ms cubic-bezier(.22, 1, .36, 1);
  -webkit-backdrop-filter: blur(18px) saturate(.84);
  backdrop-filter: blur(18px) saturate(.84);
}

body[data-shell-profile="public-v1"] .article-card-summary-kicker{
  display: block;
  margin: 0 0 7px;
  color: #e1ad67;
  font-family: var(--font-ui);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

body[data-shell-profile="public-v1"] .article-card-summary-panel > p,body[data-page="home"][data-shell-profile="public-v1"] .article-card-summary-panel > p{
  display: block !important;
  margin: 0;
  overflow: visible;
  color: inherit;
  font-size: 12px;
  line-height: 1.58;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

body[data-shell-profile="public-v1"] .article-card-summary:is([open],:hover,:focus-within) .article-card-summary-panel{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

body[data-shell-profile="public-v1"] .article-card-summary-trigger:is(:hover,:focus-visible),body[data-shell-profile="public-v1"] .article-card-summary[open] .article-card-summary-trigger,body[data-shell-profile="public-v1"] .article-card > .is-card-save:is(:hover,:focus-visible,[aria-pressed="true"]){
  border-color: #e7ba74;
  color: #111;
  background: #d7a15a;
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .article-card-summary-panel{
  border-color: rgba(24, 39, 40, .18);
  color: #182021;
  background: rgba(251, 250, 246, .96);
  box-shadow: 0 22px 48px -24px rgba(28, 43, 44, .55);
}

html[data-theme="light"] body[data-shell-profile="public-v1"] .article-card-summary-kicker{
  color: #895516;
}

body[data-page="articles"] .archive-grid--article{
  align-items: stretch;
}

@media (hover: hover) and (pointer: fine){
  body[data-shell-profile="public-v1"] .article-card:is(:hover,:focus-within){
    z-index: 20;
    border-color: color-mix(in srgb, var(--v51-accent, #d7a15a) 45%, var(--v53-card-border));
    background: var(--v53-card-surface-hover);
    box-shadow: var(--v53-card-shadow-hover) !important;
    transform: translateY(-4px);
  }

  body[data-shell-profile="public-v1"] .article-card:is(:hover,:focus-within) .article-card-media img{
    filter: saturate(1) contrast(1.025) brightness(1);
    transform: scale(1.025);
  }
}

/* --------------------------------------------------------------------------
   Global full-bleed information dialog. Images fill the surface and dissolve
   into the selected light/dark theme instead of ending in a hard rectangle.
   -------------------------------------------------------------------------- */

body[data-shell-profile="public-v1"][data-page] .title-preview-dialog{
  --preview-base: #111516;
  --preview-text: #fff;
  --preview-soft: rgba(255, 255, 255, .78);
  --preview-muted: rgba(255, 255, 255, .58);
  width: min(1040px, calc(100vw - 40px));
  max-width: 1040px;
  max-height: min(90dvh, 860px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .2);
  color: var(--preview-text);
  background: var(--preview-base);
  border-radius: 22px;
  box-shadow: 0 42px 120px rgba(0, 0, 0, .64);
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-page] .title-preview-dialog{
  --preview-base: #f5f1e8;
  --preview-text: #111819;
  --preview-soft: #344041;
  --preview-muted: #657071;
  border-color: rgba(24, 39, 40, .2);
  box-shadow: 0 42px 120px rgba(24, 39, 40, .38);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-dialog::backdrop{
  background: rgba(5, 7, 8, .7);
  -webkit-backdrop-filter: blur(12px) saturate(.75);
  backdrop-filter: blur(12px) saturate(.75);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-surface{
  position: relative;
  display: flex;
  min-height: min(720px, 86dvh);
  max-height: min(90dvh, 860px);
  align-items: flex-end;
  overflow: auto;
  color: var(--preview-text);
  background: var(--preview-base);
  border-radius: inherit;
  overscroll-behavior: contain;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-chrome{
  position: absolute;
  inset: 0 0 auto;
  z-index: 12;
  width: 100%;
  height: 0;
  padding: 0;
  pointer-events: none;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-close{
  position: absolute;
  inset: 16px 16px auto auto;
  z-index: 13;
  pointer-events: auto;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-media{
  position: absolute;
  inset: 0;
  min-height: 100%;
  overflow: hidden;
  aspect-ratio: auto;
  background: var(--preview-base);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-media img{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-media-backdrop{
  filter: blur(34px) saturate(.78) brightness(.78);
  opacity: .7;
  transform: scale(1.09);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-media-cover{
  filter: saturate(.88) contrast(1.03) brightness(.88);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-media-shade{
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(0deg,
      var(--preview-base) 0%,
      color-mix(in srgb, var(--preview-base) 94%, transparent) 18%,
      color-mix(in srgb, var(--preview-base) 70%, transparent) 38%,
      color-mix(in srgb, var(--preview-base) 18%, transparent) 67%,
      transparent 83%),
    linear-gradient(90deg,
      color-mix(in srgb, var(--preview-base) 62%, transparent),
      transparent 62%);
  pointer-events: none;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-copy{
  position: relative;
  z-index: 4;
  display: block;
  width: min(100%, 790px);
  min-width: 0;
  margin: 0;
  padding: clamp(15rem, 32vh, 19rem) clamp(24px, 5vw, 58px) clamp(30px, 5vw, 56px);
  color: var(--preview-text);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-copy .content-kicker{
  color: #d7a15a;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-page] .title-preview-copy .content-kicker{
  color: #895516;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-copy .content-kicker time,body[data-shell-profile="public-v1"][data-page] .title-preview-copy .content-kicker time::before{
  color: var(--preview-muted);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-copy h2{
  max-width: 17ch;
  margin: 0 0 14px;
  color: var(--preview-text);
  font-family: var(--font-ui);
  font-size: clamp(2rem, 4vw, 4.1rem);
  font-weight: 680;
  letter-spacing: -.045em;
  line-height: .98;
  text-wrap: balance;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-description{
  display: -webkit-box;
  max-width: 68ch;
  margin: 0 0 17px;
  overflow: hidden;
  color: var(--preview-soft);
  font-size: 14px;
  line-height: 1.62;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-tags span{
  border-color: color-mix(in srgb, #d7a15a 38%, transparent);
  color: var(--preview-soft);
  background: color-mix(in srgb, var(--preview-base) 70%, transparent);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action-primary{
  border-color: #f8f7f3;
  color: #111;
  background: #f8f7f3;
}

html[data-theme="light"] body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action-primary{
  border-color: #182021;
  color: #fff;
  background: #182021;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action-secondary{
  border-color: color-mix(in srgb, var(--preview-text) 30%, transparent);
  color: var(--preview-text);
  background: color-mix(in srgb, var(--preview-base) 72%, transparent);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}

body[data-shell-profile="public-v1"][data-page] .title-preview-connection{
  color: var(--preview-muted);
}

/* --------------------------------------------------------------------------
   Responsive card grids and controls.
   -------------------------------------------------------------------------- */

@media (min-width: 1200px){
  body[data-page="videos"] .archive-grid--video,body[data-page="articles"] .archive-grid--article{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px 22px;
  }
}

@media (min-width: 820px) and (max-width: 1199px){
  body[data-page="videos"] .archive-grid--video,body[data-page="articles"] .archive-grid--article{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px 20px;
  }
}

@media (min-width: 768px) and (max-width: 819px){
  body[data-page="videos"] .archive-grid--video,body[data-page="articles"] .archive-grid--article{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 18px;
  }
}

@media (min-width: 600px) and (max-width: 767px){
  body[data-page="videos"] .archive-grid--video,body[data-page="articles"] .archive-grid--article{
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}

@media (max-width: 940px){
  body[data-shell-profile="public-v1"] .header-inner,body[data-page="home"][data-shell-profile="public-v1"] .header-inner{
    grid-template-columns: auto 1fr;
  }

  body[data-shell-profile="public-v1"] .brand-name,body[data-page="home"][data-shell-profile="public-v1"] .brand-name{
    font-size: 21px;
  }

  body[data-shell-profile="public-v1"] .primary-nav a,body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a{
    min-height: 48px;
    justify-content: flex-start;
    text-align: start;
  }

  html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav{
    border-color: rgba(24, 39, 40, .14);
    color: #111819;
    background: rgba(251, 250, 246, .88) !important;
    -webkit-backdrop-filter: blur(26px) saturate(118%);
    backdrop-filter: blur(26px) saturate(118%);
    box-shadow: 0 24px 54px -28px rgba(24, 39, 40, .48);
  }

  html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav a,html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a{
    color: #283334 !important;
  }

  html[data-theme="light"] body[data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible,[aria-current="page"]),html[data-theme="light"] body[data-page="home"][data-shell-profile="public-v1"] .primary-nav a:is(:hover,:focus-visible,[aria-current="page"]){
    color: #111819 !important;
    background: rgba(24, 39, 40, .07);
  }
}

@media (max-width: 599px){
  body[data-page="videos"] .archive-grid--video,body[data-page="articles"] .archive-grid--article{
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  body[data-page="videos"] .archive-grid--video > .video-card,body[data-page="articles"] .archive-grid--article > .article-card{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    gap: 0;
    padding: 0;
    border-block-end: 1px solid var(--v53-card-border);
  }

  body[data-page="videos"] .archive-grid--video .card-media-link,body[data-page="articles"] .archive-grid--article .article-card-media{
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--v53-media-radius) var(--v53-media-radius) 0 0;
  }

  body[data-page="videos"] .archive-grid--video .video-card-body,body[data-page="articles"] .archive-grid--article .article-card-body{
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100%;
    padding: 14px 15px 17px;
  }

  body[data-page="videos"][data-shell-profile="public-v1"] .archive-grid--video > .video-card > .is-card-save,body[data-page="articles"][data-shell-profile="public-v1"] .archive-grid--article > .article-card > .is-card-save{
    inset: 12px 12px auto auto !important;
    opacity: .94 !important;
    pointer-events: auto !important;
  }

  body[data-page="articles"][data-shell-profile="public-v1"] .archive-grid--article .article-card-summary-trigger{
    inset: 12px 64px auto auto !important;
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-dialog{
    inset: auto 0 0;
    width: 100%;
    max-width: none;
    max-height: calc(100dvh - max(10px, var(--safe-top)));
    margin: auto 0 0;
    border-width: 1px 0 0;
    border-radius: 22px 22px 0 0;
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-surface{
    min-height: min(86dvh, 720px);
    max-height: calc(100dvh - max(10px, var(--safe-top)));
    border-radius: inherit;
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-copy{
    width: 100%;
    padding: clamp(13rem, 38vh, 18rem) 18px calc(22px + var(--safe-bottom));
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-copy h2{
    max-width: 16ch;
    font-size: clamp(1.65rem, 8vw, 2.5rem);
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-description{
    font-size: 13px;
    -webkit-line-clamp: 5;
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-actions{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action,body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action:first-child,body[data-shell-profile="public-v1"][data-page] .title-preview-actions .action-secondary{
    grid-column: auto;
    width: 100%;
    justify-content: center;
  }

  body[data-shell-profile="public-v1"] .article-card-summary-panel{
    max-height: calc(100% - 62px);
  }
}

@media (max-width: 430px){
  body[data-shell-profile="public-v1"] .header-inner,body[data-page="home"][data-shell-profile="public-v1"] .header-inner{
    padding-inline: 13px;
    gap: 8px;
  }

  body[data-shell-profile="public-v1"] .brand-logo,body[data-page="home"][data-shell-profile="public-v1"] .brand-logo{
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  body[data-shell-profile="public-v1"] .brand-name,body[data-page="home"][data-shell-profile="public-v1"] .brand-name{
    font-size: 19px;
  }

  html.js body[data-shell-profile="public-v1"] .video-card > .title-preview-trigger{
    padding-inline: 10px;
  }
}

@media (hover: none), (pointer: coarse){
  body[data-shell-profile="public-v1"][data-page] :is(.video-card,.article-card) > .is-card-save{
    opacity: .94 !important;
    pointer-events: auto !important;
  }
}

/* Final specificity bridge for the earlier route-scoped V50/V51 rules. */
body[data-shell-profile="public-v1"][data-page] .video-card,body[data-shell-profile="public-v1"][data-page] .article-card{
  border-radius: var(--v53-card-radius) !important;
  box-shadow: var(--v53-card-shadow) !important;
}

body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video > .video-card,body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article > .article-card{
  display: grid;
  min-width: 0;
  height: 100%;
  grid-template-rows: auto 1fr;
  gap: 0;
  padding: 0;
  border: 1px solid var(--v53-card-border);
  color: var(--v53-card-text);
  background: var(--v53-card-surface);
  transform: translateZ(0) !important;
}

body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video > .video-card{
  overflow: hidden;
}

body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article > .article-card{
  overflow: visible;
}

@media (min-width: 600px) and (max-width: 767px){
  body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video > .video-card,body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article > .article-card{
    grid-template-columns: minmax(220px, 42%) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
  }

  body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video .card-media-link,body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article .article-card-media{
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--v53-media-radius) 0 0 var(--v53-media-radius);
  }

  body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video .video-card-body,body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article .article-card-body{
    grid-column: 2;
    grid-row: 1;
    align-content: center;
    padding: 16px 18px;
    border-inline-start: 1px solid var(--v53-card-border);
    border-radius: 0 var(--v53-card-radius) var(--v53-card-radius) 0;
  }
}

body[data-shell-profile="public-v1"][data-page] .video-card.is-portrait-video :is(.thumb-link,.card-media-link) img{
  object-fit: contain;
  transform: none;
}

body[data-shell-profile="public-v1"][data-page] .title-preview-dialog.is-portrait-preview .title-preview-media-cover{
  object-fit: contain;
  transform: none;
}

body[data-shell-profile="public-v1"][data-page] .video-card .video-card-body > p:not(.eyebrow){
  display: none !important;
}

@media (hover: hover) and (pointer: fine){
  body[data-shell-profile="public-v1"][data-page="videos"] .archive-grid--video > .video-card:is(:hover,:focus-within),body[data-shell-profile="public-v1"][data-page="articles"] .archive-grid--article > .article-card:is(:hover,:focus-within){
    box-shadow: var(--v53-card-shadow-hover) !important;
    transform: translateY(-4px) !important;
  }
}

@media (prefers-reduced-motion: reduce){
  body[data-shell-profile="public-v1"] :is(.video-card,.article-card,.video-card img,.article-card img,.title-preview-trigger){
    transition: none;
  }
}