/* Update 20 — global header + Grade 6 Reading */
:root{--fe-header-gap:10px}
.site-header>.wrap.nav-inner{
  width:min(1500px,calc(100% - 26px))!important;max-width:none!important;
  min-height:70px!important;height:auto!important;padding:8px 0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;gap:10px 16px!important;overflow:visible!important
}
.site-header .main-nav{
  grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;
  min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;
  justify-content:flex-start!important;gap:3px!important;flex-wrap:wrap!important;overflow:visible!important
}
.site-header .main-nav .nav-link{font-size:.82rem!important;padding:8px 9px!important;white-space:nowrap!important}
.site-header .brand.site-id-right{
  grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important;
  display:flex!important;align-items:center!important;gap:9px!important;position:static!important;z-index:3!important;
  max-width:225px!important;min-width:0!important
}
.site-header .brand.site-id-right img{width:42px!important;height:42px!important;object-fit:contain!important;flex:0 0 auto!important}
.site-header .brand.site-id-right strong{font-size:.96rem!important;line-height:1.08!important;max-width:170px!important;white-space:normal!important;text-align:left!important}
.site-header .brand.site-id-right span{display:block!important;font-size:.64rem!important;margin-top:3px!important}
.site-header .flork-header-badge{display:none!important}
.site-header,.site-header .nav-inner,.site-header .main-nav,.site-header .nav-dropdown{overflow:visible!important}
.site-header .world-nav-shell,.rw5-unit-nav-shell{width:100%!important;overflow:hidden!important}
.site-header .world-nav,.rw5-unit-nav{width:min(1500px,calc(100% - 26px))!important;max-width:none!important;overflow-x:auto!important;scrollbar-width:thin!important;padding-left:0!important;padding-right:0!important}
.site-header .world-nav-link,.rw5-unit-link{flex:0 0 auto!important;white-space:nowrap!important}
.reading-dd .world-menu{max-height:min(72vh,620px)!important}
.world-option.disabled{opacity:.48!important;cursor:not-allowed!important}

/* Home: corrected white Flork holding the coloured globe on the dark panel */
.feh-top-left img.fe-home-globe{width:78px!important;height:78px!important;object-fit:contain!important;mix-blend-mode:normal!important;border-radius:16px!important}

/* Reading hub */
.rw-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rw-hub-card{min-height:220px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.rw-hub-card.enabled{background:linear-gradient(135deg,#fffaf3,#eef0e5)}
.rw-hub-card.disabled{opacity:.56;filter:saturate(.7)}
.rw-hub-card h3{margin:7px 0 5px}.rw-hub-card .rw-hub-go{margin-top:auto;font-weight:900;color:var(--terracotta-dark)}
.rw-hub-card img{position:absolute;width:78px;height:78px;object-fit:contain;right:12px;bottom:12px;mix-blend-mode:multiply;opacity:.9}

/* Grade 6 uses the approved Grade 5 Reading visual language */
.rw6-accent .rw5-hero{background:linear-gradient(135deg,#e7eee3,#e5ecef)}
.rw6-accent .rw5-unit-link.active,.rw6-accent .rw5-text-switch a.active{background:#5e7557;color:#fff;border-color:#5e7557}
.rw6-forum .rw5-body,.rw6-voice .rw5-body{background:#edf3ea;display:grid;gap:10px}
.rw6-forum-post,.rw6-voice-post{max-width:88%;background:#fff;border:1px solid #d8e0d4;border-radius:16px;padding:11px 13px;box-shadow:0 2px 7px rgba(0,0,0,.04)}
.rw6-forum-post:nth-child(even),.rw6-voice-post:nth-child(even){margin-left:auto;background:#f6eadf}
.rw6-instructions .rw5-body{counter-reset:steps}.rw6-instruction{position:relative;padding:13px 14px 13px 50px!important;border:1px solid #ddd0bf;border-radius:14px;background:#fff;margin-bottom:10px!important}
.rw6-instruction:before{counter-increment:steps;content:counter(steps);position:absolute;left:13px;top:11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#6f7d57;color:#fff;font-weight:900}
.rw6-news .rw5-body{font-family:Georgia,'Times New Roman',serif;column-count:2;column-gap:28px}.rw6-news .rw5-body p:first-child{font-weight:800;column-span:all}
.rw6-fact .rw5-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.rw6-fact .rw5-body p{background:#faf7f1;border:1px solid #e3d9cc;border-radius:13px;padding:12px;margin:0}

@media(max-width:1180px){
 .site-header>.wrap.nav-inner{grid-template-columns:1fr!important;gap:5px!important}
 .site-header .brand.site-id-right{grid-column:1!important;grid-row:1!important;justify-self:end!important}
 .site-header .main-nav{grid-column:1!important;grid-row:2!important;justify-content:flex-start!important}
}
@media(max-width:760px){
 .site-header>.wrap.nav-inner{width:calc(100% - 18px)!important}
 .site-header .main-nav{gap:2px!important}
 .site-header .main-nav .nav-link{font-size:.75rem!important;padding:7px 7px!important}
 .site-header .brand.site-id-right img{width:36px!important;height:36px!important}
 .site-header .brand.site-id-right strong{font-size:.86rem!important}
 .site-header .brand.site-id-right span{display:none!important}
 .rw-hub-grid{grid-template-columns:1fr!important}
 .rw6-news .rw5-body{column-count:1!important}
 .rw6-fact .rw5-body{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .site-header .brand.site-id-right{justify-self:stretch!important;justify-content:flex-end!important}
 .site-header .main-nav .nav-link{font-size:.71rem!important;padding:6px 6px!important}
}