/* Shared visual rhythm for the Korean and English courses; subject-scoped. */
body.ko-course,body[data-subject="ingliz-tili"]{--language-blue:#2864a6;--language-violet:#7750a8;--language-green:#197363;--language-line:#adc2cf}
body.ko-course .ko-lesson-head,body[data-subject="ingliz-tili"] .language-lesson-head,body[data-subject="ingliz-tili"] .course-hero{position:relative;border:2px solid #9cbbd2;border-top:6px solid #6974c6;border-radius:26px;padding:clamp(22px,3vw,42px);background:radial-gradient(circle at 95% 0,#dfdafa 0,transparent 38%),linear-gradient(120deg,#f0f8ff,#fffaf0);margin:20px 0 24px;box-shadow:0 5px 0 #c9d8e33b;overflow:hidden}
body.ko-course .ko-lesson-head h1,body[data-subject="ingliz-tili"] .language-lesson-head h1{color:#1f405b!important;-webkit-text-fill-color:#1f405b;font-size:clamp(28px,3vw,44px);line-height:1.25;max-width:30ch;margin:10px 0 16px}
body.ko-course .ko-goal{background:#ffffffb8;border-left:4px solid #5c85b7;border-radius:0 12px 12px 0;padding:14px 18px;max-width:75ch;font-size:1rem;color:#36556d}
body.ko-course .ko-main .ko-panel,body[data-subject="ingliz-tili"] #course .lesson-panel,body[data-subject="ingliz-tili"] #course .lesson-illustration{border:2px solid var(--language-line);border-radius:22px;padding:clamp(20px,2.5vw,32px);margin-block:24px;background:#fff;box-shadow:0 4px 0 #bed0dc22;overflow:visible}
body.ko-course .ko-main .ko-panel>h2,body[data-subject="ingliz-tili"] #course .lesson-panel>h2,body[data-subject="ingliz-tili"] #course .lesson-illustration>h2{color:#254b6b!important;-webkit-text-fill-color:#254b6b;font-size:clamp(23px,2vw,29px);line-height:1.3;margin-bottom:18px}
body.ko-course .ko-panel:nth-of-type(3n+1),body[data-subject="ingliz-tili"] #course .lesson-panel:nth-of-type(3n+1){border-top:5px solid #7d68b7}
body.ko-course .ko-panel:nth-of-type(3n+2),body[data-subject="ingliz-tili"] #course .lesson-panel:nth-of-type(3n+2){border-top:5px solid #62a593}
body.ko-course .ko-panel:nth-of-type(3n),body[data-subject="ingliz-tili"] #course .lesson-panel:nth-of-type(3n){border-top:5px solid #d7a351}
.language-lesson-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.language-lesson-nav button,body.ko-course .ko-lesson-jumps a{display:flex;align-items:center;gap:8px;background:#eef6fc;border:1.5px solid #a8c0d5;border-radius:14px;color:#285477;min-height:46px;padding:10px 16px;font:inherit;font-size:15px;font-weight:750;line-height:1.4;cursor:pointer;text-decoration:none}
.language-lesson-nav button span{display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:white;color:#4763a4;font-weight:900;flex-shrink:0}
body.ko-course .ko-main .ko-words,body[data-subject="ingliz-tili"] .english-recall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
body.ko-course .ko-main .ko-word{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:16px;padding:20px;border:2px solid #b7c9dc;border-radius:20px;background:linear-gradient(155deg,#f5f9ff,#fff);min-width:0;box-shadow:0 4px 0 #c3cfe033}
body.ko-course .ko-word>:is(.ko-word-icon,.ko-word-photo){grid-column:1/-1}.ko-word-photo{width:100%;height:150px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid #d4e0e6}.ko-word .ko-word-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:#e8e4f7;color:#6b4d98}.ko-word .ko-word-icon svg{width:35px;height:35px}.ko-word>div{min-width:0}.ko-word .ko-script{font-size:1.55rem;color:#27558a;font-weight:800}.ko-word .ko-reading-hint{color:#7550a1;font-size:.9rem}.ko-word-meaning{margin:12px 0 0!important;font-size:1rem;font-weight:700;color:#30495d}.ko-word .ko-speak{align-self:start;min-width:44px;min-height:44px;border:1.5px solid #a9bcd4;border-radius:14px;background:#fff;color:#315e8c}
.language-recall-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 18px;background:#f2effa;border:1px solid #c4b6df;border-radius:16px;margin:18px 0}.language-recall-toolbar p{margin:0!important;flex:1;min-width:min(100%,200px);font-size:.92rem!important;color:#514765}.language-recall-toolbar button{min-height:46px;padding:10px 16px;border:2px solid #9279b5;border-radius:13px;background:white;color:#67448e;font:inherit;font-weight:750;cursor:pointer}
body[data-subject="ingliz-tili"] .english-recall-card{min-width:0;border:2px solid #b6c8dd;border-radius:20px;padding:16px;background:linear-gradient(150deg,#f2f7ff,#fff);box-shadow:0 4px 0 #c3cfe033}
body[data-subject="ingliz-tili"] .english-recall-card .english-vocabulary{border:0;background:transparent;box-shadow:none;padding:0;min-width:0}
body[data-subject="ingliz-tili"] .english-recall .english-spelling{color:#285b94;font-weight:850;line-height:1.5}
body[data-subject="ingliz-tili"] .english-recall .english-pronunciation{display:block;color:#744da1;background:#f1eafa;padding:10px 12px;border-radius:10px;font-size:1rem;line-height:1.7;margin-top:12px}
body[data-subject="ingliz-tili"] .english-recall .english-translation{display:block;color:#30495d;border-top:1px solid #cbd8e4;padding-top:12px;margin-top:12px;font-size:1rem;line-height:1.6}
body[data-subject="ingliz-tili"] .english-guide .english-colour-key{display:flex;flex-wrap:wrap;gap:10px;color:#36556d;font-size:.9rem}
body[data-subject="ingliz-tili"] .worked{background:#f1f8f4!important;border-color:#9dbfae!important}.worked .example-text{font-size:1.1em!important;padding:18px;border-left:4px solid #509580;border-radius:0 12px 12px 0;background:#fff}
body.ko-course .ko-main .ko-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}.ko-examples>div{padding:20px;border:1.5px solid #b4cbd0;border-radius:16px;background:#f2f8f6}.ko-examples>div>p{margin-top:12px;color:#3e5a60}
body.ko-course .ko-main .ko-dialogue{display:grid;gap:14px;padding:24px;background:#f8f6fc;border:1px solid #c9bfdc;border-radius:20px}.ko-dialogue>div{width:90%;padding:18px;border:1.5px solid #b9c9dc;border-radius:18px 18px 18px 4px;background:#fff}.ko-dialogue>div:nth-child(even){margin-left:auto;background:#eef5ff;border-color:#a7beda;border-radius:18px 18px 4px 18px}.ko-dialogue strong{color:#6d4e94;font-size:.9rem;display:block;margin-bottom:8px}
body[data-subject="ingliz-tili"] #course .practice-start,body.ko-course .ko-main .ko-completion{border:2px solid #8ebba9;border-radius:22px;padding:26px;background:linear-gradient(120deg,#e9f6ee,#f8fcf9)}
body[data-subject="ingliz-tili"] .english-recall [hidden],body.ko-course .ko-word [hidden]{display:none!important}
@media(max-width:650px){body.ko-course .ko-main .ko-panel,body[data-subject="ingliz-tili"] #course .lesson-panel,body[data-subject="ingliz-tili"] #course .lesson-illustration{padding:18px;border-radius:18px}body.ko-course .ko-lesson-head,body[data-subject="ingliz-tili"] .language-lesson-head{padding:20px}.language-lesson-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.language-lesson-nav button{font-size:14px;padding:10px}.language-recall-toolbar{padding:14px}.language-recall-toolbar button{width:100%}.ko-dialogue>div{width:100%}.ko-word-photo{height:155px}body.ko-course .ko-main .ko-dialogue{padding:14px}body.ko-course .ko-lesson-jumps a{font-size:13px;padding:9px 11px}}
@media(max-width:1000px){body.ko-course .ko-main .ko-words,body[data-subject="ingliz-tili"] .english-recall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body.ko-course .ko-main .ko-words,body[data-subject="ingliz-tili"] .english-recall{grid-template-columns:1fr}}
@media print{.language-recall-toolbar,.language-lesson-nav{display:none!important}body.ko-course .ko-word [hidden],body[data-subject="ingliz-tili"] .english-recall [hidden]{display:block!important}.ko-word-photo{height:28mm}.ko-course.ko-print .ko-lesson-head{background:white;border:0;box-shadow:none;padding:0}.ko-course.ko-print .ko-main .ko-panel{box-shadow:none;margin:10mm 0}.ko-course.ko-print .ko-main .ko-word{break-inside:avoid;box-shadow:none}}
