/* Scoped course editorial design preview */
.courses-design .article-heading{max-width:900px;padding-top:24px;padding-bottom:36px}.courses-design .article-heading h1{font-family:'Yu Mincho',serif;max-width:760px;font-size:clamp(30px,3.5vw,44px);line-height:1.6}.courses-design .dek{max-width:680px}.courses-design .article-layout{grid-template-columns:210px minmax(0,1fr);gap:52px}.courses-design article{min-width:0}.courses-design article>section{margin:0 0 64px;padding-top:12px}.courses-design article p{line-height:2.1;margin-bottom:24px}.courses-design article h2{font-size:clamp(24px,2.4vw,30px);line-height:1.65;margin-bottom:24px}.courses-design article h3{font-size:21px}.courses-design .step{font-size:11px;letter-spacing:.12em;color:#637759;margin-bottom:12px}.courses-design .course-summary{padding:28px;background:#edf0e8;border-top:3px solid #627d61}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:24px 0 0}.summary-grid>li{border-top:1px solid #b9c6b3;padding-top:14px}.summary-grid>li>span{font:italic 26px Georgia,serif;color:#6c805f}.courses-design .summary-grid h3{font-size:18px;margin:12px 0}.courses-design .summary-grid p{font-size:14px;line-height:1.9;margin:0}.courses-design .comparison-feature .table-wrap{border:1px solid #b7c6b2;background:#fffdf8}.courses-design .comparison-feature th{background:#edf0e8}.courses-design .comparison-feature th:last-child,.courses-design .comparison-feature td:last-child{background:#f4eedf}.courses-design .comparison-feature td,.courses-design .comparison-feature th{vertical-align:top}.courses-design #fictional-comparison-note{font-size:14px;padding:16px 20px;background:#f1f2ec;border-left:3px solid #9aab8e}.courses-design .sample-feature{padding:28px;background:#f2efe5;border-top:3px solid #b79c65}.time-ribbon{display:grid;grid-template-columns:1fr 4fr 1fr;margin:30px 0 24px;gap:3px}.time-ribbon span{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#dae2cf;padding:16px 5px;font-size:12px;text-align:center}.time-ribbon span:nth-child(2){background:#355c48;color:white}.time-ribbon b{font-size:23px;font-weight:500}.trial-steps{padding-left:24px}.trial-steps li{padding:0 0 16px 8px}.detail-divider{border-top:1px solid #9eaf98;padding:30px 0 14px;margin-top:4px}.detail-divider p:last-child{font-family:'Yu Mincho',serif;font-size:22px}.courses-design .toc a{line-height:1.7}.courses-design .table-wrap:focus-visible{outline:3px solid #ae650d;outline-offset:4px}.courses-design .table-wrap table{min-width:640px}.courses-design section[id]{scroll-margin-top:24px}
@media(max-width:900px){.courses-design .article-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.summary-grid{grid-template-columns:1fr;gap:16px}.summary-grid>li{display:grid;grid-template-columns:38px 1fr;gap:0 10px}.summary-grid>li>span{grid-row:1/3}.courses-design .summary-grid h3{margin:0 0 6px}.summary-grid p{grid-column:2}}
@media(max-width:600px){.courses-design .article-layout{display:flex;gap:28px}.courses-design .article-heading{padding-top:14px;padding-bottom:24px}.courses-design article>section{margin-bottom:44px}.courses-design .course-summary,.courses-design .sample-feature{padding:22px 18px}.courses-design article p{line-height:2}.time-ribbon{grid-template-columns:1fr 4fr 1fr}.time-ribbon span{font-size:11px}.time-ribbon b{font-size:20px}.courses-design .table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.courses-design .sample-photo{margin:28px 0}.courses-design .sample-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px}.courses-design .sample-photo figcaption{font-size:12px;color:var(--muted);margin-top:7px;text-align:right}