/* student-comfort.css — 학생 화면: 글자는 크고 굵게 · 중요한 곳은 형광펜 · 완료는 분명한 체크 아이콘.
   index.html에서 맨 마지막에 읽혀서 앞선 규칙을 덮는다(원본 CSS는 건드리지 않는다).
   구성: 1) 글자 바닥(아래 규칙들은 14px 미만이던 글자를 같은 선택자 · 같은 @media 안에서 14px 이상으로 올린 것 — 자동 생성)
        2) 토큰 · 공통 부품  3) 위쪽 바  4) 왼쪽 메뉴 숫자  5) 홈  6) 영상 카드  7) 퀘스트 · 활동 칸  8) 글자 대비.
   새 글자 크기를 정할 때는 13px 아래로 내리지 않는다. */

/* ── 1) 글자 바닥(자동 생성) ── */
.academy-name-badge{font-size:14px}
.library-count{font-size:14px}
.nav-text small{font-size:14px}
.nav-count{font-size:14px}
.site-title span{font-size:14px}
.category-label, .eyebrow{font-size:14px}
.result-count{font-size:14px}
.video-sort-control{font-size:14px}
.clear-history-button{font-size:14px}
.playlist-order-number{font-size:13px}
.video-card.is-completed:not(.locked) .thumb::after{font-size:13px}
.locked-notice{font-size:14px}
.series-badge{font-size:14px}
.video-card p{font-size:14px}
.mini-program-mark{font-size:14px}
.mini-program-copy small, .video-mini-programs header small{font-size:13px}
.mini-program-copy p{font-size:14px}
.mini-program-launch{font-size:14px}
.video-mini-programs > header span{font-size:13px}
.home-dashboard-kicker{font-size:14px}
.home-dashboard-notice span{font-size:13px}
.home-dashboard-continue-badge{font-size:13px}
.home-dashboard-continue-content > small{font-size:14px}
.home-dashboard-continue-content > p{font-size:14px}
.home-dashboard-section-head p{font-size:14px}
.home-dashboard-overall{font-size:14px}
.home-dashboard-episode-number small{font-size:13px}
.home-dashboard-lesson-copy p{font-size:14px}
.home-dashboard-watch-button{font-size:14px}
.home-dashboard-addon-slot small{font-size:13px}
.home-dashboard-addon-slot span{font-size:13px}
@media (max-width: 620px){
.home-dashboard-overall{font-size:13px}
}
.app-boot-card small{font-size:14px}
.app-boot-noscript{font-size:14px}
.learning-tabs button span{font-size:13px}
.classroom-description{font-size:14px}
.explore-course-art>span{font-size:13px}
.explore-course-copy>small{font-size:13px}
.explore-course-copy p{font-size:14px}
.explore-course-copy>strong{font-size:14px}
.sidebar-classroom-heading{font-size:13px}
.sidebar-classroom-empty{font-size:14px}
.history-context-heading>span{font-size:13px}
.history-scope-note{font-size:14px}
.learning-context-bar button{font-size:14px}
.learning-context-bar strong{font-size:14px}
.learning-context-bar>span{font-size:14px}
@media(max-width:650px){
.learning-tabs button{font-size:14px}
}
.portal-eyebrow{font-size:13px}
.portal-section-title>span{font-size:14px}
.portal-text-button{font-size:14px}
.portal-feedback{font-size:14px}
.portal-tag{font-size:14px}
.portal-form small{font-size:14px}
.portal-managed-avatar>summary small{font-size:14px}
.portal-profile-identity>span{font-size:14px}
.portal-profile-id-row small{font-size:14px}
.portal-profile-summary p{font-size:14px}
.portal-avatar-choice{font-size:14px}
.portal-stat p{font-size:14px}
.portal-enrollment-states>span{font-size:14px}
.portal-enrollment-queue small{font-size:14px}
.portal-run-status{font-size:13px}
.portal-course-overview p{font-size:14px}
.portal-course-overview article>div{font-size:14px}
.portal-course-overview small{font-size:14px}
@media(max-width:600px){
.portal-enrollment-states>span{font-size:14px}
}
.portal-peek-row>span{font-size:14px}
.portal-post-row small{font-size:14px}
.portal-pagination{font-size:14px}
.portal-file{font-size:14px}
.portal-nav-label{font-size:13px}
.admin-nav .portal-nav-group button{font-size:14px}
@media(max-width:700px){
.portal-stat>span{font-size:14px}
}
.cs-feed-column .cs-section-head p{font-size:14px}
.cs-learning-and-feed .cs-lessons .home-dashboard-episode-number small{font-size:13px}
.cs-feed-status{font-size:14px!important}
.cs-post-controls>p{font-size:14px}
.classroom-studio small{font-size:14px}
.cs-kicker{font-size:14px}
.cs-stats>span{font-size:14px!important}
.cs-lessons .home-dashboard-addon-slot small{font-size:14px}
.cs-lessons .home-dashboard-addon-slot span{font-size:14px}
.cs-review-note{font-size:14px}
.cs-post-image>span{font-size:14px}
.cs-post-author>small{font-size:14px}
.cs-author-avatar{font-size:14px}
.cs-teacher-comment strong{font-size:14px}
.cs-feed-count{font-size:14px}
.classroom-studio .cs-comment-link{font-size:14px}
.cs-compose-columns .cs-muted{font-size:14px}
.cs-file-drop span{font-size:14px}
.cs-file-drop input{font-size:14px}
.cs-draw-toolbar label{font-size:14px}
.cs-compose-footer>span{font-size:14px}
@media(max-width:700px){
.cs-compose-footer>span{font-size:14px}
}
@media(max-width:1150px){
.cs-stats>span{font-size:14px!important}
}
@media(max-width:700px){
.classroom-studio .cs-reactions button{font-size:14px}
.cs-lessons .home-dashboard-addon-slot span{font-size:14px}
}
@media(max-width:440px){
.cs-breadcrumb{font-size:14px}
}
.cs-gallery-head .cs-kicker{font-size:13px}
.cs-filter-more summary{font-size:14px}
.cs-review-badge{font-size:13px!important}
.diagram-companion .cs-gallery-tabs button{font-size:14px}
.cs-art-tools button{font-size:14px}
.classroom-studio .cs-review-actions button{font-size:14px}
.cs-caption-editor summary{font-size:14px}
.classroom-studio .cs-task-summary button{font-size:14px}
.cs-task-row small{font-size:14px}
.cs-task-actions button{font-size:14px}
.cs-task-more summary{font-size:14px}
.cs-task-form label>small{font-size:14px}
.cs-task-form [data-task-roster] small{font-size:14px}
@media(max-width:650px){
.classroom-studio .cs-gallery-tabs button{font-size:14px}
.classroom-studio .cs-task-summary button{font-size:13px}
}
.cs-disabled-notice{font-size:14px}
.certificate-dialog>header p{font-size:14px}
.trophy-shelf header span{font-size:13px}
.trophy-shelf header small{font-size:14px}
.trophy-visual small{font-size:13px}
.trophy-content small{font-size:13px}
.trophy-content>span{font-size:14px}
.trophy-content b{font-size:14px}
.mini-program-kiosk>span{font-size:14px}
.video-mini-programs .home-dashboard-addon-slot small{font-size:14px}
.video-mini-programs .home-dashboard-addon-slot span{font-size:14px}
.outline-chapter summary small{font-size:13px}
.outline-chapter summary b{font-size:14px}
.outline-video-list>div>span{font-size:14px}
.portal-nav-label{font-size:14px!important}
.portal-nav-group>p:not(.portal-nav-label){font-size:14px}
.admin-main table th{font-size:14px}
.course-settings-title p,.course-settings-app-head p{font-size:14px}
.course-diagram-setting p{font-size:14px}
.course-diagram-setting small{font-size:14px}
.course-settings-app-head label{font-size:14px}
.course-settings-videos summary small{font-size:14px}
.course-settings-videos summary b{font-size:14px}
.course-binding-list small{font-size:14px}
.course-binding-list button{font-size:14px}
@media(max-width:900px){
.admin-nav details.portal-nav-group>summary{font-size:14px!important}
}
.studio-sound{font-size:14px}
[data-playground=true] .cs-kicker{font-size:14px}
[data-playground=true] .cs-pill{font-size:14px}
[data-playground=true] .cs-stats>span{font-size:14px!important}
[data-playground=true] .cs-next-card .cs-kicker{font-size:14px}
[data-playground=true] .cs-next-card p{font-size:14px}
[data-playground=true] .cs-post-author>small{font-size:14px}
.classroom-studio .pg-post-actions .cs-comment-link{font-size:14px}
.pg-review-tag{font-size:13px}
.classroom-studio .pg-teacher-reply{font-size:14px}
.pg-teacher-reply>span{font-size:14px}
.pg-teacher-reply p{font-size:14px}
.pg-submission-feedback>strong{font-size:14px}
.pg-submission-status{font-size:14px}
.home-dashboard-addon-slot>.activity-teacher-note,.video-mini-programs .activity-kiosk>.activity-teacher-note{font-size:14px}
.video-mini-programs .activity-kiosk .activity-receipt{font-size:14px}
.video-mini-programs .activity-kiosk.is-locked>strong{font-size:14px}
.journey-outline-head span{font-size:14px}
.journey-filters button{font-size:14px}
.journey-chapter>summary b{font-size:14px}
.journey-day>summary span{font-size:14px}
.journey-row-action{font-size:14px}
.journey-lessons small{font-size:14px}
.cs-camera-controls>span{font-size:14px}
.cs-upload-video>span{font-size:14px}
.cs-upload-video>small{font-size:14px}
.cs-upload-caption>summary>span{font-size:14px}
.cs-simple-upload-footer p{font-size:14px}
.cs-draw-more{font-size:14px}
@media(max-width:540px){
[data-playground=true] .cs-pill{font-size:13px}
[data-playground=true] .cs-post-author>strong{font-size:14px}
.pg-post-lesson{font-size:14px!important}
.classroom-studio .pg-post-actions .cs-comment-link{font-size:14px}
.pg-review-tag{font-size:13px}
.classroom-studio .pg-all-art{font-size:14px}
.pg-submission-feedback>span{font-size:14px}
}
body.watch-view .learning-context-bar button{font-size:14px}
@media(max-width:600px){
.topbar .site-title>span{font-size:13px}
}
.pg-choice small,.cs-choice small{font-size:14px}
.is-focus .home-dashboard-continue-badge{font-size:14px}
.home-focus-stats .home-dashboard-widget-copy small{font-size:14px}
.home-focus-stats .home-dashboard-widget-copy p{font-size:14px}
.home-todo-group>header span{font-size:14px}
.home-todo-copy small{font-size:14px}
.home-todo-copy small b{font-size:14px}
.home-todo-copy p{font-size:14px}
.home-todo-due b{font-size:14px}
.home-todo-due span{font-size:14px}
.home-todo-rooms span{font-size:14px}
.home-todo-rooms button{font-size:14px}
.hw-count span{font-size:14px}

/* ───────────────────────────────────────────────────────────────
   2) 토큰 · 공통 부품
   ─────────────────────────────────────────────────────────────── */
:root{
  --sc-ink:#211d19;--sc-sub:#554c43;
  --sc-hl:#ffe168;--sc-hl-soft:#fff3c4;
  --sc-ok:#13845a;--sc-ok-soft:#ddf3e7;--sc-ok-edge:#7fcaa3;
  --sc-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 12.5l4.2 4.2L18.5 7.8' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --sc-lock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='9.5' rx='2.2' fill='%2378706a'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3' fill='none' stroke='%2378706a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* 형광펜: 글자 아래 절반만 칠한다(줄이 바뀌어도 이어진다) */
.hl{background:linear-gradient(transparent 50%,var(--sc-hl) 50%,var(--sc-hl) 92%,transparent 92%);padding:0 .12em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 완료 체크: 초록 원 + 흰 체크 */
.sc-done{display:inline-block;flex:none;width:1.4em;height:1.4em;vertical-align:-.3em;border-radius:50%;background:var(--sc-ok) var(--sc-check) center/72% no-repeat}

/* ───────────────────────────────────────────────────────────────
   3) 위쪽 바: 900px 이하에서 아바타가 다음 줄로 밀리던 문제
   ─────────────────────────────────────────────────────────────── */
@media(max-width:900px){
  body .topbar{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:10px;align-items:center;padding:12px 16px}
  body .topbar .menu-toggle{grid-column:1;grid-row:1;width:46px;height:46px}
  body .topbar .site-title{grid-column:2;grid-row:1;min-width:0;flex:none}
  body .topbar #accountButton{grid-column:3;grid-row:1;width:46px;height:46px}
  body .topbar .search-box{grid-column:1/3;grid-row:2;width:100%;min-width:0;margin:0}
  body .topbar #clearSearch{grid-column:3;grid-row:2;width:46px;height:46px}
  body .topbar #logoutButton{grid-column:1/-1;grid-row:3;justify-self:end;width:auto}
}

/* ───────────────────────────────────────────────────────────────
   4) 왼쪽 메뉴 숫자(nav-count): 글자 바로 뒤에 어색하게 칠해지던 것을 알약 모양으로 통일
   ─────────────────────────────────────────────────────────────── */
body .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:14px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
body .category-button.active .nav-count{background:#f3ad32;color:#241b0d}
body .category-button .nav-count.is-zero{min-width:0;height:auto;padding:0 4px;background:transparent;color:rgba(255,255,255,.5);font-weight:700}
body .category-button.locked .nav-count{background:transparent;color:rgba(255,255,255,.4)}
body .homework-filter-button .nav-count:not(.is-zero){background:#ffcf6b;color:#4a3205}
body .homework-filter-button.active .nav-count:not(.is-zero){background:#ffb347;color:#2b1c02}
body .sidebar .mini-program-filter-button .nav-count{background:#ecd9b0;color:#5d4112}
body .sidebar .mini-program-filter-button .nav-count.is-zero{background:transparent;color:#6f5a3a}
body .sidebar .mini-program-filter-button.active .nav-count:not(.is-zero){background:#f0bf63;color:#3f2a06}

/* ───────────────────────────────────────────────────────────────
   5) 홈: 크고 굵게, 중요한 줄은 형광펜
   ─────────────────────────────────────────────────────────────── */
body .home-dashboard-shell .home-dashboard-hero h1{font-weight:900;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em}
body .home-dashboard-shell .home-dashboard-hero-copy>p:last-child{font-size:18px;font-weight:700;color:var(--sc-sub)}
body .home-dashboard-notice strong{font-size:17px;font-weight:800;line-height:1.5;color:var(--sc-ink)}
body .home-dashboard-notice span{padding:4px 10px;font-weight:800}
body .home-dashboard-shell .home-dashboard-kicker{font-weight:900;letter-spacing:.12em}
body .classroom-title h2,body .home-dashboard-section-head h2{font-size:30px;font-weight:900;letter-spacing:-.03em}
body .learning-tabs button{font-size:17px;font-weight:800;padding:13px 20px}
body .learning-tabs button[aria-selected="true"]{font-weight:900}
body .learning-tabs button span{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:rgba(0,0,0,.07);font-weight:900}
body .learning-tabs button[aria-selected="true"] span{background:var(--sc-hl)}
body .classroom-description{font-size:16px;color:var(--sc-sub)}
body .home-dashboard-overall{font-weight:900;padding:8px 16px}
body .is-focus .home-dashboard-continue-content>strong{font-weight:900;font-size:clamp(24px,2.5vw,32px)}
body .is-focus .home-dashboard-continue-content>small{font-weight:800;color:var(--sc-sub)}
body .is-focus .home-dashboard-continue-button{font-weight:900;font-size:22px;min-height:64px}
body .home-focus-stats .home-dashboard-widget-copy strong{font-size:36px;font-weight:900}
body .home-focus-stats .home-dashboard-widget-copy small{font-size:15px;font-weight:800;color:var(--sc-sub)}
body .home-focus-stats .home-dashboard-widget-copy p{font-size:15px}
/* 배정된 학습 목록 */
body .home-todo-group h3{font-size:22px;font-weight:900}
body .home-todo-group>header span{font-size:15px}
body .home-todo-row{padding:12px 18px 12px 12px;gap:18px;border-width:2px}
body .home-todo-copy small{font-size:15px;font-weight:700}
body .home-todo-copy small b{font-size:14px;font-weight:900;padding:3px 11px}
body .home-todo-copy strong{font-size:19px;font-weight:900}
body .home-todo-copy p{font-size:15px}
body .home-todo-due b{font-size:15px;font-weight:900;padding:6px 14px}
body .home-todo-due span{font-size:14px}
body .home-todo-btn{min-height:46px;min-width:96px;font-size:16px;font-weight:900}
body .home-todo-row.is-done{border-color:var(--sc-ok-edge);background:#f4fbf7}
body .home-todo-row.is-done .home-todo-due b{padding-left:36px;background:var(--sc-ok) var(--sc-check) no-repeat 10px center/20px;color:#fff}
body .home-todo-row.is-late .home-todo-due b{background:#ffd9cf;color:#8f2f1f}

/* 강의 목록 줄(홈 · 강의실): 강의 번호 · 제목 · 시청 버튼 */
body .home-dashboard-episode{position:relative}
body .home-dashboard-episode-number small{font-size:13px;font-weight:900;letter-spacing:.12em}
body .home-dashboard-episode-number strong{font-size:30px;font-weight:900}
body .home-dashboard-lesson-copy h4{font-size:19px;font-weight:900}
body .home-dashboard-lesson-copy p{font-size:15px;font-weight:800;color:var(--sc-sub)}
body .home-dashboard-watch-button{min-height:48px;font-size:16px;font-weight:900}
body .home-dashboard-episode.is-completed{border-color:var(--sc-ok-edge)}
body .home-dashboard-episode.is-completed .home-dashboard-episode-number{background:var(--sc-ok);position:relative}
body .home-dashboard-episode.is-completed .home-dashboard-episode-number small{color:#d8f5e6}
body .home-dashboard-episode.is-completed .home-dashboard-episode-number::after{content:"";position:absolute;top:-9px;left:-9px;width:30px;height:30px;border-radius:50%;background:var(--sc-ok) var(--sc-check) center/70% no-repeat;box-shadow:0 0 0 3px #fff,0 2px 6px #0003}
body .home-dashboard-episode.is-completed .home-dashboard-lesson-copy p{display:flex;align-items:center;gap:7px;color:var(--sc-ok);font-weight:900}
body .home-dashboard-episode.is-completed .home-dashboard-lesson-copy p::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--sc-ok) var(--sc-check) center/72% no-repeat}
body .home-dashboard-episode-number{position:relative}

/* 강좌(내 강의실) 카드: 모든 강의를 끝냈으면 '수료' 표시 */
body .cs-home-course h3{font-size:22px;font-weight:900}
body .cs-home-course small{font-size:14px;font-weight:800}
body .cs-home-course p{font-size:16px;font-weight:800;color:var(--sc-sub)}
body .cs-home-course.is-finished{border-color:var(--sc-ok-edge);background:#f6fcf8}
body .cs-home-course.is-finished h3::after{content:"수료 완료";display:inline-block;margin-left:10px;padding:5px 14px 5px 34px;border-radius:999px;background:var(--sc-ok) var(--sc-check) no-repeat 9px center/20px;color:#fff;font-size:14px;font-weight:900;letter-spacing:0;vertical-align:3px}

/* ───────────────────────────────────────────────────────────────
   6) 영상 카드: 학습 완료 표시를 분명한 체크 아이콘으로
   ─────────────────────────────────────────────────────────────── */
body .video-card h3{font-size:18px;font-weight:900;line-height:1.4}
body .playlist-order-number{min-width:30px;min-height:30px;font-size:14px;font-weight:900}
body .video-card.is-completed:not(.locked){border:2px solid var(--sc-ok-edge)}
body .video-card.is-completed:not(.locked) .thumb::after{content:"학습 완료";top:10px;right:10px;padding:8px 14px 8px 38px;border:2px solid #fff;background:var(--sc-ok) var(--sc-check) no-repeat 10px center/20px;font-size:14px;font-weight:900;letter-spacing:0;box-shadow:0 4px 12px rgba(5,75,42,.3)}
body .video-card.is-in-progress:not(.locked){border-width:2px}

/* ───────────────────────────────────────────────────────────────
   7) 퀘스트 · 단어 학습 같은 활동 칸(어디서 나와도 같은 모양)
   ─────────────────────────────────────────────────────────────── */
body .home-dashboard-addon-slot{--tone:#ffe7ae;--tone-edge:#e0b055;--tone-icon:url("assets/studio/quiz.webp");position:relative;justify-content:flex-start;gap:0;min-height:132px;padding:15px 14px 14px;border:2px solid #e4dccd;border-radius:16px;background:#fff}
body .home-dashboard-addon-slot[data-activity="word"]{--tone:#ffe7ae;--tone-edge:#e0b055;--tone-icon:url("assets/studio/word.webp")}
body .home-dashboard-addon-slot[data-activity="reading"]{--tone:#d4efe6;--tone-edge:#74b9a1;--tone-icon:url("assets/studio/reading.webp")}
body .home-dashboard-addon-slot[data-activity="quiz"]{--tone:#e4d9fa;--tone-edge:#b79ae8;--tone-icon:url("assets/studio/quiz.webp")}
body .home-dashboard-addon-slot[data-activity="practice"]{--tone:#ffddd0;--tone-edge:#dd9a83}
body .home-dashboard-addon-slot:not(.activity-kiosk) small{position:relative;min-height:30px;padding-left:36px;display:flex;align-items:center;overflow:visible;color:var(--sc-ink);font-size:18px;font-weight:900;line-height:1.25;letter-spacing:-.02em;white-space:normal}
body .home-dashboard-addon-slot:not(.activity-kiosk) small::before{content:"";position:absolute;left:0;top:50%;width:30px;height:30px;transform:translateY(-50%);background:var(--tone-icon) center/contain no-repeat}
body .home-dashboard-addon-slot strong{margin-top:10px;font-size:19px;font-weight:900;color:var(--sc-ink)}
body .home-dashboard-addon-slot span{margin-top:6px;font-size:14px;font-weight:700;line-height:1.4;color:var(--sc-sub)}
body .home-dashboard-addon-slot.is-ready{border-color:var(--tone-edge);background:var(--tone)}
body .home-dashboard-addon-slot.is-ready strong{align-self:flex-start;padding:7px 14px;border-radius:999px;background:#241f1a;color:#fff;font-size:16px}
body .home-dashboard-addon-slot.is-complete{border-color:var(--sc-ok-edge);background:var(--sc-ok-soft)}
body .home-dashboard-addon-slot.is-complete strong{font-size:22px;color:var(--sc-ok)}
body .home-dashboard-addon-slot.is-complete::after{content:"";position:absolute;top:-10px;right:-8px;width:34px;height:34px;border-radius:50%;background:var(--sc-ok) var(--sc-check) center/68% no-repeat;box-shadow:0 0 0 4px #fff,0 3px 8px #0003}
body .home-dashboard-addon-slot.is-locked{border-color:#ddd6cc;background:#f3f0ec}
body .home-dashboard-addon-slot.is-locked small{color:#5f5750}
body .home-dashboard-addon-slot.is-locked strong{font-size:15px;color:#5f5750}
body .home-dashboard-addon-slot.is-locked::after{content:"";position:absolute;top:10px;right:10px;width:24px;height:24px;background:var(--sc-lock) center/contain no-repeat}
body .home-dashboard-addon-slot.is-pending{border-style:dashed;background:transparent}
body .home-dashboard-addon-slot.is-pending small{color:#6f665d;padding-left:0;min-height:0}
body .home-dashboard-addon-slot.is-pending small::before{content:none}
body .home-dashboard-addon-slot.is-pending strong{font-size:16px;color:#6f665d}
body .home-dashboard-addon-slots{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:12px}
body :is(.home-dashboard-episode,.home-dashboard-lesson,.home-dashboard-addon-slots,.home-todo-list>*,.cs-home-classrooms){min-width:0}

/* 강의 보기 화면 아래 '퀘스트' 칸(큰 타일) */
body .watch-section-heading h2{font-size:26px;font-weight:900;letter-spacing:-.03em}
body .quest-section-icon{width:30px;height:33px;font-size:20px;font-weight:900;color:var(--sc-ok);border-color:var(--sc-ok)}
body .video-mini-programs>header .watch-section-count{padding:7px 16px;border-radius:999px;background:var(--sc-hl-soft);box-shadow:inset 0 0 0 2px var(--sc-hl);color:var(--sc-ink);font-size:16px;font-weight:900}
body .video-mini-programs{padding:24px;border-width:2px}
body .video-mini-programs .activity-kiosk{min-height:150px;padding:20px 18px;border-bottom-width:5px;grid-template-columns:84px minmax(0,1fr);gap:8px 14px}
body .video-mini-programs .activity-kiosk .activity-icon{width:84px;height:84px}
body .video-mini-programs .activity-kiosk>small{padding:0;min-height:0;font-size:24px;font-weight:900;line-height:1.25;letter-spacing:-.04em;display:block}
body .video-mini-programs .activity-kiosk>small::before{content:none}
body .video-mini-programs .activity-kiosk>strong{font-size:17px;font-weight:900}
body .video-mini-programs .activity-kiosk.is-ready>strong{justify-self:start;padding:8px 16px;border-radius:999px;background:#241f1a;color:#fff;font-size:17px}
body .video-mini-programs .activity-kiosk.is-complete>strong{padding:0;background:none;font-size:30px;color:var(--sc-ok)}
body .video-mini-programs .activity-kiosk.is-complete{background:var(--sc-ok-soft);border-color:var(--sc-ok-edge);border-bottom-color:var(--sc-ok)}
body .video-mini-programs .activity-kiosk.is-complete::after{top:-12px;right:-10px;width:40px;height:40px}
body .video-mini-programs .activity-kiosk .activity-receipt{font-size:15px;font-weight:800}
body .video-mini-programs .activity-kiosk.is-locked>strong{font-size:16px;font-weight:900;color:#5f5750;background:none;padding:0}
body .video-mini-programs .activity-kiosk>.activity-teacher-note{font-size:15px;font-weight:700;padding:8px 12px;border-radius:10px;background:var(--sc-hl-soft);box-shadow:inset 3px 0 var(--sc-hl)}
body .activity-retake{min-height:48px;font-size:16px;font-weight:900;border-width:2px}
@media(max-width:700px){
  body .video-mini-programs{padding:16px}
  body .video-mini-programs .activity-kiosk{grid-template-columns:1fr;min-height:168px;padding:18px 16px}
  body .video-mini-programs .activity-kiosk .activity-icon{width:72px;height:72px}
  body .video-mini-programs .activity-kiosk>small{font-size:21px}
  body .video-mini-programs .activity-kiosk.is-complete>strong{font-size:26px}
}

/* ───────────────────────────────────────────────────────────────
   8) 글자 대비(배경과 4.5:1 이상)
   ─────────────────────────────────────────────────────────────── */
body .site-title span{color:#5d544b}
body .learning-tabs button{color:#4a4138}
body .learning-tabs button[aria-selected="true"]{color:var(--sc-ink)}
body .home-dashboard-overall{color:#9a4300;background:#ffe9d2}
body .home-dashboard-episode.is-completed .home-dashboard-episode-number small{color:#fff}
body .home-dashboard-addon-slot.is-pending small{font-size:14px;font-weight:900;letter-spacing:.06em;color:#6f665d}

/* ───────────────────────────────────────────────────────────────
   9) 좁은 화면(휴대폰): 커진 글자가 화면 밖으로 밀어내지 않게
   ─────────────────────────────────────────────────────────────── */
@media(max-width:650px){
  body .learning-tabs{width:100%}
  body .learning-tabs button{flex:1 1 0;min-width:0;padding:12px 6px;font-size:15px;line-height:1.25;white-space:normal;text-align:center}
  body .learning-tabs button span{min-width:22px;height:22px;padding:0 6px;margin-left:3px}
  body .classroom-title h2,body .home-dashboard-section-head h2{font-size:26px}
  body .home-dashboard-shell .home-dashboard-hero h1{font-size:28px}
  body .home-dashboard-overall{padding:7px 12px}
  body .home-todo-row{padding:12px}
  body .home-todo-copy strong{font-size:18px}
  body .is-focus .home-dashboard-continue-content>strong{font-size:24px}
  body .home-focus-stats .home-dashboard-widget-copy strong{font-size:32px}
}

/* ───────────────────────────────────────────────────────────────
   10) 왼쪽 메뉴 글자 · 검색 아이콘
   ─────────────────────────────────────────────────────────────── */
body .sidebar .nav-text strong{font-size:18px;font-weight:900;letter-spacing:-.02em}
body .sidebar .nav-text small{font-size:14px;font-weight:600;color:rgba(255,255,255,.66)}
body .sidebar .mini-program-filter-button .nav-text strong{font-size:18px}
body .sidebar .mini-program-filter-button .nav-text small{color:#6f5a3a}
body .search-box>span{color:#74561d}
body .sidebar-classroom-heading{font-weight:900;letter-spacing:.02em}

/* 11) 강의 둘러보기 카드 */
body .explore-course-copy>small{color:#6f5a35;font-weight:900;letter-spacing:.04em}
body .explore-course-copy h3{font-size:22px;font-weight:900}
body .explore-course-copy p{color:#5a5046;font-size:15px;font-weight:700}
body .explore-course-copy .explore-course-action,body .explore-course-card button{font-weight:900}
body .learning-tabs button span{color:#3d352d}

/* 12) 강의 목차(묶음) · 영상 위 분류 글자 */
body .outline-chapter summary small,body .outline-group summary small{color:#6f5a35;font-weight:800}
body .outline-chapter summary b,body .outline-group summary b{color:#554a3d;font-weight:900}
body .outline-caret{color:#6b4b1c}
body .category-label{color:#7a5410;font-weight:900}
body .outline-chapter summary strong,body .outline-group summary strong{font-weight:900}

/* 13) 소제목(eyebrow) · 안내 글자 대비 */
body :is(.eyebrow,.history-context-heading>span,.home-dashboard-kicker,.cs-kicker,.portal-eyebrow){color:#7a5410;font-weight:900}
body :is(.history-context-heading p,.history-scope-note,.mini-program-intro,.empty-state){color:#554b41}
body .history-context-heading h1,body .section-head h2{font-weight:900}