/* LMS部品（base.cssのデザイン言語に準拠：黒2px罫線・蛍光イエロー・影なし） */

/* 進捗バー */
.lms-progress{margin:18px 0 26px}
.lms-label{font-size:13px;font-weight:900;margin-bottom:6px}
.lms-track{height:12px;position:relative;border:2px solid var(--ink);background:repeating-linear-gradient(45deg,var(--gray) 0 6px,#fff 6px 12px)}
.lms-fill{position:absolute;left:0;top:0;bottom:0;background:var(--y);border-right:2px solid var(--ink);width:0;transition:width .3s}
.lms-fill[style*="width: 0"]{border-right:none}

/* レッスン一覧 */
.lms-list{border-top:2px solid var(--ink)}
.lms-row{display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--ink);padding:16px 4px;text-decoration:none}
.lms-row:hover{background:var(--gray)}
.lms-check{flex:0 0 30px;height:30px;border:2px solid var(--ink);border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;background:#fff}
.lms-row .t{font-size:14.5px;font-weight:700;line-height:1.5}
.lms-row .m{font-size:12px;color:var(--sub);display:block;font-weight:400}
.lms-chapter{font-family:var(--en);font-weight:800;font-size:13px;letter-spacing:.18em;margin:26px 0 8px;display:block}

/* 完了ボタン */
.lms-done{display:block;width:100%;text-align:center;cursor:pointer;border:2px solid var(--ink);border-radius:100px;padding:15px 20px;font-weight:900;font-size:15px;font-family:inherit;background:var(--y);color:var(--ink);margin:30px 0 8px}
.lms-done.done{background:var(--ink);color:var(--y)}
.lms-done-note{font-size:12px;color:var(--sub);text-align:center;margin-bottom:8px}

/* レッスンナビ */
.lms-nav{display:flex;justify-content:space-between;gap:12px;border-top:2px solid var(--ink);padding-top:20px;margin-top:10px}
.lms-nav a{font-size:13.5px;font-weight:700;text-decoration:underline}
.lms-nav .spacer{flex:1}

/* 目標の選択（レッスン1） */
.lms-goal label{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--ink);padding:14px 16px;margin-top:12px;cursor:pointer;font-size:14.5px;line-height:1.6;background:#fff}
.lms-goal input{accent-color:#000;width:18px;height:18px;margin-top:3px;flex:none}
.lms-goal label:has(input:checked){background:var(--y)}
.lms-goal .sub{display:block;font-size:12.5px;color:var(--sub);font-weight:400}

/* やることチェック（章末） */
.lms-checkpoint{border:2px solid var(--ink);background:var(--y);padding:16px 18px;margin-top:22px}
.lms-checkpoint label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-weight:900;font-size:15px;line-height:1.6}
.lms-checkpoint input{width:20px;height:20px;accent-color:#000;flex:none;margin-top:2px}
.lms-checkpoint .note{font-size:12px;font-weight:400;margin-top:8px}
.lms-checkpoint + .lms-checkpoint{background:#fff;margin-top:10px}

/* FAQ折りたたみ */
.faq details{border:2px solid var(--ink);margin-top:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:700;font-size:14.5px;padding:12px 16px;list-style:none;display:flex;gap:12px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"Q";font-family:var(--en);font-weight:800;font-size:13px;background:var(--y);border:2px solid var(--ink);padding:0 8px;flex:none}
.faq details[open] summary{border-bottom:2px solid var(--ink)}
.faq details p{padding:12px 16px;font-size:14px;margin:0}

/* レッスン内の見出し帯 */
.lms-lesson-no{font-family:var(--en);font-weight:800;font-size:15px;display:inline-block;border:2px solid var(--ink);background:var(--y);padding:2px 14px;margin-bottom:14px}

/* レッスン単位のセクション（章ページ内・v5.1） */
.lms-lesson{border-top:2px solid var(--ink);padding-top:36px;margin-top:36px}
.lms-lesson:first-of-type{border-top:none;padding-top:0;margin-top:0}
.lms-lesson-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.lms-lesson-no.sm{font-size:13px;padding:2px 12px;margin-bottom:0}
.lms-lesson-meta .min{font-size:12px;color:var(--sub);font-weight:700}

/* 課題ブロック（レッスン末尾） */
.lms-task{border:2px solid var(--ink);background:var(--gray);padding:16px 18px;margin-top:18px}
.lms-task .lbl{font-family:var(--en);font-weight:800;font-size:11.5px;letter-spacing:.1em;display:block;margin-bottom:6px}
.lms-task p{margin:0;font-size:14px}

/* 目次ページ：章グループとレッスン行（v5.1・全36レッスン） */
.lms-chgroup{border-top:2px solid var(--ink);padding:18px 0}
.lms-chgroup:first-of-type{border-top:none}
.lms-chhead{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.lms-chnum{font-family:var(--en);font-weight:800;font-size:12px;letter-spacing:.1em;color:var(--sub)}
.lms-chtitle{font-weight:900;font-size:15.5px;text-decoration:none;color:var(--ink)}
.lms-chtitle:hover{text-decoration:underline}
.lms-chtime{font-size:12px;color:var(--sub);font-weight:400;margin-left:4px}
.lms-lessons{display:flex;flex-direction:column;margin-top:4px}
.lms-lrow{display:flex;align-items:center;gap:10px;padding:9px 2px;text-decoration:none;border-top:1px solid #ddd}
.lms-lessons .lms-lrow:first-child{border-top:none}
.lms-lrow:hover{background:var(--gray)}
.lms-lrow .lms-check{flex:0 0 22px;height:22px;font-size:11px}
.lms-lrow .t{font-size:13.5px;font-weight:700}
.lms-lrow .m{font-size:11.5px;color:var(--sub);font-weight:400;margin-left:6px}