:root{font-family:Inter,"Noto Sans JP","Hiragino Sans","Yu Gothic",system-ui,sans-serif;background:#f7f7f8;color:#26262d;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.wrap{width:min(92%,1120px);margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dedee3}.brand{display:flex;align-items:center;gap:13px;font-size:18px;letter-spacing:.12em;font-weight:600}header>span{font-size:12px;color:#74717b;letter-spacing:.13em}.intro{padding:45px 0 36px}.eyebrow{color:#77717f;font-size:11px;letter-spacing:.19em}.intro h1{font-size:clamp(28px,3.4vw,39px);font-weight:500;letter-spacing:.08em;margin:17px 0}.intro>p:last-child{font-size:14px;line-height:1.9;color:#716d77}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-bottom:38px}.destination{--primary:#347e83;--depth:#174c53;--line:#d9dedb;display:block;background:#fff;border:1px solid #e1e3e1;border-radius:5px;overflow:hidden;transition:transform .2s,border-color .2s}.destination:hover{transform:translateY(-3px);border-color:var(--primary)}a:focus-visible{outline:3px solid #9c78c2;outline-offset:5px}.math{--primary:#7b5fe1;--depth:#6246c4;--line:#dad7e3;border-color:#e5e0ec}.art{background:#e9efeb;position:relative;height:185px;padding:22px 16px 0}.math .art{background:#f2f0f7}.art svg{width:100%;height:100%;display:block}.index{position:absolute;top:18px;left:28px;font-size:10px;letter-spacing:.16em;color:var(--primary)}.copy{padding:27px 32px 23px}.category{font-size:12px;letter-spacing:.1em;color:var(--primary)}h2{font-size:29px;letter-spacing:.07em;font-weight:600;margin:12px 0 17px}.description{font-size:14px;color:#716d77;line-height:1.9}.topics{font-size:11px;letter-spacing:.04em;color:#797381;margin-top:20px}.cta{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;font-size:14px;color:var(--depth)}.cta>span{font-size:24px;line-height:1}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dedee3;padding:24px 0 30px;font-size:11px;color:#77717f}@media(max-width:620px){header{height:76px}header>span{display:none}.intro{padding:32px 0 27px}.intro h1{font-size:27px;letter-spacing:.035em}.intro>p:last-child{font-size:13px}.destinations{grid-template-columns:1fr;gap:22px}.art{height:155px}.copy{padding:23px 25px}.description br:last-child{display:none}h2{font-size:26px}.topics{margin-top:16px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.play{--primary:#9b6e42;--depth:#765332;--line:#ded3c4;grid-column:1/-1;display:grid;grid-template-columns:.72fr 1fr;border-color:#e4ddd2}.play .art{background:#f4f0e8;height:100%;min-height:280px;display:grid;place-items:center}.play .art img{width:100%;max-height:270px}.play .copy{padding:30px 36px}.play .topics{line-height:1.9}.play .description br{display:block}@media(max-width:620px){.play{display:block}.play .art{min-height:0;height:155px}.play .art img{height:160px}.play .copy{padding:23px 25px}.intro>p:last-child{max-width:29em}}

/* Four learning destinations; keep the existing mobile single-column layout. */
.words{--primary:#356b63;--depth:#28554e;--line:#d6ddd4;border-color:#dce1d8}.words .art{background:#f5f3ef}.play{grid-column:auto;display:block}.play .art{height:185px;min-height:0;display:block}.play .art img{height:100%;max-height:none}.play .copy{padding:27px 32px 23px}.destination .topics{line-height:1.9}@media(max-width:620px){.play .art{height:155px}.play .copy{padding:23px 25px}}