/* Companions accompany a task; the word and answer remain the visual centre. */
.companion-team{margin:25px 0 20px}.team-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px}.team-heading .tiny-eyebrow{color:#879278;font-size:8px;letter-spacing:.12em}.team-heading h2{font-size:18px;letter-spacing:-.03em;margin-top:4px}.team-heading>span{font-size:10px;color:#829077}.team-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-member{display:flex;gap:9px;align-items:center;min-width:0;text-align:left;border:1px solid #e3e8db;border-radius:17px;padding:10px 8px;background:#fff;transition:background .2s,transform .2s,border-color .2s}.team-member:hover{background:#f3f6ee;border-color:#bdcbb1;transform:translateY(-2px)}.team-portrait{width:58px;height:65px;flex-shrink:0;display:grid;place-items:center;position:relative}.team-portrait:before{content:'';position:absolute;width:51px;height:51px;bottom:3px;border-radius:50%;background:#f4e9d8}.team-portrait img{width:65px;height:65px;object-fit:contain;position:relative}.companion-mira .team-portrait:before{background:#ebefdf}.companion-tosha .team-portrait:before{background:#f5e5db}.team-member>span:nth-child(2){min-width:0;flex:1}.team-member strong{display:block;font-size:13px;line-height:1.6}.team-member small{display:block;font-size:9px;line-height:1.6;color:#748268;overflow-wrap:anywhere}.team-member>.icon{width:12px;flex-shrink:0;color:#96a18c}.quick-review{display:flex;align-items:center;gap:13px;padding:19px 20px;margin:0 0 28px;border:1px solid #dedfcf;border-radius:18px;background:linear-gradient(110deg,#f8f4e8,#f5f6ed)}.quick-review-icon{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;color:#8b7143;background:#eee5ce}.quick-review-icon>.icon{width:21px;height:21px}.quick-review>div{flex:1;min-width:0}.quick-review .tiny-eyebrow{font-size:7px;letter-spacing:.11em;color:#91805e}.quick-review h2{font-size:15px;letter-spacing:-.025em;margin:4px 0}.quick-review p{font-size:10px;line-height:1.7;color:#7d8068}.quick-review>.btn{font-size:11px;padding:11px 15px;min-height:44px;flex-shrink:0;background:#fffef8;border-color:#e0dccb}.companion-bio{text-align:center}.companion-bio>img{width:180px;height:180px;object-fit:contain;margin:0 auto 8px}.companion-bio>.eyebrow{display:block}.companion-bio h2{margin:9px 0!important;font-size:32px!important}.companion-bio>strong{font-size:12px;color:#81906e}.companion-bio p{font-size:13px;line-height:1.9;margin:18px 0 25px;color:#6c7e61}
.lesson-mission{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px 0 22px;border-bottom:1px solid #e5e9df;padding-bottom:12px;color:#77856c;font-size:10px}.lesson-mission>span:first-child{display:flex;gap:7px;align-items:center}.lesson-mission .icon{width:15px;height:15px;color:#a1885c}.lesson-mission>span:last-child{background:#edf1e5;color:#70835e;border-radius:20px;padding:5px 11px;font-size:9px;white-space:nowrap}.task-guide{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;margin:0 0 27px}.guide-portrait{display:grid;place-items:center;position:relative;align-self:end;min-width:0}.guide-portrait:before{content:'';position:absolute;inset:23px 1px 6px;border-radius:50%;background:#f2eadc}.guide-portrait img{width:125px;height:125px;max-width:none;object-fit:contain;position:relative;transform-origin:50% 85%;filter:drop-shadow(0 5px 5px #294a2b09)}.companion-mira .guide-portrait:before{background:#e9eedf}.companion-tosha .guide-portrait:before{background:#f2e4d9}.guide-speech{min-width:0;border:1px solid #e0e6d7;border-radius:18px 18px 18px 4px;padding:16px 21px;background:#fff;position:relative}.guide-speech .guide-name{font-size:8px;font-weight:750;line-height:1.7;color:#8c987d;display:block;margin-bottom:5px}.guide-name i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#a4b095;margin:0 5px 2px}.exercise-main .guide-speech h1{font-size:25px;line-height:1.35;letter-spacing:-.035em;margin:0 0 6px}.guide-speech p{font-size:11px;color:#7b896d;line-height:1.8;margin:0}.mood-support .guide-speech{border-color:#e6d6b7;background:#fffdf5}.mood-celebrate .guide-speech{border-color:#cfddbd;background:#fbfdf7}.guide-enter .guide-speech{animation:companion-speech-in .35s ease-out both}.guide-enter .guide-portrait img{animation:companion-hello .65s ease-out both}.guide-react.mood-celebrate .guide-portrait img{animation:companion-cheer .68s ease-in-out both}.guide-react.mood-support .guide-portrait img{animation:companion-nod .65s ease-in-out both}
.recap-section{max-width:480px;margin:26px auto;text-align:left}.recap-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.recap-heading h2{font-size:15px;letter-spacing:-.02em}.recap-heading>span{font-size:10px;color:#879475}.word-recap{border:1px solid #e0e7d6;border-radius:15px;background:white;overflow:hidden}.word-recap>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;padding:14px 17px;cursor:pointer;font-size:11px;font-weight:750;list-style:none}.word-recap>summary::-webkit-details-marker{display:none}.word-recap>summary>.icon{width:15px;height:15px;color:#8da17b;transition:transform .2s}.word-recap[open]>summary>.icon{transform:rotate(180deg)}.word-recap>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 12px 12px}.word-recap button{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:#f6f8f0;border:1px solid #e9eedf;border-radius:10px;padding:11px 13px;min-height:84px}.word-recap button:hover{background:#edf3e3}.word-recap strong{font-size:16px;color:#436642;line-height:1.5;overflow-wrap:anywhere}.word-recap .reading{font-size:11px;font-weight:500;line-height:1.6;margin:0;max-width:100%;color:#8d7a58;overflow-wrap:anywhere}.word-recap small{font-size:10px;color:#7b886e;line-height:1.6;overflow-wrap:anywhere}.next-review-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#7d8b6c;line-height:1.8;margin:13px 0 0;text-align:center}.next-review-note>.icon{width:14px;height:14px;flex-shrink:0}
@keyframes companion-speech-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes companion-hello{0%{transform:translateY(7px) rotate(-3deg)}65%{transform:translateY(-3px) rotate(2deg)}100%{transform:translateY(0) rotate(0)}}@keyframes companion-cheer{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(-4deg)}62%{transform:translateY(-3px) rotate(4deg)}}@keyframes companion-nod{0%,100%{transform:rotate(0)}45%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}
@media(max-width:1000px){.team-member{flex-direction:column;gap:5px;text-align:center;position:relative;padding:12px 7px}.team-member>.icon{display:none}.team-portrait{height:69px}.team-member small{font-size:10px;max-width:120px}.team-member strong{font-size:13px}}
@media(max-width:700px){.companion-team{margin:24px 0 17px}.team-heading{align-items:start}.team-heading h2{font-size:17px}.team-heading>span{font-size:8px;line-height:1.8;max-width:82px;text-align:right}.team-members{gap:8px}.team-member{border-radius:15px;padding:10px 5px}.team-portrait{width:64px;height:68px}.team-portrait img{width:71px;height:71px}.team-member small{font-size:9px;line-height:1.7;max-width:100px}.quick-review{padding:17px 16px;gap:11px;flex-wrap:wrap;margin-bottom:26px}.quick-review>div{flex-basis:calc(100% - 55px)}.quick-review>.btn{width:100%;min-height:44px;font-size:11px;margin-top:1px}.quick-review p{font-size:10px}.lesson-mission{font-size:9px;margin:0 0 17px}.lesson-mission>span:last-child{font-size:8px;padding:4px 8px}.task-guide{grid-template-columns:75px minmax(0,1fr);gap:11px;margin:0 0 22px}.guide-portrait img{width:87px;height:101px}.guide-portrait:before{inset:27px 0 3px}.guide-speech{padding:13px 14px;border-radius:16px 16px 16px 3px}.guide-speech .guide-name{font-size:7px;margin-bottom:4px}.exercise-main .guide-speech h1{font-size:21px;margin-bottom:6px;line-height:1.35}.guide-speech p{font-size:10px;line-height:1.75}.recap-section{margin:24px 0}.recap-heading h2{font-size:14px}.word-recap>div{padding:0 9px 9px;gap:7px}.word-recap button{padding:10px;min-height:84px}.word-recap strong{font-size:15px}.next-review-note{font-size:10px}}
@media(max-width:360px){.team-members{gap:6px}.team-member small{font-size:8px}.team-heading h2{font-size:15px}.task-guide{grid-template-columns:59px minmax(0,1fr);gap:9px}.guide-portrait img{width:73px;height:90px}.guide-speech{padding:12px}.exercise-main .guide-speech h1{font-size:19px}.guide-speech .guide-name{font-size:6px}.lesson-mission{font-size:8px}.lesson-mission>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){.task-guide *,.team-member{animation:none!important;transition:none!important}}

@media(max-width:700px){.guide-speech .guide-name{font-size:9px}.guide-role{display:none}.lesson-shell .learn-card-icon{display:none}.lesson-shell .learn-card{min-height:0;padding:22px 20px}.lesson-shell .learn-card p{max-width:100%;margin-top:14px}.lesson-shell .learn-card>.tiny-eyebrow{margin-bottom:9px}}