/* 本人採用の配色④。クレアカだけに読み込む。 */
:root{--navy-deep:#232B4A;--navy:#232B4A;--royal:#2D3968;--navy-soft:#2D3968;--cyber:#7C7893;--cyber-deep:#504F69;--cyber-pale:#E8E5F5;--cyber-mist:#F7F5FC;--bg:#F7F5FC;--blue-pale:#7C7893;--blue-mist:#E8E5F5;--ink:#232B4A;--sub:#504F69;--mute:#504F69;--field-line:#7C7893;--focus:#5A46A2;--line:#DFDCEB;--surface:#FFFFFF;--button:#2D3968;--serif:"Noto Sans JP","Yu Gothic",sans-serif}
body{background:var(--bg)}
h1,h2,h3,.hero-lead{font-family:var(--serif);font-weight:700}
.btn.primary{background:var(--button);border-color:var(--button);color:#fff}.btn.primary:hover{background:var(--navy-deep)}
.c-navy,.c-ink,.c-royal,.c-sky,.c-cyber{--ac:#2D3968;--ac-deep:#232B4A;--ac-tint:#F7F5FC;--ac-line:#7C7893;--ac-on:#fff}
.course-card,.home-tool,.room-hero{background:#fff;border-color:var(--line)}
.learning-roadmap .is-current{border:2px solid var(--focus);background:var(--bg)}
.learning-roadmap li{align-items:flex-start}.learning-roadmap a{align-self:center}
.chapter-accordion{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px;scroll-margin-top:95px;overflow:hidden}
.chapter-accordion>summary{padding:22px;cursor:pointer;font-size:19px;font-weight:700;line-height:1.6;color:var(--ink)}
.chapter-accordion>summary small{font-size:14px;font-weight:500;display:block;margin:8px 0 0 22px;color:var(--mute)}
.lesson-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:0 22px 22px}
.lesson-tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff}
.lesson-tile:hover{border-color:var(--focus);box-shadow:0 3px 12px #232b4a15}
.lesson-thumb{position:relative;aspect-ratio:16/9;background:var(--blue-mist);display:grid;place-items:center;overflow:hidden}
.lesson-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.lesson-thumb-fallback{font-size:34px;color:var(--navy)}
.lesson-tile-body{padding:16px}.lesson-tile h3{font-size:17px;line-height:1.7;margin:10px 0}.lesson-tile-body>span:last-child{font-size:14px;color:var(--navy)}
.lesson-thumb-chibiriko{container-type:inline-size;background:#E8E5F5}
.lesson-thumb-chibiriko img{object-fit:fill}
.lesson-thumb-copy{position:absolute;z-index:2;top:12%;left:8%;width:55%;height:73%;display:flex;flex-direction:column;gap:14%;text-align:left}
.lesson-thumb-brand{font-size:clamp(7px,2.4cqw,12px);font-weight:500;letter-spacing:.025em;white-space:nowrap;color:#504F69}
.lesson-thumb-title{font-size:clamp(12px,4.25cqw,23px);font-weight:700;line-height:1.65;color:#232B4A;word-break:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.lesson-thumb-play{position:absolute;z-index:2;left:8%;bottom:12%;display:grid;place-items:center;width:8%;aspect-ratio:1;border-radius:50%;background:#2D3968;color:white;font-size:clamp(9px,3cqw,15px);padding-left:1px}
.lesson-thumb-copy:has(.lesson-thumb-title){height:65%}
.lesson-recap,.lesson-output,.lesson-questions{margin:32px 0;padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:95px}
.lesson-recap h2,.lesson-output h2,.lesson-questions h2{font-size:22px;line-height:1.6}
.recap-points{counter-reset:point;list-style:none;padding:0;display:grid;gap:16px}
.recap-points>li{background:var(--bg);border:1px solid var(--line);padding:20px;border-radius:12px;counter-increment:point}
.recap-points h3{font-size:18px;line-height:1.7;margin:0 0 10px}.recap-points h3:before{content:counter(point) '．';color:var(--navy)}
.recap-points p{margin:0;line-height:1.9}.lesson-transcript{margin-top:20px}.lesson-transcript summary{cursor:pointer;padding:12px 0;font-weight:700}.lesson-transcript p,.user-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
[data-learning-form] label,.learning-filter label{display:block;font-weight:700;margin:16px 0 8px}
[data-learning-form] textarea,[data-learning-form] input:not([type=hidden]),.learning-filter select{font:inherit;font-size:16px;line-height:1.7;width:100%;max-width:100%;min-width:0;border:1px solid var(--field-line);border-radius:8px;padding:12px;background:#fff;color:var(--ink);box-sizing:border-box}
[data-learning-form] textarea{resize:vertical;min-height:100px}[data-learning-form] button{margin-top:14px;min-height:44px}
[data-form-status]{font-size:14px;min-height:1.6em;color:var(--sub)}.learning-filter{margin-bottom:24px}
.question-card{padding:22px 0;border-top:1px solid var(--line)}.question-answer{padding:16px 20px;background:var(--bg);border-left:4px solid var(--focus);margin:18px 0}
.chapter-index a{min-height:44px}.learning-actions a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:600px){.lesson-tiles{grid-template-columns:1fr;padding:0 14px 14px}.chapter-accordion>summary{padding:18px 14px;font-size:17px}.recap-points>li{padding:16px}.learning-roadmap{grid-template-columns:1fr}.learning-roadmap li{flex-wrap:wrap}.learning-roadmap li div{min-width:130px}.learning-card{padding:20px}.question-answer{padding:14px}}