/* Learning record: shared, scoped, mobile-friendly. */
.lr-strip,.lr-page,.lr-home{--lr-ink:#2b4d43;--lr-muted:#61766d;--lr-green:#427b6c;--lr-line:#d7e3db;--lr-mint:#e9f2ec;--lr-gold:#97743c;--lr-cream:#f8f0df;color:var(--lr-ink);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;box-sizing:border-box}
.lr-strip *,.lr-page *,.lr-home *{box-sizing:border-box}.lr-strip{display:flex;justify-content:space-between;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:10px auto 18px;padding:11px 15px;max-width:1200px;background:#f4f8f2;border:1px solid var(--lr-line);border-radius:12px;font-size:13px;line-height:1.7}.lr-strip a{color:#2c685a;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.lr-strip label{display:flex;align-items:center;gap:9px}.lr-strip select{font:inherit;max-width:190px;min-height:40px;padding:5px 28px 5px 8px;border:1px solid #b8cfc0;background:#fffefd;border-radius:7px;color:#2b4d43}.lr-strip .lr-save-note{width:100%;font-size:12px;color:#61766d}.lr-save-error{color:#8a452d!important;font-weight:600}.lr-mini-progress{display:block;width:100%;height:6px;background:#e9eee7;border-radius:8px;overflow:hidden}.lr-mini-progress i{display:block;height:100%;background:#659781}.lr-home{margin-top:12px;font-size:12px;line-height:1.8}.lr-home>span{display:block;margin-top:3px}.lr-record-link{display:inline-block;padding:9px 13px;border:1px solid #bfd3c4;border-radius:9px;background:#fffefd;color:#2c685a;text-decoration:none;font-size:14px}.lr-home-entry{margin:18px 0}.lr-page{max-width:1120px;margin:0 auto;padding:24px 24px 48px;font-size:15px;line-height:1.8}.lr-page a{color:#2b6c5a}.lr-page header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0 24px}.lr-page h1{font-size:clamp(25px,4vw,34px);font-family:'Yu Mincho',serif;font-weight:500;margin:3px 0}.lr-page h2{font-size:20px;font-weight:500;margin:0 0 14px}.lr-page h3{font-size:16px;font-weight:500;margin:0}.lr-page p{margin:5px 0 12px}.lr-kicker,.lr-caption{font-size:13px;color:#61766d}.lr-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px}.lr-panel{padding:24px;border:1px solid #d7e3db;background:#fffefd;border-radius:18px;min-width:0}.lr-panel+.lr-panel{margin-top:20px}.lr-page .lr-progress-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:12px 0 7px}.lr-value{font-variant-numeric:tabular-nums;font-weight:600}.lr-track{height:10px;background:#edf0e8;border-radius:10px;overflow:hidden;display:flex}.lr-track i{display:block;height:100%;background:#649982}.lr-track i.lr-assisted{background:#bba46e}.lr-legend{display:flex;flex-wrap:wrap;gap:5px 14px;font-size:12px;color:#61766d;margin:8px 0 14px}.lr-key{display:inline-flex;align-items:center;gap:5px}.lr-swatch{width:8px;height:8px;border-radius:50%;background:#649982;display:inline-block}.lr-swatch.gold{background:#bba46e}.lr-swatch.gray{background:#ccd6ce}.lr-actions{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 0}.lr-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;background:#f7faf4;border:1px solid #bad1c0;border-radius:9px;color:#2c685a!important;font:inherit;font-size:14px;line-height:1.6;text-decoration:none;cursor:pointer}.lr-btn.lr-primary{background:#427b6c;color:#fff!important;border-color:#427b6c}.lr-btn:disabled{opacity:.55;cursor:default}.lr-page button:focus-visible,.lr-page a:focus-visible,.lr-page input:focus-visible,.lr-page select:focus-visible,.lr-strip :focus-visible{outline:3px solid #b79752;outline-offset:3px}.lr-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 14px}.lr-tabs button{background:#f7f8f2;border:1px solid #d7e3db;padding:8px 12px;border-radius:9px;font:inherit;font-size:14px;min-height:44px;color:#526d60;cursor:pointer}.lr-tabs button[aria-selected=true]{background:#e5f0e8;border-color:#96b7a1;color:#244f3f}.lr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lr-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;padding:7px 3px;border:1px solid #e0e6dc;border-radius:10px;background:#f8f9f5;color:#405d4d;text-decoration:none}.lr-grid b{font-weight:500;font-variant-numeric:tabular-nums}.lr-grid small{font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere}.lr-grid [data-state=solo]{background:#e6f2e9;border-color:#bed6c4}.lr-grid [data-state=hint],.lr-grid [data-state=solution]{background:#faf1df;border-color:#e3d6b7}.lr-grid [data-state=review]{background:#faf2e6;border:1px dashed #b9a170}.lr-grid [data-state=legacy]{background:#eff1eb}.lr-grid [data-state=started]{border-bottom:3px solid #98b9a8}.lr-skills{display:grid;gap:19px}.lr-skill-head{display:flex;justify-content:space-between;gap:10px;font-size:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.lr-skill-head span:last-child{color:#61766d;font-size:12px}.lr-skill .lr-track{height:7px}.lr-skill small{display:block;color:#61766d;font-size:12px;margin-top:4px}.lr-recommend{padding:15px 0;border-bottom:1px solid #e2e8df}.lr-recommend:last-child{border:0}.lr-recommend a{display:inline-block;margin-top:5px}.lr-empty{padding:18px;background:#f4f7f0;border-radius:10px;color:#526a5d;font-size:14px}.lr-page details{margin-top:16px}.lr-page summary{cursor:pointer;padding:8px 0;min-height:44px;color:#456956}.lr-history{padding:0;list-style:none;font-size:13px}.lr-history li{padding:9px 0;border-bottom:1px solid #e5eadf}.lr-settings{margin-top:24px;border-top:1px solid #d7e3db;padding-top:20px}.lr-settings form{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:12px 0}.lr-settings label{display:flex;flex-direction:column;gap:5px;font-size:13px}.lr-settings input,.lr-settings select{font:inherit;font-size:16px;min-height:44px;border:1px solid #b8cdbd;border-radius:8px;background:#fffefd;color:#294f3e;padding:8px 10px;max-width:100%;width:230px}.lr-feedback{font-size:14px;color:#3c6652}.lr-feedback:empty{display:none}.lr-import-preview{padding:15px;background:#f1f5ec;border:1px solid #cbdcc9;border-radius:10px;margin:12px 0}.lr-page [hidden]{display:none!important}.lr-topnav{display:flex;gap:10px;flex-wrap:wrap}.lr-page .lr-profile-select{font:inherit;font-size:16px;min-height:44px;padding:7px 10px;color:#315443;background:#fffefd;border:1px solid #bfd2c3;border-radius:8px;max-width:210px}.lr-section-note{margin:10px 0;color:#61766d;font-size:12px}.lr-profile-changed{background:#fcf2d8;padding:18px;border:1px solid #d2b984;border-radius:12px;margin:12px}.lr-profile-changed button{min-height:44px;font:inherit;padding:7px 13px}.question-nav .hint{border-bottom:3px solid #bba46e}.card.hint{border-left:3px solid #bba46e}.question-nav .retrying,.card.retrying{border-bottom:2px dashed #b59a6a}
@media(max-width:820px){.lr-layout{grid-template-columns:1fr}.lr-page{max-width:690px;padding:16px 14px 32px}.lr-panel{padding:20px}.lr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:400px){.lr-page{padding:12px 9px 25px}.lr-panel{padding:15px}.lr-grid{gap:6px}.lr-grid small{font-size:11px}.lr-strip{padding:10px;font-size:12px}.lr-strip select{max-width:145px}.lr-actions>*{flex:1 1 130px}.lr-settings input,.lr-settings select{width:100%}.lr-settings label{width:100%}}
@media(prefers-reduced-motion:reduce){.lr-page *{scroll-behavior:auto!important}}

/* v137: one chapter, one readable status bar, one main action. */
.lr-status-track{display:flex;flex:1 1 auto;min-width:0;height:11px;overflow:hidden;border-radius:20px;background:#e0e6df}
.lr-status-track i{display:block;height:100%;flex-shrink:0}
.lr-status-track .lr-status-solo{background:#649982}
.lr-status-track .lr-status-assisted{background:#c9ae76}
.lr-status-track .lr-status-review{background:#ce8f82}
.lr-status-track .lr-status-new{background:#e0e6df}
.lr-swatch.gold{background:#c9ae76}.lr-swatch.coral{background:#ce8f82}.lr-swatch.gray{background:#e0e6df;border:1px solid #a8b5ab}
.lr-home .lr-home-progress{display:flex;gap:9px;align-items:center;margin:6px 0}
.lr-home-progress strong{font-size:16px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.4}
.lr-home .lr-status-track{height:8px}.lr-home-solo{color:#42725f}.lr-home-review{color:#965d50}
.lr-page.lr-simple{max-width:850px;padding:26px 24px 42px}
.lr-simple .lr-topnav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px}
.lr-simple header{margin:16px 0 24px;gap:14px}.lr-simple h1{font-size:29px}
.lr-learner-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#61766d;min-width:0}
.lr-simple .lr-profile-select{max-width:180px;font-size:14px}
.lr-chapter-card{display:grid;grid-template-columns:minmax(0,1fr) 126px;border:1px solid #d7e3db;border-radius:18px;background:#fffefd;box-shadow:0 5px 20px #405d4d06;overflow:hidden}
.lr-card-main{min-width:0;padding:25px 28px 20px}
.lr-card-heading{display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:22px}
.lr-card-heading>div:last-child{min-width:0}
.lr-book{width:48px;flex:0 0 48px;color:#619783}.lr-book svg{display:block;width:100%;height:auto}
.lr-card-heading .lr-chapter-label{font-size:12px;letter-spacing:.04em;color:#6a8074;margin:0 0 4px}
.lr-card-heading h2{font-size:25px;font-weight:600;margin:0;line-height:1.5;overflow-wrap:anywhere}
.lr-meter-row{display:flex;align-items:center;gap:14px}
.lr-percentage{font-size:28px;font-weight:500;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.lr-percentage span{font-size:17px;margin-left:2px}
.lr-card-main .lr-meter-caption{font-size:12px;color:#61766d;margin:8px 0 0}.lr-meter-caption b{font-weight:500;font-variant-numeric:tabular-nums}
.lr-card-action{display:flex;align-items:center;justify-content:center;border-left:1px solid #e0e8df;background:#fbfcf8}
.lr-card-action .lr-btn{border-radius:24px;min-height:46px;padding:10px 17px;font-size:16px;white-space:nowrap}
.lr-card-footer{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 16px;border-top:1px solid #e9ede4;padding:8px 24px;font-size:12px;color:#61766d}
.lr-card-footer a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
.lr-simple-legend{gap:6px 18px;margin:14px 5px 23px}.lr-simple-legend .lr-swatch{width:9px;height:9px}
.lr-simple .lr-next{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:24px;background:#faf3e8;border:1px solid #e8dcc5;border-radius:13px}
.lr-next>div{min-width:0}.lr-next-label{font-size:11px;color:#816f4a}.lr-simple .lr-next p{font-size:14px;margin:3px 0 0;line-height:1.65;overflow-wrap:anywhere}
.lr-simple .lr-next a{display:inline-flex;flex-shrink:0;margin:0;background:#fffefd;font-size:13px;white-space:nowrap}
.lr-simple .lr-fold{margin:14px 0 0;padding:0;border:1px solid #dce5da;background:#fffefd;border-radius:12px}
.lr-simple .lr-fold>summary{padding:15px 20px;min-height:54px;font-size:14px;line-height:1.7}
.lr-simple .lr-fold[open]>summary{border-bottom:1px solid #e4eadf}
.lr-fold-body{padding:21px 24px}
.lr-detail-section+.lr-detail-section{margin-top:26px;padding-top:22px;border-top:1px solid #e7ece2}
.lr-simple .lr-detail-section h2{font-size:17px;font-weight:500;margin:0 0 12px}
.lr-simple .lr-tabs{margin:12px 0}.lr-simple .lr-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.lr-simple .lr-grid [data-state=review]{background:#fbefeb;border-color:#c59585}
.lr-simple .lr-nested{border-top:1px solid #e7ece2;margin-top:20px;padding-top:5px}
.lr-simple .lr-nested>summary{font-size:13px}
.lr-simple .lr-settings .lr-caption{margin-top:14px}
.lr-simple .lr-storage-note{font-size:12px;margin:20px 3px 0;color:#61766d}
.lr-simple .lr-storage-note.lr-save-error{padding:12px 15px;border-radius:10px;background:#fff1e8;margin:0 0 16px}
.lr-simple summary:focus-visible{outline:3px solid #b79752;outline-offset:3px;border-radius:8px}
@media(max-width:560px){
 .lr-page.lr-simple{padding:14px 14px 30px}.lr-simple header{margin:10px 0 20px;gap:10px}.lr-simple h1{font-size:25px}
 .lr-learner-label{gap:5px}.lr-learner-label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .lr-simple .lr-profile-select{max-width:112px;padding:7px;font-size:13px}
 .lr-chapter-card{grid-template-columns:minmax(0,1fr) 82px;border-radius:15px}
 .lr-card-main{padding:19px 15px 16px}.lr-card-heading{gap:10px;margin-bottom:20px}.lr-book{width:35px;flex-basis:35px}
 .lr-card-heading .lr-chapter-label{font-size:10px;letter-spacing:0}.lr-card-heading h2{font-size:20px}
 .lr-card-action .lr-btn{font-size:14px;min-height:44px;padding:8px 11px}
 .lr-meter-row{gap:10px}.lr-percentage{font-size:25px}.lr-percentage span{font-size:15px}
 .lr-card-main .lr-meter-caption{font-size:11px}.lr-card-footer{padding:7px 15px;font-size:11px}
 .lr-simple-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:11px;margin:14px 8px 20px}
 .lr-simple .lr-next{padding:13px 14px;gap:12px;margin-bottom:20px}.lr-simple .lr-next p{font-size:12px}.lr-simple .lr-next a{padding:7px 10px;font-size:12px}
 .lr-simple .lr-fold>summary{padding:14px 16px}.lr-fold-body{padding:18px 16px}.lr-simple .lr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:350px){.lr-simple h1{font-size:23px}.lr-simple .lr-profile-select{max-width:100px}.lr-chapter-card{grid-template-columns:minmax(0,1fr) 74px}.lr-card-main{padding:17px 12px 15px}.lr-card-heading{gap:8px}.lr-book{width:29px;flex-basis:29px}.lr-card-heading h2{font-size:18px}.lr-card-action .lr-btn{padding:8px 9px}}
/* All chapters use the same compact card. */
.lr-chapter-list{display:grid;gap:18px}
.lr-card-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lr-card-links button{border:0;background:none;color:#2b6c5a;font:inherit;padding:4px 0;min-height:40px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lr-course-select-label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;color:#61766d;font-size:13px}
.lr-simple .lr-course-select-label select{max-width:100%;width:330px}
.lr-chapter-card{scroll-margin-top:20px}
@media(max-width:560px){.lr-chapter-list{gap:14px}.lr-card-links{gap:12px}.lr-card-heading h2{font-size:18px}.lr-card-heading{gap:9px}.lr-card-footer{align-items:flex-start;flex-direction:column;gap:0}.lr-card-links{width:100%;justify-content:space-between}}

/* Keep a chapter's expanded record next to its card. */
.lr-chapter-list>.lr-fold{margin-top:0}
.lr-card-links button[aria-expanded=true]{font-weight:600}
.lr-simple .lr-grid [data-state=legacy]{background:#faf1df;border-color:#e3d6b7}
.lr-simple .lr-grid [data-state=solo] small{overflow-wrap:anywhere}