/* Crosslink V282: shared primary page heading and a restrained content-only entrance.
   No animation on the live game board, wallpaper, banner or navigation. */
:root{--cl-page-heading-size:clamp(25px,3vw,32px);--cl-page-heading-colour:#203857}
body:not(.board-view) #view-play #setupDetails > summary .setup-summary-label,
body:not(.board-view) #view-online > h1,
body:not(.board-view) #view-settings #customiseDetails > summary .setup-summary-label,
body:not(.board-view) #view-help > .help-card:first-child > h2,
body.crosslink-standalone-page > main > h1,
body.history-body .history-wrap > .history-hero h1,
body.history-body .history-wrap > h1,
body.crosslink-standalone-page > main > header > h1{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:var(--cl-page-heading-size)!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  color:var(--cl-page-heading-colour)!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}
body:not(.board-view) #view-play #setupDetails > summary .setup-summary-label,
body:not(.board-view) #view-settings #customiseDetails > summary .setup-summary-label{width:100%!important;margin:0!important}
@keyframes cl-v282-page-enter{from{opacity:.94;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:no-preference){
 body:not(.board-view) .cl-page.cl-v282-enter:not([hidden]),
 body.crosslink-standalone-page > main,
 body.history-body > .history-wrap{
   animation:cl-v282-page-enter 190ms ease-out both!important;
 }
}
@media (prefers-reduced-motion:reduce){
 body:not(.board-view) .cl-page.cl-v282-enter,
 body.crosslink-standalone-page > main,
 body.history-body > .history-wrap{animation:none!important;transition:none!important}
}