.fAP67W_logo{vertical-align:middle;background:0 0;border-radius:8px;flex-shrink:0;width:228px;max-width:100%;padding:4px;line-height:0;display:inline-block}.fAP67W_logo img{object-fit:contain;width:100%;height:auto;display:block}.fAP67W_footer{width:200px}@media (max-width:760px){.fAP67W_logo{width:204px}.fAP67W_footer{width:200px}}
.ZLtDMq_floating{right:0;bottom:calc(max(18px, env(safe-area-inset-bottom)) + var(--visual-viewport-bottom,0px));z-index:100;position:fixed}.ZLtDMq_floating .ZLtDMq_toggle{width:calc(88px + env(safe-area-inset-right));min-height:88px;padding:14px calc(12px + env(safe-area-inset-right)) 14px 12px;color:#fff;background:linear-gradient(145deg,#34765d,#1e5040);border:1px solid #ffffff35;border-right:0;border-radius:32px 0 0 18px;flex-direction:column;gap:6px;font-size:12px;line-height:1.5;position:relative;box-shadow:-3px 5px 16px #223d3733,inset 1px 1px #ffffff20}.ZLtDMq_icon{fill:currentColor;width:28px;height:28px}.ZLtDMq_toggle:focus-visible{outline-offset:-5px}.ZLtDMq_panel{right:max(12px, env(safe-area-inset-right));width:min(270px,100vw - 36px);max-height:calc(var(--visual-viewport-height,100dvh) - 132px - env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;position:absolute;bottom:calc(100% + 12px);overflow-y:auto;box-shadow:0 8px 32px #223d3733}.ZLtDMq_panel a{border-radius:6px;min-height:44px;padding:10px 16px;font-size:14px;display:block}.ZLtDMq_panel a:hover,.ZLtDMq_panel a[aria-current=page]{background:var(--mint)}.ZLtDMq_panel a:focus-visible{outline-offset:-3px}
:root{--ink:#223d37;--muted:#53695f;--green:#2e6653;--paper:#fbfaf6;--line:#dedfd4;--mint:#e9f1e8;--orange:#c56a37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #b55d29}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}h1,h2,h3,p{margin:0 0 1em}h1{letter-spacing:.04em;font-size:clamp(30px,3.8vw,52px);font-weight:750;line-height:1.6}h2{font-size:clamp(24px,2.3vw,32px);line-height:1.6}h3{font-size:20px;line-height:1.6}img{max-width:100%;height:auto}small,.micro{color:var(--muted);font-size:12px}.wrap{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}.section{padding-top:72px;padding-bottom:50px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1300px;margin:auto;padding:28px 44px;display:flex}.logo{letter-spacing:.1em;white-space:nowrap;font-size:27px;font-weight:800;line-height:1.3}.logo span{color:var(--green)}.logo small{letter-spacing:.18em;margin-top:7px;font-size:8px;display:block}.header nav,footer nav{flex-wrap:wrap;gap:26px;display:flex}.header nav{font-size:13px;font-weight:650}.header nav a:hover,.text-link:hover{text-underline-offset:6px;text-decoration:underline}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-top:72px;padding-bottom:80px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--green);margin-bottom:22px;font-size:11px;font-weight:750}.hero h1{letter-spacing:.015em;font-size:clamp(31px,3.4vw,46px);line-height:1.7}.hero h1 span{color:var(--green)}.lead{color:var(--muted);font-size:16px;line-height:2.1}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin:28px 0 14px;display:flex}.button,button{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:7px;justify-content:center;align-items:center;gap:26px;padding:13px 23px;font-size:14px;font-weight:650;line-height:1.6;display:inline-flex}.button:hover,button:hover{filter:brightness(.94)}.text-link{color:var(--green);font-size:13px;font-weight:650}.hero-people{grid-template-columns:1fr 1fr;gap:17px;padding:8px 0 42px;display:grid;position:relative}.hero-people figure{border:1px solid var(--line);background:#fff;border-radius:110px 110px 8px 8px;margin:0;padding:8px 8px 18px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 16px 28px #203b2910}.hero-people figure:nth-child(2){transform:translateY(48px)rotate(4deg)}.hero-people img{object-fit:cover;object-position:50% 45%;border-radius:100px 100px 4px 4px;width:100%;height:280px;display:block}.hero-people figcaption{letter-spacing:.1em;padding:14px 8px 0;font-size:13px;font-weight:700}.hero-people figcaption span{letter-spacing:0;margin-top:5px;font-size:10px;font-weight:400;display:block}.sticky-note{background:#f5df9d;padding:13px 25px;font-family:Georgia,serif;font-size:19px;font-style:italic;line-height:1.4;position:absolute;bottom:0;left:18px;transform:rotate(-8deg);box-shadow:0 8px 18px #00000008}.band{background:var(--mint);padding:30px 0 24px}.facts{grid-template-columns:repeat(3,1fr);display:grid}.facts p{text-align:center;border-right:1px solid #bfcfc1;margin-bottom:20px}.facts p:last-child{border:0}.facts b{font-family:Georgia,serif;font-size:40px;font-weight:400;line-height:1.4}.facts span{font-size:12px;display:block}.center{text-align:center;margin:0;padding:0 24px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card{border:1px solid var(--line);background:#fffefa;border-radius:10px;padding:30px;transition:transform .2s;display:block}.card:hover{transform:translateY(-3px)}.card p{color:var(--muted);font-size:13px}.card small{color:var(--green)}.number{color:#6b8e76;font-family:Georgia,serif;font-size:36px}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.pill{color:var(--green);white-space:nowrap;background:#eff4ec;border:1px solid #cfdccc;border-radius:30px;padding:4px 12px;font-size:11px}.empty{background:#f6f6ed;border:1px dashed #b5c2af;border-radius:10px;padding:40px}.empty h3{margin:16px 0}.empty p{color:var(--muted)}.category-nav{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.lesson-row{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:20px 8px;display:flex}.lesson-row>span:nth-child(2){flex:1;min-width:0}.lesson-row b{font-size:15px;display:block}.lesson-row small{font-size:11px}.step{color:var(--green);flex-shrink:0;font-family:Georgia,serif;font-size:22px}.status{color:var(--muted);white-space:nowrap;font-size:11px}.pending{color:#59675e}.stats{margin:35px 0}.stats strong{font-family:Georgia,serif;font-size:48px}.stats strong small{font-size:18px}.secondary{color:var(--green);background:0 0;border:1px solid #b8c5b4;padding:9px 14px;font-size:12px}.word-tools{flex-wrap:wrap;gap:20px;margin:30px 0 12px;display:flex}label{font-size:13px;display:block}input[type=search],select{color:var(--ink);background:#fff;border:1px solid #bdc6b8;border-radius:5px;max-width:100%;min-height:42px;padding:9px 12px;display:block}input[type=search]{width:280px}.word-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:26px}.word-card h3{font-family:Georgia,serif;font-size:32px}.word-state{margin-top:16px}.word-state select{margin-top:6px}.article{max-width:820px;padding-top:42px;padding-bottom:60px}.article header{margin:35px 0}.article h1{font-size:clamp(28px,3.5vw,40px)}.article h2{font-size:25px}.article section{margin:45px 0;scroll-margin-top:24px}.article p{line-height:2.15}.article a:not(.button){text-underline-offset:4px;text-decoration:underline}.breadcrumbs{color:var(--muted);font-size:11px}.goals,.toc{background:var(--mint);border-radius:8px;margin:25px 0;padding:24px 28px}.goals h2{font-size:18px}.toc{background:#f2f0e8}.toc summary{cursor:pointer;font-weight:700}.toc ol{padding-left:22px}.example{border-left:3px solid var(--green);background:#f2f0e8;margin:24px 0;padding:22px}.example b{font-family:Georgia,serif;font-size:23px}.example p{margin:8px 0 0}.dialogue{align-items:flex-start;gap:16px;margin:25px 0;display:flex}.dialogue img{object-fit:cover;object-position:center;border-radius:50%;flex-shrink:0;width:70px;height:70px}.dialogue>div{background:#edf3ea;border-radius:0 12px 12px;flex:1;padding:14px 20px}.dialogue.yume>div{background:#f8eee8}.dialogue strong{letter-spacing:.1em;font-size:10px}.dialogue p{margin:5px 0;font-size:14px}.quiz fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin-bottom:25px;padding:20px}.quiz legend{padding:0 6px;font-size:15px;font-weight:650}.quiz label{align-items:center;gap:12px;padding:10px 0;display:flex}.feedback{background:var(--mint);padding:15px;font-size:13px}.notice{background:#fff0cc;border:1px solid #dbbc72;border-radius:7px;padding:20px}.complete{margin:40px 0}.complete p{color:var(--muted);margin-top:10px;font-size:12px}.article-nav{flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:14px;display:flex}.sources{font-size:12px}.sources h2{font-size:18px}footer{border-top:1px solid var(--line);text-align:center;background:#f2f2e9;margin-top:60px;padding:44px}footer .logo{font-size:22px}footer p{margin-top:10px;font-size:12px}footer nav{justify-content:center;margin:25px 0;font-size:12px}footer small{font-size:10px}.skip{z-index:99;background:#fff;padding:10px;position:absolute;top:0;left:-9999px}.skip:focus{left:10px}@media (max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{padding:20px 22px;display:block}.logo{font-size:24px}.header nav{gap:18px;margin-top:20px;font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:52px}.hero h1{font-size:35px}.hero-people{width:100%;max-width:440px;margin:0 auto;padding-bottom:45px}.hero-people img{height:235px}.hero-people figure:nth-child(2){transform:translateY(28px)rotate(3deg)}.hero-people figcaption{padding-left:3px;padding-right:3px}.hero-people figcaption span{font-size:9px}.sticky-note{font-size:17px}.lead{font-size:14px}.facts b{font-size:32px}.facts span{font-size:10px}.facts{padding-left:10px;padding-right:10px}.center{font-size:10px}.section{padding-top:45px;padding-bottom:30px}.grid3,.grid2{grid-template-columns:1fr;gap:16px}.card{padding:24px}.card .number{font-size:30px}.empty{padding:25px}.lesson-row{gap:12px;padding:18px 0}.lesson-row b{font-size:13px}.status{font-size:10px}.step{font-size:19px}.category-nav{gap:7px}.pill{font-size:10px}.article{padding-top:25px}.article h2{font-size:22px}.article h1{font-size:29px}.dialogue img{width:55px;height:55px}.dialogue{gap:10px}.dialogue>div{padding:12px 15px}.dialogue p{font-size:13px}.goals,.toc{padding:20px}.stats{grid-template-columns:1fr}.word-tools{gap:12px}.word-tools label{max-width:100%}footer{padding:35px 22px}footer nav{gap:18px}.article section{margin:32px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}.sticky-note{padding:9px 20px;font-size:16px;bottom:-38px;left:28px}@media (max-width:760px){.sticky-note{font-size:15px;bottom:-28px;left:20px}}.lesson-visual{margin:34px 0 40px}.visual-frame{aspect-ratio:1672/941;background:#e1e2e0;border-radius:10px;position:relative;overflow:hidden}.visual-frame>img{object-fit:cover;width:100%;height:100%;display:block}.visual-overlay{color:#4d5650;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:8%;display:flex;position:absolute;inset:0}.visual-label{letter-spacing:.14em;font-size:13px;font-weight:650}.visual-title{max-width:580px;font-size:clamp(22px,3vw,38px);font-weight:750;margin:0!important;line-height:1.65!important}.visual-people{letter-spacing:.15em;font-size:12px}.lesson-visual figcaption{text-align:center;color:var(--muted);padding:12px 8px;font-size:12px;line-height:1.8}.lesson-diagram{background:#eef3e9;border:1px solid #d6e1cf;border-radius:12px;margin:32px 0;padding:25px}.lesson-diagram figcaption{margin-bottom:20px;font-size:17px;font-weight:750;line-height:1.7}.diagram-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.diagram-items li{background:#fffefa;border:1px solid #d8e0d3;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:18px 14px;display:flex;position:relative}.diagram-items strong{font-size:16px;line-height:1.6}.diagram-items li>span:not(.diagram-index){font-size:13px;line-height:1.8}.diagram-index{color:var(--green);font-family:Georgia,serif;font-size:13px}.diagram-items small{font-size:11px;line-height:1.8}.diagram-compare .diagram-items{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-sentence .diagram-items strong{font-family:Georgia,serif;font-size:25px}.diagram-steps .diagram-items{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-note{color:var(--muted);font-size:12px;margin:18px 0 0!important;line-height:1.9!important}.lesson-takeaway{border-left:3px solid var(--green);background:#f2f4ed;border-radius:0 8px 8px 0;padding:25px}.lesson-takeaway h2{font-size:22px}.lesson-takeaway p:last-child{margin-bottom:0}.article .word-card p{line-height:1.8}.article .word-card{padding:22px}.article .word-card h3{margin:5px 0 12px}@media (max-width:760px){.visual-overlay{gap:10px;padding:7%}.visual-title{font-size:23px}.visual-label{letter-spacing:.06em;font-size:10px}.visual-people{font-size:10px}.lesson-visual{margin:26px 0 32px}.lesson-visual figcaption{font-size:11px}.lesson-diagram{margin:26px 0;padding:18px}.lesson-diagram figcaption{margin-bottom:15px;font-size:16px}.diagram-items{gap:8px}.diagram-items li{gap:6px;padding:13px 10px}.diagram-items strong{font-size:14px}.diagram-items li>span:not(.diagram-index){font-size:12px}.diagram-sentence .diagram-items strong{font-size:21px}.lesson-takeaway{padding:20px}.lesson-eyecatch .visual-title{font-size:22px}.lesson-diagram.diagram-compare .diagram-items{grid-template-columns:1fr}.diagram-items small{font-size:10px}}@media (max-width:360px){.lesson-eyecatch .visual-title{font-size:19px}.visual-overlay,.diagram-sentence .diagram-items{gap:5px}.diagram-sentence .diagram-items li{padding:11px 7px}.diagram-sentence .diagram-items strong{font-size:19px}}.lesson-word-fold{border:1px solid var(--line);border-radius:9px;margin-top:20px;padding:18px}.lesson-word-fold>summary{cursor:pointer;color:var(--green);font-size:14px;font-weight:650}.word-preview{color:var(--green);overflow-wrap:anywhere;font-size:15px;line-height:2!important}
body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress){--ink:#142f50;--muted:#526275;--green:#006eae;--paper:#fff;--line:#dce5ef;--mint:#eafbfc;--coral:#f04a61;--teal:#008581;--gold:#a66a00;--blue:#006bd6}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress){background:#fff}:is(body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) a:focus-visible,body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) button:focus-visible,body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) input:focus-visible,body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) select:focus-visible,body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) summary:focus-visible){outline-color:var(--blue)}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .header{background:#fff}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .header nav a{padding:7px 0}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .header nav a:nth-child(2){color:#007d78}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .header nav a:nth-child(3){color:#b33351}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .button{background:var(--blue);border-color:var(--blue);border-radius:999px}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) button{background:var(--blue);border-color:var(--blue);border-radius:999px}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) button.secondary{color:var(--green);background:#fff;border-color:#b6cde2}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) .eyebrow{color:var(--teal)}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) footer{background:#fff;border:0;position:relative}body:has(.home-colorful,.colorful-article,.kotsu-sisters,.colorful-progress) footer:before{content:"";background:linear-gradient(90deg,#ff5267 0 33.33%,#ffba13 33.33% 66.66%,#00bdbb 66.66%);height:6px;position:absolute;top:0;left:0;right:0}.home-colorful .home-hero,.home-colorful .hero{padding-bottom:82px;position:relative}.home-colorful .home-hero:after,.home-colorful .hero:after{content:"";background:linear-gradient(#ff5267,#ff5267) 0 100%/32px 18px no-repeat,linear-gradient(#ffba13,#ffba13) 42px 100%/32px 30px no-repeat,linear-gradient(#00bdbb,#00bdbb) 84px 100%/32px 44px no-repeat;width:116px;height:44px;display:block;position:absolute;bottom:18px;right:36px}.home-colorful h1 span:not([class]){color:var(--ink);background:linear-gradient(#0000 76%,#ffe375 76% 94%,#0000 94%)}.home-colorful .lead{color:var(--muted)}.home-colorful .band{background:#eafbfc;padding:32px 0 26px}.home-colorful .facts b{letter-spacing:-.04em;font-family:inherit;font-size:clamp(36px,4.5vw,58px);font-weight:800}.home-colorful .facts p{border-color:#c2e1e4}.home-colorful .facts p:first-child b{color:#d33450}.home-colorful .facts p:nth-child(2) b{color:var(--gold)}.home-colorful .facts p:nth-child(3) b{color:var(--teal)}.home-colorful .facts span{font-weight:650}.home-colorful .card{border:0;border-radius:15px;padding:28px;position:relative;overflow:hidden}.home-colorful .card:first-child{--stage-color:#bd2e4a;background:#fff0f3}.home-colorful .card:nth-child(2){--stage-color:#936000;background:#fff8e5}.home-colorful .card:nth-child(3){--stage-color:#007b77;background:#e7f9f8}.home-colorful .card:after{content:"";background:var(--stage-color);opacity:.2;clip-path:polygon(0 70%,30% 70%,30% 35%,65% 35%,65% 0,100% 0,100% 100%,0 100%);width:42px;height:33px;position:absolute;top:30px;right:24px}.home-colorful .number{color:var(--stage-color);font-family:inherit;font-size:48px;font-weight:800}.home-colorful .card small{color:var(--stage-color);background:#fff;border-radius:99px;padding:5px 12px;font-weight:700}.home-colorful .lesson-row{border:1px solid var(--line);background:#fff;border-radius:15px;gap:24px;padding:26px}.home-colorful .lesson-row>span:first-child{color:#bf304c;flex-shrink:0;font-size:12px;font-weight:750}.home-colorful .lesson-row b{flex:1}.home-colorful .pill{color:#0062aa;background:#edf6ff;border-color:#d2e8fc}.colorful-article{max-width:880px}.colorful-article .breadcrumbs{line-height:1.9}.colorful-article .lesson-header{background:0 0;border:0;border-radius:0;padding:12px 0 8px;position:relative}.colorful-article .lesson-header:before{content:none}.colorful-article .lesson-header .eyebrow{color:#0065b1;margin-bottom:16px}.colorful-article .lesson-header h1{font-size:clamp(27px,3.4vw,39px);line-height:1.65}.colorful-article .lesson-header .lead{font-size:15px}.colorful-article time{color:var(--muted);font-size:12px}.colorful-article .goals{background:0 0;border:0;border-radius:0;padding:8px 0 18px}.colorful-article .goals h2{color:#006e69}.colorful-article .goals ul{margin-bottom:0;padding:0;list-style:none}.colorful-article .goals li{margin:7px 0;padding-left:24px;position:relative}.colorful-article .goals li:before{content:"✓";color:#007b76;font-weight:800;position:absolute;left:0}.colorful-article .toc{background:0 0;border:1px solid #dce5e9;border-left:0;border-right:0;border-radius:0;padding:18px 0}.colorful-article .toc summary{color:#183653}.colorful-article .toc ol{padding-left:25px}.colorful-article .toc li{padding:4px 0}.colorful-article .toc li::marker{color:#658091;font-weight:400}.colorful-article>section{--section-accent:#006bb9;--section-tint:#eef6ff}.colorful-article>section:nth-of-type(3n+2){--section-accent:#bf304e;--section-tint:#fff1f4}.colorful-article>section:nth-of-type(3n){--section-accent:#007974;--section-tint:#eafbfa}.colorful-article>section>h2{background:var(--section-tint);border-left:5px solid var(--section-accent);border-radius:0 12px 12px 0;align-items:baseline;gap:13px;padding:16px 18px;font-size:clamp(21px,2.5vw,26px);display:flex}.section-step{color:var(--section-accent);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:16px;font-weight:800}.colorful-article .lesson-diagram{background:0 0;border:0;border-radius:0;padding:0}.colorful-article .lesson-diagram figcaption{color:#0067ad;border-left:3px solid #2697c5;padding-left:12px}.colorful-article .diagram-items li{background:#fff6f7;border:0;border-top:3px solid #ff6377;border-radius:0;padding:17px 18px}.colorful-article .diagram-items li:nth-child(3n+2){background:#fffbef;border-top-color:#ffbd25}.colorful-article .diagram-items li:nth-child(3n){background:#effaf8;border-top-color:#00aaa6}.colorful-article .diagram-index{color:#b83250;font-family:inherit;font-weight:750}.colorful-article .diagram-items li:nth-child(3n+2) .diagram-index{color:#8d5c00}.colorful-article .diagram-items li:nth-child(3n) .diagram-index{color:#007773}.colorful-article .example{background:#fff8e7;border-color:#d99900;border-radius:0 12px 12px 0}.colorful-article .visual-frame{border-radius:14px}.colorful-article .lesson-word-fold{background:#f7fbff;border:1px solid #bcd8f0;border-radius:13px;padding:20px}.colorful-article .lesson-word-fold summary{color:#0065aa;min-height:32px}.colorful-article .word-card{border-color:#d4e4f3;box-shadow:0 5px 15px #14395c06}.colorful-article .word-card h3{color:#0064af}.colorful-article .quiz fieldset{background:0 0;border:0;border-bottom:1px solid #dce5e9;border-radius:0;margin:0 0 26px;padding:14px 0 24px}.colorful-article .quiz legend{color:#006d72;background:0 0;border:0;border-radius:0;max-width:100%;padding:0;line-height:1.8}.colorful-article .quiz label{cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #edf1f3;border-left:3px solid #0000;border-right:0;border-radius:0;align-items:baseline;min-height:48px;margin:0;padding:12px 14px;line-height:1.8}.colorful-article .quiz label:has(input:checked){background:#e5f7f5;border-left-color:#007b80}.colorful-article .quiz label:hover{background:#f3f8f8}.colorful-article .quiz label:has(input:checked):hover{background:#e5f7f5}.colorful-article .quiz label:focus-within{outline-offset:2px;outline:2px solid #007b80}.colorful-article .quiz input{accent-color:#007b80;flex-shrink:0}.colorful-article .feedback{color:#493f27;background:0 0;border-left:3px solid #e4b23b;border-radius:0;margin-top:18px;padding:3px 0 3px 14px}.colorful-article .feedback[data-result=correct]{border-left-color:#006bd6}.colorful-article .feedback[data-result=incorrect]{border-left-color:#c43b45}.colorful-article .feedback b{color:#805c00;margin-bottom:4px;display:block}.colorful-article .lesson-takeaway{background:#fff8e5;border:1px solid #ecd28a;border-left:5px solid #e4a900;border-radius:0 14px 14px 0;padding:26px}.colorful-article .lesson-takeaway>h2{background:0 0;border:0;padding:0}.colorful-article .lesson-takeaway p:last-child{margin-top:28px}.colorful-article .sources>h2{background:0 0;border:0;padding:0;font-size:18px}.colorful-article .sources li{overflow-wrap:anywhere;margin-bottom:9px}.colorful-article .complete{text-align:center;background:#eef7ff;border-radius:15px;padding:28px 20px 16px}.colorful-article .article-nav{border-top:1px solid var(--line);gap:18px;padding-top:24px}@media (max-width:760px){.home-colorful .home-hero,.home-colorful .hero{padding-bottom:75px}.home-colorful .home-hero:after,.home-colorful .hero:after{transform-origin:100% 100%;bottom:12px;right:22px;transform:scale(.75)}.home-colorful .facts b{font-size:33px}.home-colorful .facts span{font-size:10px}.home-colorful .lesson-row{gap:14px;padding:20px 16px}.home-colorful .card{padding:23px}.colorful-article .lesson-header{padding:8px 0}.colorful-article .lesson-header h1{font-size:27px}.colorful-article .lesson-header .lead{font-size:14px}.colorful-article .goals{padding:6px 0 14px}.colorful-article .toc{padding:16px 0}.colorful-article>section>h2{gap:10px;padding:13px 12px;font-size:21px}.colorful-article .lesson-diagram{padding:0}.colorful-article .quiz fieldset{padding:12px 0 20px}.colorful-article .quiz legend{font-size:14px}.colorful-article .lesson-takeaway{padding:22px 18px}.colorful-article .lesson-word-fold{padding:16px 12px}}.colorful-article .lesson-diagram .diagram-note{border-top:1px solid #e0e7ec;padding-top:13px}