:root{font-family:Inter,Pretendard,Noto Sans,system-ui,sans-serif;color:#142235;background:#f3f1eb;font-synthesis:none;--navy:#0d1929;--green:#16845d;--mint:#72e4af;--paper:#fff;--paper-2:#f8f7f3;--border:#d9d6cd;--muted:#536174;--amber:#a95412}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-size:16px;line-height:1.65}button,input,select{font:inherit}a{color:inherit}.skip-link{position:fixed;z-index:100;top:-100px;left:20px;padding:12px 16px;color:#fff;background:var(--navy);font-size:16px}.skip-link:focus{top:10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.top-actions{display:flex;align-items:center;gap:14px}.top-actions>a,.top-actions time{color:#d7dfeb;font-size:16px;font-weight:800}.top-contact{display:grid;padding:7px 12px;color:#fff;background:#24364d;border:1px solid #52637a;border-radius:8px;cursor:pointer}.top-contact span,.top-contact b{font-size:16px}.language-control{display:grid;gap:2px;color:#d7dfeb;font-size:16px;font-weight:800}.language-control span{font-size:16px}.language-control select{min-width:130px;min-height:42px;color:#102030;background:#fff;border-radius:7px;font-size:16px}.layout{display:grid;min-height:calc(100vh - 70px)}.sidebar-note{margin-top:20px;padding:16px;color:#d3deeb;background:#17263a;border-radius:10px}.sidebar-note b,.sidebar-note p{font-size:16px}.sidebar-note p{margin:7px 0 0}main{min-width:0;padding:clamp(24px,4vw,70px);overflow:hidden}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:25px clamp(24px,4vw,70px);color:#d7dfeb;background:var(--navy)}.site-footer b,.site-footer span{font-size:16px}.eyebrow{margin:0;color:var(--green);font-size:16px;font-weight:950;letter-spacing:.08em}.landing-hero{min-height:720px;padding:clamp(40px,8vw,100px);color:#fff;background:linear-gradient(135deg,#0d1929,#123929);border-radius:24px}.landing-hero .eyebrow{color:var(--mint)}.landing-hero h1{max-width:900px;margin:18px 0;font-size:clamp(48px,8vw,92px);line-height:1.02;letter-spacing:-.06em}.landing-hero>p:not(.eyebrow){max-width:850px;color:#d8e1ea;font-size:21px}.primary-action{display:inline-flex;margin:20px 0;padding:15px 20px;color:#07170f;background:var(--mint);border-radius:8px;font-size:17px;font-weight:950;text-decoration:none}.progress-card{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:18px;align-items:center;max-width:850px;margin-top:20px;padding:18px;background:#ffffff12;border:1px solid #ffffff2b;border-radius:12px}.progress-card>div{display:grid}.progress-card span,.progress-card small{color:#d4dfeb;font-size:16px}.progress-card strong{font-size:20px}.progress-card progress{width:100%;height:14px;accent-color:var(--mint)}.roadmap-section,.sources-section,.assessment-section{padding-top:clamp(70px,9vw,120px)}.section-heading{max-width:900px;margin-bottom:28px}.section-heading h2{margin:7px 0 12px;font-size:clamp(32px,5vw,52px);line-height:1.15}.section-heading p:not(.eyebrow),.section-heading strong{color:var(--muted);font-size:18px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none}.course-grid a{display:flex;flex-direction:column;min-height:310px;padding:28px;background:var(--paper);border:1px solid var(--border);border-radius:16px;text-decoration:none}.course-grid a>span{color:var(--green);font-size:28px;font-weight:950}.course-grid h3{margin:20px 0 9px;font-size:25px}.course-grid p{flex:1;color:var(--muted);font-size:17px}.course-grid footer{display:flex;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid var(--border)}.course-grid footer b,.course-grid footer em{font-size:16px;font-style:normal}.course-grid footer b{color:var(--green)}.outcome-section,.prerequisite-section{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:35px;margin-top:24px;padding:30px;background:var(--paper);border:1px solid var(--border);border-radius:14px}.outcome-section h2,.prerequisite-section h2{margin:5px 0;font-size:30px}.outcome-section ol{display:grid;gap:9px;margin:0;padding-left:30px}.outcome-section li{padding:8px;font-size:17px}.prerequisite-section>div:last-child{display:grid;gap:9px}.prerequisite-section details{background:var(--paper-2);border:1px solid var(--border);border-radius:8px}.prerequisite-section summary{display:flex;gap:12px;align-items:center;padding:14px;cursor:pointer;font-size:17px;font-weight:850;overflow-wrap:anywhere}.prerequisite-section summary b{display:grid;flex:0 0 32px;place-items:center;height:32px;color:#fff;background:var(--navy);border-radius:5px;font-size:16px}.prerequisite-section details p{margin:0;padding:0 18px 18px 58px;color:var(--muted);font-size:17px}.chapter-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:24px}.chapter-map>strong{grid-column:1 / -1;font-size:18px}.chapter-map a{display:grid;gap:5px;min-height:105px;padding:15px;background:var(--paper);border:1px solid var(--border);border-radius:9px;text-decoration:none}.chapter-map a b{color:var(--green);font-size:18px}.chapter-map a span{font-size:16px;font-weight:850;overflow-wrap:anywhere}.chapter-stack{padding-top:45px}.chapter{scroll-margin-top:30px;max-width:1050px;margin:0 auto 26px;padding:clamp(28px,5vw,56px);background:var(--paper);border:1px solid var(--border);border-radius:18px}.chapter header>span{color:var(--green);font-size:16px;font-weight:950}.chapter h2{margin:7px 0 20px;font-size:clamp(32px,5vw,48px)}.takeaway{display:grid;gap:7px;padding:20px;background:#e6f6ee;border-left:5px solid var(--green)}.takeaway small{color:var(--green);font-size:16px;font-weight:950}.takeaway strong{font-size:20px;line-height:1.6}.prose{margin:30px 0}.prose p{font-size:18px;line-height:1.9;word-break:keep-all}.reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reason-grid div{padding:18px;background:var(--paper-2);border-left:4px solid var(--green)}.reason-grid div:nth-child(2),.reason-grid div:nth-child(3){border-left-color:var(--amber)}.reason-grid dt{font-size:17px;font-weight:950}.reason-grid dd{margin:6px 0 0;color:var(--muted);font-size:16px}.activity-section{scroll-margin-top:30px;margin-top:70px;padding:clamp(28px,5vw,55px);background:#fff5e9;border:2px solid #d58442;border-radius:18px}.choice-list{display:grid;gap:9px;margin:20px 0;padding:0;border:0}.choice-list label{display:block;padding:16px;background:var(--paper);border:1px solid var(--border);border-radius:9px;cursor:pointer}.choice-list label:has(input:checked){border-color:var(--green);box-shadow:0 0 0 2px #16845d30}.choice-list label.correct{background:#e4f7ed;border-color:var(--green)}.choice-list label.wrong{background:#fff0ed;border-color:#ba4934}.choice-list label>span{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;font-size:17px}.choice-list input{position:absolute;opacity:0}.choice-list span b{color:var(--green);font-size:17px}.submit-answer,.completion-section button{min-height:50px;padding:12px 18px;color:#fff;background:var(--green);border:0;border-radius:7px;cursor:pointer;font-size:16px;font-weight:900}.submit-answer:disabled{opacity:.5;cursor:not-allowed}.answer-review{margin-top:18px;padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px}.answer-review>strong{font-size:18px}.answer-review ol{display:grid;gap:8px;padding:0;list-style:none}.answer-review li{padding:14px;background:var(--paper-2);border-left:4px solid #9ba5b1}.answer-review li.correct{border-left-color:var(--green)}.answer-review li b,.answer-review li p{font-size:16px}.answer-review li p{margin:5px 0 0;color:var(--muted)}.assessment-section{scroll-margin-top:30px}.question-card{max-width:980px;margin:0 auto 18px;padding:28px;background:var(--paper);border:1px solid var(--border);border-radius:14px}.question-card header span{color:var(--green);font-size:16px;font-weight:950}.question-card h3{margin:7px 0;font-size:24px}.question-card header p{color:var(--muted);font-size:17px}.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.source-grid a{display:grid;gap:5px;padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px;text-decoration:none}.source-grid span,.source-grid small{color:var(--green);font-size:16px;font-weight:850}.source-grid b{font-size:17px}.completion-section{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:70px;padding:30px;color:#fff;background:var(--navy);border-radius:14px}.completion-section h2{margin:5px 0;font-size:30px}.completion-section p:not(.eyebrow){color:#d4dfeb;font-size:17px}.pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.pagination a{display:grid;gap:5px;padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px;text-decoration:none}.pagination a:last-child{text-align:right}.pagination span{color:var(--green);font-size:16px;font-weight:900}.pagination b{font-size:17px}.not-found{min-height:600px;padding:70px;background:var(--paper);border-radius:18px}.not-found h1{font-size:48px}.not-found a{color:var(--green);font-size:18px;font-weight:900}[dir=rtl] .topbar,[dir=rtl] .completion-section{direction:rtl}[dir=rtl] .reason-grid div,[dir=rtl] .takeaway{border-left:0;border-right:4px solid var(--green)}[dir=rtl] .reason-grid div:nth-child(2),[dir=rtl] .reason-grid div:nth-child(3){border-right-color:var(--amber)}[dir=rtl] .pagination a:last-child{text-align:left}@media(max-width:1100px){.chapter-map{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.topbar{align-items:flex-start;padding:12px 16px}.topbar .brand>span>small,.top-contact{display:none}.layout{grid-template-columns:1fr}.koreadev-sidebar{width:100%;min-height:auto;border-right:0}main{padding:20px 16px 45px}.course-grid,.source-grid{grid-template-columns:1fr}.landing-hero{min-height:auto}.progress-card,.outcome-section,.prerequisite-section{grid-template-columns:1fr}.chapter-map{grid-template-columns:repeat(2,minmax(0,1fr))}.reason-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar .brand>span>b{font-size:20px}.language-control select{min-width:110px}.landing-hero{padding:32px 22px}.landing-hero h1{font-size:44px}.course-grid a{min-height:280px;padding:22px}.chapter-map{grid-template-columns:1fr}.chapter-map a{min-height:76px}.completion-section,.site-footer{align-items:stretch;flex-direction:column}.pagination{grid-template-columns:1fr}.pagination a:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--kd-topbar-height: 70px;--kd-sidebar-width: 330px;--kd-shell-navy: #0d1929;--kd-shell-panel: #17263a;--kd-shell-panel-strong: #203249;--kd-shell-border: #42536c;--kd-shell-text: #f8fafc;--kd-shell-muted: #c2cee0;--kd-shell-mint: #72e4af}.topbar{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px 18px;width:100%;height:auto!important;min-width:0;min-height:var(--kd-topbar-height);padding:10px 24px;color:var(--kd-shell-text);background:#152132;border-bottom:1px solid var(--kd-shell-border)}.course-topbar{position:sticky;z-index:20;top:0;align-items:center;gap:10px 22px;background:#152132;border-bottom:3px solid var(--kd-shell-mint)}.topbar .topbar-actions,.topbar .top-actions{display:flex;flex:1 1 0;flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%;align-items:center;gap:10px 14px}.topbar .topbar-actions>*,.topbar .top-actions>*{min-width:0;max-width:100%}.topbar .top-contact,.topbar .header-email{white-space:normal;overflow-wrap:anywhere}main,.page-stack,.learning-hero,.learning-hero>*,.chapter-card,.chapter-card>*,.chapter-card li,.chapter-card li>*,.chapter-card a{min-width:0}.chapter-card h4,.chapter-card p,.chapter-card li,.chapter-card a{overflow-wrap:anywhere}.learning-hero h1,.learning-hero h2,.learning-hero .hero-title-line{min-width:0;overflow-wrap:anywhere;word-break:break-word}.topbar .brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;color:var(--kd-shell-text);text-decoration:none}.topbar .brand img,.topbar .brand-mark{width:44px;height:44px}.topbar .brand>span{display:grid;gap:1px;min-width:max-content;line-height:1.05}.topbar .brand>span>b{color:#fff;font-size:24px;font-weight:950;letter-spacing:-.03em}.topbar .brand>span>small{color:var(--kd-shell-muted);font-size:16px;font-weight:850;letter-spacing:.08em}.site-body,.layout,.app-body{grid-template-columns:var(--kd-sidebar-width) minmax(0,1fr)}.koreadev-sidebar{box-sizing:border-box;width:var(--kd-sidebar-width);min-width:0;min-height:calc(100vh - var(--kd-topbar-height));padding:30px 16px 44px;color:var(--kd-shell-text);background:var(--kd-shell-navy);border-right:1px solid var(--kd-shell-border)}.knowledge-sidebar-heading,.koreadev-sidebar>.sidebar-kicker+h2{margin-bottom:26px}.knowledge-sidebar-heading p,.koreadev-sidebar>.sidebar-kicker,.koreadev-sidebar>.nav-kicker{margin:0 0 12px;color:var(--kd-shell-mint);font-size:16px;font-weight:950;letter-spacing:.08em}.knowledge-sidebar-heading h2,.koreadev-sidebar>h2{margin:0;color:#fff;font-size:32px;line-height:1.15;letter-spacing:-.04em;min-width:0;overflow-wrap:anywhere}.koreadev-sidebar .knowledge-group,.koreadev-sidebar .category,.koreadev-sidebar .course-switcher{overflow:hidden;margin:0 0 10px;color:var(--kd-shell-text);background:transparent;border:1px solid var(--kd-shell-border);border-radius:12px}.koreadev-sidebar .knowledge-group>summary,.koreadev-sidebar .category>button,.koreadev-sidebar .course-switcher>summary{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title toggle" "count toggle";align-items:center;gap:8px;width:100%;min-height:64px;padding:14px;color:var(--kd-shell-text);background:var(--kd-shell-panel);border:0;border-radius:0;cursor:pointer;text-align:left}.koreadev-sidebar .knowledge-group>summary>span:first-child,.koreadev-sidebar .category>button>span,.koreadev-sidebar .course-switcher>summary>b,.koreadev-sidebar .course-switcher>summary:not(:has(>b)){color:#fff;font-size:18px;font-weight:950;line-height:1.3;min-width:0;white-space:normal;overflow-wrap:anywhere}.koreadev-sidebar .knowledge-group>summary>span:first-child,.koreadev-sidebar .category>button>span,.koreadev-sidebar .course-switcher>summary>b{grid-area:title}.koreadev-sidebar .knowledge-group>summary small,.koreadev-sidebar .category>button small,.koreadev-sidebar .course-switcher>summary small{color:var(--kd-shell-muted);font-size:16px;font-weight:850;line-height:1.25;grid-area:count;min-width:0;white-space:normal}.koreadev-sidebar .knowledge-group>summary>span:last-child,.koreadev-sidebar .category>button i,.koreadev-sidebar .course-switcher>summary>span:last-child{display:grid;place-items:center;width:25px;height:25px;color:#fff;font-size:22px;font-style:normal;line-height:1;transform:rotate(0);transition:transform .16s ease;grid-area:toggle;align-self:center}.koreadev-sidebar .knowledge-group[open]>summary>span:last-child,.koreadev-sidebar .category.is-open>button i,.koreadev-sidebar .course-switcher[open]>summary>span:last-child{transform:rotate(90deg)}.koreadev-sidebar .knowledge-group>ol,.koreadev-sidebar .category>ol,.koreadev-sidebar .course-switcher>div{display:grid;max-height:min(58vh,560px);margin:0;padding:10px 8px;overflow-y:auto;list-style:none;background:var(--kd-shell-navy);border-top:1px solid var(--kd-shell-border)}.koreadev-sidebar .knowledge-group li,.koreadev-sidebar .category li{margin:0}.koreadev-sidebar .knowledge-group a,.koreadev-sidebar .category a,.koreadev-sidebar .course-switcher>div>a,.koreadev-sidebar .course-switcher>div>span{box-sizing:border-box;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;min-height:46px;padding:9px 10px;color:var(--kd-shell-text);background:transparent;border:0;border-radius:8px;font-size:16px;font-weight:720;line-height:1.35;text-decoration:none}.koreadev-sidebar .knowledge-group a b,.koreadev-sidebar .category a b,.koreadev-sidebar .course-switcher>div>a b,.koreadev-sidebar .course-switcher>div>span b{color:var(--kd-shell-mint);font-size:17px;font-weight:950}.koreadev-sidebar .knowledge-group a:hover,.koreadev-sidebar .category a:hover,.koreadev-sidebar .course-switcher>div>a:hover{background:var(--kd-shell-panel)}.koreadev-sidebar .knowledge-group a[aria-current],.koreadev-sidebar .category a[aria-current],.koreadev-sidebar .course-switcher>div>a[aria-current=true]{color:#07170f;background:var(--kd-shell-mint)}.koreadev-sidebar .knowledge-group a[aria-current] b,.koreadev-sidebar .category a[aria-current] b,.koreadev-sidebar .course-switcher>div>a[aria-current=true] b{color:#07170f}.koreadev-sidebar .nav-label{margin:24px 10px 8px;color:#8fa0b7;font-size:16px;font-weight:900}.koreadev-sidebar .course-internal-nav{display:grid;gap:4px;margin:8px 8px 10px;padding:10px 0 4px 12px;background:transparent;border:0;border-left:3px solid var(--kd-shell-mint);border-radius:0}.koreadev-sidebar .course-internal-nav .nav-label{margin:0 10px 4px;color:var(--kd-shell-mint);font-size:16px;font-weight:950}.koreadev-sidebar .course-internal-nav a{display:block;min-width:0;min-height:42px;padding:10px 12px;color:var(--kd-shell-muted);background:transparent;border:0;border-radius:7px;font-size:16px;font-weight:780;line-height:1.35;overflow-wrap:anywhere;text-decoration:none}.koreadev-sidebar .course-internal-nav a:hover,.koreadev-sidebar .course-internal-nav a:focus-visible{color:var(--kd-shell-text);background:var(--kd-shell-panel)}.koreadev-sidebar .course-internal-nav a[aria-current]{color:#07170f;background:var(--kd-shell-mint);font-weight:950}.koreadev-sidebar>a{display:block;min-width:0;min-height:46px;padding:12px;color:var(--kd-shell-muted);border-radius:8px;font-size:17px;font-weight:780;line-height:1.3;overflow-wrap:anywhere;text-decoration:none}.course-heading{display:grid;gap:18px;margin-bottom:28px}.course-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;color:#5d6878;font-size:16px;font-weight:850}.course-breadcrumb span,.course-breadcrumb a{color:#14794e;text-decoration:underline;text-underline-offset:4px}.course-breadcrumb i{font-style:normal}.course-breadcrumb b{min-width:0;overflow-wrap:anywhere}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:clamp(28px,5vw,72px);align-items:stretch;padding:clamp(34px,5vw,70px);color:#142030;background:#fffdf9;border:1px solid #d9d2c6;border-radius:22px}.course-hero-main{min-width:0}.course-hero .eyebrow{margin:0 0 22px;color:#14794e;font-size:16px;font-weight:950;letter-spacing:.08em}.course-hero h1{max-width:900px;margin:0;color:#121d2c;font-size:clamp(42px,5.3vw,72px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}.course-hero-summary{max-width:900px;margin:30px 0 0;color:#5e6878;font-size:clamp(18px,1.8vw,23px);line-height:1.65}.course-meta{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}.course-meta>div{min-width:190px;padding:16px 18px;background:#eeeae2;border-radius:12px}.course-meta dt{color:#606b7a;font-size:16px}.course-meta dd{margin:8px 0 0;color:#142030;font-size:18px;font-weight:900;overflow-wrap:anywhere}.course-status{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,3vw,40px);color:#d5dfed;background:#101c2e;border-radius:20px}.course-status span{color:#72e4af;font-size:16px;font-weight:900}.course-status strong{margin-top:8px;color:#fff;font-size:clamp(32px,3vw,46px);line-height:1.15}.course-status p{margin:28px 0 0;color:#c8d3e1;font-size:17px;line-height:1.7}.course-continuity-note{padding:20px 24px;color:#596678;background:#dcf4e7;border-left:5px solid #14794e;border-radius:10px;font-size:17px;line-height:1.7}.course-continuity-note b{color:#152131}.manuscript-type{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin:0 0 14px;padding:8px 12px;color:#172233;background:#fffdf9;border:1px solid #c9c1b5;border-left:5px solid var(--kd-shell-mint);border-radius:8px;font-size:16px;line-height:1.4}.manuscript-type span{color:#556070}.manuscript-type strong{color:#10261c}.course-heading>.manuscript-type{margin-bottom:0}.course-app-shell main>.manuscript-type{margin:20px 28px 0}@media(max-width:720px){.course-app-shell main>.manuscript-type{margin:16px 14px 0}}@media(max-width:900px){.course-breadcrumb{align-items:flex-start;flex-wrap:wrap}.course-hero{grid-template-columns:1fr;padding:28px 22px}.course-hero h1{font-size:clamp(36px,11vw,54px)}.course-meta{display:grid;grid-template-columns:1fr}.course-meta>div{min-width:0}.course-status{min-height:220px}}.course-book,.page-stack:has(>.course-heading){display:grid;gap:28px;min-width:0}.course-book>section,.course-book>article,.course-book .book-section,.page-stack:has(>.course-heading)>section,.page-stack:has(>.course-heading)>article{min-width:0;color:#172233;background:#fffdf9;border:1px solid #ddd6ca;border-radius:16px}.course-book .section-heading,.course-book .book-section-heading,.page-stack:has(>.course-heading) .section-heading{max-width:900px}.course-book .section-heading h2,.course-book .section-heading h3,.course-book .book-section-heading h2,.course-book .book-section-heading h3,.page-stack:has(>.course-heading) .section-heading h2,.page-stack:has(>.course-heading) .section-heading h3{color:#142030;line-height:1.2;letter-spacing:-.035em;text-wrap:balance}.course-book p,.course-book li,.course-book dd,.course-book label,.course-book summary,.page-stack:has(>.course-heading) :where(p,li,dd,label,summary){font-size:max(16px,1em);line-height:1.75}.course-book :where(p,li,dd,h2,h3,h4,a,button,label,summary){min-width:0;overflow-wrap:anywhere}.page-stack:has(>.course-heading) :where(p,li,dd,h2,h3,h4,a,button,label,summary){min-width:0;overflow-wrap:anywhere}.course-book :where(button,a):focus-visible,.course-topbar :where(button,a,select):focus-visible,.education-sidebar :where(summary,a):focus-visible{outline:3px solid var(--kd-shell-mint);outline-offset:3px}.koreadev-sidebar>a.active,.koreadev-sidebar>a[aria-current=page]{color:#07170f;background:var(--kd-shell-mint)}.sidebar-note,.nav-note{margin-top:20px;padding:16px;color:var(--kd-shell-muted);background:var(--kd-shell-panel);border-radius:12px}.sidebar-note b,.sidebar-note strong,.nav-note b,.nav-note strong{color:var(--kd-shell-mint);font-size:17px}.sidebar-note p,.nav-note p{margin:8px 0 0;font-size:16px;line-height:1.6}@media(max-width:1180px){.topbar .brand>span>small{display:none}}@media(max-width:900px){.site-body,.layout,.app-body{grid-template-columns:1fr}.koreadev-sidebar{position:static;width:100%;min-height:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--kd-shell-border)}.course-topbar{position:static}.course-book{gap:20px}.knowledge-sidebar-heading,.koreadev-sidebar>.sidebar-kicker,.koreadev-sidebar>.sidebar-kicker+h2,.koreadev-sidebar>.nav-kicker,.koreadev-sidebar>.nav-kicker+h2,.sidebar-note,.nav-note{display:none}.koreadev-sidebar .knowledge-group,.koreadev-sidebar .category,.koreadev-sidebar .course-switcher{margin-bottom:8px}.koreadev-sidebar .knowledge-group>summary,.koreadev-sidebar .category>button,.koreadev-sidebar .course-switcher>summary{min-height:54px}}@media(max-width:720px){.topbar{padding:9px 14px}.topbar .topbar-actions,.topbar .top-actions{flex:1 1 100%;width:100%;justify-content:stretch}.topbar .brand img,.topbar .brand-mark{width:40px;height:40px}.topbar .brand>span>b{font-size:21px}}