.family-world{color:#205747;max-width:1180px;margin:auto;padding:32px 28px 70px}.world-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:18px 0 40px;display:grid}.world-intro h1{letter-spacing:-1.5px;margin:14px 0 20px;font-size:clamp(38px,5.5vw,64px);line-height:1.08}.world-intro p{max-width:580px;font-size:19px;line-height:1.7}.world-intro img{aspect-ratio:1.3;object-fit:cover;border-radius:40px 40px 100px;width:100%}.family-world button,.family-world select,.family-world input{font:inherit}.world-button,.listen-button,.world-text-button{cursor:pointer;border-radius:28px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-weight:850;text-decoration:none;display:inline-flex}.world-button{color:#fffaf0;background:#205747;border:2px solid #205747}.listen-button{color:#205747;background:#fffaf0;border:2px solid #b4c9ba;margin:8px 4px 8px 0;font-size:15px}.listen-button[aria-pressed=true]{background:#dceee5}.world-text-button{color:#205747;background:0 0;border:0;padding-left:0}.age-selector{justify-content:center;gap:12px;margin:20px 0;display:flex}.age-selector button{color:#205747;cursor:pointer;background:#fff;border:2px solid #b8c8b6;border-radius:22px;min-height:64px;padding:16px 25px;font-size:21px;font-weight:900}.age-selector small{margin-top:3px;font-size:13px;font-weight:600;display:block}.age-selector button[aria-pressed=true]{color:#fffaf0;background:#205747;border-color:#205747}.world-note{text-align:center;color:#53695e;margin:18px 0 28px;font-size:14px;line-height:1.6}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.world-card{background:#e6eee1;border-radius:28px;flex-direction:column;align-items:flex-start;padding:28px;display:flex}.world-card:nth-child(3n+2){background:#f7e2d7}.world-card:nth-child(3n){background:#e8e5f2}.world-icon{font-size:58px;line-height:1.4;display:block}.world-tag{letter-spacing:.4px;margin:12px 0;font-size:12px;font-weight:850;display:block}.world-card h2{margin:5px 0 14px;font-size:28px;line-height:1.2}.world-card p{margin:0 0 18px;line-height:1.6}.world-card .world-button{margin-top:auto}.world-card small{margin-top:14px}.away-card{background:#f6edcf;border-radius:25px;margin:32px 0;padding:28px;line-height:1.7}.away-card h2,.away-card h3{margin:0 0 10px}.away-card a{font-weight:800;text-decoration:underline}.learning-round{text-align:center;background:#fff;border:2px solid #dce5d6;border-radius:30px;max-width:780px;margin:20px auto;padding:30px}.learning-round h2{margin:22px 0 14px;font-size:clamp(26px,4vw,38px);line-height:1.3}.learning-round progress{accent-color:#37826c;width:100%;height:10px}.visual-answers{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.visual-answers button{color:#205747;cursor:pointer;background:#fff9eb;border:3px solid #d9e3d2;border-radius:24px;min-height:145px;padding:18px;position:relative}.visual-answers button>span:first-child{word-break:break-word;font-size:clamp(34px,6vw,58px);line-height:1.6;display:block}.visual-answers strong{font-size:19px;display:block}.visual-answers button.correct{background:#e0f0e3;border-color:#28755b}.visual-answers button.chosen{border-color:#c38d44}.visual-answers button:disabled{cursor:default;opacity:1}.answer-mark{font-size:24px;position:absolute;top:10px;right:14px}.learning-feedback{background:#edf5e8;border-radius:22px;padding:20px;line-height:1.7}.learning-feedback .world-button{margin:18px auto 0;display:flex}:is(.family-world :focus-visible,.listen-button:focus-visible){outline-offset:4px;outline:4px solid #ba701b}.world-entry-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:28px;display:grid}.world-entry-grid>a{color:#205747;background:#e6eee1;border-radius:25px;align-items:center;gap:18px;padding:25px;text-decoration:none;display:flex}.world-entry-grid>a:nth-child(2){background:#e8e5f2}.world-entry-grid>a:nth-child(3){background:#f7e2d7}.world-entry-grid span{font-size:40px}.world-entry-grid strong{font-size:27px;display:block}.world-entry-grid small{margin-top:6px;font-size:14px;line-height:1.5;display:block}.resource-filters{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.resource-filters label{flex-direction:column;gap:7px;font-weight:800;display:flex}.resource-filters select{color:#205747;background:#fff;border:1px solid #b6c9b7;border-radius:12px;min-height:48px;padding:10px}.resource-count{font-size:14px}.family-resource-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.family-resource-list>a{color:#205747;background:#fff;border:1px solid #cad9c7;border-radius:20px;padding:22px;text-decoration:none}.family-resource-list h3{margin:8px 0;font-size:24px}.family-resource-list p{line-height:1.6}.family-resource-list span{font-size:13px}.family-resource-list strong{margin-top:14px;display:block}.studio-learning{background:#f6edcf;border-radius:20px;max-width:1000px;margin:25px auto;padding:22px;line-height:1.6}.studio-learning h2{font-size:23px}.studio-learning button{font:inherit;cursor:pointer}.studio-learning p{margin:8px 0}.studio-learning .listen-button{border:2px solid #b4c9ba}.studio-learning .mission-done{color:#205747;font-weight:900}.studio-learning fieldset{border:0;padding:10px 0}.studio-learning label{padding:8px 0;display:block}.studio-learning input{vertical-align:middle;width:22px;height:22px;margin-right:9px}.header .nav{gap:17px}.header .nav a{white-space:nowrap}.header .nav a:hover{text-underline-offset:5px;text-decoration:underline}@media (max-width:1000px){.header .nav{gap:12px}.header .nav a{font-size:12px}.header{gap:12px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.world-intro{grid-template-columns:1fr;gap:20px}.world-intro img{object-position:center;max-height:270px}.world-entry-grid{grid-template-columns:1fr;gap:12px;padding:22px}.world-entry-grid>a{padding:20px}.world-grid,.family-resource-list{grid-template-columns:1fr}.family-world{padding:24px 20px 45px}.learning-round{padding:20px 14px}.visual-answers{gap:10px}.visual-answers strong{font-size:16px}.visual-answers button{min-height:130px;padding:12px}.age-selector button{padding:14px 19px}.world-card{padding:24px}}@media (prefers-reduced-motion:reduce){.family-world *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
