/* Compact course introductions; preserve the approved palette and screenshots. */
.scope-note{font-size:12px;line-height:1.7;color:var(--muted);margin:-8px 0 22px}.instruction-task h4{font:600 15px/1.5 Arial,sans-serif;margin:22px 0 8px}
.header{padding:18px 0}.page-heading{padding:20px 0 12px}.page-heading h1{font-size:34px;margin-bottom:8px}.page-heading .lead{font-size:15px;margin-bottom:10px}.app-tabs{margin:0 0 14px;padding:0}.app-tabs a{padding:10px 14px}.course-card{padding:25px 30px}.app-intro{grid-template-columns:1fr minmax(270px,400px);gap:35px;padding-bottom:22px}.app-intro h2{font-size:29px;margin:0 0 12px}.app-intro p{max-width:490px;margin-bottom:16px;font-size:14px;line-height:1.6}.app-intro figcaption{font-size:10px;margin-top:6px}.course-start{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.course-start .small{font-size:11px;order:2}.course-start .button{font-size:12px;min-height:42px;padding:10px 15px}.lesson-row{padding:20px 0}.lesson-heading{padding:24px 0 14px}.lesson-heading h1{font-size:36px}.lesson-heading .lead{font-size:16px;margin-bottom:12px}.mobile-outline{display:none}.instruction-task{margin:28px 0}.instruction-task h3,.supplement h3{font:500 23px/1.35 Georgia,serif;margin:0 0 12px}.task-before,.result-note,.steps>p,.supplement p{font-size:14px;line-height:1.7;color:var(--muted)}.result-note{padding:12px 16px;background:#e8ebdf;border-radius:6px}.pending-instruction{font-size:13px;line-height:1.7;border-left:2px solid #a18e62;padding:10px 14px;background:#eeece2;color:#69634f}.lesson-pager.single{grid-template-columns:1fr}.lesson-pager.single a{text-align:left}.supplement{margin-top:32px}.steps ol{margin-top:0}
@media(max-width:900px){.app-intro{grid-template-columns:1fr minmax(240px,340px);gap:24px}.course-start{gap:10px}.course-start .small{display:block}.course-card{padding:24px}}
@media(max-width:700px){.header{flex-wrap:nowrap;padding:16px 0;gap:12px}.header>.brand{font-size:9px;gap:5px;letter-spacing:1px}.header nav{width:auto;font-size:10px;gap:12px;flex-wrap:nowrap}.page-heading{padding:14px 0 10px}.page-heading h1{font-size:27px}.page-heading .lead{font-size:13px;line-height:1.6;margin:0 0 10px}.app-tabs{display:flex;flex-wrap:wrap;overflow:visible;margin:0 0 15px;gap:3px 4px}.app-tabs a{font-size:11px;padding:10px 11px;min-height:38px}.course-card{padding:20px 18px}.app-intro{grid-template-columns:1fr;gap:16px;padding-bottom:18px}.app-intro h2{font-size:27px;margin-bottom:8px}.app-intro p{font-size:13px;line-height:1.6;margin-bottom:12px}.course-start{gap:10px}.course-start .button{font-size:11px;min-height:40px;padding:10px 13px}.course-start .small{font-size:10px}.app-intro figure{width:100%;max-width:280px;margin:0 auto}.app-intro img{border-width:4px}.app-intro figcaption{margin-top:5px}.lesson-row{padding:18px 0}.row-copy strong{font-size:20px}.row-copy>span{font-size:12px}.row-meta{margin-top:0}.mobile-outline{display:block;background:#e4e8db;border-radius:7px;padding:11px 14px;margin:15px 0 0;font-size:12px}.mobile-outline summary{cursor:pointer;min-height:22px;line-height:22px}.mobile-outline ol{list-style:none;padding:0;margin:12px 0 0}.mobile-outline li a{display:flex;gap:12px;padding:10px 5px;line-height:1.5}.mobile-outline li a span{min-width:15px}.mobile-outline [aria-current]{font-weight:600}.course-outline{display:none}.lesson-heading{padding:22px 0 14px}.lesson-heading h1{font-size:29px}.lesson-heading .lead{font-size:14px}.breadcrumbs{font-size:10px;gap:8px}.instruction-task h3,.supplement h3{font-size:22px}.reader-layout{padding-bottom:20px}.footer{padding-top:22px}}