/* PAREA 0.7.28: restrained finishing touches, no change to approved illustrations. */
:root{--parea-focus-outline:#456f5c}
body.visual-refresh :is(.btn,.button,.nav-link,.parent-tab,.site-menu-toggle,.adult-presence-button):focus-visible{
  outline:3px solid var(--parea-focus-outline);outline-offset:3px;
}
body.visual-refresh :is(.age-choice-card,.age-card,.story-choice-card) :is(p,small){
  overflow-wrap:break-word;
}
body.visual-refresh :is(.age-card,.age-choice-card,.story-choice-card){
  min-width:0;
}
/* Keep young readers' small action labels easy to read without touching admin tables. */
body.visual-refresh :is(.story-links,.story-hub,.activity-card,.age-card,.age-choice-card,.story-choice-card)
  :is(a,button,small,.caption){text-wrap:pretty;}
@media(max-width:680px){
  body.visual-refresh :is(.story-links,.story-hub,.activity-card,.age-card,.age-choice-card,.story-choice-card) :is(a,button){min-height:40px;}
}
@media(prefers-reduced-motion:reduce){body.visual-refresh :is(.btn,.button,.nav-link,.parent-tab){transition:none!important}}
/* The age illustrations and their cards stay in position. Eye overlays still blink. */
body.visual-refresh .age-card:hover{transform:none!important}
body.visual-refresh .age-card-art :is(img,picture),
body.visual-refresh .parea-age-specific-scene :is(img,picture){animation:none!important;transform:none!important}