.learning-offer{color:#101e34;background:#e5efe8}.learning-offer h1,.learning-offer h2,.learning-offer h3{font-family:var(--body);letter-spacing:-.04em;font-weight:600}.learning-offer h1{margin:0 0 24px;font-size:clamp(29px,3vw,43px);line-height:1.2}.learning-offer h1 span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 70%,#a3d7d4 70% 94%,#0000 94%)}.learning-offer h2{margin:0 0 23px;font-size:clamp(26px,2.5vw,35px);line-height:1.25}.learning-offer h3{margin:0 0 13px;font-size:21px;line-height:1.4}.learning-offer p{font-size:15px;line-height:1.85}.learning-offer .section-code{letter-spacing:.08em;color:#345c68;font-size:9px}.offer-header,.offer-footer{color:#edf4ed;background:#203747;justify-content:space-between;align-items:center;gap:22px;padding:22px max(28px,50% - 620px);display:flex}.offer-signature{font:600 22px/1.5 var(--body);letter-spacing:-.04em;text-underline-offset:8px;align-items:center;min-height:44px;text-decoration:underline #92d7d7;display:flex}.offer-header nav{gap:27px;font-size:13px;display:flex}.offer-header nav a,.offer-footer>a{align-items:center;min-height:44px;display:flex}.offer-header a:focus-visible,.offer-footer a:focus-visible{outline:3px solid #92d7d7}.review-note{text-align:center;background:#f6df85;padding:12px 20px;font-size:12px}.offer-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:75px;width:min(1240px,100% - 56px);margin:auto;padding:45px 0 48px;display:grid}.offer-lettering{width:270px;margin:0 0 22px;transform:rotate(-2deg)}.offer-hero .offer-lead{font-size:17px}.offer-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:23px;display:flex}.learning-offer .game-button{white-space:normal;background:#f6df85;border:1px solid #101e34;min-height:56px;padding:14px 20px;font-size:14px}.learning-offer .game-button:hover{background:#edd06f}.learning-offer .text-link{font-size:13px}.mission-page{background:#a3d7d4;padding:32px 34px;transform:rotate(1deg);box-shadow:4px 5px #31566320}.mission-page ol{counter-reset:mission;margin:0;padding:0;list-style:none}.mission-page li{counter-increment:mission;border-top:1px solid #345c6860;padding:18px 0 17px 40px;position:relative}.mission-page li:before{content:counter(mission,decimal-leading-zero);color:#345c68;font-size:11px;position:absolute;top:20px;left:0}.mission-page li strong{letter-spacing:-.025em;font-size:20px;font-weight:600}.mission-page li p{margin:9px 0 0;font-size:14px}.mission-page .margin-caption{margin:17px 0 0;font-size:13px;font-style:italic;transform:rotate(-2deg)}.mission-method{border-top:1px solid #659da580;padding:40px max(28px,50% - 620px)}.mission-method header{grid-template-columns:.6fr 1fr;align-items:start;gap:45px;display:grid}.mission-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:18px;display:grid}.mission-steps article{border-top:2px solid #659da5;padding-top:22px}.mission-steps article>span{letter-spacing:.08em;color:#345c68;margin-bottom:17px;font-size:9px;display:block}.mission-steps article p{margin:0}.lesson-purchase{color:#edf4ed;background:#203747;grid-template-columns:1fr 1fr;align-items:start;gap:70px;padding:45px max(28px,50% - 620px);display:grid}.lesson-purchase>.section-code,.lesson-purchase>div>.section-code{color:#b6e6e2}.lesson-purchase dl{margin:28px 0 0}.lesson-purchase dl>div{border-top:1px solid #7ea9b277;grid-template-columns:.7fr 1.3fr;gap:20px;padding:17px 0;font-size:14px;display:grid}.lesson-purchase dt{color:#b6e6e2}.lesson-purchase dd{margin:0}.purchase-note{color:#101e34;background:#e5efe8;padding:29px 30px;transform:rotate(-.5deg)}.learning-offer .offer-price{font:600 48px/1.2 var(--body);letter-spacing:-.05em;margin:0 0 22px}.offer-pending{border-top:1px solid #659da580;margin-bottom:24px;padding-top:22px}.offer-pending h3{font-size:22px}.offer-pending p{font-size:14px}.purchase-note .game-button{justify-content:center;width:100%;display:flex}.purchase-note .purchase-caption{color:#345c68;margin:15px 0 0;font-size:12px}.offer-faq{width:min(940px,100% - 56px);margin:auto;padding:45px 0 50px}.offer-faq details{border-top:1px solid #659da580}.offer-faq summary{font:600 15px/1.6 var(--body);min-height:56px;padding:19px 0}.offer-faq details>p{max-width:790px;font-size:14px}.offer-footer{font-size:13px}.learning-offer a:focus-visible,.learning-offer summary:focus-visible{outline-offset:5px;outline:3px solid #101e34}.learning-offer .offer-header a:focus-visible,.learning-offer .offer-footer a:focus-visible{outline-color:#92d7d7}@media (width<=1000px){.offer-hero,.lesson-purchase{gap:35px}.mission-page{padding:28px}.mission-method header{gap:30px}}@media (width<=760px){.offer-header,.offer-footer{flex-wrap:wrap;gap:12px;padding:18px 20px}.offer-header nav{gap:20px;font-size:12px}.offer-signature{font-size:20px}.offer-hero{grid-template-columns:1fr;gap:29px;width:calc(100% - 40px);padding:32px 0 36px}.offer-lettering{width:245px;margin-bottom:23px}.learning-offer h1{font-size:29px}.offer-hero .offer-lead{font-size:16px}.offer-actions{gap:12px 17px}.mission-page{padding:26px 24px;transform:none}.mission-page li strong{font-size:19px}.mission-method,.lesson-purchase{grid-template-columns:1fr;gap:25px;padding:32px 20px 36px}.mission-method header{grid-template-columns:1fr;gap:0}.mission-steps{grid-template-columns:1fr;gap:25px;margin-top:6px}.mission-steps article>span{margin-bottom:12px}.mission-steps h3{font-size:22px}.mission-steps article p{font-size:14px}.lesson-purchase dl>div{grid-template-columns:1fr;gap:6px}.purchase-note{padding:26px 24px;transform:none}.offer-faq{width:calc(100% - 40px);padding:33px 0 38px}.offer-faq summary{font-size:14px}.offer-footer{font-size:12px}}.offer-intro-price{margin-top:22px}.offer-intro-price strong{font-size:21px}.offer-intro-price span{color:#345c68;font-size:12px}.offer-breadcrumb{width:min(1240px,100% - 56px);font:12px/1.7 var(--body);color:#345c68;flex-wrap:wrap;align-items:center;gap:12px;margin:22px auto 0;display:flex}.offer-breadcrumb a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.offer-breadcrumb a:focus-visible{outline-offset:4px;outline:3px solid #203747}@media (width<=760px){.offer-breadcrumb{width:calc(100% - 40px);margin-top:12px}}.offer-footer nav{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.offer-footer nav a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}@media (width<=760px){.offer-footer{align-items:flex-start}.offer-footer nav{justify-content:flex-end;gap:8px 16px}}.lesson-notebook{--ink:#162b38;color:var(--ink);background:#203747}.lesson-notebook main{padding-bottom:34px}.lesson-notebook .offer-breadcrumb{color:#c6dfdf;width:min(1240px,100% - 80px);margin:9px auto 12px}.lesson-notebook .offer-breadcrumb a:focus-visible{outline-color:#92d7d7}.lesson-notebook .offer-header,.lesson-notebook .offer-footer{padding-block:20px}.lesson-notebook .offer-hero{background:#e5efe8;border-top:5px solid #92d7d7;grid-template-columns:1fr 1.03fr;align-items:center;gap:30px;width:min(1240px,100% - 80px);margin:0 auto;padding:42px 44px 40px;position:relative}.lesson-hero-copy{min-width:0}.lesson-notebook .offer-lettering{width:350px;max-width:95%;margin:0 0 24px}.lesson-notebook h1{max-width:530px;margin-bottom:21px;font-size:clamp(28px,2.7vw,37px);line-height:1.23}.lesson-notebook .offer-hero .offer-lead{max-width:505px;font-size:15px;line-height:1.85}.lesson-notebook .lesson-curiosity{max-width:475px;font-size:14px}.lesson-hero-offer{border-top:1px solid #8babaa;margin-top:23px;padding-top:17px}.lesson-notebook .offer-intro-price{margin:0 0 16px;font-size:13px}.lesson-notebook .offer-intro-price strong{font-size:22px}.lesson-notebook .offer-intro-price span{margin-top:8px;font-size:12px;line-height:1.7;display:inline-block}.lesson-notebook .offer-actions{gap:14px 20px;margin-top:0}.lesson-notebook .game-button{background:#f4ce43;border-radius:0;min-height:54px;font-size:13px;font-weight:650;box-shadow:3px 3px #162b38}.lesson-notebook .game-button:hover{background:#ffe37a;box-shadow:1px 1px #162b38}.lesson-notebook .offer-actions .text-link{min-height:44px;font-size:12px}.lesson-desk-scene{align-self:center;min-width:0;margin:0;padding-top:28px;position:relative}.lesson-desk-scene>img{width:calc(100% + 22px);max-width:none;height:auto;margin-left:-11px}.lesson-margin-note{font:italic 14px/1.7 var(--body);color:#345c68;text-align:right;margin:0 16px 15px;transform:rotate(2deg)}.lesson-desk-scene figcaption{font:15px/1.8 var(--body);color:#294e5a;margin:10px 0 0 25px;transform:rotate(-2deg)}.lesson-desk-scene figcaption strong{text-underline-offset:7px;font-weight:600;text-decoration:underline 2px #659da5}.lesson-scene-link{color:#345c68;align-items:center;gap:12px;min-height:44px;margin:26px 0 0 25px;font-size:12px;line-height:1.8;display:inline-flex}.lesson-scene-link span{font-size:24px}.lesson-notebook .lesson-mission{width:min(1240px,100% - 80px);box-shadow:none;background:#a3d7d4;border-top:1px solid #42787b55;grid-template-columns:1fr 2fr;align-items:start;gap:36px;margin:0 auto;padding:35px 44px 37px;scroll-margin-top:24px;display:grid;transform:none}.lesson-mission .section-code{margin-bottom:14px}.lesson-notebook .lesson-mission h2{margin-bottom:19px;font-size:27px;line-height:1.3}.lesson-mission .margin-caption{margin:0;font-size:12px;line-height:1.9;transform:rotate(-1deg)}.lesson-mission ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.lesson-mission li{border-top:2px solid #467f83;min-width:0;padding:43px 0 0}.lesson-mission li:before{font-size:11px;top:10px;left:0}.lesson-mission li strong{font-size:18px;line-height:1.4;display:block}.lesson-mission li p{font-size:13px;line-height:1.85}.lesson-notebook .mission-method{background:#e5efe8;border:0;width:min(1240px,100% - 80px);margin:30px auto;padding:34px 44px 37px}.lesson-notebook .mission-method header{grid-template-columns:.7fr 1.3fr;align-items:center;gap:45px}.lesson-notebook .mission-method h2{margin:0;font-size:29px}.lesson-method-note{align-items:center;gap:20px;display:flex}.lesson-method-note .section-code{max-width:120px;margin:0;line-height:1.8}.lesson-method-note img{width:115px;height:auto;transform:rotate(-3deg)}.lesson-notebook .mission-steps{gap:30px;margin-top:25px}.lesson-notebook .mission-steps h3{font-size:20px;line-height:1.4}.lesson-notebook .mission-steps article p{font-size:14px;line-height:1.85}.lesson-notebook .mission-steps article{padding-top:18px}.lesson-notebook .lesson-purchase{align-items:start;gap:65px;width:min(1240px,100% - 80px);margin:0 auto;padding:12px 44px 39px;scroll-margin-top:24px}.lesson-notebook .lesson-purchase h2{font-size:32px;line-height:1.3}.lesson-notebook .lesson-purchase>div>p{max-width:470px;font-size:15px}.lesson-notebook .lesson-purchase dl>div{grid-template-columns:.65fr 1.35fr;gap:18px;font-size:13px;line-height:1.85}.lesson-notebook .purchase-note{background:#f5e5a8;border-top:4px solid #92d7d7;padding:29px 30px;transform:rotate(.5deg);box-shadow:5px 6px #0a1d2840}.lesson-notebook .offer-price{margin-bottom:13px;font-size:52px}.purchase-format-note{margin-bottom:23px;line-height:1.8;font-size:14px!important}.lesson-notebook .offer-pending{padding-top:19px}.lesson-notebook .offer-pending h3{font-size:21px}.lesson-notebook .offer-pending p{font-size:13px;line-height:1.9}.lesson-notebook .purchase-caption{font-size:12px;line-height:1.9}.lesson-notebook .offer-faq{background:#e5efe8;border-top:4px solid #92d7d7;grid-template-columns:.7fr 1.3fr;gap:45px;width:min(1240px,100% - 80px);margin:0 auto;padding:35px 44px;display:grid}.lesson-faq-heading{min-width:0;position:relative}.lesson-faq-heading .section-code{margin:0 0 17px}.lesson-notebook .lesson-faq-heading h2{font-size:30px;line-height:1.3}.lesson-faq-heading figure{max-width:240px;margin:25px 0 0}.lesson-faq-heading figure img{width:200px;transform:rotate(-3deg)}.lesson-faq-heading figcaption{font:italic 12px/1.8 var(--body);color:#345c68;margin:12px 0 0 20px;transform:rotate(-2deg)}.lesson-faq-questions{min-width:0}.lesson-notebook .offer-faq summary{padding:17px 0;font-size:14px;line-height:1.8}.lesson-notebook .offer-faq details>p{max-width:570px;margin:0 0 17px;padding:0 0 5px;font-size:13px;line-height:1.9}.lesson-notebook .offer-footer{width:min(1240px,100% - 80px);margin:auto;padding:0 0 28px}@media (width>=761px) and (width<=1050px){.lesson-notebook .offer-hero,.lesson-notebook .lesson-mission,.lesson-notebook .mission-method,.lesson-notebook .offer-faq{padding-inline:30px}.lesson-notebook .offer-hero{column-gap:26px}.lesson-notebook h1{font-size:29px}.lesson-notebook .lesson-mission{grid-template-columns:1fr}.lesson-mission header{grid-template-columns:1fr 1fr;gap:10px 30px;display:grid}.lesson-mission header>.section-code{grid-column:1/-1}.lesson-mission header .margin-caption{align-self:center}.lesson-notebook .lesson-purchase{gap:35px;padding-inline:30px}.lesson-method-note{gap:10px}.lesson-method-note img{width:95px}.lesson-notebook .mission-method h2{font-size:26px}.lesson-notebook .offer-faq{gap:30px}.lesson-notebook .purchase-note{padding:25px}}@media (width<=760px){.lesson-notebook .offer-breadcrumb{width:calc(100% - 40px);margin-top:0}.lesson-notebook .offer-hero,.lesson-notebook .lesson-mission,.lesson-notebook .mission-method,.lesson-notebook .offer-faq{grid-template-columns:1fr;gap:27px;width:calc(100% - 32px);padding:27px 22px}.lesson-notebook .offer-header{padding:17px 20px}.lesson-notebook .offer-lettering{width:300px;margin-bottom:21px}.lesson-notebook h1{font-size:28px}.lesson-notebook .offer-hero .offer-lead{font-size:15px}.lesson-notebook .lesson-curiosity{font-size:14px}.lesson-hero-offer{margin-top:20px}.lesson-notebook .offer-actions{align-items:flex-start;gap:12px}.lesson-notebook .offer-actions .game-button{font-size:13px}.lesson-notebook .offer-intro-price{font-size:12px}.lesson-notebook .offer-intro-price strong{font-size:20px}.lesson-desk-scene{padding-top:3px}.lesson-desk-scene>img{width:100%;margin-left:0}.lesson-margin-note{margin-right:6px;font-size:12px}.lesson-desk-scene figcaption{margin-left:8px;font-size:14px}.lesson-scene-link{margin:18px 0 0 8px;font-size:12px}.lesson-notebook .lesson-mission{gap:25px;padding-top:28px}.lesson-mission ol{grid-template-columns:1fr;gap:22px}.lesson-mission li{border-top:1px solid #467f8380;padding:17px 0 0 37px}.lesson-mission li:before{top:19px}.lesson-mission li strong{font-size:19px}.lesson-mission li p{font-size:14px}.lesson-notebook .lesson-mission h2{font-size:27px}.lesson-mission .margin-caption{font-size:12px}.lesson-notebook .mission-method{margin-block:24px}.lesson-notebook .mission-method header{grid-template-columns:1fr;gap:20px}.lesson-method-note{justify-content:space-between;gap:18px}.lesson-method-note .section-code{max-width:180px}.lesson-method-note img{width:105px}.lesson-notebook .mission-method h2{font-size:27px}.lesson-notebook .mission-steps{gap:23px;margin-top:23px}.lesson-notebook .mission-steps h3{font-size:21px}.lesson-notebook .mission-steps article p{font-size:14px}.lesson-notebook .lesson-purchase{grid-template-columns:1fr;gap:25px;width:calc(100% - 32px);padding:9px 6px 29px}.lesson-notebook .lesson-purchase h2{font-size:28px}.lesson-notebook .lesson-purchase dl>div{grid-template-columns:1fr;gap:5px;font-size:14px}.lesson-notebook .purchase-note{padding:27px 22px;transform:none}.lesson-notebook .offer-price{font-size:48px}.lesson-notebook .offer-pending p{font-size:14px}.lesson-notebook .purchase-caption{font-size:12px}.lesson-notebook .offer-faq{gap:26px}.lesson-faq-heading{grid-template-columns:1fr 110px;align-items:center;gap:10px;display:grid}.lesson-faq-heading>.section-code{grid-column:1/-1;margin-bottom:10px}.lesson-notebook .lesson-faq-heading h2{margin:0;font-size:27px}.lesson-faq-heading figure{margin:0}.lesson-faq-heading figure img{width:110px}.lesson-faq-heading figcaption{text-align:center;margin:10px 0 0;font-size:10px;transform:none}.lesson-notebook .offer-faq details>p{font-size:14px}.lesson-notebook .offer-footer{gap:15px;width:calc(100% - 40px);padding:0 0 22px}.lesson-notebook main{padding-bottom:28px}}@media (width<=360px){.lesson-notebook .offer-hero,.lesson-notebook .lesson-mission,.lesson-notebook .mission-method,.lesson-notebook .offer-faq{padding-inline:18px}.lesson-notebook h1{font-size:26px}.lesson-notebook .offer-header nav{gap:15px;font-size:11px}.lesson-notebook .offer-signature{font-size:19px}.lesson-faq-heading{grid-template-columns:1fr 80px}.lesson-faq-heading figure img{width:80px}.lesson-notebook .lesson-faq-heading h2{font-size:25px}}@media (prefers-reduced-motion:reduce){.lesson-notebook{scroll-behavior:auto}.lesson-notebook .game-button{transition:none}.lesson-notebook a{scroll-behavior:auto}}.lesson-scene-art{aspect-ratio:2.3;width:calc(100% + 30px);margin-left:-15px;overflow:hidden}.lesson-scene-art>img{width:100%;max-width:none;height:auto;transform:translateY(-16%)}@media (width<=760px){.lesson-notebook .offer-lettering{width:250px}.lesson-scene-art{width:100%;margin-left:0}.lesson-margin-note{margin-bottom:6px}.lesson-desk-scene{padding-top:0}}@media (prefers-reduced-motion:reduce){html:has(.lesson-notebook){scroll-behavior:auto}}@media (width<=760px){.lesson-hero-copy{flex-direction:column;display:flex}.lesson-hero-offer{order:1}.lesson-notebook .lesson-curiosity{order:2;margin:21px 0 0}.lesson-notebook .offer-header{padding-block:13px}.lesson-notebook .offer-breadcrumb{margin-bottom:8px}}.free-lesson .free-signature{color:#162b38;text-underline-offset:4px;white-space:nowrap;background:#f3f5ef;padding:6px 12px;text-decoration-thickness:2px;transform:rotate(-2deg);box-shadow:3px 3px #92d7d7}.free-signature strong{font-weight:800}.free-lesson .free-cover{gap:36px;padding-bottom:42px}.free-lesson .free-cover h1{font-size:clamp(29px,2.7vw,39px);line-height:1.25}.free-lesson .free-cover .offer-lettering{width:320px;margin-bottom:23px}.free-cover-copy{min-width:0}.free-cover-action{margin-top:26px}.free-cover-action>a{align-items:center;display:inline-flex}.free-cover-action>p{color:#345c68;margin:13px 0 0;font-size:12px}.free-scene .lesson-scene-art{aspect-ratio:2.05}.free-scene .lesson-scene-art>img{transform:translateY(-13%)}.free-examples,.free-invitation,.free-notice{grid-template-columns:.8fr 1.2fr;gap:65px;width:min(1240px,100% - 80px);margin:auto;padding:38px 44px;display:grid}.free-examples{background:#a3d7d4;border-top:1px solid #42787b55;scroll-margin-top:24px}.free-lesson .free-examples h2{font-size:30px}.free-examples header>p:not(.section-code){max-width:300px;font-size:14px}.free-example-list article{border-top:1px solid #42787b99;grid-template-columns:30px 1fr;gap:18px;padding:24px 0;display:grid}.free-example-list article:first-child{border:0;padding-top:0}.free-number{font:600 16px/1.7 var(--body);color:#345c68;transform:rotate(-5deg)}.free-lesson .free-route{letter-spacing:.1em;margin:0 0 12px;font-size:10px;font-weight:700}.free-route span{padding:0 6px;font-size:18px}.free-lesson .free-example-list h3{font-size:23px}.free-example-list p{margin:0 0 10px}.free-lesson .free-example-note{border-left:2px solid #467f83;margin-top:17px;padding-left:12px;font-size:12px;line-height:1.8}.free-invitation{background:#e5efe8;grid-template-columns:1fr 1fr;align-items:start;gap:68px;margin-block:28px}.free-invitation>div{padding-top:12px}.free-method{border-left:1px solid #8babaa;padding-top:12px;padding-left:28px;position:relative}.free-method>img{float:right;width:140px;height:auto;margin:-2px -8px 10px 15px;transform:rotate(-4deg)}.free-method h2{clear:both}.free-method .section-code{max-width:150px;min-height:70px}.free-lesson .free-method-note{color:#345c68;margin-top:22px;font-size:12px}.free-notice{color:#edf4ed;grid-template-columns:1fr 1fr;padding-bottom:42px;scroll-margin-top:24px}.free-notice>div>.section-code{color:#b6e6e2}.free-notice>div>p{max-width:430px}.free-lesson .free-status{color:#c6dfdf;margin-top:24px;font-size:13px}.free-note{color:#162b38;background:#f5e5a8;border-top:4px solid #92d7d7;padding:29px 30px;transform:rotate(.5deg);box-shadow:5px 6px #0a1d2840}.free-lesson .free-note h3{margin-bottom:25px;font-size:29px}.free-note .game-button{justify-content:center;display:flex}.free-note>p:last-child{margin:19px 0 0;font-size:12px;line-height:1.85}.free-lesson .offer-faq details a{text-underline-offset:3px;text-decoration:underline}.free-lesson .offer-footer nav{flex-wrap:wrap;gap:12px 24px;display:flex}.free-lesson .offer-footer nav a{align-items:center;min-height:44px;display:inline-flex}@media (width>=761px) and (width<=1050px){.free-examples,.free-invitation,.free-notice{gap:30px;padding-inline:30px}.free-lesson .free-cover h1{font-size:29px}.free-lesson .free-cover{gap:26px}.free-method{padding-left:22px}.free-method>img{width:105px}.free-note{padding:25px}}@media (width<=760px){.free-lesson .free-cover{gap:32px;padding:27px 22px}.free-lesson .free-cover h1{font-size:29px}.free-lesson .free-cover .offer-lettering{width:235px;margin-bottom:20px}.free-cover-action{margin-top:22px}.free-lesson .free-scene{padding-top:0}.free-examples,.free-invitation,.free-notice{grid-template-columns:1fr;gap:24px;width:calc(100% - 32px);padding:28px 22px}.free-lesson .free-examples h2{font-size:28px}.free-examples header>p:not(.section-code){max-width:none}.free-example-list article{grid-template-columns:24px 1fr;gap:12px}.free-example-list article:first-child{border-top:1px solid #42787b99;padding-top:24px}.free-lesson .free-example-list h3{font-size:22px}.free-lesson .free-route{letter-spacing:.04em;font-size:9px}.free-route span{padding:0 3px}.free-example-list article p{font-size:14px}.free-lesson .free-example-note{font-size:12px}.free-invitation{gap:26px;margin-block:24px}.free-invitation>div{padding-top:0}.free-method{border-top:1px solid #8babaa;border-left:0;padding:25px 0 0}.free-method>img{width:105px;margin-top:0;margin-right:0}.free-method .section-code{min-height:67px}.free-notice{gap:24px;padding:7px 6px 28px}.free-notice>div{padding-inline:16px}.free-note{padding:27px 22px;transform:none}.free-lesson .free-note h3{font-size:27px}.free-lesson .free-note .game-button{font-size:12px}.free-lesson .offer-header{gap:9px}.free-lesson .offer-header nav{gap:16px;font-size:11px}.free-lesson .free-signature{font-size:19px}.free-lesson .offer-footer{align-items:flex-start}}@media (width<=360px){.free-lesson .free-cover{padding-inline:18px}.free-lesson .free-cover h1{font-size:26px}.free-lesson .free-signature{padding-inline:8px;font-size:17px}.free-lesson .offer-header{padding-inline:16px}.free-lesson .offer-header nav{gap:10px;font-size:10px}.free-examples,.free-invitation{padding-inline:18px}}.free-scene .lesson-scene-art{aspect-ratio:auto;overflow:visible}.free-scene .lesson-scene-art>img{display:block;transform:none}.free-lesson .automation-examples{background:#a3d7d4;padding:48px 44px 32px;display:block;position:relative}.automation-examples>header{grid-template-columns:1.1fr 1fr;align-items:end;gap:65px;margin-bottom:30px;display:grid}.free-lesson .automation-examples h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,3.4vw,46px);line-height:1.15}.free-lesson .automation-examples>header>p{max-width:420px;margin:0;font-size:15px;line-height:1.8}.automation-scenes{gap:0;display:grid}.automation-scenes article{grid-template-columns:1.25fr 1fr;align-items:center;gap:42px;min-width:0;padding:36px 0;display:grid;position:relative}.automation-scenes article+article{border-top:1px solid #42787b66}.automation-scenes article:nth-child(2){grid-template-columns:1fr 1.25fr}.automation-scenes article:nth-child(2) figure{grid-area:1/2}.automation-scenes article:nth-child(2) .automation-copy{grid-area:1/1}.automation-scenes figure{min-width:0;margin:0;position:relative}.automation-scenes figure>img{width:112%;max-width:none;height:auto;margin-left:-6%;display:block}.automation-scenes figcaption{font:italic 500 16px/1.6 var(--body);color:#162b38;background:#e9f0dd;border-bottom:2px solid #6d9191;max-width:90%;margin:0 auto;padding:8px 14px;display:table;transform:rotate(-2deg)}.automation-copy{padding:8px 0;position:relative}.free-lesson .automation-copy .free-route{letter-spacing:.07em;color:#294e5a;margin:0 0 19px;font-size:10px;font-weight:700}.free-lesson .automation-copy h3{letter-spacing:-.035em;max-width:430px;margin:0 0 22px;font-size:clamp(28px,2.5vw,36px);line-height:1.2}.free-lesson .automation-copy>p{max-width:390px;margin:0;font-size:16px;line-height:1.85}.free-lesson .automation-copy .automation-result{background:#f2e6ab;border-left:3px solid #b59438;max-width:410px;margin:27px 0 0;padding:12px 16px;font-size:15px;font-weight:650;line-height:1.9;transform:rotate(-1deg)}.automation-result>span{letter-spacing:.09em;margin-bottom:5px;font-size:11px;display:block}.automation-examples .automation-context{color:#162b38;background:0 0;border-top:1px solid #42787b80;justify-content:space-between;align-items:center;gap:35px;margin-top:10px;padding:24px 0 0;display:flex}.free-lesson .automation-context>p{max-width:690px;margin:0;font-size:14px;line-height:1.9}.free-lesson .automation-context>a{white-space:nowrap;align-items:center;min-height:44px;font-size:14px;display:inline-flex}@media (width>=761px) and (width<=1050px){.free-lesson .automation-examples{padding-inline:30px}.automation-examples>header{gap:30px}.automation-scenes article{gap:28px}.free-lesson .automation-copy h3{font-size:27px}.free-lesson .automation-copy>p,.automation-scenes figcaption{font-size:16px}.automation-examples .automation-context{display:block}.free-lesson .automation-context>a{white-space:normal;margin-top:12px}}@media (width<=760px){.free-lesson .automation-examples{padding:32px 22px}.automation-examples>header{grid-template-columns:1fr;gap:19px;margin-bottom:10px}.free-lesson .automation-examples h2{font-size:34px}.free-lesson .automation-examples>header>p{font-size:14px}.automation-scenes article,.automation-scenes article:nth-child(2){flex-direction:column;align-items:stretch;gap:24px;padding:30px 0;display:flex}.automation-scenes figure{order:2;margin:0}.automation-copy{display:contents}.automation-copy .free-route{order:0}.automation-copy h3{order:1}.automation-copy>p:not(.free-route):not(.automation-result){order:3}.automation-copy .automation-result{order:4}.free-lesson .automation-copy .free-route{margin:0;font-size:10px}.free-lesson .automation-copy h3{margin:-9px 0 0;font-size:28px}.automation-scenes figure>img{width:114%;margin-left:-7%}.automation-scenes figcaption{max-width:100%;font-size:16px}.free-lesson .automation-copy>p{max-width:none;font-size:16px}.free-lesson .automation-copy .automation-result{max-width:none;margin:0;font-size:15px;transform:none}.automation-examples .automation-context{margin-top:8px;padding-top:22px;display:block}.free-lesson .automation-context>p{font-size:14px}.free-lesson .automation-context>a{white-space:normal;margin-top:12px}}@media (width<=360px){.free-lesson .automation-examples{padding-inline:18px}.free-lesson .automation-examples h2{font-size:29px}.free-lesson .automation-copy h3{font-size:25px}.free-lesson .automation-copy .automation-result{font-size:15px}}@media (width<=760px){.free-lesson .free-cover .offer-lettering{width:180px;margin-bottom:16px}.free-lesson .free-cover-action .game-button,.free-lesson .free-note .game-button{white-space:normal;text-align:center;font-size:14px;line-height:1.5}.free-lesson .free-cover-action .game-button{justify-content:center;width:100%}.free-lesson .free-cover{gap:24px}}.free-demonstration{color:#162b38;background:#e5efe8;border-top:3px solid #91c9c8;grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;width:min(1240px,100% - 80px);margin:28px auto;padding:32px 44px;display:grid}.free-lesson .free-demonstration h2{letter-spacing:-.035em;margin:14px 0 18px;font-size:32px;line-height:1.2}.free-demonstration p{max-width:460px;font-size:15px;line-height:1.8}.demonstration-fold{background:#f2e6ab;border-bottom:2px solid #7b9290}.demonstration-fold summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px;font-size:20px;font-weight:650;line-height:1.4;list-style:none;display:flex}.demonstration-fold summary::-webkit-details-marker{display:none}.demonstration-fold summary small{margin-top:10px;font-size:14px;font-weight:400;line-height:1.65;display:block}.demonstration-toggle{font-size:28px;font-weight:400;transition:transform .15s}.demonstration-fold[open] .demonstration-toggle{transform:rotate(45deg)}.demonstration-fold summary:focus-visible{outline-offset:4px;outline:3px solid #162b38}.demonstration-body{padding:0 24px 24px}.demonstration-body>p{margin:0 0 18px}.demonstration-player{aspect-ratio:16/9;background:#203746;margin-bottom:14px}.demonstration-player iframe{border:0;width:100%;height:100%;display:block}.demonstration-body>a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}@media (width<=760px){.free-demonstration{grid-template-columns:1fr;gap:18px;width:calc(100% - 32px);margin-block:24px;padding:27px 22px}.free-lesson .free-demonstration h2{font-size:28px}.demonstration-fold summary{padding:20px;font-size:19px}.demonstration-body{padding:0 16px 18px}.free-demonstration p{font-size:15px}}@media (prefers-reduced-motion:reduce){.demonstration-toggle{transition:none}}
