/* The growing course keeps the prototype's paper, forest and storybook language. */
.course-quiz-choice .course-art{margin:auto}.course-quiz-choices.picture-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-choices .course-quiz-choice{padding:12px 4px}.picture-choices .course-art{width:min(160px,20vw);height:min(160px,20vw)}
.course-page{max-width:1050px;margin:auto;padding:26px 0 60px}.course-page .page-heading{padding-top:22px}.course-page p{line-height:1.8}.course-page .lesson-top{margin-bottom:10px}.course-note{color:var(--muted);font-size:14px;line-height:1.9;margin:22px 0}.course-note .text-link{display:inline-flex;margin-top:6px}.course-home-entry{padding:25px 30px;margin-bottom:25px;background:var(--soft-green);border:1px solid #d7dfc8;border-radius:var(--radius);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.course-home-entry h2{font-size:26px}.course-home-entry p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:6px;line-height:1.7}.course-home-links{grid-column:1/-1;display:flex;gap:25px;flex-wrap:wrap;font-size:13px;color:var(--green);font-weight:800}.course-home-links a:hover{text-decoration:underline}.course-start{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fffdf5;padding:20px 26px;border:1px solid var(--line);border-radius:var(--radius);margin:25px 0}.course-start>div{display:flex;align-items:center;gap:18px}.course-start .milo{width:65px;height:75px}.course-start p span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.course-links{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.course-links a{display:flex;align-items:center;gap:8px;background:var(--soft-green);padding:12px 17px;border-radius:15px;font-weight:800;font-size:14px}.course-links a:hover{background:#dce7ce}.course-stages{display:flex;gap:9px;overflow:auto;padding:4px 2px 9px;margin-top:22px}.course-stages button{background:#fffdf5;border:1px solid var(--line);border-radius:15px;padding:14px;flex:1;min-width:126px;font-size:15px;font-weight:900}.course-stages button span{display:block;white-space:nowrap;font-size:13px;font-weight:700;margin-top:3px}.course-stages .selected{background:var(--green);color:var(--ivory);border-color:var(--green)}.course-goal{font-size:15px;color:var(--green);margin:12px 0 22px}.course-units{display:grid;grid-template-columns:1fr 1fr;gap:18px}.course-unit{display:flex;gap:20px;align-items:center;border:1px solid var(--line);background:#fffdf5;border-radius:var(--radius);padding:20px}.course-unit:hover,.course-lesson-link:hover{border-color:var(--green)}.course-unit>div{flex:1;min-width:0}.course-unit h2{font-size:20px}.course-unit p{font-size:13px;color:var(--muted);margin:8px 0}.course-unit small{font-size:11px;letter-spacing:1px;color:var(--muted)}.course-unit div>span{font-size:12px;font-weight:800;color:var(--green)}.course-art{display:block;width:160px;height:160px;background-repeat:no-repeat;border-radius:16px;flex-shrink:0}.course-unit .course-art{width:100px;height:100px}.course-unit .milo{width:85px;height:95px}.course-colour{display:block;margin:12px auto;width:115px;height:115px;border-radius:50%;background:var(--colour);border:3px solid #304b3c20;box-shadow:0 5px 0 #304b3c12}.course-lessons{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.course-lesson-link{display:flex;align-items:center;gap:15px;background:#fffdf5;border:1px solid var(--line);border-radius:19px;padding:20px}.course-step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft-green);font-weight:900}.course-lesson-link h2{font-size:19px}.course-lesson-link p{font-size:18px;font-weight:800;margin-top:4px}.course-lesson-link>svg{margin-left:auto}.course-section-title{margin:30px 0 20px}.course-pattern-list{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 0}.course-pattern-link{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:20px;background:#fffdf5;padding:23px;position:relative}.course-pattern-link:hover{border-color:var(--green)}.course-pattern-link small{font-size:13px;color:var(--muted)}.course-pattern-link strong{font-size:24px;line-height:1.4;padding-right:15px}.course-pattern-link span{font-size:15px}.course-pattern-link>svg{position:absolute;right:16px;bottom:20px}.course-learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:980px;margin:28px auto}.course-learn-card{display:flex;flex-direction:column;align-items:center;background:#fffdf5;border:2px solid var(--line);border-radius:24px;padding:22px 16px;box-shadow:0 5px 0 #e3e5d8}.course-learn-card.explored{border-color:var(--green)}.course-learn-card strong{font-size:clamp(32px,3.5vw,44px);line-height:1.3;overflow-wrap:anywhere;margin:12px 0 4px}.course-word-zh{font-size:18px;line-height:1.7}.course-card-sound{display:flex;gap:7px;align-items:center;color:var(--green);font-size:14px;font-weight:800;margin-top:16px}.course-context{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:14px;line-height:1.7}.course-context b{font-size:19px;font-weight:800}.course-context>span{color:var(--muted)}.course-quiz-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:960px;margin:28px auto}.course-quiz-choice{background:#fffdf5;border:2px solid #c6d1ba;border-radius:22px;min-height:115px;padding:20px 14px;font-size:clamp(27px,3vw,38px);font-weight:900;line-height:1.4;overflow-wrap:anywhere;box-shadow:0 5px 0 #e1e5d8}.course-quiz-choice:disabled{opacity:.7}.course-quiz-choice.correct{border-color:var(--green);background:var(--soft-green);opacity:1}.course-quiz-choice.incorrect{border-color:#b33424;color:#b33424;background:#fff0e8;opacity:1}.course-feedback-art{width:130px;height:130px;margin:12px auto}.course-lesson .sentence-feedback{margin-bottom:15px}.course-sentence-demo{max-width:750px;margin:28px auto;text-align:center;padding:28px;background:var(--soft-green);border-radius:var(--radius)}.course-sentence-demo .milo{width:110px;height:125px;margin:auto}.course-sentence-demo .sentence-translation{font-size:21px;margin:8px 0 15px}.course-sentence-demo>p:last-child{font-size:16px;line-height:1.7}.course-sentence .sentence-slots{grid-template-columns:repeat(var(--course-cols),minmax(0,1fr))}.course-sentence .sentence-slot{position:relative;padding-top:14px}.course-slot-number{position:absolute;top:0;left:8px;font-size:11px;line-height:14px;color:var(--muted)}.course-empty-slot{width:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px}.course-bottom-links{display:flex;gap:16px}.course-review-card{display:flex;gap:28px;align-items:center;margin:28px 0;padding:28px;border-radius:var(--radius);background:var(--soft-green)}.course-review-card .milo{width:125px;height:145px;flex-shrink:0}.course-review-card p{font-size:15px;margin:12px 0 20px;color:var(--muted)}.course-review-card .button{margin:4px 12px 4px 0}.course-result .result-content>.milo{margin:20px auto}.course-leaf-picker{margin:24px auto;text-align:center}.course-leaf-picker p{font-size:14px;color:var(--muted);margin-bottom:12px}.course-leaf-choice{border:2px solid transparent;border-radius:16px;padding:12px;margin:0 7px;background:#fffdf5}.course-leaf-choice[aria-pressed=true]{border-color:var(--green)}.course-leaf-choice svg{width:32px;height:32px;fill:currentColor;stroke:var(--ivory)}.leaf-green{color:#5b9466}.leaf-gold{color:#c4a044}.leaf-coral{color:#cf7754}.course-result-words{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin:24px 0}.course-result-words button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 20px;background:var(--soft-green);border-radius:16px}.course-result-words strong{font-size:30px}.course-result-words span{font-size:15px}.course-result .result-actions{flex-wrap:wrap;align-items:center}.course-garden{position:relative;overflow:hidden;border-radius:var(--radius);margin:26px 0;background:#dbe9d0;min-height:440px}.course-garden>img{width:100%;height:440px;object-fit:cover}.course-garden-label{position:absolute;top:20px;left:22px;padding:15px 20px;border-radius:16px;background:#fffaf0f0}.course-garden-label strong{display:block;font-size:24px}.course-garden-label span{font-size:13px;color:var(--muted)}.course-leaves{position:absolute;bottom:20px;left:22px;right:22px;display:flex;flex-wrap:wrap;gap:9px;padding:14px;background:#fffaf0ed;border-radius:15px;align-items:center}.course-leaves svg{width:28px;height:28px;fill:currentColor;stroke:#fffaf0}.course-leaves p{font-size:14px}.course-garden:after{content:'';position:absolute;top:27%;right:12%;width:70px;height:60px;pointer-events:none}.decoration-flowers:after{background:radial-gradient(circle at 30% 60%,#edbb5b 0 8px,transparent 9px),radial-gradient(circle at 60% 30%,#d78773 0 10px,transparent 11px),radial-gradient(circle at 70% 80%,#edbb5b 0 7px,transparent 8px)}.decoration-flags:after{background:linear-gradient(130deg,#d17b58 50%,transparent 51%);clip-path:polygon(0 0,100% 0,100% 30%,70% 70%,55% 25%,25% 70%,0 25%)}.decoration-lanterns:after{background:radial-gradient(ellipse at 25% 50%,#e7af51 0 13px,transparent 14px),radial-gradient(ellipse at 70% 70%,#d88159 0 14px,transparent 15px);filter:drop-shadow(0 0 9px #eecb6e)}.course-week-note,.course-decorations{padding:22px 25px;background:#fffdf5;border:1px solid var(--line);border-radius:20px;margin:20px 0}.course-week-note p,.course-decorations p{font-size:15px;color:var(--muted);margin-top:8px}.course-decorations button{margin:15px 10px 0 0}.course-decorations button[aria-pressed=true]{background:var(--soft-green);border-color:var(--green)}.course-works{display:grid;grid-template-columns:1fr 1fr;gap:16px}.course-works a{display:flex;flex-direction:column;gap:9px;padding:20px;background:#fffdf5;border:1px solid var(--line);border-radius:18px}.course-works small,.course-works span{font-size:13px;color:var(--muted);line-height:1.7}.course-works strong{font-size:20px}.course-milestones{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0}.course-milestones>div{display:flex;align-items:center;flex-direction:column;gap:9px;width:calc(33.33% - 12px);padding:20px;background:#eeeee5;border-radius:18px;color:var(--muted)}.course-milestones>div.earned{background:var(--soft-green);color:var(--green)}.course-milestones span{font-size:12px;text-align:center;line-height:1.6}.course-parent-entry{padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:var(--soft-green);margin:25px 0}.course-parent-entry p{font-size:14px;color:var(--muted);margin:9px 0 16px;line-height:1.8}.course-parent-entry>a{margin-right:20px}.course-parent-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.course-parent-tools label{font-size:14px;display:flex;align-items:center;gap:12px}.course-parent-tools input{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fffdf5;max-width:100%;color:var(--ink)}
@media(max-width:1000px){.site-header nav{gap:22px}.course-units{grid-template-columns:1fr}.course-page{padding:20px 0 45px}}
@media(max-width:780px){.course-home-entry{padding:22px;grid-template-columns:1fr}.course-home-entry>.button{justify-self:start}.course-home-links{gap:14px}.course-lessons,.course-pattern-list{grid-template-columns:1fr}.course-learn-cards{gap:12px}.course-learn-card{padding:16px 10px}.course-art{width:130px;height:130px}.course-learn-card strong{font-size:30px}.course-start{flex-wrap:wrap;padding:18px}.course-start>.button{flex:1}.course-milestones>div{width:calc(50% - 8px)}}
@media(max-width:540px){.site-header nav{gap:22px;justify-content:space-between;width:100%}.site-header nav a{font-size:11px;white-space:nowrap}.course-page{padding-top:16px}.course-page .page-heading h1{font-size:27px}.course-home-entry{padding:20px 18px;margin-top:6px}.course-home-entry h2{font-size:23px}.course-home-entry>.button{width:100%}.course-home-links{font-size:12px;gap:12px}.course-unit{gap:12px;padding:16px}.course-unit .course-art{width:80px;height:80px}.course-unit h2{font-size:19px}.course-unit p{font-size:12px}.course-unit>svg{width:18px}.course-links{gap:8px}.course-links a{font-size:12px;padding:11px}.course-stages button{min-width:118px;padding:12px}.course-goal{font-size:13px}.course-lesson-link{padding:16px}.course-lesson-link p{font-size:17px}.course-learn-cards{grid-template-columns:1fr;gap:16px;margin-top:20px}.course-learn-card{padding:18px}.course-learn-card .course-art{width:145px;height:145px}.course-learn-card strong{font-size:38px}.course-word-zh{font-size:19px}.course-context{font-size:15px}.course-quiz-choices{grid-template-columns:1fr;gap:12px;margin:20px auto}.course-quiz-choice{min-height:82px;font-size:30px;padding:16px}.course-sentence .sentence-slots{grid-template-columns:repeat(var(--course-mobile-cols),minmax(0,1fr))}.course-sentence .sentence-slot{min-height:88px}.course-sentence .word-block{font-size:32px;min-height:74px}.course-bottom-links{gap:12px}.course-sentence .lesson-bottom .text-button{font-size:12px}.course-review-card{flex-direction:column;padding:22px;text-align:center}.course-review-card h2{font-size:22px}.course-review-card p{font-size:14px}.course-review-card .button{width:100%;margin:6px 0}.course-sentence-demo{padding:20px 14px}.course-sentence-demo .sentence-answer{font-size:29px}.course-sentence-demo .sentence-translation{font-size:20px}.course-garden,.course-garden>img{min-height:350px;height:350px}.course-garden-label{top:14px;left:14px;padding:12px 16px}.course-garden-label strong{font-size:20px}.course-leaves{left:12px;right:12px;bottom:14px;gap:4px;padding:10px}.course-leaves svg{width:23px;height:23px}.course-week-note,.course-decorations{padding:19px}.course-decorations button{font-size:13px;padding:12px}.course-works{grid-template-columns:1fr}.course-milestones{gap:10px}.course-milestones>div{padding:15px 12px;width:calc(50% - 5px)}.course-milestones strong{font-size:14px}.course-result-words{gap:10px}.course-result-words button{padding:12px 15px}.course-result-words strong{font-size:28px}.course-parent-entry{padding:20px}.course-parent-entry h2{font-size:21px}.course-parent-entry>a{margin:8px 0}.course-parent-tools{align-items:stretch;flex-direction:column}.course-parent-tools label{flex-direction:column;align-items:flex-start}.course-parent-tools input{width:100%}.course-parent-entry .button{font-size:13px;padding:13px}.course-parent-entry .text-link{display:block;font-size:13px}}
/* Account screens and the full curriculum share the island's paper-and-forest palette. */
.account-link{display:flex;flex-direction:column;gap:3px;font-size:13px;font-weight:800;max-width:120px;overflow-wrap:anywhere}.account-link small{font-size:10px;color:var(--muted);font-weight:600}.account-page{max-width:470px;margin:36px auto 70px;text-align:center;background:#fffdf5;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.account-page>.milo{width:100px;height:116px;margin:0 auto 14px}.account-page h1{font-size:28px}.account-page>p{margin:12px 0;line-height:1.8;color:var(--muted)}.account-tabs{display:flex;gap:8px;margin:23px 0}.account-tabs button{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;font-weight:800}.account-tabs button[aria-pressed=true]{background:var(--soft-green);border-color:var(--green)}.account-page form{text-align:left}.account-page label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:15px;font-weight:800}.account-page [hidden]{display:none!important}.account-page input{width:100%;min-width:0;border:1px solid #c6d1ba;border-radius:12px;padding:13px 15px;background:var(--paper);color:var(--ink);font-size:18px}.account-page .button{margin:8px 0;width:100%}.account-page .text-button{margin-top:15px}.account-page #account-error{color:#b33424;font-size:14px;line-height:1.7;min-height:24px;margin:10px 0}.account-import{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.account-import h2{font-size:20px}.account-import p{font-size:14px;line-height:1.8;margin:10px 0}.course-explore-world{min-height:570px}.course-map-pin{width:215px;min-width:0}.course-map-pin>span:nth-child(2){min-width:0;flex:1}.course-map-pin>svg{margin-left:auto}.course-map-pin.pin-0{left:7%;top:20%}.course-map-pin.pin-1{right:7%;top:20%}.course-map-pin.pin-2{left:10%;top:43%}.course-map-pin.pin-3{right:7%;top:47%}.course-map-pin.pin-4{left:31%;top:70%}.course-explore-layout .daily-card>.text-link{margin-top:20px;font-size:13px}.course-original{margin:30px 0;color:var(--muted);font-size:13px}.course-original summary{cursor:pointer;font-weight:800}.course-original p{margin:12px 0}.course-original .text-link{margin:10px 20px 10px 0}.course-explore-layout+.sentence-home-entry{margin-top:26px}
@media(max-width:1000px){.header-tools{gap:12px}.site-header{gap:16px}.site-header nav{gap:18px}.site-header nav a{font-size:13px}.course-explore-layout{grid-template-columns:1fr}.course-explore-layout .daily-card{min-height:0}.course-explore-world{min-height:520px}}
@media(max-width:540px){.site-header{padding-left:12px;padding-right:12px}.header-tools{gap:8px}.header-tools .icon-button{width:30px;height:30px}.account-link{font-size:10px;max-width:62px}.account-link small{font-size:8px}.parent-link{font-size:10px}.parent-link span{margin-left:2px}.account-page{margin:25px auto 40px;padding:22px 18px}.account-page h1{font-size:25px}.account-tabs button{font-size:12px;padding:11px 6px}.course-explore-world{min-height:460px}.course-map-pin{width:calc(50% - 23px);font-size:12px;min-height:76px;padding:9px 7px;gap:5px}.course-map-pin small{font-size:9px;line-height:1.5;letter-spacing:0}.course-map-pin .pin-number{width:22px;height:22px;flex-shrink:0}.course-map-pin>svg{width:12px}.course-map-pin.pin-0{left:4%;top:20%}.course-map-pin.pin-1{right:4%;top:20%}.course-map-pin.pin-2{left:4%;top:43%}.course-map-pin.pin-3{right:4%;top:43%}.course-map-pin.pin-4{left:calc(25% + 11px);top:66%}.course-explore-layout .daily-card>.text-link{grid-column:1/-1;margin-top:15px}.course-original .text-link{display:inline-flex}.site-header .brand{gap:7px;font-size:16px}.site-header .brand small{font-size:7px;letter-spacing:1px}.site-header .brand-symbol{width:36px;height:36px;font-size:34px}}