
/* 2026-10-01: three approved blocks, responsive layout and reading rhythm. */
.ai-story h2{max-width:840px;margin:0 auto 22px;line-height:1.42;letter-spacing:0}
.ai-story h2 span{display:block}
.ai-story>.eyebrow{margin:0 auto 14px;font-size:17px;line-height:1.5}
.ai-story .problem-grid{max-width:790px;margin:0 auto}
.ai-story .problem-grid article{position:relative;display:block;padding:15px 20px 15px 35px;border-bottom:1px solid #d7e2f5}
.ai-story .problem-grid article:before{content:"";position:absolute;left:8px;top:1.67em;width:11px;height:11px;border:2px solid #1955d1;border-radius:50%;background:#fff}
.ai-story .problem-grid h3{font-size:18px;line-height:1.6;font-weight:600}
.ai-story .insight-conclusion{max-width:790px;margin:26px auto 0;padding:22px 26px;background:#fff;border-left:4px solid #1955d1;border-radius:0 9px 9px 0;text-align:left}
.ai-story .concern-answer{font-size:21px;line-height:1.5}
.ai-story .concern-method{max-width:none;margin:10px 0 0;line-height:1.7}
.work-change{width:100%;max-width:1200px;margin-inline:auto;padding:64px clamp(24px,4vw,48px);box-sizing:border-box}
.work-change .work-change-inner,.work-change .solution-heading,.work-change .solution-list,.work-change .solution-item,.work-change .solution-doc{min-width:0;max-width:100%;box-sizing:border-box}
.work-change .solution-heading h2{overflow-wrap:normal;word-break:normal}
.learning-proof .course-intro .course-intro-catch{max-width:760px;margin:0 auto 14px;font-size:clamp(25px,3vw,34px);line-height:1.4}
.learning-proof .course-intro .course-intro-catch span{display:block}
.learning-proof .course-intro .course-intro-name{margin-bottom:12px;line-height:1.4}
.learning-proof .course-intro .lead{max-width:700px;margin-bottom:16px!important;font-size:17px;line-height:1.65}
.learning-proof .course-intro .course-intro-time{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto;font-size:14px;line-height:1.45;color:#244354}
.learning-proof .course-intro-time span{display:inline-block;padding:7px 12px;border:1px solid #b8cbed;border-radius:6px;background:#fff;font-weight:500}
.learning-proof .course-intro-time strong{margin-left:5px;color:#1955d1;font-size:16px}
.learning-proof .comparison-intro{margin-top:28px;padding-top:24px}
@media(max-width:760px){
 .ai-story{padding:34px 20px 38px}
 .ai-story h2{margin:0 auto 18px;font-size:clamp(23px,5.9vw,27px);line-height:1.42;text-align:left}
 .ai-story h2 span:first-child{font-size:.78em;line-height:1.5}
 .ai-story h2 span+span{margin-top:4px}
 .ai-story>.eyebrow{text-align:left;font-size:16px;margin-bottom:10px}
 .ai-story .problem-grid{margin:0 auto}
 .ai-story .problem-grid article{padding:11px 8px 11px 25px}
 .ai-story .problem-grid article:before{left:1px;top:1.45em;width:9px;height:9px}
 .ai-story .problem-grid h3{font-size:16px;line-height:1.6;font-weight:600}
 .ai-story .insight-conclusion{margin-top:20px;padding:16px 17px}
 .ai-story .concern-answer{font-size:18px;line-height:1.48}
 .ai-story .concern-method{font-size:15px;line-height:1.7;margin-top:9px}
 .work-change{padding:44px 20px 48px}
 .work-change .work-change-inner{width:100%;margin:0 auto}
 .work-change .solution-heading{width:100%;margin:0 auto 22px;text-align:left}
 .work-change .solution-heading h2{margin:0;font-size:clamp(23px,6vw,28px);line-height:1.45}
 .work-change .solution-heading h2 br{display:none}
 .work-change .solution-heading>p:last-child{font-size:15px;line-height:1.7;margin-top:12px}
 .work-change .solution-list{grid-template-columns:minmax(0,1fr);gap:16px}
 .work-change .solution-item{width:100%;padding:18px}
 .work-change .solution-item h3{margin:8px 0 14px;font-size:20px;line-height:1.4}
 .work-change .solution-doc{width:100%;padding:15px;overflow-wrap:anywhere}
 .work-change .doc-selection{gap:6px}
 .work-change .doc-selection span{font-size:12px;padding:4px 7px}
 .work-change .solution-use{margin-top:12px;font-size:14px;line-height:1.65}
 .learning-proof{padding:38px 20px 48px}
 .learning-proof .course-intro .course-intro-catch{font-size:clamp(21px,5.35vw,24px);line-height:1.35;margin:0 auto 13px;text-wrap:balance}
 .learning-proof .course-intro .course-intro-catch span+span{margin-top:2px}
 .learning-proof .course-intro .course-intro-name{font-size:23px;line-height:1.35;margin-bottom:13px}
 .learning-proof .course-intro .course-intro-name span{font-size:15px;margin-top:2px}
 .learning-proof .course-intro .lead{font-size:15px;line-height:1.65;margin-bottom:14px!important}
 .learning-proof .course-intro .course-intro-time{gap:6px;font-size:12px}
 .learning-proof .course-intro-time span{padding:6px 8px}
 .learning-proof .course-intro-time strong{font-size:14px;margin-left:3px}
 .learning-proof .comparison-intro{margin-top:23px;padding-top:22px}
 .learning-proof .comparison-intro h3{font-size:21px;line-height:1.5}
 .learning-proof .comparison-intro .textbook-example-context{font-size:15px;line-height:1.7;margin-top:12px}
}
