:root{--ink:#153f34;--muted:#63756b;--paper:#f8f7ef;--line:#dbe3d6;--green:#265d47;--accent:#bd5b3c;--soft:#fff1e8;--gold:#e6b74f;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bc7133;outline-offset:4px}button:disabled{cursor:default;opacity:.48}
button,.button{border:1px solid var(--line);background:#fffef9;border-radius:14px;min-height:46px;padding:11px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650}
button:hover:not(:disabled),.button:hover{border-color:#97ac90;background:#f0f4e7}
.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover:not(:disabled){background:#174a35;color:white}.quiet-button{background:transparent}.link-button{border:0;background:transparent;text-decoration:underline;padding:8px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:-100px;left:10px;z-index:30;background:white;padding:16px}.skip:focus{top:10px}
.site-header{max-width:1320px;margin:auto;padding:23px 42px 9px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header img{width:183px;height:auto;display:block}.header-tools{display:flex;gap:10px;align-items:center}select{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fffef9;min-height:46px}
main{max-width:1236px;margin:32px auto 0;padding:0 0 80px;min-height:65vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,55px);letter-spacing:-1.8px;line-height:1.2;margin-bottom:16px}h2{font-size:27px;line-height:1.3}h3{font-size:20px;line-height:1.4}p{line-height:1.75}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:750;margin-bottom:14px}.muted,.small-note{color:var(--muted)}.small-note{font-size:13px;line-height:1.6;margin:12px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:35px 0 18px}.section-head h2{margin:0}.section-head p{margin:0}
.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:#eaf0dd;border:1px solid #dbe3ce;border-radius:28px;overflow:hidden;min-height:330px;padding:38px 42px;gap:24px}.hero-copy{position:relative;z-index:1}.hero-copy>p:not(.eyebrow){max-width:510px;font-size:17px}.hero-art{display:flex;justify-content:center;align-items:center;position:relative;min-height:230px}.hero-art:before{content:"";position:absolute;inset:10% 0;border-radius:50%;background:#fff9e5}.hero-art img{position:relative;width:100%;max-width:400px;height:240px;object-fit:contain}.hero-badges{display:flex;flex-wrap:wrap;gap:8px}.badge{border:1px solid #cbd8be;border-radius:99px;background:#fffdf3;font-size:12px;padding:6px 11px;font-weight:650}
.guardian-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.guardian-choice{padding:10px 5px;display:flex;flex-direction:column;gap:3px;border-radius:18px;position:relative;overflow:hidden}.guardian-choice img{width:84px;height:84px;object-fit:contain;max-width:100%}.guardian-choice strong{font-size:13px;line-height:1.3}.guardian-choice small{font-size:10px;font-weight:400;line-height:1.4}.guardian-choice[aria-pressed=true]{border:2px solid var(--green);background:#e9f0dc;box-shadow:0 3px 0 #c7d4b8}.selected-partner{font-size:14px;padding:12px 0;color:var(--muted)}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 24px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tabs button{font-size:13px;min-height:42px;padding:8px 15px;border-radius:99px}.filter-tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.search{border:1px solid var(--line);border-radius:12px;padding:12px 15px;background:white;min-width:200px;flex:1;min-height:46px}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.theme-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border-radius:22px;overflow:hidden;box-shadow:0 4px 14px #17382b04;padding:0;transition:transform .18s,box-shadow .18s}.theme-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #17382b12}.theme-art{height:140px;background:#ecf0df;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;overflow:hidden}.theme-card:nth-child(4n+2) .theme-art{background:#f9eddf}.theme-card:nth-child(4n+3) .theme-art{background:#e8eff0}.theme-card:nth-child(4n) .theme-art{background:#eee9f2}.theme-art:before{content:"";position:absolute;width:220px;height:220px;top:30px;border-radius:50%;background:#ffffff70;z-index:-1}.theme-art .big-emoji{font-size:66px;filter:drop-shadow(0 5px 0 #17382b10)}.tiny-emoji{font-size:28px;position:absolute}.tiny-emoji.left{left:18%;top:30px;transform:rotate(-15deg)}.tiny-emoji.right{right:18%;top:60px;transform:rotate(16deg)}.theme-body{padding:18px 20px}.theme-body h3{margin:0 0 10px}.theme-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.theme-stamps{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0 0}.stamp{font-size:11px;background:#eff3e7;border-radius:5px;padding:3px 6px}.stamp.done{background:#dceccc;color:#285f31}
.topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.crumb{border:0;background:none;padding-left:0}.topic-banner{display:flex;gap:24px;align-items:center;background:var(--soft);border-radius:24px;padding:27px 32px}.topic-banner .topic-icon{font-size:70px}.topic-banner h1{font-size:34px;margin:0 0 7px}.topic-banner p{margin:0}.lesson-layout{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:start;margin-top:25px}.panel{background:#fffef9;border:1px solid var(--line);border-radius:22px;padding:27px}.conversation{display:flex;flex-direction:column;gap:18px}.bubble-row{display:flex;gap:12px;align-items:flex-start}.bubble-row:nth-child(even){flex-direction:row-reverse}.bubble-row>img{width:70px;height:70px;object-fit:contain;flex-shrink:0}.bubble{border-radius:0 18px 18px 18px;background:#eef4e6;padding:16px 18px;flex:1;min-width:0}.bubble-row:nth-child(even) .bubble{border-radius:18px 0 18px 18px;background:#fff0de}
.phrase{display:flex;flex-direction:column;gap:5px;min-width:0}.pinyin{font-size:16px;line-height:1.65;color:#a34f33;font-weight:600;overflow-wrap:anywhere;word-spacing:2px}.hanzi{font-size:23px;font-weight:650;line-height:1.55}.traditional{font-size:15px;color:#68776b;line-height:1.6}.translation{font-size:14px;color:#596e60;line-height:1.65}.phrase-top{display:flex;gap:12px;align-items:center}.speak{border:0;min-height:36px;min-width:36px;padding:5px;background:transparent;flex-shrink:0;font-size:17px}
.mode-list{display:flex;flex-direction:column;gap:12px}.mode-button{justify-content:flex-start;text-align:left;padding:18px;gap:16px;border-radius:16px}.mode-button .mode-symbol{font-size:28px}.mode-button strong{display:block;font-size:17px;margin-bottom:5px}.mode-button small{display:block;font-weight:400;line-height:1.55}.mode-button.partner img{width:64px;height:64px;object-fit:contain}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.word-card{padding:18px;border:1px solid var(--line);background:#fffef9;border-radius:17px}.word-card .word-emoji{font-size:32px;margin-bottom:10px;display:block}.word-card .hanzi{font-size:22px}.word-card .pinyin{font-size:15px}.dialogue-instruction{font-size:14px;line-height:1.75;color:var(--muted)}
.play-layout{max-width:940px;margin:auto}.progress-line{display:flex;align-items:center;gap:15px;margin-bottom:20px}.progress-line progress{flex:1;width:100%;height:9px;border:0;border-radius:9px;overflow:hidden;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e0e7d6}progress::-webkit-progress-value{background:var(--green)}.progress-line span{white-space:nowrap;font-size:13px;color:var(--muted)}
.quest-head{display:flex;gap:18px;align-items:center;margin:0 0 22px}.quest-head img{width:92px;height:92px;object-fit:contain}.quest-head h2{margin:0 0 6px;font-size:25px}.quest-head p{margin:0}.quest-stage{position:relative;background:#fffef9;border:1px solid var(--line);border-radius:24px;padding:28px;overflow:hidden}.task-prompt{text-align:center;margin:0 auto 24px;max-width:700px}.task-prompt .hanzi{font-size:27px}.task-prompt .pinyin{font-size:20px}.task-prompt h3{font-size:20px}
.scene{position:relative;border-radius:22px;background:linear-gradient(#e4f0e7 0 68%,#d4e1b3 68%);padding:26px 20px;overflow:hidden}.scene:before{content:"";position:absolute;top:18px;right:26px;width:50px;height:50px;background:#ffe5a3;border-radius:50%;pointer-events:none}.object-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.object{display:flex;flex-direction:column;gap:6px;min-height:128px;padding:14px 10px;border:2px solid transparent;background:#ffffffdb;border-radius:20px;text-align:center;box-shadow:0 6px 0 #3b634310}.object .emoji{font-size:47px;line-height:1.3}.object .hanzi{font-size:20px}.object .pinyin{font-size:14px;line-height:1.4}.object .translation{font-size:12px}.object.selected{border-color:var(--green);background:#ecf5da;box-shadow:0 3px 0 #9bb582}.object.correct{border-color:#5b8b36;background:#e5f2d7}.object.wrong{border-color:#c78e58;background:#fff1df}.hint-label{display:none}.show-hints .hint-label{display:flex}
.shopping-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 18px}.list-item{padding:10px 14px;border:1px dashed #9fb18b;border-radius:12px;background:#f5f7ed;text-align:center;min-width:100px}.list-item .hanzi{font-size:20px}.basket-area{margin-top:20px;min-height:70px;display:flex;align-items:center;justify-content:center;gap:15px;background:#f9f0df;border:1px dashed #d6bb88;border-radius:16px;padding:12px;font-size:30px}.basket-area small{font-size:14px;color:var(--muted)}.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.feedback{margin:22px 0 0;background:#edf4e2;border:1px solid #c7d8b7;border-radius:15px;padding:16px 20px;line-height:1.65}.feedback.wrong{background:#fff3e4;border-color:#eed3ad}.feedback strong{display:block;font-size:18px;margin-bottom:3px}.feedback .phrase{margin-top:10px}.complete-banner{text-align:center;padding:30px 0}.complete-banner img{width:170px;height:170px;object-fit:contain}.stars{font-size:38px;letter-spacing:8px;color:#bd8b27;margin:15px}.result-stats{display:flex;justify-content:center;gap:35px;margin:25px 0}.result-stats strong{display:block;font-size:30px}.result-stats span{font-size:13px;color:var(--muted)}.result-words{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.result-words button{font-size:15px}
.paint-scene{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;background:#f2f3e8;border-radius:20px;padding:20px}.flower-svg{width:100%;height:210px}.paint-pots{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}.paint{display:flex;flex-direction:column;gap:8px;padding:12px 18px}.paint-dot{width:40px;height:40px;border-radius:50%;border:3px solid #ffffffaa;box-shadow:0 2px 6px #0002}.paint.selected{border:2px solid var(--green);background:#edf4df}.paint .pinyin{font-size:14px}.target-swatch{width:56px;height:56px;border-radius:50%;margin:10px auto;border:4px solid white;box-shadow:0 2px 6px #0001}.paint-caption{text-align:center;font-size:13px;color:var(--muted)}
.juice-cup{width:72px;height:82px;border:4px solid #b7cab9;border-top:0;border-radius:0 0 18px 18px;position:relative;overflow:hidden;background:white}.juice-liquid{position:absolute;bottom:0;width:100%;height:var(--fill,0%);background:#eda764;transition:height .4s}.sequence-slots{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:88px;padding:16px;background:#eff2e6;border:1px dashed #bcc9a9;border-radius:15px;margin-bottom:20px}.sequence-slots button{background:white;font-size:21px}.sequence-bank{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sequence-bank button{font-size:24px;padding:15px 19px}.recipe{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 20px}.recipe>span{font-size:18px}.recipe .phrase{padding:9px;text-align:center}.recipe .hanzi{font-size:19px}
.answers{display:flex;flex-direction:column;gap:12px}.answer{justify-content:flex-start;text-align:left;padding:19px;border-radius:16px;gap:18px}.answer .answer-letter{border-radius:50%;background:#eff3e7;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.answer.selected,.answer.correct{background:#eaf3df;border-color:#789b5c}.answer.wrong{background:#fff0e0;border-color:#c7986c}.answer .hanzi{font-size:21px}.answer .pinyin{font-size:15px}.answer .translation{font-size:13px}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pair-column{display:flex;flex-direction:column;gap:10px}.pair-column button{min-height:75px;flex-direction:column;text-align:center;padding:12px}.pair-column button.selected{background:#e8f0dc;border-color:var(--green)}.pair-column button.matched{background:#edf4e4;border-color:#a9c18d;opacity:.55}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.memory-card{min-height:140px;display:flex;flex-direction:column;padding:12px;background:#eaf0df;border:2px solid #d2dfc3;border-radius:18px}.memory-card .back{font-size:42px;color:#67844e}.memory-card .hanzi{font-size:21px}.memory-card .translation{font-size:14px}.memory-card.matched{background:#e8f2dd;border-color:#aec992;opacity:.65}.memory-card.flipped{background:#fffdf6}.season-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.season-buttons button{display:flex;flex-direction:column;font-size:18px;min-height:100px}.season-buttons .emoji{font-size:36px}.listen-button{font-size:20px;padding:16px 28px}.local-alert{background:#fff3df;padding:12px;border-radius:12px;font-size:13px}
.helper{position:fixed;right:23px;bottom:22px;z-index:12;display:flex;align-items:flex-end;gap:12px;pointer-events:none}.helper button{pointer-events:auto;padding:4px 12px 10px;display:flex;flex-direction:column;border-radius:26px;background:#fffdf5;box-shadow:0 5px 25px #143e3326;gap:0;font-size:13px}.helper img{width:85px;height:85px;object-fit:contain;margin-top:-18px}.hint-panel{pointer-events:auto;max-width:290px;max-height:50vh;overflow:auto;border:1px solid #c5d2b9;background:#fffdf5;padding:18px;border-radius:19px;box-shadow:0 5px 24px #17382b16;font-size:14px;line-height:1.7}.hint-panel h3{font-size:17px;margin-bottom:7px}footer{max-width:1236px;margin:auto;padding:24px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}footer p{margin:8px 0 0;max-width:720px}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.confetto{position:absolute;top:-20px;width:9px;height:16px;border-radius:3px;animation:fall 1.8s ease-out forwards;transform:rotate(30deg)}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(600deg);opacity:0}}
@media(min-width:1600px){main{margin-top:40px}}
@media(max-width:1320px){main{padding:0 35px 90px}footer{margin:0 35px}.hero{padding:32px}.guardian-choice img{width:73px;height:73px}}
@media(max-width:900px){.guardian-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.guardian-choice img{width:80px;height:80px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:1fr}.hero{grid-template-columns:1.25fr .75fr}.hero-art img{height:190px}.hero-art{min-height:190px}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guardian-choice small{font-size:11px}}
@media(max-width:600px){.site-header{padding:17px 18px 8px;gap:8px}.site-header img{width:132px}.header-tools{gap:6px}.header-tools button{padding:8px 10px;font-size:12px}.header-tools select{max-width:100px;padding:9px}main{padding:0 16px 135px;margin-top:22px}.hero{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-art{width:100%;min-height:120px}.hero-art img{height:150px}.hero-badges .badge{font-size:11px}.section-head{align-items:flex-start;flex-direction:column;gap:6px;margin-top:28px}.section-head h2{font-size:23px}.guardian-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guardian-choice img{width:75px;height:75px}.guardian-choice{padding:8px 3px}.guardian-choice strong{font-size:13px}.guardian-choice small{font-size:10px}.theme-grid{gap:11px}.theme-art{height:110px}.theme-art .big-emoji{font-size:48px}.tiny-emoji{font-size:22px}.tiny-emoji.left{left:8%;top:20px}.tiny-emoji.right{right:6%;top:55px}.theme-body{padding:14px}.theme-body h3{font-size:17px}.theme-meta{flex-direction:column;gap:5px}.theme-stamps{gap:3px}.stamp{font-size:10px}.toolbar{gap:10px}.search{width:100%;min-width:0}.topic-banner{padding:20px;gap:15px}.topic-banner .topic-icon{font-size:45px}.topic-banner h1{font-size:27px}.panel{padding:20px}.bubble-row>img{width:48px;height:48px}.bubble{padding:14px}.bubble-row{gap:8px}.hanzi{font-size:21px}.pinyin{font-size:16px}.vocab-grid{gap:10px}.word-card{padding:14px}.word-card .translation{font-size:13px}.topline{gap:8px}.topline button{font-size:13px;padding:10px}.quest-head{gap:12px}.quest-head img{width:75px;height:75px}.quest-head h2{font-size:22px}.quest-stage{padding:20px 14px;border-radius:20px}.scene{padding:20px 10px}.object-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.object{min-height:115px;padding:10px 6px}.object .emoji{font-size:43px}.task-prompt .hanzi{font-size:25px}.task-prompt .pinyin{font-size:19px}.list-item{min-width:80px;padding:8px}.paint-scene{padding:12px;gap:5px}.flower-svg{height:170px}.paint-pots{gap:8px}.paint{padding:10px 14px}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.memory-card{min-height:140px;padding:8px}.memory-card .hanzi{font-size:18px}.season-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.helper{right:13px;bottom:14px;gap:7px}.helper img{width:69px;height:69px}.helper button{font-size:12px;border-radius:22px;padding:3px 10px 8px}.hint-panel{max-width:calc(100vw - 115px);padding:14px}.sequence-bank button{font-size:21px;padding:12px}.sequence-slots{gap:7px}.sequence-slots button{font-size:19px;padding:10px}.answer{padding:14px;gap:12px}.answer .hanzi{font-size:20px}.result-stats{gap:23px}footer{margin:0 18px;padding-bottom:130px}.complete-banner{padding:16px 0}.complete-banner img{width:140px;height:140px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.theme-card:hover{transform:none}}
.word-drawing{display:inline-block;width:1.3em;height:1.3em;vertical-align:middle}.basket-item{display:inline-flex;vertical-align:middle}.scene-shop{padding-top:38px;background:repeating-linear-gradient(0deg,#e9dcc1 0 7px,#f2e9d5 7px 145px)}.scene-shop:before{top:0;left:0;right:0;width:auto;height:22px;border-radius:0;background:repeating-linear-gradient(90deg,#78a289 0 35px,#fcf4df 35px 70px);box-shadow:0 4px 0 #a4b39840}.scene-home{background:linear-gradient(0deg,#d0b58c 0 7px,transparent 7px),repeating-linear-gradient(90deg,#edf1e7 0 48px,#e4ebdf 48px 50px);padding-top:24px}.scene-home:before{display:none}.scene-culture{background:#fbeddc}.scene-culture:before{background:#e7ba7f}.scene[data-place="zoo"]{background:linear-gradient(#e5f2e4 0 70%,#cadba8 70%)}.scene[data-place="sports"]{background:linear-gradient(90deg,transparent 49.5%,#ffffff70 49.5% 50.5%,transparent 50.5%),#92b99f}.scene[data-place="sports"]:before{display:none}.scene[data-place="clothes"]{background:linear-gradient(0deg,#d5c4b1 0 6px,transparent 6px),#f5e8e1}.scene[data-place="clothes"]:before{background:repeating-linear-gradient(90deg,#bda391 0 35px,#efe0d3 35px 70px)}
@media(max-width:600px){
 .helper{left:0;right:0;bottom:0;height:84px;padding:8px 18px 12px;border-top:1px solid #dbe3d6;background:#fffdf5;box-shadow:0 -4px 18px #143e3308;justify-content:space-between;align-items:center}
 .helper:before{content:attr(data-caption);font-size:12px;line-height:1.6;color:#63756b;max-width:55%;white-space:normal}
 .helper button{flex-direction:row;gap:8px;border:0;border-radius:12px;box-shadow:none;padding:0 3px;height:60px}
 .helper img{width:65px;height:65px;margin-top:0}
 .hint-panel{position:absolute;right:16px;bottom:94px;max-width:calc(100vw - 32px);width:330px}
 .object-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .object{min-height:102px}
 .object .emoji{font-size:39px}
 .show-hints .object-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html{scroll-padding-bottom:100px}
}
.theme-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;padding:16px 0;border-top:1px solid var(--line)}
.pager-status{color:var(--muted);font-size:13px;margin:0;line-height:1.6}
.pager-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.pager-buttons button{font-size:14px;min-width:44px;padding:10px 14px}
.pager-buttons [aria-current="page"]{color:#fff;background:var(--green);border-color:var(--green)}
#themes-title{scroll-margin-top:20px}
.lesson-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;border-top:1px solid var(--line);margin-top:30px;padding-top:24px}
.lesson-pagination button{flex-direction:column;text-align:center}
.lesson-pagination small{font-weight:400;font-size:12px;color:var(--muted)}
.lesson-pagination strong{font-size:16px}
@media(max-width:600px){
 .theme-pagination{flex-direction:column;align-items:stretch;gap:12px}
 .pager-status{text-align:center}
 .pager-buttons{justify-content:center;gap:6px}
 .pager-buttons button{font-size:13px;padding:10px}
 .lesson-pagination{grid-template-columns:1fr 1fr;gap:10px}
 .lesson-pagination .return-map{grid-column:1/-1;grid-row:2}
 .lesson-pagination strong{font-size:15px}
}