#site.static-edition .home-presentation{max-width:1440px;margin:0 auto;padding:14px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px}
#site.static-edition .home-presentation strong{color:var(--ink);font-size:15px;font-weight:600}
#site.static-edition .home-modes{display:flex;gap:4px;border:1px solid var(--line,#dce4d7);border-radius:30px;background:var(--card,#fff);padding:4px}
#site.static-edition .home-modes button{font:inherit;font-size:13px;border:0;border-radius:24px;background:transparent;color:var(--ink);padding:9px 17px;min-height:40px;cursor:pointer}
#site.static-edition .home-modes button[aria-pressed=true]{background:#315f4f;color:#fff}
#site.static-edition .approved-home{margin:16px auto 0;max-width:1600px;position:relative;isolation:isolate;background:#f3f5e8;border-radius:20px;overflow:hidden;box-shadow:0 8px 35px #41573a12}
#site.static-edition .approved-home>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;position:relative;z-index:0}
#site.static-edition .home-hotspot-layer{position:absolute;inset:0;z-index:1;pointer-events:none}
#site.static-edition .home-hotspot{position:absolute;border-radius:999px;display:block;min-width:0;min-height:0;margin:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:pointer;transform:none;rotate:none;filter:none;clip-path:none;animation:none;transition:box-shadow .15s,background .15s}
#site.static-edition .home-hotspot:hover{background:#fffdf610;box-shadow:0 0 0 2px #fffdf6,0 0 0 3px #51765b;transform:none}
#site.static-edition .home-hotspot:focus-visible{outline:2px solid #315f4f;outline-offset:3px;background:#fffdf626;box-shadow:0 0 0 2px #fffdf6;transform:none}
#site.static-edition .home-hotspot.patterns{left:6.169429%;top:73.895028%;width:6.169429%;height:7.044199%}
#site.static-edition .home-hotspot.reading{left:21.961326%;top:82.320442%;width:6.261510%;height:7.044199%}
#site.static-edition .home-hotspot.learning{left:46.224678%;top:80.248619%;width:5.709024%;height:7.182320%}
#site.static-edition .home-hotspot.playing{left:72.237569%;top:21.961326%;width:6.261510%;height:7.182320%}
#site.static-edition .home-hotspot.sheets{left:85.359116%;top:58.011050%;width:6.445672%;height:7.044199%}
#site.static-edition .home-edition-label{flex:none;font-size:12px;line-height:1.4;letter-spacing:.04em;color:#526c5e;border:1px solid #d8e2d0;border-radius:999px;padding:8px 12px;background:#f2f5e9}
#site.static-edition #view-home[data-static-only]{animation:none}
#site.static-edition #view-home[data-static-only] :is(#top,#home-interaction-tools){display:none!important}
#site.static-edition .home-quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:18px 20px 8px}
#site.static-edition .home-quick-links a{display:flex;align-items:center;justify-content:center;min-width:130px;min-height:45px;padding:9px 19px;border:1px solid #d9e3d5;border-radius:30px;background:var(--card,#fff);color:var(--ink);font-size:14px;text-decoration:none;gap:8px}
#site.static-edition .home-quick-links a:hover{border-color:#63876b;background:#edf3e7}
#site.static-edition .home-quick-links small{font-size:11px;color:var(--muted)}
#site.static-edition .home-edition-note{font-size:12px;color:var(--muted);text-align:center;margin:9px 18px 5px}
#site.static-edition .static-story-canvas{display:block;width:100%;height:auto;aspect-ratio:1619/971;filter:none!important;background:#f4f4e9}
#site.static-edition .rd-art{aspect-ratio:5/3;min-height:0!important;background:#f4f4e9;overflow:hidden}
#site.static-edition .rd-art>canvas{width:100%!important;height:100%!important;object-fit:contain}
#site.static-edition .static-story-thumb{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
#site.static-edition .edition-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line,#dce4d7);font-size:12px;color:var(--muted)}
#site.static-edition .edition-footer a{color:inherit;text-underline-offset:3px}
@media(max-width:700px){#site.static-edition .home-presentation{padding:14px 14px 0;gap:8px;align-items:start}#site.static-edition .home-presentation strong{font-size:14px}#site.static-edition .home-presentation .home-mode-help{display:block;font-size:11px;margin-top:3px}#site.static-edition .home-modes button{padding:7px 12px;font-size:12px;white-space:nowrap}#site.static-edition .approved-home{border-radius:0;margin-top:12px}#site.static-edition .home-quick-links{gap:8px;padding:15px 12px 5px}#site.static-edition .home-quick-links a{min-width:calc(33.333% - 8px);padding:8px;font-size:13px;flex-direction:column;gap:0}#site.static-edition .home-hotspot{display:none}#site.static-edition .home-edition-note{font-size:11px}}
@media print{.home-presentation,.approved-home,.home-quick-links,.home-edition-note,.edition-footer{display:none!important}}

@media screen and (max-width:1100px), screen and (pointer:coarse){
  #site.static-edition .home-hotspot-layer{display:none}
  #site.static-edition .home-quick-links a{min-height:52px}
}
@media screen and (max-width:480px){
  #site.static-edition .home-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px;gap:10px}
  #site.static-edition .home-quick-links a{min-width:0;padding:10px;font-size:15px;min-height:58px}
  #site.static-edition .home-quick-links a:last-child{grid-column:1/-1}
  #site.static-edition .home-edition-label{font-size:10px;padding:7px 9px;margin-top:2px}
}

@media screen {
  #site.static-edition .bar > .wrap {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    max-width: 1440px;
    padding: 12px 28px;
    gap: 32px;
  }
  #site.static-edition .bar .logo {
    font-family: var(--ui-title);
    font-size: 25px;
    letter-spacing: .06em;
  }
  #site.static-edition .bar .logo .mark {
    width: 40px;
    height: 40px;
    border-radius: 50% 50% 42% 42%;
    background: #e6edda;
    color: #315f4f;
    border-color: #afc39f;
    box-shadow: none;
  }
  #site.static-edition .bar .logo .en {
    margin-top: 4px;
    letter-spacing: 0;
    font-family: var(--ui-body);
    font-size: 11px;
    font-weight: 400;
  }
  #site.static-edition .bar .nav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 8px;
  }
  #site.static-edition .bar .nav a {
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
  }
  #site.static-edition .bar .starbox {
    padding: 10px 16px;
    border-radius: 24px;
    gap: 8px;
  }
  #site.static-edition .bar .starbox .lb {
    display: block;
    font-size: 12px;
  }
  #site.static-edition .home-presentation,
  #site.static-edition .home-quick-links,
  #site.static-edition .edition-footer {
    --ink: #29474d;
    --muted: #566b70;
    --card: #fffdf6;
    --line: #d8decf;
  }
  #site.static-edition .home-presentation {
    padding-top: 22px;
  }
  #site.static-edition .home-interaction-tools {
    max-width: 1400px;
    margin: 16px auto 0;
    padding: 12px 20px;
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    color: #29474d;
    background: #fffdf6;
    border: 1px solid #d8decf;
    border-radius: 18px;
  }
  #site.static-edition #home-root {
    max-width: 1360px;
    margin: 0 auto;
    padding: 36px 32px 70px;
  }
  #site.static-edition .home-section-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: end;
    margin: 0 0 24px;
  }
  #site.static-edition .home-section-heading h2 {
    margin: 7px 0 0;
    font: 700 clamp(26px, 2.5vw, 34px)/1.4 var(--ui-title);
    color: #29474d;
    letter-spacing: .06em;
  }
  #site.static-edition .home-section-heading h2 .en {
    display: block;
    margin-top: 4px;
    font: 400 12px/1.5 var(--ui-body);
    letter-spacing: .02em;
    color: #566b70;
  }
  #site.static-edition .home-section-heading p {
    margin: 0 0 5px;
    color: #566b70;
    font-size: 14px;
  }
  #site.static-edition .home-kicker {
    font-size: 11px;
    letter-spacing: .15em;
    color: #788657;
    font-weight: 600;
  }
  #site.static-edition .home-activities .hm-scs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
  }
  #site.static-edition .home-activities .hm-sc {
    display: flex;
    flex-direction: column;
    padding: 0 0 24px;
    border-radius: 20px;
    overflow: hidden;
    gap: 0;
    min-height: 0;
    align-items: stretch;
    text-align: left;
    transition: transform .2s, box-shadow .2s;
  }
  #site.static-edition .home-activities .hm-sc:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -13px #46604666;
  }
  #site.static-edition .home-activities .hm-sc-art {
    width: 100%;
    height: auto;
    aspect-ratio: 3/1;
    margin: 0 0 20px;
    display: block;
    background: #edf2e4;
    overflow: hidden;
  }
  #site.static-edition .home-activities .hm-sc-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: none;
    filter: none;
  }
  #site.static-edition .home-activities .hm-sc-tx {
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    gap: 15px;
    flex: 1;
  }
  #site.static-edition .home-activities .hm-sc-tx > b {
    font: 700 25px/1.5 var(--ui-title);
    color: #29474d;
  }
  #site.static-edition .home-activities .hm-sc-tx > b .en {
    font: 400 12px/1.5 var(--ui-body);
    color: #657978;
  }
  #site.static-edition .home-activities .hm-sc-d {
    font-size: 13px;
    line-height: 1.65;
    padding-right: 8px;
    padding-bottom: 30px;
  }
  #site.static-edition .home-activities .hm-sc-d .en {
    font-size: 11px;
    line-height: 1.5;
  }
  #site.static-edition .home-activities .hm-sc-go {
    position: absolute;
    top: auto;
    margin-top: 0;
    right: 22px;
    bottom: 18px;
    width: 28px;
    height: 28px;
    background: #e7eedc;
    color: #315f4f;
    box-shadow: none;
  }
  #site.static-edition .home-learning {
    margin-top: 52px;
  }
  #site.static-edition .home-learning .hm-top {
    grid-template-columns: minmax(0, 1.7fr) minmax(270px, 1fr);
  }
  #site.static-edition .home-learning .hm-go,
  #site.static-edition .home-learning .hm-stars {
    padding: 28px;
  }
  #site.static-edition .home-learning .hm-go-main {
    gap: 28px;
  }
  #site.static-edition .home-learning .hm-go-art {
    width: 170px;
  }
  #site.static-edition .home-learning .hm-hzw {
    width: 170px;
    height: 170px;
  }
  #site.static-edition .hm-map {
    margin-top: 32px;
    border-radius: 24px;
  }
  #site.static-edition .site-foot {
    margin-top: 0;
    padding-top: 28px;
    border-top: 1px solid #d8decf;
    background: #eaf0e2;
    color: #566b70;
  }
  #site.static-edition .site-foot::before,
  #site.static-edition .site-foot::after {
    content: none;
  }
  #site.static-edition .ss-foot,
  #site.static-edition .ds-foot {
    display: none !important;
  }
}
@media screen and (max-width: 1100px) {
  #site.static-edition .bar > .wrap { gap: 15px; padding: 10px 18px; }
  #site.static-edition .bar .nav { gap: 3px; }
  #site.static-edition .bar .nav a { padding: 10px 12px; }
  #site.static-edition .bar .starbox .lb { display: none; }
  #site.static-edition .home-activities .hm-scs { gap: 14px; }
  #site.static-edition .home-activities .hm-sc-tx { padding-inline: 18px; }
}
@media screen and (max-width: 800px) {
  #site.static-edition .bar > .wrap { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  #site.static-edition .bar .logo { font-size: 23px; }
  #site.static-edition .bar .nav { grid-column: 1/-1; grid-row: 2; justify-content: space-between; width: 100%; }
  #site.static-edition .bar .nav a { flex: 1; min-width: 0; padding: 8px 5px; font-size: 15px; }
  #site.static-edition .bar .nav a .en { font-size: 9px; white-space: normal; }
  #site.static-edition #home-root { padding: 30px 20px 45px; }
  #site.static-edition .home-section-heading { flex-direction: column; align-items: start; gap: 8px; }
  #site.static-edition .home-activities .hm-scs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #site.static-edition .home-learning .hm-top { grid-template-columns: minmax(0, 1fr); }
  #site.static-edition .home-learning .hm-go-main { grid-template-columns: auto minmax(0, 1fr); text-align: left; justify-items: stretch; }
  #site.static-edition .home-presentation { align-items: center; }
}
@media screen and (max-width: 480px) {
  #site.static-edition .bar > .wrap { padding-inline: 12px; }
  #site.static-edition .home-presentation { align-items: start; padding-inline: 12px; }
  #site.static-edition .home-presentation .home-mode-help { max-width: 150px; line-height: 1.5; }
  #site.static-edition .home-modes button { padding: 7px 9px; }
  #site.static-edition #home-root { padding-inline: 14px; }
  #site.static-edition .home-section-heading h2 { font-size: 27px; }
  #site.static-edition .home-section-heading p { font-size: 12px; }
  #site.static-edition .home-activities .hm-scs { gap: 12px; }
  #site.static-edition .home-activities .hm-sc { border-radius: 14px; padding-bottom: 18px; }
  #site.static-edition .home-activities .hm-sc-art { margin-bottom: 12px; }
  #site.static-edition .home-activities .hm-sc-tx { padding-inline: 13px; gap: 9px; }
  #site.static-edition .home-activities .hm-sc-tx > b { font-size: 23px; }
  #site.static-edition .home-activities .hm-sc-d { font-size: 12px; }
  #site.static-edition .home-learning { margin-top: 35px; }
  #site.static-edition .home-learning .hm-go,
  #site.static-edition .home-learning .hm-stars { padding: 20px; }
  #site.static-edition .home-learning .hm-go-main { gap: 15px; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
  #site.static-edition .home-interaction-tools { margin-inline: 10px; padding: 10px 6px; gap: 8px; }
  #site.static-edition .home-interaction-tools .switch button { padding: 6px 7px; font-size: 12px; }
}
@media screen and (max-width: 360px) {
  #site.static-edition .bar .nav { gap: 0; }
  #site.static-edition .bar .nav a { font-size: 14px; padding-inline: 1px; }
  #site.static-edition .bar .nav a .en { font-size: 8px; word-break: normal; overflow-wrap: normal; line-height: 1.35; }
}