@font-face{font-family:"Noto Sans";font-weight:400;src:url(/assets/blog/noto-0.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Noto Sans";font-weight:500;src:url(/assets/blog/noto-1.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Noto Sans";font-weight:600;src:url(/assets/blog/noto-2.ttf) format("truetype");font-display:swap}

.blog-site{font-family:"Noto Sans",Arial,sans-serif;font-size:16px;line-height:1.65}
.blog-site .journal-header{position:sticky;top:0;z-index:20;max-width:none;margin:0;background:#fff;border-bottom:1px solid #e5e5e9;padding:16px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}
.journal-header>a{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;color:#25252b}
.journal-header img{width:150px;height:auto;display:block}
.journal-header nav{display:flex;align-items:center;gap:28px}
.journal-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#25252b;text-decoration:none}
.blog-wordmark{margin-left:14px;padding-left:14px;border-left:1px solid #d9d7e0;font-size:16px;color:#66616d}
.journal-header .nav-get{gap:12px;background:#e0e7ff;border:1px solid #d3daf2;border-radius:6px;padding:0 16px}
.blog-site .skip-link{position:fixed;left:12px;top:-100px;z-index:30;padding:12px;background:white}.blog-site .skip-link:focus{top:10px}
html:has(.blog-site){scroll-padding-top:110px}
.blog-site .toc{top:100px;max-height:calc(100dvh - 120px)}
.blog-site>footer{font-size:1rem;line-height:1.5;letter-spacing:normal}
.blog-site>footer p{margin-bottom:1.2em}.blog-site>footer .h5{font-size:1.25rem;font-weight:500}.blog-site>footer ul{padding-left:0}
.blog-site>footer a{display:inline;padding:0}
.blog-site>footer .h5{line-height:1.2}
.blog-site>footer p{margin-top:0}
.blog-site>.navbar{position:sticky;top:0;background:#fff;font-size:1rem;line-height:1.5}
.blog-site>.navbar .outline-button{display:inline-block;min-height:0;font-size:inherit;line-height:inherit}

/* Shared blog buttons: rectangular controls with the homepage purple hover. */
.blog-site :is(.dark-button,.cta-button,.outline-button,.guide-filters button,#research-pages a,.share-links button,.social-link,.speed-dialog-back){border-radius:5px;min-height:44px;transition:background-color .15s,color .15s,border-color .15s}
.blog-site :is(.dark-button,.cta-button){background:#212529;color:#fff;border:1px solid #212529;font-weight:600;text-decoration:none}
.blog-site :is(.outline-button,.guide-filters button,#research-pages a,.share-links button,.social-link,.speed-dialog-back){background:#fff;color:#212529;border:1px solid #bcb8c5}
.blog-site :is(.dark-button,.cta-button,.outline-button,.guide-filters button,#research-pages a,.share-links button,.social-link,.speed-dialog-back):hover{background:#6366f1;color:#fff;border-color:#6366f1;text-decoration:none}
.blog-site :is(.guide-filters button[aria-pressed=true],#research-pages a[aria-current]){background:#212529;color:#fff;border-color:#212529}
.blog-site :is(.dark-button,.cta-button,.outline-button,.guide-filters button,#research-pages a,.share-links button,.social-link,.speed-dialog-back):focus-visible{outline:3px solid #6366f1;outline-offset:3px}
.card-meta{align-items:center}
.article-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.article-breadcrumbs li{display:flex;align-items:center;gap:10px}
.article-breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}
.article-breadcrumbs a:hover{color:#4542a0;text-decoration:underline}
.article-breadcrumbs.hero-category{text-transform:none;letter-spacing:normal;font-size:13px}
.blog-site .reading-progress{z-index:1100;pointer-events:none}
.related-grid .journal-card{position:relative;display:flex;flex-direction:column;aspect-ratio:1;min-width:0;padding:18px;background:#f3f4fc;border:1px solid #e0e7ff;border-radius:8px;gap:10px}
.related-grid .journal-card:hover{background:#eeedf7}
.related-grid .card-category{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#635b77}
.related-grid .journal-card h3{font-size:17px;line-height:1.35;font-weight:500;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.related-grid .journal-card h3 a{text-decoration:none}
.related-grid .journal-card h3 a::after{content:"";position:absolute;inset:0;border-radius:8px}
.related-grid .journal-card p{font-size:12px;line-height:1.5;color:#64616c;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-grid .card-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:auto;font-size:10px;line-height:1.5;color:#696572}
.related-grid .card-author{width:100%;font-weight:500;color:#343139}
.related-grid .card-meta time{width:100%}
.blog-site :is(.dark-button,.cta-button){display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;line-height:1.5;background:#343434;color:#fff;text-decoration:none}
.blog-site :is(.dark-button,.cta-button):hover{background:#202020;color:#fff;border-color:transparent}
.blog-site :is(.share-links button,.social-link,.speed-dialog-back){background:#ededed;color:#25252b;border:1px solid transparent;border-radius:6px;font-weight:500}
.blog-site :is(.share-links button,.social-link,.speed-dialog-back):hover{background:#dedede;color:#25252b;border-color:transparent}
.blog-site .article-end{background:#f4f5ff;border-color:#e0e7ff}
.article-body .speed-banner h2{margin:12px 0 20px;font-size:36px;line-height:1.4}
.article-body .speed-banner p{margin:0;color:#5c556a;font-size:15px}
.article-body .speed-banner .brand-highlight{background:#e0e7ff;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.article-body .speed-banner .dark-button{margin-top:24px}
@media(max-width:600px){.article-body .speed-banner h2{font-size:30px}}
.blog-site .hero-signup-actions{gap:12px}
.blog-site .hero-signup-actions :is(.dark-button,.hero-trial-link){display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s}
.blog-site .hero-signup-actions .dark-button{background:#343434;color:#fff}
.blog-site .hero-signup-actions .dark-button:hover{background:#202020;color:#fff}
.blog-site .hero-signup-actions .hero-trial-link{background:#ededed;color:#25252b}
.blog-site .hero-signup-actions .hero-trial-link:hover{background:#dedede;color:#25252b}
.blog-site .hero-signup-actions a:focus-visible{outline:3px solid #6366f1;outline-offset:3px}
.card-author{display:inline-flex;align-items:center;gap:8px}
@media(prefers-reduced-motion:reduce){.blog-site :is(button,.dark-button,.cta-button,.outline-button){transition:none}}
@media(max-width:700px){.blog-site .journal-header{padding:12px 20px;flex-wrap:wrap;gap:8px}.journal-header img{width:130px}.journal-header nav{width:100%;justify-content:space-between;gap:12px}.journal-header nav a{font-size:12px}html:has(.blog-site){scroll-padding-top:140px}}

/* Author portraits and approved artwork are separate from article-body images. */
.card-author .author-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.hero-byline img.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.research-card-illustration{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin:0 0 22px}
@media(min-width:901px){.research-grid .journal-card:first-child .research-card-illustration{float:right;width:36%;margin:0 0 0 32px}.research-grid .journal-card:first-child:has(.research-card-illustration){display:block}.research-grid .journal-card:first-child .card-meta{margin-top:24px}}