/* Layout only. Typography, colors, header, footer and offer use the website stylesheet. */
.blog-main{max-width:1320px;margin:auto;padding:0 28px 56px}
.blog-hero.betiq-hero{min-height:540px;margin:0 -28px;padding:64px 48px;grid-template-columns:1fr;background-position:center}
.blog-hero .betiq-hero__copy{max-width:940px}
.blog-hero .betiq-hero__copy h1{font-size:clamp(66px,7vw,108px);line-height:.88}
.blog-hero .betiq-hero__copy>p{max-width:640px}
.blog-section-title{padding:42px 0 22px}
.blog-section-title .eyebrow,.blog-article-heading .eyebrow,.blog-tag{color:var(--cyan);font-size:15px;text-transform:uppercase}
.blog-section-title h2{margin:8px 0 0;font-size:38px;line-height:1}
.blog-main .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.blog-main .card{display:block;padding:30px;border:1px solid var(--line);border-radius:8px;background:#0d1215;transition:border-color .15s}
.blog-main .card:hover{border-color:var(--cyan)}
.blog-main .card h2{margin:16px 0;font-size:34px;line-height:1;text-transform:uppercase}
.blog-main .card p{color:#a3b0b6;font-size:18px;line-height:1.4}
.blog-main .meta{color:var(--muted);font-size:15px;line-height:1.5}
.blog-article-heading{padding:44px 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}
.blog-back{display:inline-block;color:var(--cyan);font-size:15px;margin-bottom:20px;text-transform:uppercase}
.blog-article-heading h1{max-width:1050px;font-size:clamp(44px,5.8vw,82px);line-height:.94;text-transform:uppercase;margin:16px 0 22px}
.blog-article-heading .lede{max-width:850px;font-size:22px;line-height:1.35;color:#a3b0b6}
.blog-main .article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(220px,1fr);gap:48px;align-items:start}
.blog-main .article{font-family:var(--font-copy);font-size:20px;line-height:1.5;color:#bdc8cd}
.blog-main .article p{margin:0 0 20px}
.blog-main .article h2{font-family:var(--font-display);color:var(--paper);font-size:32px;line-height:1;margin:36px 0 18px;text-transform:uppercase;scroll-margin-top:110px}
.blog-main .article li{margin:8px 0}
.blog-main .takeaway{padding:24px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:8px;background:#0d1215;color:var(--paper)}
.blog-main .toc{padding:24px;border:1px solid var(--line);border-radius:8px;background:#0d1215}
.blog-main .toc summary{font-size:22px;text-transform:uppercase;cursor:pointer}
.blog-main .toc ol{padding-left:20px;font-size:17px;line-height:1.5;color:var(--muted)}
.blog-main .toc li{margin:10px 0}
.blog-main .toc a:hover,.blog-main .sources a,.blog-main .related a{color:var(--cyan)}
.blog-main .sources,.blog-main .related{border-top:1px solid var(--line);margin-top:30px;padding-top:4px}
.blog-main .related a{display:block;padding:10px 0}
.blog-disclosure{margin:26px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
@media(max-width:850px){.blog-main .article-layout{display:flex;flex-direction:column;gap:24px}.blog-main .toc{order:-1;width:100%}.blog-hero.betiq-hero{padding:48px 28px;min-height:480px}.blog-main .grid{grid-template-columns:1fr}}
@media(max-width:560px){.blog-main{padding:0 20px 36px}.blog-hero.betiq-hero{margin:0 -20px;padding:38px 20px;min-height:450px}.blog-hero .betiq-hero__copy h1{font-size:62px}.blog-main .card{padding:24px}.blog-main .card h2{font-size:30px}.blog-article-heading{padding-top:30px}.blog-article-heading h1{font-size:44px}.blog-article-heading .lede{font-size:20px}.blog-main .article{font-size:19px}.blog-main .article h2{font-size:29px}.blog-main .toc{padding:18px}}