/* L13: Fun24 maths puzzle — slide tone, guide button and Open button in Fun24's own berry and cream. */
.tone-7{background:#fbeedd}
.showcase-guides .guide-fun24{background:#fde7c2;border-color:#b23a5f;color:#8b2e4e;box-shadow:0 3px 0 #8b2e4e22}
.button-fun24{background:#b23a5f;color:#fff;box-shadow:0 7px 0 #832a46}
.howto-tabs{grid-template-columns:repeat(3,auto);justify-content:stretch;gap:4px}.howto-tabs [role=tab]{padding:0 10px;font-size:.95rem;white-space:nowrap}@media (max-width:360px){.howto-tabs [role=tab]{padding:0 6px;font-size:.88rem}}
/* L16: Fun24 button in the header, next to WordBar and Dictation */
.header-cta-fun24{background:#fde7c2;color:var(--ink);border-color:var(--ink)}
.hdr-break{display:none}
.game-ctas{display:contents}
/* L17 phones: bigger WordBar logo on the left; on the right, row 1 = language · menu,
   row 2 = the three smaller game buttons, kept to the right */
@media (max-width:600px){
 .site-header{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;height:auto;min-height:0}
 .site-header .brand img{width:82px;height:81px}
 .site-header .header-ctas{display:flex!important;flex:1 1 auto;min-width:0;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:8px;row-gap:9px}
 .site-header .header-ctas::before{display:none!important}
 .site-header .header-ctas .lang-switch{order:1;margin-left:auto}
 .site-header .header-ctas .menu-toggle{order:2}
 .site-header .hdr-break{display:block;order:3;flex-basis:100%;height:0}
 .site-header .game-ctas{display:flex;order:4;gap:6px;justify-content:flex-end;flex-wrap:nowrap}
 .site-header .header-cta{flex:0 0 auto;margin:0!important;font-size:.74rem!important;min-height:32px!important;padding:0 10px!important;gap:2px;border-width:1.5px!important}
}
@media (max-width:370px){
 .site-header{gap:6px}.site-header .brand img{width:64px;height:63px}
 .site-header .game-ctas{gap:4px}.site-header .header-cta{font-size:.68rem!important;padding:0 7px!important}
}