.brand-small{
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  display: block;
  opacity: 0.85;
  margin-bottom: -0.38rem;
}.brand-name{
  font-family: var(--font-display);
  font-size: 1.8rem;
  letter-spacing: 0.01em;
  line-height: 1;
  text-shadow: 2px 3px 0 var(--color-teal-deep);
}.brand-dot{ color: var(--color-amber-light); }.hero{
  min-height: 742px;
  display: grid;
  align-items: end;
  isolation: isolate;
  position: relative;
  color: var(--color-white);
  background: var(--color-teal-deep);
  overflow: hidden;
}.hero::before{
  content: "";
  position: absolute; inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(6,72,70,0.88) 0%, rgba(6,72,70,0.63) 39%, rgba(6,72,70,0.16) 70%, rgba(6,72,70,0.42) 100%),
    linear-gradient(0deg, rgba(3,57,55,0.84) 0%, transparent 54%);
}.hero-inner{
  width: min(var(--content-wide), calc(100% - 3rem));
  padding: 9.7rem 0 var(--space-6);
  margin: auto;
}.hero-copy{ max-width: 730px; }.eyebrow{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}.eyebrow::before{
  content: "";
  display: block;
  height: 11px; width: 11px;
  background: var(--color-amber-light);
  transform: rotate(45deg);
  box-shadow: 15px 0 0 rgba(255,255,255,0.55);
}.hero-answer{
  width: min(620px, 100%);
  font-size: clamp(1.05rem, 1.55vw, 1.25rem);
  line-height: 1.55;
  font-weight: 600;
  text-wrap: pretty;
}.hero-answer strong{ color: var(--color-amber-light); }.hero-meta{
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1.1rem;
  font-size: 0.86rem;
  font-weight: 700;
}.hero-meta span{
  border-top: 1px solid rgba(255,255,255,0.55);
  padding-top: 0.5rem;
}.hero-scroll{
  margin-top: var(--space-5);
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-weight: 800;
  color: var(--color-white);
  text-decoration: none;
}.scroll-line{
  width: 60px; height: 2px;
  background: var(--color-amber-light);
  position: relative;
}.scroll-line::after{
  content: "";
  position: absolute; right: 0; top: -4px;
  border: 5px solid transparent;
  border-left-color: var(--color-amber-light);
  transform: translateX(9px);
}.ribbon{
  background: var(--color-amber);
  color: var(--color-teal-deep);
  padding: 0.7rem 0;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--font-display);
  text-transform: uppercase;
  font-size: 1.15rem;
  letter-spacing: 0.06em;
}.ribbon-track{ display: inline-block; animation: marquee 24s linear infinite; }.section{ padding: var(--space-7) var(--space-4); }.section-inner{ max-width: var(--content-wide); margin: auto; }.section-heading{
  max-width: var(--content-reading);
  margin-bottom: var(--space-5);
}.kicker{
  color: var(--color-orange-dark);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: var(--space-2);
}.section-heading p{
  max-width: 67ch;
  font-size: 1.06rem;
  color: var(--color-ink-soft);
}.studio-band{
  min-height: 310px;
  display: flex;
  align-items: stretch;
  position: relative;
  color: var(--color-white);
  background: var(--color-teal-deep);
  overflow: hidden;
}.studio-band::before{
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(5,61,59,0.93) 0%, rgba(5,61,59,0.77) 48%, rgba(5,61,59,0.18) 100%);
  z-index: 1;
}.studio-band.blackjack::after,
.studio-band.roulette::after{
  content: "";
  position: absolute; inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
}.studio-band.blackjack::after{ background-image: url("img/hub-blackjack-1200.webp"); background-position: 30% 40%; }.studio-band.roulette::after{ background-image: url("img/hub-roulette-1200.webp"); background-position: 70% 50%; }.band-inner{
  position: relative; z-index: 2;
  width: min(var(--content-wide), calc(100% - 3rem));
  margin: auto;
  padding: var(--space-6) 0;
}.band-copy{ max-width: 610px; }.studio-band .kicker{ color: var(--color-amber-light); }.studio-band h2{ text-shadow: 3px 4px 0 var(--color-teal-deep); }.studio-band p{ max-width: 58ch; font-size: 1.08rem; }.band-link{
  color: var(--color-white);
  font-weight: 800;
  display: inline-block;
  margin-top: var(--space-2);
}.ranking-section{
  background:
    radial-gradient(circle at 89% 12%, rgba(232,166,56,0.24) 0 2px, transparent 3px),
    radial-gradient(circle at 83% 26%, rgba(7,93,91,0.15) 0 3px, transparent 4px),
    var(--color-cream);
  background-size: 28px 28px, 39px 39px, auto;
}.scoreboard{
  border: 13px solid var(--color-birch);
  outline: 3px solid var(--color-line);
  background: var(--color-birch-light);
  box-shadow: var(--shadow-board);
  position: relative;
  padding: 0.9rem;
}.scoreboard::before,
.scoreboard::after{
  content: "";
  width: 28px; height: 28px;
  position: absolute;
  border: 5px solid var(--color-amber);
  background: var(--color-teal);
  transform: rotate(45deg);
}.scoreboard::before{ left: -17px; top: -17px; }.scoreboard::after{ right: -17px; bottom: -17px; }.board-top{
  display: grid;
  grid-template-columns: 72px 1.4fr 0.64fr 1fr 0.8fr;
  gap: var(--space-3);
  align-items: center;
  padding: 0.8rem 1rem;
  background: var(--color-teal);
  color: var(--color-white);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}.rank-row{
  display: grid;
  grid-template-columns: 72px 1.4fr 0.64fr 1fr 0.8fr;
  gap: var(--space-3);
  padding: 1.25rem 1rem 0.8rem;
  align-items: start;
  border-bottom: 2px solid rgba(185,142,80,0.5);
  position: relative;
}.rank-row:last-child{ border-bottom: 0; }.rank-number{
  font-family: var(--font-display);
  font-size: 2.45rem;
  line-height: 0.84;
  color: var(--color-orange);
  text-align: center;
}.casino-name{
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 0.4rem;
}.review-link{
  color: var(--color-orange-dark);
  font-size: 0.88rem;
  font-weight: 800;
}.fact-list{
  list-style: none;
  padding: 0; margin: 0;
  font-size: 0.86rem;
  line-height: 1.38;
}.fact-list li{ margin-bottom: 0.36rem; }.fact-list li{ padding-left: 1rem; position: relative; }.fact-list li::before{
  content: "";
  position: absolute; left: 0; top: 0.45em;
  width: 6px; height: 6px;
  background: var(--color-orange);
  transform: rotate(45deg);
}.licence-holder{
  font-size: 0.86rem;
  line-height: 1.35;
}.licence-holder strong{ display: block; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-ink-soft); }.row-compliance{
  grid-column: 2 / -1;
  color: var(--color-ink-soft);
  font-size: 0.72rem;
  border-top: 1px dashed rgba(185,142,80,0.75);
  padding-top: 0.55rem;
  margin-top: -0.25rem;
}.board-note{
  margin: var(--space-4) 1rem 0;
  padding: var(--space-3);
  background: var(--color-teal-pale);
  font-size: 0.9rem;
  font-weight: 600;
}.data-table{ width: 100%; border-collapse: collapse; background: var(--color-white); }.data-table th{
  text-align: left;
  background: var(--color-amber);
  color: var(--color-teal-deep);
  padding: 0.8rem;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}.data-table td{
  padding: 0.9rem 0.8rem;
  vertical-align: top;
  border-bottom: 1px solid var(--color-birch);
  font-size: 0.88rem;
}.data-table tbody tr:last-child td{ border-bottom: 0; }.method-section{ background: var(--color-cream); }.method-grid{
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(250px, 0.8fr);
  gap: var(--space-6);
  align-items: start;
}.method-copy{ max-width: 74ch; }.method-copy p{ font-size: 1.03rem; }.method-list{
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
  columns: 2;
  gap: 1.5rem;
}.method-list li{
  break-inside: avoid;
  margin-bottom: 0.9rem;
  padding-left: 1.8rem;
  position: relative;
  font-weight: 700;
}.method-list li::before{
  content: "";
  width: 10px; height: 10px;
  position: absolute; left: 0; top: 0.43rem;
  background: var(--color-orange);
  transform: rotate(45deg);
}.licence-teaser{
  color: var(--color-white);
  background: var(--color-teal);
  padding: var(--space-5);
  box-shadow: var(--shadow-small);
}.licence-teaser h3{
  font-family: var(--font-display);
  text-transform: uppercase;
  color: var(--color-amber-light);
  font-size: 1.9rem;
}.licence-teaser a{ font-weight: 800; color: var(--color-white); }.studio-band .band-link{ color: var(--color-amber-light); }.sources-section{ background: var(--color-cream); padding-top: var(--space-6); padding-bottom: var(--space-6); }.sources-wrap{
  max-width: var(--content-wide);
  margin: auto;
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: var(--space-5);
  border-top: 4px solid var(--color-teal);
  padding-top: var(--space-4);
}.sources-wrap h2{ font-size: 2.4rem; }.sources-list{ margin: 0; padding-left: 1.1rem; }.sources-list li{ margin-bottom: 0.6rem; }.sources-list a{ font-weight: 700; }.footer-inner .brand-name{ font-size: 1.5rem; }.studio-hub{ background: var(--color-white); padding-block: var(--space-8); }.studio-hub-inner{ max-width: 1320px; margin: 0 auto; padding-inline: var(--space-5); }.studio-hub-head{ text-align: center; margin-bottom: var(--space-6); }.studio-hub-kicker{ color: var(--color-teal); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; font-size: .85rem; margin: 0 0 var(--space-2); }.studio-hub-head h2{ font-family: var(--font-display); font-size: clamp(2.6rem, 6vw, 4.6rem); line-height: .95; text-transform: uppercase; color: var(--color-teal-deep); margin: 0; }.studio-hub-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }.studio-card{ position: relative; display: block; aspect-ratio: 3 / 4.3; border-radius: 2.4rem; overflow: hidden; box-shadow: 0 30px 60px -24px var(--color-shadow); transition: transform .45s ease; }.studio-card img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s ease; }.studio-card::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6, 72, 70, .92) 0%, rgba(6, 72, 70, .25) 40%, transparent 65%); }.studio-card-warm::after{ background: linear-gradient(to top, rgba(120, 52, 18, .9) 0%, rgba(120, 52, 18, .2) 40%, transparent 65%); }.studio-card-title{ position: absolute; z-index: 1; left: 2.2rem; right: 2.2rem; bottom: 2.4rem; font-family: var(--font-display); font-size: clamp(2rem, 3.4vw, 3.2rem); line-height: .95; text-transform: uppercase; color: var(--color-white); }.studio-card-title::after{ content: ""; display: block; width: 3rem; height: 4px; margin-top: .9rem; background: var(--color-amber); transition: width .5s ease; }.studio-card:hover, .studio-card:focus-visible{ transform: translateY(-10px); }.studio-card:hover img{ transform: scale(1.06); }.studio-card:hover .studio-card-title::after, .studio-card:focus-visible .studio-card-title::after{ width: 100%; }.studio-card:focus-visible{ outline: 4px solid var(--color-amber); outline-offset: 4px; }.faq-band{ background: var(--color-teal-deep); color: var(--color-white); padding-block: var(--space-8); }.faq-band-inner{ max-width: 1240px; margin: 0 auto; padding-inline: var(--space-5); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-7); align-items: start; }.faq-band h2{ font-family: var(--font-display); text-transform: uppercase; font-size: clamp(2rem, 3.6vw, 2.8rem); margin: 0 0 var(--space-4); color: var(--color-white); }.faq-band details{ border-bottom: 1px solid rgba(255, 253, 247, .14); padding-block: var(--space-3); }.faq-band summary{ cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: var(--space-3); }.faq-band summary::-webkit-details-marker{ display: none; }.faq-band summary::after{ content: "+"; font-family: var(--font-display); font-size: 1.5rem; color: var(--color-amber-light); }.faq-band details[open] summary::after{ content: "–"; }.faq-band summary h3{ font: 700 1.08rem/1.4 var(--font-body); margin: 0; color: var(--color-white); }.faq-band details p{ color: rgba(255, 253, 247, .72); line-height: 1.7; margin: var(--space-2) 0 0; max-width: 62ch; }.faq-band-method{ background: rgba(255, 253, 247, .06); border: 1px solid rgba(255, 253, 247, .08); border-radius: 2.4rem; padding: var(--space-6) var(--space-5); }.faq-band-method h3{ font-family: var(--font-display); font-size: 1.7rem; margin: 0 0 var(--space-3); color: var(--color-amber-light); text-transform: uppercase; }.faq-band-method p{ color: rgba(255, 253, 247, .85); line-height: 1.7; margin: 0 0 var(--space-4); }.faq-band-note{ background: rgba(0, 0, 0, .18); border-radius: var(--radius-md); padding: var(--space-3); font-size: .95rem; }.faq-band-method a{ color: var(--color-amber-light); font-weight: 700; }@media (max-width: 900px){.studio-hub-grid{ grid-template-columns: 1fr; }.studio-card{ aspect-ratio: 4 / 3.4; }.faq-band-inner{ grid-template-columns: 1fr; gap: var(--space-6); }}@media (prefers-reduced-motion: reduce){.studio-card, .studio-card img, .studio-card-title::after{ transition: none; }}.hero-media{
  position: absolute; inset: 0;
  z-index: -3;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: 70% 50%;
}.h1-tail{
  display: block;
  margin-top: 0.75rem;
  font-size: 0.36em;
  line-height: 1.05;
  letter-spacing: 0;
  color: var(--color-white);
  text-shadow: 2px 3px 0 var(--color-teal-deep);
}.hero-podium{
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}.hero-podium li{
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 0.95rem 0.45rem 0.45rem;
  background: var(--color-birch-light);
  color: var(--color-ink);
  border-radius: var(--radius-round);
  box-shadow: var(--shadow-small);
  font-weight: 800;
}.podium-place{
  display: grid;
  place-items: center;
  width: 2rem; height: 2rem;
  border-radius: var(--radius-round);
  background: var(--color-orange);
  color: var(--color-white);
  font-family: var(--font-display);
  font-size: 1.05rem;
}.hero-podium li:first-child .podium-place{ background: var(--color-amber); color: var(--color-teal-deep); }@media (max-width: 560px){ .hero-podium{ display: grid; grid-template-columns: repeat(2, max-content); } }.article{ background: var(--color-cream); padding: var(--space-7) var(--space-4); }.article-grid{
  max-width: var(--content-wide);
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: var(--space-6);
  align-items: start;
}.article-main{ grid-column: 1; grid-row: 1; min-width: 0; }.toc{
  grid-column: 2; grid-row: 1;
  position: sticky;
  top: calc(var(--header-height) + 1.5rem);
  background: var(--color-birch-light);
  border: 3px solid var(--color-birch);
  border-radius: var(--radius-lg);
  padding: var(--space-4);
}.toc-title{
  font-family: var(--font-display);
  text-transform: uppercase;
  color: var(--color-teal-deep);
  font-size: 1.35rem;
  margin-bottom: var(--space-2);
}.toc ol{ list-style: none; margin: 0; padding: 0; counter-reset: toc; }.toc li{ counter-increment: toc; }.toc a{
  display: flex;
  gap: 0.6rem;
  padding: 0.42rem 0;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  border-bottom: 1px dashed rgba(185,142,80,0.6);
}.toc li:last-child a{ border-bottom: 0; }.toc a::before{
  content: counter(toc, decimal-leading-zero);
  font-family: var(--font-display);
  color: var(--color-orange);
  min-width: 1.6rem;
}.toc a[aria-current="true"]{ color: var(--color-orange-dark); }.chapter{
  padding-block: var(--space-6);
  border-top: 3px solid var(--color-birch);
  scroll-margin-top: calc(var(--header-height) + 1rem);
}.chapter:first-child{ border-top: 0; padding-top: 0; }.chapter h2{ font-size: clamp(2rem, 3.6vw, 3.2rem); color: var(--color-teal-deep); max-width: 22ch; }.chapter p, .chapter li{ max-width: 70ch; font-size: 1.05rem; }.chapter ul, .chapter ol{ padding-left: 1.3rem; }.chapter li{ margin-bottom: 0.55rem; }.chapter li::marker{ color: var(--color-orange); font-weight: 800; }.chapter a{ color: var(--color-teal); font-weight: 700; }.chapter-short{
  font-size: 1.2rem !important;
  line-height: 1.5;
  font-weight: 600;
  color: var(--color-ink);
}.more-toggle{
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0.2rem 0 0;
  padding: 0.55rem 1.1rem;
  border: 2px solid var(--color-teal);
  border-radius: var(--radius-round);
  background: var(--color-white);
  color: var(--color-teal-deep);
  font-weight: 800;
  cursor: pointer;
  box-shadow: var(--shadow-small);
}.more-toggle::after{
  content: "";
  width: 8px; height: 8px;
  border-right: 3px solid var(--color-orange);
  border-bottom: 3px solid var(--color-orange);
  transform: rotate(45deg) translateY(-2px);
  transition: transform var(--transition);
}.more-toggle[aria-expanded="true"]::after{ transform: rotate(225deg) translateY(-2px); }.more-toggle:hover{ background: var(--color-teal-pale); }.chapter-more{ margin-top: var(--space-4); }.chapter .scoreboard{ margin-block: var(--space-5) var(--space-4); }.rank-row{ grid-template-columns: 64px minmax(0, 0.9fr) minmax(0, 1.25fr) minmax(0, 1fr); }.board-top{ grid-template-columns: 64px minmax(0, 0.9fr) minmax(0, 1.25fr) minmax(0, 1fr); }.row-comment{
  grid-column: 2 / -1;
  margin: 0;
  font-size: 0.95rem;
  max-width: none !important;
}.row-compliance{ margin-top: 0; }.licence-holder span{ display: block; color: var(--color-ink-soft); font-size: 0.8rem; margin-top: 0.2rem; }.fact-list b{ font-weight: 800; }.fact-list .is-missing{ color: var(--color-ink-soft); font-style: italic; }.board-note{ margin: var(--space-3) 0 0; }.data-table{ margin-block: var(--space-4); font-variant-numeric: tabular-nums; }.data-table caption{
  caption-side: top;
  text-align: left;
  font-weight: 800;
  font-size: 0.92rem;
  padding-bottom: 0.6rem;
  color: var(--color-ink-soft);
}.data-table tbody th{
  text-align: left;
  background: transparent;
  color: var(--color-ink);
  font-size: 0.95rem;
  text-transform: none;
  letter-spacing: 0;
  border-bottom: 1px solid var(--color-birch);
  vertical-align: top;
}.data-table td{ font-size: 0.92rem; }.chapter .studio-band{
  border-radius: var(--radius-lg);
  min-height: 340px;
  margin-block: var(--space-4);
  box-shadow: var(--shadow-soft);
}.chapter .band-inner{ width: auto; padding: var(--space-5); margin: 0; }.chapter .studio-band h2{ color: var(--color-white); max-width: 16ch; }.chapter .studio-band p{ max-width: 54ch; }.chapter .studio-band a{ color: var(--color-amber-light); }.chapter.band-chapter{ border-top: 0; padding-block: 0 var(--space-4); }.studio-hub-intro{ max-width: 60ch; margin: var(--space-3) auto 0; color: var(--color-ink-soft); font-size: 1.06rem; }.studio-card-body{
  position: absolute; z-index: 1;
  left: 2.2rem; right: 2.2rem; bottom: 2.2rem;
  color: var(--color-white);
}.studio-card-body .studio-card-title{ position: static; }.studio-card-text{ margin: 0.9rem 0 0; font-size: 1rem; line-height: 1.45; color: rgba(255,253,247,0.92); }.studio-card{ text-decoration: none; }.faq-band summary h3{ font-family: var(--font-body); text-transform: none; }.faq-band details p a{ color: var(--color-amber-light); }.faq-band-method{ position: sticky; top: calc(var(--header-height) + 1.5rem); }.sources-groups h3{
  font-family: var(--font-display);
  text-transform: uppercase;
  color: var(--color-teal-deep);
  font-size: 1.3rem;
  margin: 0 0 var(--space-2);
}.sources-groups .sources-list{ margin-bottom: var(--space-4); }.sources-list{ font-size: 0.95rem; }@media (max-width: 1060px){.article-grid{ grid-template-columns: 1fr; gap: var(--space-4); }.toc{ grid-column: 1; grid-row: 1; position: static; padding: var(--space-3); border-width: 2px; }.article-main{ grid-row: 2; }.toc ol{ display: flex; flex-wrap: wrap; gap: 0.45rem; }.toc a{
    border: 2px solid var(--color-birch);
    border-radius: var(--radius-round);
    background: var(--color-white);
    padding: 0.32rem 0.75rem;
    font-size: 0.85rem;
  }.toc li:last-child a{ border-bottom: 2px solid var(--color-birch); }.toc a::before{ min-width: 0; }.faq-band-method{ position: static; }}@media (max-width: 840px){body.menu-open{ overflow: hidden; }.hero{ min-height: 0; }.hero-inner{ width: min(100% - 2.5rem, var(--content-wide)); padding-top: 7.5rem; }.sources-wrap{ grid-template-columns: 1fr; gap: var(--space-4); }.board-top{ display: none; }.rank-row{ grid-template-columns: 46px minmax(0, 1fr); gap: 0.65rem 0.8rem; padding: 1.1rem 0.75rem 0.9rem; }.rank-number{ font-size: 2rem; }.facts-cell, .licence-holder, .row-comment, .row-compliance{ grid-column: 2 / -1; }.method-list{ columns: 1; }}@media (max-width: 700px){.data-table, .data-table tbody, .data-table tr, .data-table td, .data-table tbody th{ display: block; width: 100%; }.data-table thead{ display: none; }.data-table tr{ padding: 0.55rem 0; border-bottom: 2px solid var(--color-birch); }.data-table tbody th{ border: 0; padding: 0.4rem 0.9rem 0.2rem; font-size: 1.02rem; }.data-table td{ border: 0; padding: 0.3rem 0.9rem; }.data-table td::before{
    content: attr(data-label);
    display: block;
    color: var(--color-ink-soft);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    font-weight: 800;
    text-transform: uppercase;
  }}@media (max-width: 600px){.section, .article{ padding-left: 1rem; padding-right: 1rem; }.brand-name{ font-size: 1.4rem; }.hero-inner{ width: calc(100% - 2rem); padding-bottom: var(--space-5); }.hero::before{ background: linear-gradient(90deg, rgba(6,72,70,0.91), rgba(6,72,70,0.55)), linear-gradient(0deg, rgba(3,57,55,0.85), transparent); }.hero-answer{ font-size: 1rem; }.hero-meta{ font-size: 0.78rem; }.chapter h2{ font-size: clamp(1.85rem, 9vw, 2.4rem); }.chapter-short{ font-size: 1.08rem !important; }.chapter .band-inner{ padding: var(--space-4); }.scoreboard{ border-width: 8px; padding: 0.4rem; }.scoreboard::before, .scoreboard::after{ width: 20px; height: 20px; }.studio-hub-inner, .faq-band-inner{ padding-inline: 1rem; }.studio-card-body{ left: 1.4rem; right: 1.4rem; bottom: 1.4rem; }.faq-band-method{ border-radius: var(--radius-lg); padding: var(--space-5) var(--space-4); }}@media (prefers-reduced-motion: reduce){.ribbon-track{ animation: none; }.more-toggle::after{ transition: none; }}.board-note{ max-width: none !important; }.faq-band-inner > *, .sources-wrap > *{ min-width: 0; }@keyframes marquee{ to { transform: translateX(-30%); } }.studio-card .ai-badge{ top: 1rem; bottom: auto; }