#sbd-root #sbd-sample.sbd-materials{position:relative;max-width:1440px;margin:0 auto;padding:clamp(64px,8vw,116px) clamp(20px,4.5vw,64px);background:var(--paper);color:var(--ink);overflow:hidden}#sbd-root #sbd-sample.sbd-materials .sbd-materials-anchor{position:absolute;top:0;left:0;width:1px;height:1px}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-top{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,6vw,94px);align-items:center;max-width:1180px;margin:0 auto}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy{min-width:0;padding:clamp(24px,4vw,44px);border:1px solid #ffffffde;border-radius:0;background:#ffedf2d9;box-shadow:inset 0 1px 0 #fff,0 10px 30px #151d3b06;-webkit-backdrop-filter:blur(16px) saturate(1.06);backdrop-filter:blur(16px)}#sbd-root #sbd-sample.sbd-materials h2,#sbd-root #sbd-sample.sbd-materials h3{max-width:none;margin:0;color:var(--ink);letter-spacing:-.035em}#sbd-root #sbd-sample.sbd-materials h2{font-size:clamp(42px,4.6vw,64px);line-height:1.02}#sbd-root #sbd-sample.sbd-materials h3{font-size:clamp(28px,3vw,42px);line-height:1.06}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy>p,#sbd-root #sbd-sample.sbd-materials .sbd-materials-check>p{max-width:none;margin:22px 0 28px;font-size:clamp(17px,1.55vw,20px);line-height:1.45}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy .sbd-button{width:fit-content}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene{position:relative;min-width:0;margin:0;padding:clamp(14px,2vw,25px) clamp(14px,2vw,25px) 0}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene::before,#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene::after{position:absolute;z-index:0;content:'';inset:clamp(15px,2.2vw,29px) 4% 30px;border:1px solid #ffffffd9;pointer-events:none}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene::before{background:#cfefff90;transform:translate(-12px,13px) rotate(-2deg)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene::after{background:#ffdce58f;transform:translate(11px,7px) rotate(1.5deg)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover{position:relative;z-index:1;display:block;width:100%;background:#fffaf3;box-shadow:0 18px 36px #151d3b20;transform:rotate(-1deg);transform-origin:center;transition:transform 180ms ease,box-shadow 180ms ease}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover:hover{box-shadow:0 23px 42px #151d3b2b;transform:translateY(-4px) rotate(-1deg)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover img{display:block;width:100%;height:auto;aspect-ratio:1800 / 1013;object-fit:contain}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene figcaption{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin:17px 0 0;color:var(--ink);font-size:14px;font-weight:800;line-height:1.3}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene figcaption span:last-child{color:#151d3bab;white-space:nowrap}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-check{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(22px,4vw,60px);align-items:start;max-width:1180px;margin:clamp(42px,7vw,86px) auto 0;padding:clamp(26px,4vw,46px);border:1px solid #ffffffde;border-radius:0;background:#e9faffd9;box-shadow:inset 0 1px 0 #fff,0 10px 30px #151d3b06;-webkit-backdrop-filter:blur(16px) saturate(1.06);backdrop-filter:blur(16px)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-check>p{margin:0}#sbd-root #sbd-sample.sbd-materials .sbd-materials-review-slot{grid-column:2;min-height:116px;padding:20px 22px;border:1px dashed #151d3b55;background:#fffaf3a8}#sbd-root #sbd-sample.sbd-materials .sbd-materials-review-slot p{max-width:38ch;margin:0;font-size:16px;font-weight:700;line-height:1.35;color:var(--ink)}
@media(max-width:800px){#sbd-root #sbd-sample.sbd-materials .sbd-materials-top,#sbd-root #sbd-sample.sbd-materials .sbd-materials-check{grid-template-columns:1fr;max-width:680px}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy{order:0}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene{order:1}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy .sbd-button{width:100%;box-sizing:border-box}#sbd-root #sbd-sample.sbd-materials .sbd-materials-review-slot{grid-column:auto;margin-top:-4px}}
@media(max-width:650px){#sbd-root #sbd-sample.sbd-materials{padding-left:20px;padding-right:20px}#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy,#sbd-root #sbd-sample.sbd-materials .sbd-materials-check{padding:25px 22px}#sbd-root #sbd-sample.sbd-materials h2{font-size:clamp(38px,11vw,52px)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene{padding-left:12px;padding-right:12px}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover-scene figcaption{display:grid;gap:4px}}
@media(prefers-reduced-motion:reduce){#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover{transition:none}#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover:hover{box-shadow:0 18px 36px #151d3b20;transform:rotate(-1deg)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#sbd-root #sbd-sample.sbd-materials .sbd-materials-copy{background:#ffedf2}#sbd-root #sbd-sample.sbd-materials .sbd-materials-check{background:#e9faff}}

#sbd-root #sbd-sample.sbd-materials .sbd-materials-cover:focus-visible{outline:3px solid var(--ink);outline-offset:8px}

#sbd-root #sbd-sample.sbd-materials .sbd-materials-intro{max-width:1180px;margin:0 auto clamp(30px,5vw,62px)}#sbd-root #sbd-sample.sbd-materials .sbd-materials-intro>p{max-width:62ch;margin:20px 0 0;font-size:clamp(17px,1.55vw,20px);line-height:1.45}#sbd-root #sbd-sample.sbd-materials .sbd-materials-caption-link{display:flex;justify-content:space-between;gap:16px;color:inherit;text-decoration:none}#sbd-root #sbd-sample.sbd-materials .sbd-materials-caption-link:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:650px){#sbd-root #sbd-sample.sbd-materials .sbd-materials-caption-link{display:grid;gap:4px}}

/* Keep the complete lesson presentation in one card at every width. */
#sbd-root #sbd-sample.sbd-materials .sbd-materials-top.sbd-materials-card{grid-template-areas:"copy cover" "download cover";column-gap:clamp(28px,4vw,60px);row-gap:0;padding:clamp(24px,4vw,44px);border:1px solid #ffffffde;background:#ffedf2d9;box-shadow:inset 0 1px 0 #fff,0 10px 30px #151d3b06}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-copy{grid-area:copy;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-cover-scene{grid-area:cover;order:initial;padding:0;align-self:center}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-cover-scene::before,#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-cover-scene::after{display:none}
#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-download{grid-area:download;justify-self:start;align-self:start;width:fit-content;max-width:100%;box-sizing:border-box}
@media(max-width:800px){#sbd-root #sbd-sample.sbd-materials .sbd-materials-top.sbd-materials-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "cover" "download";row-gap:24px}#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-copy>p{margin-bottom:0}#sbd-root #sbd-sample.sbd-materials .sbd-materials-card .sbd-materials-download{width:100%}}
@media(max-width:650px){#sbd-root #sbd-sample.sbd-materials .sbd-materials-top.sbd-materials-card{padding:25px 22px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#sbd-root #sbd-sample.sbd-materials .sbd-materials-top.sbd-materials-card{background:#ffedf2}}