.ed-page{padding-block:24px 64px;color:var(--color-text,#181A1F)}
.ed-page *{box-sizing:border-box}
.ed-page :is(h1,h2,p,figure){margin:0}
.ed-page h1,.ed-block>h2,.ed-reading h2{font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.02em}
.ed-page h1{font-size:clamp(32px,4.4vw,72px);line-height:1.02;text-wrap:balance}
.ed-page .ed-deck{max-width:65ch;font:500 16px/1.5 Manrope,sans-serif;color:var(--color-text-muted,#5A606B)}
.ed-meta,.ed-time,.ed-byline{font:500 12px/16px 'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums}
.ed-meta,.ed-byline{color:var(--color-text-muted,#5A606B)}
.ed-meta span{padding-inline:4px}
.ed-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:0 32px;font:500 12px/17px Manrope,sans-serif;color:var(--color-text-muted,#5A606B)}
.ed-crumb a,.ed-footlinks a,.ed-related a{color:inherit;text-decoration-line:underline;text-underline-offset:4px}
.ed-collection-head{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:32px;padding-block:16px 32px;border-bottom:1px solid var(--color-line,#D7DAE0);margin-bottom:32px}
.ed-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px}
.ed-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}
.ed-video-card,.ed-article-card{display:block;min-width:0;color:inherit;text-decoration:none}
.ed-card-image{position:relative;background:var(--color-surface-hover,#ECEEF2);aspect-ratio:4/5;overflow:hidden;border-radius:12px}
.ed-card-image img,.ed-article-card>img{width:100%;height:100%;object-fit:cover;display:block}
.ed-card-image img{object-position:center 32%}
.ed-time{position:absolute;right:12px;bottom:12px;padding:4px 8px;border-radius:8px;background:var(--color-surface,#FCFCFD);color:var(--color-text,#181A1F)}
.ed-card-copy{display:grid;gap:8px;padding-top:16px}
.ed-card-copy h2{font:600 20px/26px Manrope,sans-serif}
.ed-card-copy p{font:400 14px/20px Manrope,sans-serif;max-width:60ch;color:var(--color-text-muted,#5A606B)}
.ed-article-card>img{aspect-ratio:3/2;height:auto;max-height:400px;border-radius:12px}
.ed-page a:focus-visible,.ed-page video:focus-visible,.ed-page summary:focus-visible{outline:2px solid var(--color-accent,#005BFF);outline-offset:2px}
.ed-page :is(.ed-video-card,.ed-article-card,.ed-product):hover :is(h2,b){text-decoration:underline;text-underline-offset:4px}
.ed-watch{display:grid;grid-template-columns:minmax(0,1fr) minmax(248px,400px);align-items:center;gap:clamp(32px,7vw,64px);padding:32px 0 48px;border-bottom:1px solid var(--color-line,#D7DAE0)}
.ed-watch-copy{display:grid;justify-items:start;gap:24px;min-width:0}
.ed-watch-copy h1{max-width:14ch}
.ed-watch-copy p{max-width:50ch}
.ed-player{align-self:start;display:grid;gap:12px;width:min(100%,32vh + 160px);justify-self:center}
.ed-player video{display:block;width:100%;height:auto;max-height:72vh;aspect-ratio:9/16;object-fit:contain;background:var(--color-text,#181A1F);border-radius:12px}
.ed-player figcaption{font:400 12px/17px Manrope,sans-serif;color:var(--color-text-muted,#5A606B);text-wrap:pretty}
.ed-block{padding-top:48px;display:grid;gap:24px;scroll-margin-top:96px}
.ed-block>h2,.ed-reading h2{font-size:24px;line-height:30px}
.ed-products{border-top:1px solid var(--color-line,#D7DAE0)}
.ed-product{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-line,#D7DAE0);color:inherit;text-decoration:none}
.ed-product>img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.ed-product>span:not(.ed-arrow){display:grid;gap:4px}
.ed-product b{font:600 16px/24px Manrope,sans-serif}
.ed-product small{font:500 12px/17px Manrope,sans-serif;color:var(--color-text-muted,#5A606B)}
.ed-arrow{margin-left:auto;padding-inline:8px;font-size:20px}
.ed-transcript{margin-top:32px;border-bottom:1px solid var(--color-line,#D7DAE0)}
.ed-transcript summary{cursor:pointer;padding:16px 0;font:600 16px/24px Manrope,sans-serif}
.ed-transcript p{max-width:68ch;margin-bottom:16px;font:400 16px/24px Manrope,sans-serif}
.ed-related,.ed-footlinks{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ed-related a{padding-block:8px}
.ed-footlinks{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-line,#D7DAE0);font-size:14px}
.ed-footlinks a{display:inline-flex;align-items:center;min-height:44px}
.ed-article-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.65fr);gap:48px;align-items:center;margin-block:16px 48px}
.ed-article-head>div{display:grid;gap:16px;justify-items:start}
.ed-article-head h1{font-size:clamp(32px,4vw,64px)}
.ed-article-head img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.ed-reading{max-width:68ch;margin-inline:auto}
.ed-reading h2{margin-block:32px 12px}
.ed-reading p{margin:0 0 16px;font:500 16px/24px Manrope,sans-serif}
.ed-watch-link{margin-top:32px;padding:24px;background:var(--color-surface-hover,#ECEEF2);border-radius:12px}
.ed-watch-link>a{display:block;font:600 20px/26px Manrope,sans-serif;text-underline-offset:4px;margin-top:8px;color:inherit}
@media(max-width:900px){.ed-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ed-watch{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:32px}.ed-article-head{gap:24px}}
@media(max-width:650px){.ed-page{padding-top:16px}.ed-crumb{margin-bottom:16px}.ed-collection-head,.ed-watch,.ed-article-head{grid-template-columns:1fr;gap:24px}.ed-collection-head{padding-top:8px;margin-bottom:24px}.ed-watch{padding-block:8px 24px}.ed-watch-copy{gap:12px}.ed-watch-copy h1{max-width:none}.ed-watch-copy .btn{display:none}.ed-player{width:min(100%,320px)}.ed-player video{max-height:none}.ed-video-grid{gap:32px 12px}.ed-video-grid .ed-card-copy h2{font-size:16px;line-height:22px}.ed-video-grid .ed-card-copy p{display:none}.ed-time{bottom:8px;right:8px}.ed-article-grid{grid-template-columns:1fr}.ed-article-head img{max-height:280px}.ed-article-head{margin-bottom:24px}.ed-block{padding-top:32px}.ed-watch-link{padding:16px}.ed-footlinks{gap:16px;margin-top:32px}}
.ed-card-image{aspect-ratio:9/16}
@media(min-width:1100px){.ed-video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}
