/* Shared section language for public inner pages. Curves separate content areas, not paragraphs. */
.inner-page main>:is(section,article){margin:0;padding:calc(48px + var(--edge-half)) var(--layout-gutter) calc(48px + var(--edge-half));border:0;background:var(--color-canvas);min-width:0}
.inner-page main>:is(section,article):nth-child(even){background:var(--color-sage-quiet)}
.inner-page main>.weekly{background:var(--color-sage-quiet)}
.inner-page .course-card,.inner-page .article-card{background:var(--color-canvas);border:0}
.inner-page .course-card .card-body,.inner-page .article-card .card-body{padding:26px 28px 28px}
.inner-page .reading-layout,.inner-page .course-look,.inner-page .course-outline,.inner-page .newsletter-expectations,.inner-page .review-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start}
.inner-page .section-lead>p:not(.eyebrow){font-size:17px;margin-top:20px}
.inner-page .breadcrumb{margin-bottom:22px}
.inner-page h1{font-size:clamp(38px,4.3vw,56px);line-height:1.09;max-width:25ch}
.inner-page .course-heading{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:56px;align-items:center}
.inner-page .course-note{border:0;padding:30px;background:var(--color-sage-quiet);margin:0}
.inner-page .course-note .button{width:100%;margin-top:24px}
.inner-page .course-note p:not(.eyebrow){font-size:17px}
.inner-page .course-look .lesson-list{margin-top:22px}
.inner-page .teacher{grid-template-columns:180px minmax(0,680px);gap:48px}
.inner-page .teacher p{max-width:52ch}
.inner-page .podcast-listening{background:var(--color-putty-quiet)}
.inner-page .podcast-listening .audio-frame{max-width:1150px;margin:auto}
.inner-page .discussion{max-width:none}
.inner-page .discussion>*{max-width:720px;margin-left:auto;margin-right:auto}
.inner-page .discussion .comment-form{background:transparent;padding:0}
.inner-page .discussion .comment-card{background:var(--color-canvas)}
.inner-page .discussion .comment-replies .comment-card{background:var(--color-sage-quiet)}
.footer-pages{display:flex;flex-wrap:wrap;gap:20px;font-size:14px}
.footer-pages a{display:inline-flex;align-items:center;min-height:44px}
@supports(mask-image:url('/design/assets/section-edges/solid.svg')){
 .inner-page main>:is(section,article)+:is(section,article){margin-top:calc(-1 * var(--edge-depth))}
}
/* Reading pages keep one uninterrupted text column. Card images remain on the catalogue. */
.article-reading{max-width:720px;margin:auto}
.inner-page .article-heading{padding:0 0 32px}
.inner-page .article-heading h1{max-width:23ch}
.inner-page .article-heading .intro-copy{max-width:none}
.inner-page .article-byline{font-size:14px;color:var(--color-muted);margin-top:22px}
.inner-page .article-prose{max-width:none;margin:0;padding:0}
.inner-page .article-prose p{font-size:19px;line-height:1.7;max-width:none}
.inner-page .article-prose h2{font-size:31px;line-height:1.2;margin:38px 0 20px;max-width:28ch}
.article-next>div{max-width:720px;margin:auto}
.article-next h2{max-width:25ch}
/* Lessons use the same two-thirds / one-third rhythm as the chosen homepage. */
.demo-caption,.course-storage-note{font-size:14px;color:var(--color-muted);line-height:1.55}
.demo-caption{margin-top:18px}
.course-room-opening h1{max-width:25ch}
.course-progress{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px;max-width:1000px;flex-wrap:wrap}
.course-progress>span{font-size:16px;color:var(--color-sage-ink)}
.lesson-list{list-style:none;padding:0;margin:0}
.lesson-list li{margin:0;border-bottom:1px solid var(--color-rule)}
.lesson-list li:last-child{border-bottom:0}
.lesson-list a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:86px;padding:20px 10px;color:var(--color-sage-ink);text-decoration:none;border-left:3px solid transparent}
.lesson-list a:hover .lesson-list-title{text-decoration:underline;text-underline-offset:4px}
.lesson-list a[aria-current]{background:var(--color-sage-quiet);border-left-color:var(--color-sage-ink)}
.lesson-number{font-variant-numeric:tabular-nums;color:var(--color-muted);font-size:15px;align-self:start;padding-top:2px}
.lesson-list-title{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.lesson-list-title small{display:block;font-size:13px;color:var(--color-muted);margin-top:8px;line-height:1.4}
.lesson-state{font-size:12px;color:var(--color-muted);white-space:nowrap}
.lesson-state.is-complete{color:var(--color-sage-ink);font-weight:600}
.course-storage-note{margin-top:22px}
.text-button{border:0;background:transparent;color:var(--color-sage-ink);padding:10px 0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.inner-page main>.lesson-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:64px;align-items:start}
.lesson-main,.lesson-sidebar{min-width:0}
.lesson-main h1{font-size:clamp(36px,3.7vw,50px);max-width:23ch}
.lesson-main>.eyebrow{font-size:14px;max-width:55ch;color:var(--color-muted)}
.lesson-intro{font-size:19px;line-height:1.55;margin-top:24px;max-width:48ch}
.lesson-player{margin-top:28px}
.lesson-player .player.player-horizontal{display:block}
.lesson-player .player-image,.lesson-player .practice{display:none}
.lesson-player .player.player-horizontal .player-content{padding:24px 28px}
.lesson-player .player.player-horizontal .player-controls{margin-top:12px}
.lesson-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap}
.lesson-actions .text-link{margin:0}
.completion-button[aria-pressed=true]{background:var(--color-sage-quiet)}
.lesson-progress-note{font-size:14px;color:var(--color-muted);margin-top:14px;min-height:22px}
.previous-lesson{font-size:14px;margin-top:16px}
.lesson-sidebar{padding-top:4px}
.lesson-disclosure>summary{font-size:22px;color:var(--color-sage-ink);font-weight:500;min-height:48px;padding:10px 0;cursor:pointer}
.lesson-disclosure>summary span{display:block;font-size:13px;font-weight:400;margin-top:7px;color:var(--color-muted)}
.lesson-sidebar .lesson-list{margin-top:16px}
.lesson-sidebar .lesson-list a{grid-template-columns:24px minmax(0,1fr);gap:8px 12px;padding:16px 12px}
.lesson-sidebar .lesson-list-title{font-size:17px}
.lesson-sidebar .lesson-state{grid-column:2}
.video-opening h1{max-width:22ch}
.inner-page main>.video-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:44px}
.video-concept{margin:0;background:var(--color-putty);color:var(--color-putty-ink)}
.video-concept img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video-concept figcaption{font-size:14px;padding:16px 20px}
.video-support p{margin-top:18px;font-size:17px}
/* One invitation and one field, carried by the same right-third composition. */
.inner-page main>.newsletter-opening{display:grid;grid-template-columns:minmax(0,2fr) minmax(310px,1fr);gap:0;padding:0}
.newsletter-copy{padding:calc(64px + var(--edge-half)) var(--layout-gutter);align-self:center}
.newsletter-copy h1{max-width:18ch}
.newsletter-signup{background:var(--color-sage-quiet);padding:calc(48px + var(--edge-half)) 32px;display:flex;flex-direction:column;justify-content:center}
.newsletter-signup h2{font-size:28px}
.newsletter-signup .form-row{display:block}
.newsletter-signup .form-row .button{width:100%;margin-top:12px}
/* The links page is a compact application of the same identity. */
.links-page{background:var(--color-sage-quiet)}
.links-page .site{max-width:760px;--layout-gutter:40px}
.links-page .site-header{justify-content:flex-start}
.links-page main>section{padding:calc(32px + var(--edge-half)) var(--layout-gutter)}
.links-opening h1{font-size:44px;max-width:20ch}
.links-opening>p{font-size:18px;margin-top:20px;max-width:34ch}
.links-opening .button{margin-top:24px}
.link-row{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:68px;padding:20px 0;text-decoration:none;border-bottom:1px solid var(--color-rule)}
.link-row:last-child{border-bottom:0}
.link-row strong{display:block;font-size:21px;font-weight:500;line-height:1.25}
.link-row small{display:block;font-size:15px;color:var(--color-muted);margin-top:7px;line-height:1.5}
.link-row:hover strong{text-decoration:underline;text-underline-offset:5px}
.links-show h2{font-size:27px}
.links-show h2 a{text-decoration:none}
.links-show h2 a:hover{text-decoration:underline}
.links-show>p{font-size:16px;margin-top:14px}
.links-show+.links-show{margin-top:34px;padding-top:30px;border-top:1px solid var(--color-rule)}
.links-show-ipm :is(h2,a){color:var(--color-putty-ink)}
.platform-links,.social-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:12px}
.platform-links a,.social-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.links-disclosure>summary{padding:14px 0;min-height:52px;font-size:20px;color:var(--color-sage-ink);cursor:pointer}
.links-disclosure .link-row{padding:14px 0 14px 18px}
.links-disclosure .link-row strong{font-size:17px}
.other-work{margin-top:22px}
.links-page .site-footer>span,.links-page .site-footer>details{display:none}
.review-group h2{font-size:30px}
@media(max-width:1000px){
 .inner-page .reading-layout,.inner-page .course-look,.inner-page .course-outline,.inner-page .newsletter-expectations,.inner-page .review-group{gap:36px}
 .inner-page .course-heading{gap:30px}
 .inner-page .course-note{padding:24px}
 .inner-page main>.lesson-workspace{grid-template-columns:minmax(0,2fr) minmax(210px,1fr);gap:32px}
 .lesson-list a{grid-template-columns:28px minmax(0,1fr);gap:8px 14px}
 .lesson-state{grid-column:2}
}
@media(max-width:760px){
 .inner-page main>:is(section,article){padding:calc(32px + var(--edge-half)) var(--layout-gutter) calc(36px + var(--edge-half))}
 .inner-page :is(.reading-layout,.course-look,.course-outline,.newsletter-expectations,.review-group,.course-heading){display:block}
 .inner-page h1{font-size:38px;max-width:none}
 .inner-page .course-note{margin-top:28px}
 .course-look-body,.course-outline>.section-lead+div,.newsletter-expectations .prose,.review-group>div{margin-top:24px}
 .inner-page .teacher{grid-template-columns:96px minmax(0,1fr);gap:22px}
 .inner-page .teacher img{width:96px;height:96px}
 .inner-page .teacher h2{font-size:27px}
 .inner-page .article-heading{padding-bottom:26px}
 .inner-page .article-prose p{font-size:18px;line-height:1.65}
 .inner-page .article-prose h2{font-size:28px;margin-top:30px}
 .inner-page main>.lesson-workspace{display:block}
 .lesson-main h1{font-size:36px}
 .lesson-intro{font-size:18px}
 .lesson-player .player.player-horizontal .player-content{padding:22px}
 .lesson-actions{gap:10px}
 .lesson-sidebar{margin-top:28px;padding-top:18px;border-top:1px solid var(--color-rule)}
 .lesson-sidebar .lesson-list a{padding:15px 12px}
 .inner-page main>.video-layout{display:block}
 .video-support{margin-top:26px}
 .inner-page main>.newsletter-opening{display:block;padding:0}
 .newsletter-copy{padding:calc(34px + var(--edge-half)) var(--layout-gutter) 32px}
 .newsletter-signup{padding:32px var(--layout-gutter) calc(36px + var(--edge-half))}
 .newsletter-copy h1{max-width:18ch}
 .links-page .site{--layout-gutter:24px}
 .links-opening h1{font-size:40px}
 .link-row strong{font-size:20px}
 .review-group h2{font-size:28px}
}
@media print{.lesson-actions,.lesson-sidebar,.course-storage-note,.text-button{display:none}.inner-page main>:is(section,article)+:is(section,article){margin-top:0}}

.inner-page .comment-card :is(p,h3){overflow-wrap:anywhere}
