/* K-BOOKS Web Design Education R02 — all selectors scoped to .kbwd; theme rules untouched. */
.kbwd{--k-ink:#1b2b42;--k-muted:#64748b;--k-line:#e6eaf1;--k-blue:#3569df;--k-surface:#f4f7fb;color:var(--k-ink);background:white;font-family:-apple-system,BlinkMacSystemFont,"Malgun Gothic","Noto Sans KR",sans-serif;font-size:14px;letter-spacing:-.3px;line-height:1.7}
.kbwd *,.kbwd *::before,.kbwd *::after{box-sizing:border-box}
.kbwd a{text-decoration:none;color:inherit}
.kbwd a:focus-visible,.kbwd summary:focus-visible{outline:3px solid #6f9aff;outline-offset:3px}
.kbwd h1,.kbwd h2,.kbwd h3,.kbwd p{margin-top:0}
.kbwd-wrap{width:min(1190px,calc(100% - 44px));margin:0 auto}
.kbwd-hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 67% -35%,#324c72 0,transparent 55%),linear-gradient(125deg,#11233f 0%,#172c4b 60%,#203853 100%);color:#fff;padding:78px 0 84px}
.kbwd-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.kbwd-eyebrow{display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:2.5px;font-weight:850;color:#9bc0ed}
.kbwd-eyebrow-line{height:2px;width:26px;background:#70b1ec;display:inline-block}
.kbwd-hero h1{font-size:clamp(34px,4.2vw,59px);line-height:1.27;font-weight:900;letter-spacing:-3.4px;margin:28px 0 21px;color:#fff}
.kbwd-hero h1 em,.kbwd-adv-hero h1 em{font-style:normal;color:#7fb5ff}
.kbwd-hero-copy>p{max-width:530px;font-size:15px;line-height:1.95;color:#b7c6da}
.kbwd-hero-pills{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 32px}.kbwd-hero-pills span{font-size:11px;border:1px solid #3b5373;border-radius:99px;color:#b9cce6;padding:6px 10px;background:#ffffff08}
.kbwd-actions{display:flex;gap:9px;flex-wrap:wrap}.kbwd-btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:800;line-height:1.3;white-space:nowrap}.kbwd .kbwd-btn-main{background:#4777ed;color:#fff;border-color:#4777ed}.kbwd .kbwd-btn-main:hover{background:#3468e8}.kbwd .kbwd-btn-outline{color:#d5e0f0;border-color:#54657c}.kbwd .kbwd-btn-outline:hover{background:#ffffff12}
.kbwd-hero-foot{display:block;font-size:11px;color:#829ebd;margin-top:22px}
.kbwd-hero-preview{background:#152339;border:1px solid #537096;border-radius:14px;overflow:hidden;box-shadow:0 24px 75px #06132284;transform:translateY(10px)}
.kbwd-window-top{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#263955;color:#a4bad5;font-size:10px}.kbwd-window-top strong{font-weight:650;flex:1}.kbwd-window-lab{color:#77d0c6;letter-spacing:1px;font-size:9px}.kbwd-window-dots{display:flex;gap:5px}.kbwd-window-dots b{display:block;width:7px;height:7px;background:#d78483;border-radius:50%}.kbwd-window-dots b:nth-child(2){background:#e1c27a}.kbwd-window-dots b:nth-child(3){background:#78c6a3}
.kbwd-window-body{display:grid;grid-template-columns:1fr 1fr;min-height:316px}.kbwd-code{border-right:1px solid #39475c;padding:18px 16px;min-width:0}.kbwd-code small{color:#90a5c4;font-size:10px;letter-spacing:1px}.kbwd-code pre{font:11px/1.85 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#a8cdf2;margin:9px 0 16px}.kbwd-render{padding:17px 12px;background:#e6edf8;color:#202c44}.kbwd-render-label{font-size:9px;letter-spacing:1.2px;color:#8196b2;margin-bottom:10px;font-weight:900}.kbwd-render-card{border-radius:5px;overflow:hidden;background:#fff;box-shadow:0 4px 17px #243c6326;min-height:212px}.kbwd-render-nav{padding:13px 11px;border-bottom:1px solid #edf1f8;font-size:10px;font-weight:900}.kbwd-render-nav i{font-style:normal;float:right;font-size:8px;color:#9eb2d0}.kbwd-render-center{text-align:center;padding:31px 9px}.kbwd-render-center strong{font-size:13px;font-weight:900;color:#3259b0}.kbwd-render-center p{font-size:10px;color:#7f8ca0;margin:8px 0 13px}.kbwd-render-center span{display:inline-block;background:#e8edff;color:#426cc6;padding:6px 8px;border-radius:3px;font-size:8px;font-weight:800}.kbwd-render-note{color:#677d9f;font-size:9px;padding:13px 2px}.kbwd-render-note span{display:inline-block;background:#16b999;width:7px;height:7px;border-radius:50%;margin-right:6px}
.kbwd-dashboard{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;margin-top:-30px;position:relative;z-index:1}.kbwd-progress-card,.kbwd-progress-side{border-radius:12px;padding:24px 26px;border:1px solid #e5ebf2;background:#fff;box-shadow:0 9px 30px #1934510c}.kbwd-progress-card{min-width:0}.kbwd-progress-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.kbwd-progress-top small,.kbwd-section-heading small,.kbwd-bottom-cta small{font-size:10px;font-weight:900;letter-spacing:2px;color:#4c74cf}.kbwd-progress-top h2{font-size:18px;letter-spacing:-.7px;margin:3px 0}.kbwd-progress-top>strong{font-size:25px;color:#3667e0}.kbwd-progress-bar{height:7px;background:#ecf1f8;border-radius:90px;overflow:hidden;margin:15px 0 9px}.kbwd-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#3b78ef,#64c5c6);border-radius:90px;transition:width .2s}.kbwd-progress-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#77879e;font-size:11px}.kbwd-progress-side{display:flex;align-items:center;gap:16px}.kbwd-progress-side strong{font-size:14px}.kbwd-progress-side p{font-size:12px;color:#7b8ba2;margin:7px 0 0;line-height:1.85}.kbwd-dot{flex:0 0 43px;height:43px;background:#e8f5f4;border-radius:13px;position:relative}.kbwd-dot:after{content:'✓';font-size:20px;color:#15938f;position:absolute;inset:0;display:grid;place-items:center}
.kbwd-section{padding:78px 0}.kbwd-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}.kbwd-section-heading h1,.kbwd-section-heading h2{font-size:clamp(23px,3vw,32px);font-weight:900;letter-spacing:-1.4px;line-height:1.4;margin:7px 0 0}.kbwd-section-heading>p{font-size:12px;color:#718197;line-height:1.8;margin:0}
.kbwd-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kbwd-path-card{position:relative;overflow:hidden;padding:27px 24px 24px;border:1px solid #e4e9f1;border-radius:12px;background:#fff;min-height:265px}.kbwd-step{font-size:10px;letter-spacing:1.5px;color:#5279d5;font-weight:900}.kbwd-path-n{position:absolute;top:12px;right:20px;font-size:65px;line-height:1;color:#f0f4fa;font-weight:900}.kbwd-path-card h3{margin:28px 0 10px;font-size:18px;font-weight:900;letter-spacing:-.7px;position:relative}.kbwd-path-card p{color:#72839b;font-size:12px;line-height:1.85;min-height:66px}.kbwd-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf0f6;padding-top:16px;margin-top:20px}.kbwd-card-foot strong{font-size:12px;color:#244b91}.kbwd-card-foot a{color:#3768d3;font-size:12px;font-weight:800}
.kbwd-course-bg{background:#f6f8fc}.kbwd-list-head{display:flex;justify-content:space-between;padding:14px 16px;color:#8290a4;font-size:12px;font-weight:650}.kbwd-catalog{display:flex;flex-direction:column;gap:9px}.kbwd-group{border:1px solid #e1e7f0;border-radius:11px;background:#fff;overflow:hidden}.kbwd-group-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;cursor:pointer;list-style:none}.kbwd-group-summary::-webkit-details-marker{display:none}.kbwd-group-name{display:flex;align-items:center;gap:15px}.kbwd-group-name strong{font-size:14px}.kbwd-group-num{display:grid;place-items:center;background:#e9efff;color:#3f6fe4;font-size:11px;width:31px;height:31px;border-radius:7px}.kbwd-group-meta{color:#7a899f;font-size:11px;white-space:nowrap}.kbwd-group-summary:after{content:'▾';color:#6f83a6;font-size:15px;transform:rotate(0deg);margin-left:5px}.kbwd-group[open] .kbwd-group-summary:after{transform:rotate(180deg)}.kbwd-group-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #edf1f6;padding:11px;gap:6px}.kbwd-course-item{display:flex;gap:13px;align-items:center;min-width:0;border-radius:7px;padding:11px 12px;background:#fbfcff}.kbwd-course-item:hover{background:#eef3ff}.kbwd-course-no{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:6px;background:white;border:1px solid #e4eaf6;color:#6c85a8;font-size:10px;font-weight:900}.kbwd-course-title{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.kbwd-course-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbwd-course-title small{font-size:10px;color:#8a99ae;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kbwd-course-state{flex:0 0 auto;font-size:10px;font-weight:850;color:#3c6bd3}.kbwd-course-item.is-done .kbwd-course-state{color:#158e75}.kbwd-course-item.is-done .kbwd-course-no{border-color:#b6dfd5;background:#e6f8ef;color:#158e75}.kbwd-loading{padding:23px;color:#71829a}.kbwd-licence{font-size:11px;color:#8696aa;margin:18px 0 0}.kbwd-licence a{text-decoration:underline;color:#315ab2}
.kbwd-bottom-cta{border:1px solid #e4eaf2;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 32px;margin-top:30px;margin-bottom:85px}.kbwd-bottom-cta h2{font-size:20px;margin:7px 0}.kbwd-bottom-cta p{color:#8291a5;font-size:12px;margin:0}.kbwd-bottom-cta a{flex-shrink:0}
.kbwd-adv-hero{background:#192b47;color:#fff;padding:65px 0 72px}.kbwd-back{display:inline-block;font-size:12px;color:#bbd0eb!important;margin-bottom:45px}.kbwd-adv-hero small{display:block;color:#9bb8e1;font-size:11px;font-weight:900;letter-spacing:2px}.kbwd-adv-hero h1{font-size:clamp(32px,4.3vw,49px);line-height:1.3;color:white;margin:15px 0}.kbwd-adv-hero p{font-size:13px;max-width:780px;color:#b7c8df;line-height:1.9}.kbwd-adv-check{background:#283f5e;border:1px solid #3f5879;border-radius:10px;padding:18px 22px;max-width:720px;margin-top:25px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:#b9cbe0}.kbwd-adv-check strong{font-size:14px;color:#fff}.kbwd-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kbwd-adv-grid article{background:#f7f9fd;border:1px solid #e3eaf2;border-radius:11px;padding:25px;min-height:170px}.kbwd-adv-grid article small{font-size:11px;color:#4473d9;font-weight:900}.kbwd-adv-grid article h3{font-size:19px;letter-spacing:-.7px;margin:17px 0 5px}.kbwd-adv-grid article p{color:#7b8ca4;font-size:12px;line-height:1.8}.kbwd-next-box{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf1ff;border-radius:12px;padding:24px 27px;margin-top:30px}.kbwd-next-box h3{font-size:17px;margin:0 0 4px}.kbwd-next-box p{font-size:12px;color:#7585a1;margin:0}.kbwd-next-box .kbwd-btn{flex-shrink:0}
.kbwd-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:35px}.kbwd-admin-grid>div{padding:23px;border:1px solid #e2e8f1;border-radius:11px;display:flex;flex-direction:column;gap:7px}.kbwd-admin-grid small{color:#768bab}.kbwd-admin-grid strong{font-size:23px}.kbwd-admin-grid span{font-size:11px;color:#8694a7}.kbwd-admin h2{font-size:18px;margin:28px 0 16px}.kbwd-admin-table{overflow:auto}.kbwd-admin table{width:100%;border-collapse:collapse;font-size:12px}.kbwd-admin th{text-align:left;background:#f4f7fb;color:#7586a0}.kbwd-admin td,.kbwd-admin th{border-bottom:1px solid #e4ebf2;padding:13px 14px}.kbwd-admin td code{font:11px Consolas,monospace}.kbwd-ok{color:#178e78;font-weight:900}.kbwd-error{color:#d44e56;font-weight:900}.kbwd-admin-message{padding:21px 23px;margin-top:16px;border:1px solid #e1e8f2;background:#f9fbff;border-radius:10px;font-size:12px}.kbwd-admin-message strong{font-size:14px}.kbwd-admin-message p{color:#718099;margin:8px 0 0;line-height:1.9}
@media(max-width:1100px){.kbwd-hero-grid{gap:28px}.kbwd-window-body{min-height:260px}.kbwd-code pre{font-size:10px}.kbwd-hero{padding:55px 0 70px}.kbwd-path-card{padding:20px}.kbwd-path-card h3{font-size:16px}}
@media(max-width:800px){.kbwd-hero-grid{grid-template-columns:1fr}.kbwd-hero-preview{max-width:680px;transform:none}.kbwd-dashboard{grid-template-columns:1fr}.kbwd-path-grid{grid-template-columns:1fr}.kbwd-path-card{min-height:auto}.kbwd-path-card p{min-height:0}.kbwd-adv-grid{grid-template-columns:repeat(2,1fr)}.kbwd-bottom-cta{flex-direction:column;align-items:flex-start}.kbwd-section-heading{align-items:flex-start;flex-direction:column}.kbwd-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kbwd-wrap{width:min(100% - 28px,1190px)}.kbwd-hero{padding:45px 0 60px}.kbwd-hero h1{letter-spacing:-2px}.kbwd-hero-copy>p{font-size:13px}.kbwd-window-body{grid-template-columns:1fr 1fr}.kbwd-code pre{font-size:9px}.kbwd-progress-card,.kbwd-progress-side{padding:18px}.kbwd-section{padding:50px 0}.kbwd-group-lessons{grid-template-columns:1fr}.kbwd-course-title strong{max-width:190px}.kbwd-course-state{font-size:10px}.kbwd-adv-grid{grid-template-columns:1fr}.kbwd-next-box{flex-direction:column;align-items:flex-start}.kbwd-bottom-cta{margin-bottom:45px;padding:25px}.kbwd-admin-grid{grid-template-columns:1fr}.kbwd-actions>.kbwd-btn{flex:1}.kbwd-hero-preview{display:none}}

/* R07 independent exam module link */
.kbwd-exam-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:28px;border-radius:12px;padding:24px 29px;background:#123157;color:#fff;border:1px solid #315682}.kbwd-exam-banner>div>span{color:#88b4eb;font-size:10px;font-weight:900;letter-spacing:1px}.kbwd-exam-banner h2{color:white;font-size:20px;letter-spacing:-.6px;margin:8px 0}.kbwd-exam-banner p{font-size:11px;line-height:1.85;color:#bdcfe3;margin:0;max-width:760px}.kbwd-exam-banner a{border:1px solid #d6e6fc;border-radius:7px;color:#234a84!important;background:#fff;white-space:nowrap;padding:12px 17px;font-size:11px;font-weight:850}
@media(max-width:1000px){.kbwd-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.kbwd-path-grid{grid-template-columns:1fr}.kbwd-exam-banner{display:block;padding:20px}.kbwd-exam-banner h2{font-size:17px}.kbwd-exam-banner a{display:inline-block;margin-top:14px}}