:root{--green:#304b3f}body{background:#eee9df}.header{padding:25px 0}.page-heading{padding-top:40px;padding-bottom:25px}.page-heading h1{font-size:46px;margin-bottom:14px}.lead{font-size:17px}.app-tabs{display:flex;gap:5px;overflow-x:auto;margin:8px 0 26px;padding-bottom:7px;scrollbar-width:thin}.app-tabs a{padding:12px 16px;white-space:nowrap;border-radius:7px;font-size:13px;min-height:44px}.app-tabs a[aria-current]{background:var(--green);color:white}.app-tabs a:hover{background:#dfe3d7;color:#304b3f}.course-card{background:#f8f5ef;border:1px solid #ffffffa8;border-radius:22px;padding:38px 42px;box-shadow:0 12px 38px #4740300d,0 2px 7px #47403008}.app-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;padding-bottom:30px}.app-intro h2{font-size:34px;margin:6px 0 15px}.app-intro p{font-size:15px;color:var(--muted);line-height:1.7;max-width:350px}.app-intro p.small{font-size:12px;margin:22px 0 18px}.start-label{font-size:12px;color:var(--green);display:inline-block;border-left:2px solid #9d885d;padding-left:9px}.app-intro figure{margin:0}.app-intro img{width:100%;height:auto;border:6px solid #29302b;border-radius:11px;background:#e9ecea;display:block;box-shadow:0 9px 20px #252c2520}.app-intro figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:10px}.ordered-lessons{padding:0;margin:0;list-style:none}.lesson-row{display:grid;grid-template-columns:34px minmax(0,1fr) 150px;align-items:center;gap:19px;padding:24px 0;border-top:1px solid #ded9cf}.number{font-size:13px;color:#7b806f;font-variant-numeric:tabular-nums;align-self:start;padding-top:4px}.row-copy{display:grid;gap:7px}.row-copy strong{font:500 21px/1.3 Georgia,serif}.row-copy>span{font-size:13px;line-height:1.6;color:var(--muted);max-width:630px}.row-meta{font-size:11px;color:var(--muted);text-align:right}.row-meta b{display:block;font-weight:400;font-size:20px;color:var(--green);margin-top:9px}.lesson-row:hover strong{text-decoration:underline;text-underline-offset:4px}.planned{border-top:1px solid #ded9cf;padding-top:23px;color:var(--muted);font-size:13px;margin-top:4px}.planned summary{cursor:pointer;min-height:30px}.planned li{margin:14px 0}.planned li span{font-size:11px}.next-app{display:flex;justify-content:space-between;margin:25px 3px;font-size:13px}.next-app>span{color:var(--muted)}.next-app a{text-decoration:underline;text-underline-offset:4px}.help-strip{margin-bottom:55px}.help-strip h2{font-size:25px}.review-note{font-size:12px;color:#69634f;border-left:2px solid #b3a376;background:#efecdf;padding:12px 16px;line-height:1.6;margin:0 0 24px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:45px;padding-bottom:55px}.reader-layout article{min-width:0}.course-outline{background:#f6f3ec;border-radius:12px;padding:22px}.course-outline h2{font-size:23px;margin-bottom:8px}.course-outline ol{list-style:none;padding:0;margin:20px -10px}.course-outline li a{display:flex;gap:12px;font-size:12px;line-height:1.5;padding:10px;border-radius:5px}.course-outline li a span{min-width:15px;color:#888b78}.course-outline [aria-current]{background:#e0e6da;color:#263f31}.all-lessons{font-size:12px;text-decoration:underline}.before{padding:24px;background:#e5e8dc;border-radius:9px;margin:25px 0}.before h2{font-size:23px}.before p{font-size:14px;line-height:1.6;margin-bottom:10px}.before p:last-child{margin:0}.before a{text-decoration:underline}.steps li{line-height:1.7}.steps h2{margin-bottom:5px}.lesson-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #d1cebf;margin-top:35px;padding-top:25px}.lesson-pager a{font-size:12px;display:grid;gap:10px}.lesson-pager strong{font:500 19px/1.4 Georgia,serif}.lesson-pager a:last-child{text-align:right}.guide-box{background:#e4e8dd;border-radius:10px;padding:30px}.guide-box h2{font-size:25px}.missing-screen{padding:35px;background:#eeece3;color:var(--muted);font-size:14px;border-radius:8px}.no-lessons{font-size:14px;color:var(--muted)}a:focus-visible,summary:focus-visible{outline:3px solid #9d885d;outline-offset:4px}.video-frame{border-width:6px}.media-meta{margin-bottom:20px}.lesson-heading h1{font-size:39px}.lesson-heading .lead{max-width:800px}
@media(max-width:900px){.app-intro{gap:30px;grid-template-columns:1fr 1fr}.course-card{padding:28px}.reader-layout{grid-template-columns:minmax(0,1fr) 225px;gap:25px}.lesson-row{grid-template-columns:25px minmax(0,1fr) 115px;gap:12px}}
@media(max-width:700px){.header nav{font-size:12px}.header{gap:17px}.page-heading{padding-top:24px}.page-heading h1{font-size:35px}.app-tabs{margin-top:0;margin-right:-18px;margin-left:-2px}.app-tabs a{padding:11px 13px;font-size:12px}.course-card{padding:23px 20px;border-radius:16px}.app-intro{grid-template-columns:1fr;gap:28px;padding-bottom:24px}.app-intro h2{font-size:30px}.app-intro p{max-width:none}.app-intro p.small{margin:15px 0}.app-intro img{border-width:4px}.lesson-row{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:22px 0}.row-copy strong{font-size:21px}.row-meta{grid-column:2;text-align:left;font-size:11px}.row-meta b{display:inline;margin-left:20px;font-size:16px}.row-copy>span{font-size:13px}.next-app{gap:20px;line-height:1.6}.reader-layout{display:flex;flex-direction:column;gap:25px}.course-outline{width:100%;box-sizing:border-box}.lesson-heading h1{font-size:32px}.lesson-pager{gap:18px}.lesson-pager strong{font-size:17px}.before{padding:20px}.course-outline ol{display:block}.review-note{font-size:12px}.help-strip{margin-top:35px}.app-intro figure{min-width:0}}