/* V16. One promise, one film, one short bridge into the story. */
.hero-brief{margin-top:23px;min-width:0}
.hero-brief .hero-description{margin:0;font-size:1.0625rem;line-height:1.6;max-width:38ch}
.hero-brief .hero-actions{margin-top:9px}
.hero-brief .text-link{font-size:.9375rem}
.course-example,.agreement-sample{min-width:0;align-self:start;border-block:1px solid #c9b99d;padding:0;box-shadow:none;background:transparent;border-radius:0}
.course-example>summary,.agreement-sample>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;list-style:none;font-size:1.0625rem;line-height:1.4;font-weight:700;color:#304b3d}
.course-example>summary::-webkit-details-marker,.agreement-sample>summary::-webkit-details-marker{display:none}
.course-example>summary small,.agreement-sample>summary small{display:block;margin-bottom:6px;font-size:.625rem;letter-spacing:.11em;font-weight:700;color:#876847}
.course-example>summary .plus,.agreement-sample>summary .plus,.age-more>summary .plus{flex:none}
.course-example .lesson-board{margin:0 0 22px;width:100%;box-sizing:border-box}
.agreement-body{padding-bottom:20px}
.age-more{border-block:1px solid #b5bea4;margin:22px 0 0}
.age-more>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;list-style:none;cursor:pointer;font-size:1rem;font-weight:700}
.age-more>summary::-webkit-details-marker{display:none}
.age-more .check-list{margin:2px 0 22px}
.offer-card .offer-included-title{font-family:var(--sans);font-size:1.0625rem;line-height:1.45;font-weight:700;margin:0 0 18px}
.device-bar{justify-content:flex-start}
.course-example:focus-within,.agreement-sample:focus-within,.age-more:focus-within{outline-offset:5px}
@media(max-width:599px){
 .reader-book h2{font-size:clamp(1.625rem,7.6vw,2rem);line-height:1.18;letter-spacing:-.02em}
 .reader-book .section-space{padding-top:44px;padding-bottom:48px}
 .letter-text p:first-child:first-letter{float:none;font:inherit;margin:0;padding:0;color:inherit}
 .letter-text p{font-size:1.0625rem;line-height:1.65}
 .letter-text p+p{margin-top:18px}
 .letter-sheet>.text-link{margin-top:22px}
 .understand .section-copy h2 br:nth-of-type(2){display:none}
 .course-example{margin-top:20px}
 .learning-map{margin-top:34px}
 .learning-heading h3{font-size:1.75rem;line-height:1.2}
 .learning-heading>p{font-size:1.0625rem;line-height:1.6}
 .mistake-page{padding:24px 16px}
 .mistake-number{top:24px;left:16px}
 .mistake-page h3{font-size:1.5rem;line-height:1.25}
 .mistake-page p{font-size:1.0625rem;line-height:1.6}
 .mistake-page .mistake-action{margin-top:16px;padding-top:16px}
 .mistake-page .reading-visual{margin-block:18px}
 .age-more{margin-top:20px}
 .age-copy .age-note{margin-top:20px}
 .experience .device-page{padding-top:6px}
 .experience .device-illustration{margin-top:8px}
 .principle{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px 12px;padding:24px 0}
 .principle .principle-sketch{grid-column:1;grid-row:1;width:29px;height:32px;margin:0;align-self:start}
 .principle h3{grid-column:2;grid-row:1;font-size:1.375rem;line-height:1.3;margin:0}
 .principle p{grid-column:1/-1;margin:0;font-size:1.0625rem;line-height:1.65}
 .agreement-sample{margin-top:20px}
 .agreement-sample .agreement-note{margin-top:0}
 .faq .faq-list summary{padding-block:19px;font-size:1.0625rem;line-height:1.45}
 .offer-copy{padding-bottom:0}
}
@media(max-width:999px){
 .hero-copy{padding-bottom:30px}
 .hero h1{font-size:clamp(1.5rem,7.4vw,2.5rem);line-height:1.14;letter-spacing:-.025em}
 .hero h1>span,.hero h1>em{font-size:1em;line-height:inherit;margin:0}
 .hero h1>em{margin-top:4px}
 .film-intro{display:none}
 .hero-film{margin-top:20px;margin-bottom:0}
 .hero-film figcaption{font-size:.8125rem;line-height:1.45;margin-top:10px}
 .hero-brief{border-top:1px solid #d6c8af;padding-top:20px;margin-top:22px}
}
@media(min-width:1000px){
 .hero-copy>.hero-brief{grid-column:1;grid-row:3;align-self:start;margin-top:26px}
 .hero-copy>.hero-film{grid-row:1/4}
 .hero-brief .hero-description{font-size:1.125rem;line-height:1.65;max-width:34ch}
 .hero-brief .hero-actions{margin-top:17px}
 .understand-grid>.course-example{margin-top:24px}
 .age-copy>.age-more{grid-column:2;grid-row:4;margin-left:25px}
}