.blog-page{--color-border-soft:rgba(10,14,99,.14);--color-shadow-soft:rgba(10,14,99,.12);--blog-sticky-offset:124px;background:linear-gradient(180deg,#ffe1cbcc 0,#fdf1e900 360px),var(--color-cream);display:flex;flex-direction:column}.blog-page p{margin:24px 0}.blog-shell{margin:0 auto;padding:64px 0 96px;width:min(100% - 48px,1180px)}.blog-nav{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:34px}.blog-back-link{align-items:center;color:var(--color-primary);display:inline-flex;font-family:var(--font-link);font-weight:600;gap:8px;text-decoration:none;transition:color .2s ease}.blog-back-link:hover{color:var(--color-coral)}.blog-back-arrow{transition:transform .2s ease}.blog-back-link:hover .blog-back-arrow{transform:translate(-3px)}.blog-hero{align-items:stretch;background:#ffffffb8;border:1px solid var(--color-border-soft);border-radius:24px;box-shadow:0 22px 52px var(--color-shadow-soft);display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 180px;margin-bottom:34px;padding:24px}.blog-hero-copy{max-width:780px}.blog-hero-copy h1{font-size:clamp(32px,4vw,46px);letter-spacing:0;line-height:1;margin:8px 0 0}.blog-hero-copy h1,.blog-hero-copy p:not(.blog-eyebrow){color:var(--color-primary)}.blog-hero-copy p:not(.blog-eyebrow){font-size:clamp(20px,2.2vw,26px);line-height:1.32;max-width:700px}.blog-eyebrow{color:var(--color-coral);font-family:var(--font-link);font-size:var(--text-small);font-weight:700;letter-spacing:.08em;line-height:1.4;margin:0;text-transform:uppercase}.blog-hero-panel{background:var(--color-primary);border-radius:20px;color:var(--color-cream);display:flex;flex-direction:column;justify-content:flex-end;min-height:132px;padding:18px}.blog-hero-panel span{font-family:var(--font-heading);font-size:44px;line-height:.9}.blog-hero-panel p,.blog-hero-panel span{font-weight:700}.blog-hero-panel p{color:var(--color-cream);font-family:var(--font-link);font-size:14px;line-height:1.35;margin:8px 0 0}.blog-section{margin-bottom:56px}.blog-section-header{align-items:end;display:flex;gap:32px;justify-content:space-between;margin-bottom:24px}.blog-section-header h2{font-family:var(--font-heading);font-size:clamp(32px,4vw,52px);line-height:1;margin:8px 0 0}.blog-section-header>p{color:var(--color-primary);font-size:16px;line-height:1.55;margin:0;max-width:360px;opacity:.78}.blog-list{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.blog-card,.blog-empty{background:var(--color-background-alt);border:1px solid var(--color-border-soft);border-radius:28px;box-shadow:0 16px 36px var(--color-shadow-soft);overflow:hidden}.blog-card{display:flex;flex-direction:column;min-height:100%}.blog-card-media-frame{align-items:flex-end;aspect-ratio:16/10;background:#f2ba9166;display:flex;min-height:180px;overflow:hidden;position:relative;width:100%}.blog-card-media{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.blog-card-media-placeholder{background:linear-gradient(135deg,#f2ba91e6,#888eff6b),var(--color-peach)}.blog-card-media-frame:after{background:linear-gradient(180deg,#0a0e6314,#0a0e63b8);content:"";inset:0;position:absolute}.blog-card-media-overlay{padding:22px 88px 22px 22px;position:relative;width:100%;z-index:1}.blog-card-media-overlay h3{color:var(--color-cream);font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.08;margin:0;max-width:310px}.blog-card-media-overlay a{color:inherit;text-decoration:none}.blog-card-media-overlay a:hover{color:var(--color-peach);opacity:1}.blog-card-author-image{border:3px solid var(--color-cream);bottom:18px;box-shadow:0 8px 20px #0a0e633d;position:absolute;right:18px;z-index:2}.blog-card-content{display:flex;flex:1;flex-direction:column;padding:26px}.blog-card-content time{color:var(--color-coral);display:block;font-family:var(--font-link);font-size:var(--text-small);font-weight:700;letter-spacing:.02em;line-height:1.5;margin-bottom:14px;text-transform:uppercase}.blog-card-content p{color:var(--color-primary);font-size:16px;line-height:1.55;margin:0 0 24px;opacity:.82}.blog-card-content .blog-card-author{color:var(--color-primary);font-family:var(--font-link);font-size:14px;font-weight:700;line-height:1.35;margin:-8px 0 14px;opacity:.7}.blog-card-cta{align-self:flex-start;margin-top:auto}.blog-empty{background:#f2ba915c;padding:36px}.blog-empty h2{font-family:var(--font-heading);font-size:var(--text-h4);line-height:1.1;margin:0 0 8px}.blog-empty p{color:var(--color-primary);margin:0;opacity:.78}.blog-post{max-width:1080px}.blog-post-header{background:#ffffffb8;border-radius:33px;box-shadow:0 18px 42px var(--color-shadow-soft);margin-bottom:38px;max-width:900px;padding:42px}.blog-post-header time{color:var(--color-coral);display:block;font-family:var(--font-link);font-size:var(--text-small);font-weight:700;letter-spacing:.02em;margin-top:16px;text-transform:uppercase}.blog-post-header h1{color:var(--color-primary);font-size:clamp(40px,6vw,72px);line-height:.98;margin:18px 0 22px}.blog-post-header .blog-post-author{font-family:var(--font-link);font-size:15px;font-weight:700;margin:10px 0 0;opacity:.7}.blog-post-header .blog-post-author,.blog-post-header>p{color:var(--color-primary);line-height:1.35}.blog-post-header>p{font-size:var(--text-subheadline);margin:0;max-width:760px;opacity:.84}.blog-featured-image{border-radius:33px;box-shadow:0 18px 42px var(--color-shadow-soft);margin-bottom:52px;max-height:560px;-o-object-fit:cover;object-fit:cover;width:100%}.blog-article-layout{align-items:start;display:grid;gap:48px;grid-template-columns:180px minmax(0,720px)}.blog-article-aside{border-top:2px solid var(--color-coral);color:var(--color-primary);font-family:var(--font-link);font-size:14px;line-height:1.45;padding:18px 0;position:sticky;top:var(--blog-sticky-offset)}.blog-article-aside span{display:block;font-weight:700;margin-bottom:6px;text-transform:uppercase}.blog-author-card{display:grid;gap:14px;margin-bottom:24px}.blog-author-card strong{color:var(--color-primary);display:block;font-family:var(--font-heading);font-size:20px;line-height:1.15}.blog-author-card p{font-family:var(--font-body);font-size:14px;line-height:1.5;margin:10px 0 0;opacity:.78}.blog-published-meta{border-top:1px solid var(--color-border-soft);padding-top:18px}.blog-rich-text{color:var(--color-primary);font-family:var(--font-body);font-size:19px;line-height:1.78}.blog-rich-text h2,.blog-rich-text h3,.blog-rich-text h4{color:var(--color-primary);font-family:var(--font-heading);line-height:1.18;margin-bottom:16px;margin-top:46px}.blog-rich-text h2{font-size:40px;font-weight:700}.blog-rich-text h3{font-size:var(--text-h4);font-weight:400}.blog-rich-text blockquote,.blog-rich-text ol,.blog-rich-text p,.blog-rich-text ul{margin:0 0 28px}.blog-rich-text ol,.blog-rich-text ul{padding-left:28px}.blog-rich-text li+li{margin-top:8px}.blog-rich-text a{font-weight:700;text-decoration-color:var(--color-coral);text-decoration-thickness:2px;text-underline-offset:4px}.blog-rich-text a,.blog-rich-text blockquote{color:var(--color-primary)}.blog-rich-text blockquote{background:#888eff29;border-left:6px solid var(--color-accent);border-radius:0 24px 24px 0;font-size:var(--text-subheadline);line-height:1.35;padding:20px 26px}.blog-inline-image{border-radius:20px;display:block;height:auto;margin:0 auto 28px}.blog-img-full{width:100%}.blog-img-large{width:75%}.blog-img-medium{width:50%}.blog-img-small{width:33%}.blog-image-text{align-items:center;display:flex;gap:32px;margin:0 0 36px}.blog-image-text--right{flex-direction:row-reverse}.blog-image-text-media{border-radius:20px;flex-shrink:0;height:auto}.blog-image-text.width-small .blog-image-text-media{width:33%}.blog-image-text.width-medium .blog-image-text-media{width:50%}.blog-image-text.width-large .blog-image-text-media{width:66%}.blog-image-text-body{flex:1}.blog-image-text-body>div>:last-child{margin-bottom:0}.blog-teacher{align-items:flex-start;background:#888eff1a;border-radius:24px;display:flex;gap:24px;margin:0 0 36px;padding:24px}.blog-teacher--right{flex-direction:row-reverse}.blog-teacher-avatar-cell{display:flex;flex:0 0 auto;justify-content:center;margin-top:48px;width:120px}.blog-teacher-avatar-link{display:block;transition:transform .15s ease}.blog-teacher-avatar-link:hover{transform:scale(1.04)}.blog-teacher-main{display:flex;flex:1;flex-direction:column}.blog-teacher .blog-teacher-title{color:var(--color-primary);font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 4px}.blog-teacher .blog-teacher-subtitle{font-family:var(--font-link);font-size:21px;font-weight:700;margin:0 0 16px;opacity:.8}.blog-teacher-content>div>:last-child{margin-bottom:0}@media(max-width:640px){.blog-teacher,.blog-teacher--right{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.blog-teacher-main{display:contents}.blog-teacher-title{order:1}.blog-teacher .blog-teacher-subtitle{margin-bottom:0}.blog-teacher-subtitle{order:2}.blog-teacher-avatar-cell{justify-content:flex-start;margin-top:0;order:3;width:auto}.blog-teacher-content{order:4}}.blog-post-footer{border-top:1px solid var(--color-border-soft);margin:56px 0 0 228px;padding-top:28px}@media(max-width:1399px){.blog-page{--blog-sticky-offset:126px}}@media(max-width:640px){.blog-shell{padding:36px 0 72px;width:min(100% - 32px,1040px)}.blog-nav{align-items:flex-start;flex-direction:column;margin-bottom:26px}.blog-hero{border-radius:18px;gap:14px;grid-template-columns:1fr;margin-bottom:28px;padding:18px}.blog-hero h1{font-size:30px}.blog-hero .blog-hero-copy p:not(.blog-eyebrow){font-size:18px}.blog-hero-panel{border-radius:16px;min-height:96px}.blog-section-header{align-items:flex-start;flex-direction:column;gap:14px}.blog-list{grid-template-columns:1fr}.blog-card,.blog-empty{border-radius:22px}.blog-card-content,.blog-empty{padding:24px}.blog-card-media-overlay h3{font-size:26px}.blog-post-header{border-radius:26px;padding:28px}.blog-post-header h1{font-size:40px}.blog-post-header>p{font-size:20px}.blog-featured-image{border-radius:24px;margin-bottom:34px}.blog-article-layout{gap:24px;grid-template-columns:1fr}.blog-article-aside{display:flex;flex-direction:column;gap:10px;padding:14px 0 0;position:static}.blog-rich-text{font-size:17px}.blog-rich-text h2{font-size:32px}.blog-rich-text h3{font-size:26px}.blog-image-text,.blog-image-text--right{flex-direction:column;gap:20px}.blog-image-text .blog-image-text-media,.blog-img-large,.blog-img-medium,.blog-img-small{width:100%}.blog-post-footer{margin-left:0}}
