.course-shell{--course-accent:var(--ink);--course-surface:var(--paper-light);--course-ink:var(--ink-deep);--course-line:var(--line);color:var(--ink-deep);background:var(--paper);min-height:100vh;font-size:16px;line-height:1.8}.course-header{gap:24px}.course-header a{color:inherit;text-decoration:none}.course-header .brand-lockup{flex-shrink:0}.course-nav{flex-wrap:wrap}.course-nav a{white-space:nowrap;border-radius:999px;padding:12px 14px;font-size:14px;transition:background .2s,color .2s}.course-nav a:hover,.course-nav a.active{background:#183b3514}.course-nav a.active{color:var(--orange);font-weight:700}.course-main{width:min(1120px,100% - 48px);margin:70px auto 0;padding-bottom:80px}.course-main h1{letter-spacing:.02em;margin:0 0 16px;font:600 48px/1.4 Yu Mincho,serif}.course-main h2{margin:0 0 24px;font:600 30px/1.5 Yu Mincho,serif}.course-main h3{margin:0 0 12px;font:600 22px/1.6 Yu Mincho,serif}.course-main p{overflow-wrap:anywhere}.course-main a{color:var(--ink);text-underline-offset:4px}.course-main a:hover{color:var(--orange)}.course-muted{color:var(--muted);font-size:14px}.course-tabs{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.course-main button,.course-button{border:1px solid var(--line);background:var(--paper-light);cursor:pointer;color:var(--ink);font:inherit;text-align:center;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.course-main button:hover,.course-main .course-button:hover{border-color:var(--ink);color:var(--ink);background:#eceee3}.course-main button:disabled{opacity:.5;cursor:not-allowed}.course-main .primary,.course-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper-light)}.course-main .primary:hover,.course-tabs button[aria-selected=true]:hover{background:var(--ink-deep);color:var(--paper-light)}.course-main .danger{color:#a13c31}.course-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.course-panel{background:var(--paper-light);box-shadow:0 1px 0 var(--line);border:1px solid #183b3514;border-radius:24px;margin-bottom:20px;padding:28px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.course-grid>.course-panel{margin-bottom:0}.course-split{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px;display:grid}.course-grid>*,.course-split>*{min-width:0}.course-main label{flex-direction:column;gap:8px;margin-bottom:18px;font-size:14px;font-weight:600;display:flex}.course-main input:not([type=checkbox]),.course-main textarea,.course-main select{border:1px solid var(--line);width:100%;min-width:0;font:inherit;color:var(--ink-deep);background:#fffdf9;border-radius:12px;min-height:46px;padding:12px 14px}.course-main select{font-size:14px}.course-main textarea{resize:vertical;min-height:110px}.course-main .check{flex-direction:row;align-items:center;gap:10px}.course-main input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink)}.course-form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.course-notice{border:1px solid var(--line);background:#e8eee3;border-radius:16px;margin:20px 0;padding:18px 22px;font-size:14px}.course-notice.error{background:#f9e9e2;border-color:#dcb4a8}.course-tag{color:var(--ink);white-space:nowrap;background:#ede9df;border-radius:999px;padding:4px 12px;font-size:14px;display:inline-block}.course-tag.good{color:#245740;background:#dfe9dc}.course-tag.warn{color:#79520e;background:#f3e4bd}.course-table{border-collapse:collapse;width:100%;font-size:14px}.course-table th{text-align:left;color:var(--muted);background:#f0eee5;font-weight:600}.course-table th,.course-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:18px 16px}.course-scroll{border-radius:18px;overflow-x:auto}.course-table td:first-child{min-width:150px}.course-table .course-actions{min-width:160px}.course-empty{text-align:center;color:var(--muted);padding:48px 28px}.course-lesson{border:1px solid var(--line);border-radius:16px;margin:12px 0;padding:20px 22px}.course-lesson.active{background:#e6edde;border-color:#a7bba6}.course-number{color:var(--orange);font-size:14px;font-weight:700}.course-cover{background:linear-gradient(135deg,var(--ink-deep),#45675a);height:132px;color:var(--paper-light);border-radius:16px;justify-content:center;align-items:center;margin-bottom:22px;font-size:30px;display:flex}.course-player{aspect-ratio:16/9;background:var(--ink-deep);color:var(--paper-light);border-radius:20px;place-items:center;display:grid;overflow:hidden}.course-player iframe{border:0;width:100%;height:100%}.course-status{margin:18px 0;font-size:14px}.course-modal{z-index:90;background:#0f2c2888;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.course-modal>div{background:var(--paper-light);max-width:480px;max-height:90vh;box-shadow:var(--shadow);border-radius:24px;padding:28px;overflow-y:auto}.course-shell :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:4px}.course-bar{background:#e6e3d9;border-radius:999px;height:7px;margin:14px 0 20px;overflow:hidden}.course-bar>span{background:var(--orange);height:100%;display:block}.course-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.course-main progress{width:100%;accent-color:var(--ink)}.course-main>section{margin-top:48px;scroll-margin-top:24px}.course-main>nav.course-toolbar{border-bottom:1px solid var(--line);justify-content:flex-start;gap:12px;margin:30px 0;padding-bottom:24px}.course-main>nav.course-toolbar a{border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;text-decoration:none}.course-main>nav.course-toolbar a:hover{background:var(--paper-light);color:var(--ink)}.course-main .course-panel h3{margin:16px 0 12px}@media (max-width:1160px){.course-header{grid-template-columns:auto 1fr;gap:20px}.course-header .account-actions{justify-self:end}.course-nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:12px}}@media (max-width:850px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-split{grid-template-columns:1fr}.course-panel{padding:24px}}@media (max-width:680px){.course-main{width:calc(100% - 28px);margin-top:48px;padding-bottom:48px}.course-main h1{font-size:32px}.course-main h2{font-size:26px}.course-main h3{font-size:20px}.course-grid,.course-form-row{grid-template-columns:1fr}.course-panel{border-radius:20px;padding:20px}.course-tabs button{flex:1 0 28%}.course-nav{flex-wrap:nowrap;max-width:100%}.course-nav a{padding:10px 12px}.course-toolbar{align-items:flex-start}.course-main>section{margin-top:36px}}@media (prefers-reduced-motion:reduce){.course-shell *{transition:none!important}}