/* Compact reading pages. Home hero, live room and chat own their layouts. */
.public-site .page-columns:has(>.page-content>:is(.inner-intro:not(.inner-live-intro),.inner-detail,.inner-about-hero,.inner-error,.region-gate)){
  margin-top:8px;gap:24px;
}
.public-site .site-main:has(.page-content>:is(.inner-intro:not(.inner-live-intro),.inner-detail,.inner-about-hero,.inner-error,.region-gate))>.breadcrumbs{
  margin:14px 0 10px!important;padding:0!important;gap:8px;font-size:12px;line-height:1.5;
}
.public-site :is(.inner-intro:not(.inner-live-intro),.inner-article-header,.review-hero,.inner-about-hero,.inner-error,.region-gate) h1{
  font-size:clamp(32px,2.8vw,40px);line-height:1.18;letter-spacing:-.03em;
  margin:0;max-width:100%;min-width:0;white-space:normal;word-break:normal;
  overflow-wrap:break-word;hyphens:none;text-wrap:pretty;
}
.public-site .inner-intro:not(.inner-live-intro){padding:12px 0 22px!important;gap:20px;min-height:0}
.public-site .inner-intro:not(.inner-live-intro)>div{max-width:100%;min-width:0}
.public-site .inner-intro:not(.inner-live-intro) h1{text-transform:none}
.public-site :is(.inner-intro:not(.inner-live-intro),.inner-about-copy)>.eyebrow,
.public-site .inner-intro:not(.inner-live-intro)>div>.eyebrow{
  margin-bottom:12px;padding:6px 10px;font-size:11px;line-height:1.4;letter-spacing:.09em;
}
.public-site .inner-intro:not(.inner-live-intro) p{
  max-width:68ch;margin:12px 0 0;font-size:16px;line-height:1.65;
}
.public-site :is(.provider-selection,.collection-tags){margin-bottom:14px;gap:8px}
.public-site .provider-shortcuts a{font-size:12px;min-height:34px;padding:6px 10px}
.public-site :is(.provider-shortcuts,.provider-picker) a span{font-size:12px}
.public-site .provider-picker summary{font-size:13px;min-height:38px}
.public-site .inner-results-meta{min-height:50px;padding:12px 0;font-size:12px;gap:12px;align-items:center}
.public-site .inner-results-meta>span:last-child:not(:first-child),
.public-site .inner-results-meta>a{font-size:12px;padding-top:0;white-space:normal}
.public-site .inner-count{font-size:12px;min-width:25px;min-height:25px}
.public-site .inner-empty{padding:30px 18px;min-height:0}
.public-site .inner-empty h2{font-size:24px;line-height:1.3}
.public-site .inner-empty p{font-size:16px;line-height:1.65}
.public-site .inner-results-grid .card-body h3{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:20px;line-height:1.35;white-space:normal}
.public-site .inner-results-grid .card-meta{font-size:12px;line-height:1.45;flex-wrap:wrap}
.public-site .inner-results-grid .card-meta>span{overflow:visible;white-space:normal;text-overflow:clip}
.public-site .inner-results-grid .tag-links{flex-wrap:wrap;overflow:visible;max-height:none;gap:6px}
.public-site .inner-results-grid .tag-links a{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;font-size:12px;line-height:1.4;padding:5px 8px}
.public-site .inner-results-grid :is(.news-card-meta,.news-card-bottom,.promo-disclaimer,.promo-head .micro,.promo-bottom .micro){font-size:12px;line-height:1.5}

.public-site .inner-article-header{padding:18px 22px 16px}
.public-site .inner-article-header>.eyebrow{display:flex;margin-bottom:8px;font-size:11px;letter-spacing:.09em;line-height:1.4}
.public-site .inner-article .article-lead{font-size:16px;line-height:1.7;margin-top:10px;max-width:72ch}
.public-site .inner-article-meta{gap:10px;margin-top:12px;padding:10px 0;font-size:12px}
.public-site .inner-author-avatar{width:32px;height:32px;font-size:13px}
.public-site .inner-author{font-size:12px;gap:3px}
.public-site :is(.inner-author small,.inner-updated,.inner-updated time,.inner-article-meta .inner-edit){font-size:12px;line-height:1.45}
.public-site .inner-updated{gap:3px}
.public-site .inner-article-header .tag-links{margin-top:10px}
.public-site :is(.inner-article-header,.review-entry-copy,.collection-tags) .tag-links a,
.public-site .collection-tags>a{font-size:12px;min-height:30px;padding:5px 9px;line-height:1.4}
.public-site .article-body-panel{padding:26px;margin-top:18px}
.public-site .inner-article .prose{max-width:75ch;margin-inline:auto;font-size:16px;line-height:1.7}
.public-site .inner-article .prose>*{margin-bottom:18px}
.public-site .inner-article .prose>:first-child{margin-top:0}
.public-site .inner-article .prose h2{font-size:26px;line-height:1.3;margin:30px 0 14px}
.public-site .inner-article .prose h3{font-size:21px;line-height:1.4;margin:25px 0 12px}
.public-site .inner-article .prose li{margin:7px 0}
.public-site .inner-article .prose blockquote{padding:18px 20px;font-size:18px;line-height:1.65}
.public-site .inner-article .prose th,.public-site .inner-article .prose td{font-size:14px;line-height:1.6;padding:10px 12px}
.public-site .inner-answer{padding:20px;margin-top:18px;gap:14px}
.public-site .inner-answer h2{font-size:19px;margin:0 0 8px}
.public-site .inner-answer p{font-size:16px;line-height:1.7}
.public-site .provider-connections{padding-block:12px;margin-block:14px;gap:10px}
.public-site .provider-connections>a{font-size:13px}
.public-site .inner-cover,.public-site .character-editorial-cover{margin-top:18px!important}
.public-site .inner-article :is(.inner-cover,.character-editorial-cover):not(:has(img)){display:none}
.public-site .article-faq{margin-top:28px}
.public-site .article-faq h2{font-size:26px;line-height:1.3;margin:10px 0 16px}
.public-site .article-faq .faq-list summary,.public-site .article-faq .faq-list p{font-size:16px;line-height:1.65}
.public-site .inner-related{margin-top:30px;padding-top:20px}
.public-site .inner-related .section-heading h2{font-size:26px;line-height:1.3}
.public-site .review-hero{padding:24px;gap:20px;margin-bottom:18px;grid-template-columns:130px minmax(0,1fr)}
.public-site .review-hero h1{margin:10px 0 14px}
.public-site .review-hero .review-brand{height:90px;padding:14px}
.public-site .review-hero .review-entry-copy>p{font-size:16px;line-height:1.7;margin-bottom:16px}
.public-site .review-hero .review-entry-copy>small,.public-site .review-meta{font-size:12px;line-height:1.5}
.public-site .review-meta{padding-top:12px;margin-top:14px;gap:10px}

.public-site .inner-about-hero{padding:18px 0 30px;gap:24px}
.public-site .inner-about-hero p{font-size:16px;line-height:1.7;margin:16px 0 20px}
.public-site .inner-about-hero .inner-outline,.public-site .inner-error .inner-outline{display:inline;margin-left:.2em}
.public-site .inner-about-art.character-about{min-height:280px;height:320px;max-height:340px}
.public-site .inner-values{gap:16px;margin:12px 0 32px}
.public-site .inner-values>div{padding:24px}
.public-site .inner-values>div>span{font-size:11px}
.public-site .inner-values h2{font-size:23px;line-height:1.3;margin:20px 0 12px}
.public-site .inner-values p{font-size:16px;line-height:1.7;margin-bottom:18px}
.public-site .inner-values .text-link{font-size:13px}
.public-site .inner-contact{padding:26px;gap:20px;margin-bottom:28px}
.public-site .inner-contact .eyebrow{font-size:11px;margin-bottom:12px}
.public-site .inner-contact h2{font-size:30px;line-height:1.25}
.public-site .inner-contact p{font-size:16px;line-height:1.7;margin-top:12px}
.public-site .guide-navigation{gap:12px}
.public-site .guide-navigation>a{padding:20px;min-height:96px;gap:6px 12px}
.public-site .guide-navigation strong{font-size:21px;line-height:1.3}
.public-site .guide-navigation a>span:not(.guide-nav-icon){font-size:13px;line-height:1.6}
.public-site .guide-tags{margin-top:26px}
.public-site .guide-tags h2{font-size:25px;line-height:1.3}
.public-site .tag-directory>a{font-size:14px;padding:13px 15px;gap:12px}
.public-site .tag-directory>a>span+span{font-size:12px}
.public-site .rating-intro .top-total{font-size:44px;line-height:1.1}
.public-site .page-content:has(>.inner-intro:not(.inner-live-intro))>.section{padding-block:30px}
.public-site .page-content:has(>.inner-intro:not(.inner-live-intro))>.section .section-heading h2{font-size:26px;line-height:1.3}
.public-site .inner-error{min-height:320px;padding:26px 0 40px}
.public-site .inner-error .eyebrow{font-size:11px;margin-bottom:14px}
.public-site .inner-error p{font-size:16px;line-height:1.7;margin:16px 0 22px}
.public-site .region-gate{padding:28px;min-height:0}
.public-site .region-gate p{font-size:16px;line-height:1.7}

/* Reuse CMS glass colors and opacity; leaf tiles do not each need a blur pass. */
.public-site.glass-on :is(.guide-navigation>a,.tag-directory>a,.inner-answer){
  --surface-alpha:var(--block-alpha,var(--glass-alpha,.82));
  --surface-glow:var(--block-glow,var(--glass-glow,.45));
  background:radial-gradient(ellipse at 0 0,rgba(44,181,100,calc(var(--surface-glow)*.42)),transparent 65%),color-mix(in srgb,var(--block-color,var(--panel)) calc(var(--surface-alpha)*100%),transparent);
  border-color:rgba(184,226,197,var(--glass-border,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,calc(var(--glass-border,.12)*.65));
}
.public-site.glass-on :is(.inner-collection,.inner-related,.top-directory) :is(.content-card,.promo-card,.news-card,.top-casino-row){backdrop-filter:none;-webkit-backdrop-filter:none}
.public-site.glass-on .page-content:has(>.inner-intro:not(.inner-live-intro)) :is(.content-card,.promo-card,.news-card){backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:680px){
  .public-site .site-main:has(.page-content>:is(.inner-intro:not(.inner-live-intro),.inner-detail,.inner-about-hero,.inner-error,.region-gate))>.breadcrumbs{margin:10px 0 6px!important;gap:6px}
  .public-site :is(.inner-intro:not(.inner-live-intro),.inner-article-header,.review-hero,.inner-about-hero,.inner-error,.region-gate) h1{font-size:clamp(24px,6.8vw,28px);line-height:1.2;letter-spacing:-.025em}
  .public-site .inner-intro:not(.inner-live-intro){padding:8px 0 18px!important;gap:12px}
  .public-site .inner-intro:not(.inner-live-intro) p{margin-top:10px}
  .public-site .inner-intro:not(.inner-live-intro)>div>.eyebrow{margin-bottom:10px;padding:5px 9px}
  .public-site .inner-article-header{padding:16px 16px 14px}
  .public-site .inner-article .article-lead{margin-top:10px}
  .public-site .inner-article-meta{margin-top:12px;padding:10px 0;gap:9px}
  .public-site .inner-updated{width:auto;flex-wrap:wrap;gap:6px}
  .public-site .article-body-panel{padding:22px 16px;margin-top:16px}
  .public-site .inner-article .prose{font-size:16px;line-height:1.7}
  .public-site .inner-article .prose h2{font-size:23px;margin:26px 0 12px}
  .public-site .inner-article .prose h3{font-size:20px;margin:22px 0 10px}
  .public-site .inner-answer{padding:18px 16px;gap:10px}
  .public-site .inner-answer-icon{width:28px;height:28px}
  .public-site .review-hero{grid-template-columns:1fr;padding:20px 16px;gap:14px}
  .public-site .review-hero .review-brand{width:150px;height:64px;padding:12px}
  .public-site .inner-about-hero{padding:10px 0 24px;gap:0}
  .public-site .inner-about-art.character-about{min-height:220px;height:240px;max-height:240px;margin-top:14px}
  .public-site .inner-values{margin:8px 0 24px;gap:12px}
  .public-site .inner-values>div{padding:22px 18px}
  .public-site .inner-values h2{font-size:22px;margin:16px 0 10px}
  .public-site .inner-contact{padding:22px 18px;gap:18px}
  .public-site .inner-contact h2{font-size:27px}
  .public-site .inner-error{min-height:280px;padding:18px 0 32px}
  .public-site .inner-error-actions{gap:10px}
  .public-site .inner-results-meta{gap:8px;align-items:flex-start;flex-wrap:wrap}
  .public-site .provider-selection{margin-bottom:12px}
  .public-site .inner-related .section-heading h2{font-size:23px}
  .public-site .region-gate{padding:22px 16px}
  .public-site.glass-on :is(.guide-navigation>a,.tag-directory>a,.inner-answer){--surface-alpha:var(--block-alpha,var(--glass-mobile-opacity,.94))}
}