#mg-blog-options{color:#202020}#mg-blog-options .controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}#mg-blog-options .controls button{border:1px solid #ccc;border-radius:4px;background:white;color:#202020;padding:12px;font-size:13px;font-weight:700}#mg-blog-options .controls button[aria-pressed=true]{background:#202020;color:white}#mg-blog-options .note{font-size:12px;color:#666;margin-bottom:12px}#mg-blog-options .page{background:#fff;container-type:inline-size;}#mg-blog-options .page.mobile{max-width:390px}#mg-blog-options .band{background:#202020;color:white;font-size:10px;padding:9px 5%;font-weight:700;letter-spacing:.05em}#mg-blog-options .navigation{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #eee}#mg-blog-options .logo{font-size:27px;color:#e60050;font-weight:700;letter-spacing:-1px}#mg-blog-options .links{font-size:12px;word-spacing:12px}#mg-blog-options .crumb{font-size:12px;color:#666;padding:17px 5%}#mg-blog-options .hero{padding:38px 5%;background:#e60050;color:white;display:flex;align-items:end;justify-content:space-between;gap:32px}#mg-blog-options .eyebrow{font-size:11px;letter-spacing:.1em;font-weight:700;display:block;margin-bottom:12px}#mg-blog-options .hero p{max-width:280px;}#mg-blog-options .topics{padding:22px 5%;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ddd}#mg-blog-options .topics button{border:1px solid #d8d8d8;padding:10px 13px;border-radius:24px;font-size:12px}#mg-blog-options .topics button[aria-pressed=true]{background:#202020;color:white;border-color:#202020}#mg-blog-options .stories{padding:30px 5% 40px}#mg-blog-options article img{width:100%;height:190px;object-fit:cover;display:block}#mg-blog-options article a{color:inherit;text-decoration:none}#mg-blog-options article a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}#mg-blog-options .category{font-size:11px;letter-spacing:.05em;color:#e60050;font-weight:700;display:block;margin:17px 0 10px}#mg-blog-options h2{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 17px}#mg-blog-options .read{font-size:11px;font-weight:700;color:#e60050}#mg-blog-options .date{font-size:12px;color:#666;display:block;margin-bottom:14px}#mg-blog-options .article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#mg-blog-options .feature{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;margin-bottom:34px}#mg-blog-options .feature img{height:330px}#mg-blog-options .feature h2{font-size:34px}#mg-blog-options .feature .category{margin-top:0}#mg-blog-options .footer{background:#202020;color:#eee;padding:35px 5%}#mg-blog-options .footer .logo{color:white;font-size:24px}#mg-blog-options .footer strong{font-size:13px}#mg-blog-options .footer p{font-size:12px;line-height:1.9}#mg-blog-options .legal{font-size:10px;margin-top:25px;padding-top:17px;border-top:1px solid #555}#mg-blog-options .course-callout{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fbe7ee}#mg-blog-options .course-callout strong{font-size:25px;letter-spacing:-.03em}#mg-blog-options .course-callout a{color:#e60050;font-size:12px;font-weight:700;}#mg-blog-options .archive{text-align:center;margin-top:34px}#mg-blog-options .archive a{display:inline-block;color:#202020;font-size:13px;text-decoration:none;border:1px solid #202020;padding:13px 20px;border-radius:3px}#mg-blog-options .empty{padding:20px 0}
/*B: photographic cover*/
#mg-blog-options .page[data-p=b] .hero{background:white;color:#202020;padding-bottom:24px}#mg-blog-options .page[data-p=b] .hero .eyebrow{color:#e60050}#mg-blog-options .page[data-p=b] .stories{padding-top:0}#mg-blog-options .page[data-p=b] .feature{position:relative;display:block;background:#202020;color:white;margin-left:-5.56%;margin-right:-5.56%;padding:0 5% 35px}#mg-blog-options .page[data-p=b] .feature img{height:370px;opacity:.75}#mg-blog-options .page[data-p=b] .feature .copy{background:#202020;margin:-70px 0 0 5%;position:relative;padding:25px 25px 0;width:75%}#mg-blog-options .page[data-p=b] .feature .category,#mg-blog-options .page[data-p=b] .feature .read{color:#ffb2cb}#mg-blog-options .page[data-p=b] .feature .date{color:#ccc}#mg-blog-options .page[data-p=b] .article-grid{grid-template-columns:1fr 1fr}#mg-blog-options .page[data-p=b] .article-grid img{height:250px}
/*C: editorial columns*/
#mg-blog-options .page[data-p=c] .hero{background:white;color:#202020;display:block;padding-top:20px}#mg-blog-options .page[data-p=c] h1{font-size:clamp(50px,9cqw,94px);color:#e60050}#mg-blog-options .page[data-p=c] .hero p{max-width:none;margin-top:20px}#mg-blog-options .page[data-p=c] .topics{border-top:2px solid #202020;border-bottom:1px solid #202020}#mg-blog-options .page[data-p=c] .feature{grid-template-columns:1fr 1.3fr;border-bottom:1px solid #ddd;padding-bottom:30px}#mg-blog-options .page[data-p=c] .feature img{order:2;height:310px}#mg-blog-options .page[data-p=c] .feature h2{font-size:36px}#mg-blog-options .page[data-p=c] .article-grid{display:block}#mg-blog-options .page[data-p=c] .article-grid article{border-bottom:1px solid #ddd;padding:22px 0}#mg-blog-options .page[data-p=c] .article-grid article a{display:grid;grid-template-columns:140px minmax(0,1fr);gap:25px;align-items:center}#mg-blog-options .page[data-p=c] .article-grid img{height:115px}#mg-blog-options .page[data-p=c] .article-grid .category{margin-top:0}
/*D: color blocks*/
#mg-blog-options .page[data-p=d] .hero{background:#202020;color:white}#mg-blog-options .page[data-p=d] .topics{border:0}#mg-blog-options .page[data-p=d] .article-grid{grid-template-columns:1fr 1fr;gap:24px}#mg-blog-options .page[data-p=d] .article-grid article{background:#f4f4f2}#mg-blog-options .page[data-p=d] .article-grid .copy{padding:22px}#mg-blog-options .page[data-p=d] .article-grid .category{margin-top:0}#mg-blog-options .page[data-p=d] article:nth-child(1){background:#ffbf42}#mg-blog-options .page[data-p=d] article:nth-child(2){background:#e60050;color:#fff}#mg-blog-options .page[data-p=d] article:nth-child(2) .category,#mg-blog-options .page[data-p=d] article:nth-child(2) .date,#mg-blog-options .page[data-p=d] article:nth-child(2) .read{color:#fff}#mg-blog-options .page[data-p=d] article:nth-child(3){background:#e9efff}#mg-blog-options .page[data-p=d] article:nth-child(1) .category,#mg-blog-options .page[data-p=d] article:nth-child(1) .read{color:#202020}#mg-blog-options .page[data-p=d] .article-grid img{height:220px}
@container(max-width:650px){#mg-blog-options .links{display:none}#mg-blog-options .hero{display:block;}#mg-blog-options .hero p{margin-top:18px;max-width:none}#mg-blog-options .feature,#mg-blog-options .article-grid,#mg-blog-options .page[data-p=b] .article-grid,#mg-blog-options .page[data-p=c] .feature,#mg-blog-options .page[data-p=d] .article-grid{grid-template-columns:1fr;gap:24px}#mg-blog-options .feature img{height:240px}#mg-blog-options .feature h2,#mg-blog-options .page[data-p=c] .feature h2{font-size:29px}#mg-blog-options .page[data-p=b] .feature img{height:280px}#mg-blog-options .page[data-p=b] .feature .copy{width:95%;margin-left:0;padding:20px 15px 0}#mg-blog-options .page[data-p=c] .feature img{order:0;height:240px}#mg-blog-options .page[data-p=c] .article-grid article a{grid-template-columns:85px minmax(0,1fr);gap:15px}#mg-blog-options .page[data-p=c] .article-grid h2{font-size:21px}#mg-blog-options .course-callout{display:block}#mg-blog-options .course-callout a{display:block;margin-top:16px}}

#mg-blog-options{max-width:1280px;margin:auto}
#mg-blog-options .page[data-p=a] .hero{box-shadow:0 0 0 100vmax #e60050;clip-path:inset(0 -100vmax);padding-top:48px;padding-bottom:48px}
#mg-blog-options .topics button{min-height:44px}
#mg-blog-options .preview-note{padding:0 5% 24px;font-size:12px;color:#666}
#mg-blog-options .course-callout{box-shadow:0 0 0 100vmax #fbe7ee;clip-path:inset(0 -100vmax)}
#mg-blog-options .feature{gap:38px;margin-bottom:42px}
#mg-blog-options .feature h2{font-size:36px}
#mg-blog-options .feature img{height:355px}
#mg-blog-options .article-grid{gap:28px}
#mg-blog-options .article-grid h2{font-size:25px}
@container(max-width:650px){
#mg-blog-options .page[data-p=a] .hero{padding-top:32px;padding-bottom:32px}
#mg-blog-options .feature{gap:22px}
#mg-blog-options .feature h2{font-size:29px}
#mg-blog-options .feature img{height:240px}
}