.kk-learn{max-width:1040px;margin:0 auto;padding:clamp(18px,4vw,48px);line-height:1.75;color:var(--ink,#18384b)}
.kk-learn h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;max-width:19ch}.kk-learn h2{line-height:1.25;font-size:clamp(1.4rem,3vw,2rem)}
.kk-learn .kk-lead{font-size:1.15rem;max-width:70ch}.kk-learn section{margin:0 0 32px}.kk-learn p{max-width:78ch}
.kk-learn-actions,.kk-learn-levelnav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.kk-learn-actions>a,.kk-learn-levelnav>a{border:1px solid currentColor;border-radius:24px;padding:5px 14px;text-decoration:none;line-height:1.6}
.kk-learn-levelnav{padding:14px 0}.kk-learn-levelnav a{color:var(--cobalt,#1456a0);background:var(--paper,#fff);font-weight:700}
.kk-learn-count{font-weight:700;color:var(--cobalt,#1456a0)}.kk-learn-note{font-size:.94rem;border-left:3px solid var(--terracotta,#c36c25);padding:8px 16px;background:var(--paper,#fff)}
.kk-learn-level{scroll-margin-top:24px;border-top:1px solid var(--line,#a7bfd4);padding-top:24px}.kk-learn details{border:1px solid var(--line,#a7bfd4);border-radius:12px;margin:12px 0;background:var(--paper,#fff)}
.kk-learn summary{cursor:pointer;padding:12px 16px;font-weight:700}.kk-learn details>p{padding:0 16px 14px}.kk-learn-blocks{padding:0 24px 8px 44px}.kk-learn-blocks li{padding:10px 0;border-bottom:1px solid var(--line,#a7bfd4)}.kk-learn-blocks li:last-child{border:0}
.kk-learn-blocks li>a{font-weight:700}.kk-learn-small{display:block;font-size:.85rem;opacity:.8}.kk-learn-blocks p{margin:5px 0;font-size:.95rem}
.kk-learn-table{overflow-x:auto}.kk-learn table{width:100%;border-collapse:collapse;background:var(--paper,#fff)}.kk-learn th,.kk-learn td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line,#a7bfd4)}
.kk-public-course{border:1px solid var(--cobalt,#1456a0);background:var(--paper,#fff);color:var(--ink,#18384b);border-radius:14px;padding:16px 20px;margin:16px 0 24px}.kk-public-course p{margin:6px 0}.kk-public-course a{font-weight:700}
.kk-learn a:focus-visible,.kk-learn summary:focus-visible,.kk-public-course a:focus-visible{outline:3px solid var(--terracotta,#c36c25);outline-offset:4px}
html[data-theme="dark"] .kk-learn,html[data-theme="dark"] .kk-public-course{color:#e5e4d9}html[data-theme="dark"] .kk-learn details,html[data-theme="dark"] .kk-learn table,html[data-theme="dark"] .kk-learn-note,html[data-theme="dark"] .kk-public-course,html[data-theme="dark"] .kk-learn-levelnav a{background:#17272c}
@media(max-width:600px){.kk-learn{padding:20px 16px}.kk-learn-blocks{padding-left:35px;padding-right:16px}.kk-learn-table{font-size:.9rem}.kk-learn th,.kk-learn td{padding:8px}.kk-learn-actions>a{font-size:.95rem}}
