/* Shared quality layer: breadcrumbs, no-JS notice, compact indexed examples and accessibility polish. */
.breadcrumb{max-width:1180px;margin:14px auto 22px;padding:0 20px;display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--muted)}
.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.noscript-notice{max-width:980px;margin:14px auto;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--cream);font-size:.9rem}
.dataset-examples{margin-top:26px}.dataset-examples ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 18px;margin:12px 0;padding-left:20px}.dataset-examples li{line-height:1.45}.dataset-examples p{color:var(--muted)}
@media(max-width:720px){.breadcrumb{padding:0 16px;margin-top:12px;margin-bottom:24px}.dataset-examples ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.dataset-examples ul{grid-template-columns:1fr}}

.chip button{width:24px;height:24px;min-width:24px;min-height:24px}


/* Accessibility hardening v4: light-theme text contrast, keyboard focus and reduced motion. */
:root{--gold-text:var(--gold,#f5c542);--rose-text:var(--rose,#ff5d8f)}
html.light,body.light,.light{--gold-text:#8a6100;--rose-text:#c2185b}
.info a,.result-meta,.draw-mode-card.active::after,.pool-card.active::after,
.dtype-select.active,.dice-total,.hist-row .tot,.card-name,.stand-table td.pts,
.privacy-note a,.coin-result,.spread-option.active::after,.faq summary::after,
.foot-links a:hover{color:var(--gold-text)!important}
.winner.loser .label,.pool-error,.ticket-error,.ticket-milestone.tombala{color:var(--rose-text)!important}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid var(--gold-text,var(--accent-text,#7a3ecf));
  outline-offset:2px;
}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .mobile-nav-hint{animation:none!important}
}
