:root{font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif;color:#173248;background:#f4f7f7;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{padding:18px 5%;display:flex;gap:24px;align-items:center;background:#102238;color:white}header a{color:#a7eadb}header span{margin-left:auto;font-size:13px}main{max-width:1300px;margin:30px auto;padding:0 25px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px}nav{display:flex;flex-direction:column;gap:9px;align-self:start;position:sticky;top:15px}button,select,input{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #9cafb4;background:white;color:#173248;padding:10px 16px;border-radius:7px;min-height:46px}button:hover:not(:disabled){background:#e8f3ef}button:disabled{cursor:not-allowed;opacity:.6}button.active,.primary{background:#147e6d;color:white;border-color:#147e6d}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d08c20;outline-offset:3px}h1{font-size:34px;line-height:1.3;margin:5px 0 12px}h2{font-size:22px}h3{margin:0 0 8px}.eyebrow{color:#147e6d;margin:0;font-weight:700}#workshopLead{font-size:19px}.safety{font-size:13px;padding:12px 16px;background:#e7f1ef;border-left:4px solid #147e6d}#demo{background:white;border:1px solid #cbd8d9;padding:24px;border-radius:10px;margin-top:22px;min-height:330px}.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill{border-top:4px solid #147e6d;padding:18px 0}.skill a{overflow-wrap:anywhere;color:#076856;font-weight:700}.rank{font-size:26px;font-weight:800;color:#147e6d}.muted{font-size:13px;color:#506878}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0}.row input,.row select{padding:10px;min-width:150px;border:1px solid #99aeb6;border-radius:6px}.programs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.program{padding:18px;border:1px solid #ccd8db;background:#fafcfd}.polished .program{border-top:5px solid #147e6d;background:#edf7f3;border-radius:10px}.polished h3{font-size:21px}.badge{display:inline-block;font-weight:700;font-size:14px;margin-bottom:10px}.program button{display:block;width:100%;margin-top:15px}.badge.closed{color:#77572e}.checks li{padding:8px 0}.ok{color:#11674a;font-weight:700}.warn{color:#8b4129;font-weight:700}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.8;background:#eaf0f2;padding:20px;border-radius:8px;font-size:17px}.guide{margin-top:30px}.guide a{color:#0b7462}.guide details{margin-top:22px}#limit{font-size:14px;color:#526878}.button-small{min-height:36px;padding:6px 10px}.button-large{min-height:62px;padding:18px 32px;font-size:20px}.receipt{padding-left:0;list-style:none}.receipt li{padding:12px 0;border-bottom:1px solid #d3dfdf}.receipt strong{display:inline-block;width:210px}.embed header,.embed nav,.embed .guide,.embed .safety,.embed .eyebrow{display:none}.embed main{display:block;margin:0;padding:20px;max-width:none}.embed h1{font-size:28px}.embed #workshopLead{font-size:16px;margin:8px 0}.embed #demo{margin:12px 0 0;padding:18px;min-height:0}.embed .skill{padding:10px 0}.embed .skill p{font-size:14px}.embed .program{padding:13px}.embed .program p{font-size:14px}.embed .program h3{font-size:18px}
@media(max-width:760px){header{display:block}header strong{margin-left:15px}header span{display:block;margin-top:8px}main{display:block;padding:0 18px}nav{position:static;flex-direction:row;overflow:auto;margin-bottom:24px}nav button{white-space:nowrap}.skills,.programs{grid-template-columns:1fr}h1{font-size:28px}#demo{padding:18px}.receipt strong{display:block;width:auto}}
.skill:only-child{grid-column:1/-1;max-width:750px}.skill:only-child .rank{font-size:36px}.skill:only-child a{font-size:27px}.skill:only-child p{font-size:20px}