/* Published ESL Day homepage: coral leads; Soft Studio geometry is retained. */
.soft-studio .d-logo img{display:block;width:172px;height:auto}
.soft-studio .soft-feature,.soft-studio .d-final{background:#f7e5dd}
.soft-studio .button-main,.soft-studio .nav-cta{background:#eb876d;border-color:#eb876d;color:#28314a}
.soft-studio .soft-sticker{background:#f6eee5}
.soft-studio .cta-flower{color:#eac8b8}
@media(max-width:760px){.soft-studio .d-logo img{width:142px}}
/* Readable adult typography and consistent controls across desktop and mobile. */
html{scroll-padding-top:100px}.soft-studio{--sub:#626a78}.soft-studio img{max-width:100%}.d-header{position:relative}.mobile-nav{display:none}.skip-link{position:absolute;top:-100px;left:20px;z-index:200;background:#28314a;color:#fff;padding:14px 20px;border-radius:9px}.skip-link:focus{top:12px}
.soft-studio .d-header nav,.soft-studio .nav-actions,.soft-studio .nav-cta{font-size:14px}.soft-studio .eyeline{font-size:11px;letter-spacing:1.4px}.soft-studio .soft-welcome>p{font-size:17px;line-height:1.8}.soft-studio .button-main{font-size:15px;min-height:48px}.soft-studio .soft-mini-features{font-size:12px;gap:22px;flex-wrap:wrap}.soft-studio .feature-topline .little-pill,.soft-studio .spotlight-heading>span{font-size:10px}.soft-studio .spotlight-heading p{font-size:12px;line-height:1.65;width:155px;color:#626a78}.soft-studio .spotlight-heading>a{font-size:14px;min-height:44px}.soft-studio .soft-sticker{font-size:9px;padding:9px;line-height:1.5}
.soft-studio .library-sidebar>p{font-size:14px}.soft-studio .library-sidebar .d-topics button{font-size:14px;min-height:44px}.soft-studio .sidebar-note h3{font-size:16px}.soft-studio .sidebar-note p,.soft-studio .sidebar-note a{font-size:13px}.soft-studio .little-pill{font-size:10px}.soft-studio .sample-note{font-size:14px;color:#626a78;margin:-9px 0 22px;max-width:600px}.soft-studio .find-bar{padding:10px}.soft-studio .search-field input{font-size:15px}.soft-studio .find-bar select{font-size:14px;max-width:150px}.soft-studio .search-submit{width:44px;min-height:44px;color:#28314a;background:#f7e5dd}.soft-studio .d-results{font-size:12px;flex-wrap:wrap;line-height:1.6}.soft-studio .card-image{display:flex;align-items:center;justify-content:center;background:#fff9f0!important;aspect-ratio:16/9;height:auto}.soft-studio .card-image img{width:100%;height:100%;object-fit:contain;display:block}.soft-studio .d-card:last-child .card-image{min-height:220px;height:100%}.soft-studio .d-card-content{padding:24px 24px 0}.soft-studio .card-kicker{font-size:11px}.soft-studio .card-kicker small{font-size:11px;color:#626a78}.soft-studio .lesson-title{font-size:25px;line-height:1.2;min-height:60px}.soft-studio .d-card-content>p{font-size:14px;min-height:48px}.soft-studio .card-info{font-size:12px;flex-wrap:wrap}.soft-studio .slide-resource{display:inline-flex;gap:8px;font-size:13px;font-weight:600;color:#a54535;min-height:40px;align-items:center}.slide-resource:hover{text-decoration:underline}.soft-studio .d-bookmark{width:40px;height:40px}.soft-studio .d-bookmark:disabled{opacity:.6;cursor:wait}.soft-studio .no-results p{font-size:15px}.soft-studio .reset-search{border:1px solid #e7ded6;padding:12px 18px;border-radius:9px;background:#fffdfa;font-size:14px}.soft-studio .approach-heading>p,.soft-studio .approach-steps p,.soft-studio .d-final p{font-size:15px}.soft-studio .approach-steps h3{font-size:18px}.soft-studio .d-footer>p,.soft-studio .d-footer>div{font-size:13px}.soft-studio .d-footer>small{font-size:10px}.soft-studio button:focus-visible,.soft-studio a:focus-visible,.soft-studio input:focus-visible,.soft-studio select:focus-visible,.soft-studio summary:focus-visible{outline:3px solid #b94e3d;outline-offset:4px}
@media(max-width:1100px) and (min-width:761px){.soft-studio .d-header{gap:20px}.soft-studio .d-header nav{gap:18px;font-size:12px}.soft-studio .nav-actions{gap:16px;font-size:12px}.soft-studio .nav-cta{font-size:12px;padding:12px 15px}.soft-studio .d-logo img{width:150px}.soft-studio .spotlight-heading p{position:static;width:auto}.soft-studio .d-card-content{padding:20px 18px 0}.soft-studio .lesson-title{font-size:23px}}
@media(max-width:760px){html{scroll-padding-top:20px}.soft-studio .d-header{gap:12px;padding:20px 5%}.soft-studio .nav-actions{margin-left:auto;font-size:12px;gap:0}.soft-studio .nav-actions .nav-cta{display:none}.soft-studio .mobile-nav{display:block;position:relative;flex-shrink:0}.mobile-nav summary{list-style:none;cursor:pointer;font-size:13px;padding:12px;border:1px solid #e7ded6;border-radius:9px}.mobile-nav summary::-webkit-details-marker{display:none}.soft-studio .mobile-nav nav{display:grid;position:absolute;top:50px;right:0;background:#fffdfa;border:1px solid #e7ded6;box-shadow:0 16px 40px #28314a15;border-radius:12px;min-width:210px;z-index:30;gap:0;padding:8px}.mobile-nav nav a{padding:13px;font-size:14px}.soft-studio .d-logo img{width:138px}.soft-studio .soft-welcome h1{font-size:clamp(40px,10vw,53px);letter-spacing:-2px}.soft-studio .soft-welcome>p{font-size:16px}.soft-studio .eyeline{font-size:10px}.soft-studio .soft-mini-features{font-size:12px;gap:14px}.soft-studio .spotlight-heading p{position:static;max-width:none;width:auto;font-size:14px}.soft-studio .spotlight-heading h2{font-size:34px}.soft-studio .soft-feature{width:100%;transform:none;padding:22px;min-height:0}.soft-studio .soft-sticker{right:-5px;top:45px;width:78px;height:78px;border-width:4px}.soft-studio .spotlight-art{height:180px}.soft-studio .soft-library-main .little-pill{font-size:9px;letter-spacing:.3px}.soft-studio .sample-note{font-size:13px;margin-top:-6px}.soft-studio .library-sidebar .d-topics{gap:8px}.soft-studio .library-sidebar .d-topics button{font-size:13px;padding:10px 14px}.soft-studio .search-field input{font-size:16px}.soft-studio .find-bar{flex-wrap:wrap;gap:6px}.soft-studio .search-field{min-width:100%;padding:10px 4px}.soft-studio .find-bar select{flex:1;max-width:none;font-size:14px;padding:12px}.soft-studio .search-submit{width:44px;height:44px}.soft-studio .d-card:last-child .card-image{min-height:0;height:auto}.soft-studio .card-image{height:auto!important;aspect-ratio:16/9}.soft-studio .lesson-title{font-size:27px;min-height:0}.soft-studio .d-card-content>p{font-size:15px;min-height:0}.soft-studio .card-kicker{font-size:12px}.soft-studio .card-info{font-size:12px}.soft-studio .d-approach{margin-top:10px}.soft-studio .d-final p{max-width:100%;font-size:15px}.soft-studio .d-footer>p{margin-left:0;font-size:13px}.soft-studio .d-footer>small{display:block;font-size:11px}.soft-studio .d-footer>div{font-size:14px}}
@media(max-width:360px){.soft-studio .d-logo img{width:118px}.soft-studio .d-header{gap:8px}.soft-studio .nav-actions>a{font-size:11px}.mobile-nav summary{padding:10px}.soft-studio .soft-welcome h1{font-size:39px}.soft-studio .soft-library-main .lesson-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.soft-studio .sample-note{margin-top:0}}
/* Constrain both grid tracks so the wide lesson preview cannot cover its copy. */
.soft-studio .d-card-grid{min-width:0}
.soft-studio .d-card{min-width:0;isolation:isolate}
.soft-studio .d-card>*{min-width:0}
.soft-studio .d-card:last-child{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.soft-studio .card-image{min-width:0;overflow:hidden}
.soft-studio .card-image img{min-width:0;max-width:100%;flex:0 1 100%;object-fit:contain}
.soft-studio .d-card-content{position:relative;min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.soft-studio .d-card:last-child{display:block}.soft-studio .nav-actions{font-size:11px}.soft-studio .d-header{gap:8px}}