body:has(.blog-page) header.directory-header{background:var(--ink);border-bottom:1px solid #ffffff26;height:92px;position:relative;top:0}body:has(.blog-page) .demo-note{display:none}.blog-page{color:#222324;background:#f6f5f2}.blog-page section{padding:85px 0}.blog-page h1,.blog-page h2,.blog-page h3{font-family:var(--serif);letter-spacing:-.035em;font-weight:400}.blog-page p{line-height:1.7}.blog-page h2{margin:18px 0 25px;font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:1.08}.blog-page .blog-hero{color:#f6f5f2;background:#191a1b;padding:30px 0 75px}.blog-breadcrumb{color:inherit;opacity:.8;flex-wrap:wrap;gap:13px;margin-bottom:50px;font-size:.8rem;display:flex}.blog-hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;display:grid}.blog-hero-grid>*{min-width:0}.blog-hero h1{margin:22px 0;font-size:clamp(3.4rem,6.5vw,6.6rem);line-height:1}.blog-hero p{color:#cecece;max-width:530px}.blog-text-link{border-bottom:1px solid;margin-top:10px;padding-bottom:7px;font-size:.82rem;display:inline-block}.blog-feature{border:1px solid #ffffff40;padding:38px}.blog-feature h2{margin:25px 0;font-size:clamp(2rem,3.1vw,3.2rem)}.blog-feature .button{margin-top:15px}.blog-tools{justify-content:space-between;align-items:center;gap:40px;display:flex}.blog-search{width:min(100%,360px)}.blog-search label{margin-bottom:10px;font-size:.75rem;display:block}.blog-search input{color:#222;width:100%;font:inherit;background:0 0;border:1px solid #999;border-radius:0;padding:14px}.blog-filters{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.blog-filters button,.blog-empty button{color:#222;cursor:pointer;background:0 0;border:1px solid #aaa;padding:12px 22px;font-size:.85rem}.blog-filters button[aria-pressed=true]{color:#fff;background:#242527;border-color:#242527}.blog-count{color:#666;margin:24px 0;font-size:.8rem}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{border:1px solid #c9c9c7;flex-direction:column;min-width:0;padding:30px;display:flex}.blog-card h3{margin:22px 0;font-size:1.85rem;line-height:1.2}.blog-card h3 a:hover{text-underline-offset:5px;text-decoration:underline}.blog-card>p{color:#555;font-size:.94rem}.blog-card-bottom{flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:auto;padding-top:30px;font-size:.72rem;display:flex}.blog-card-bottom a{border-bottom:1px solid;padding-bottom:5px;font-weight:600}.blog-empty{border:1px solid #aaa;padding:45px}.blog-empty h3{font-size:2rem}.blog-cta{color:#fff;background:#242527}.blog-cta>.wrap{grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;display:grid}.blog-page .button{white-space:normal;text-align:center;max-width:100%}.blog-page .blog-article-hero{color:#f6f5f2;background:#191a1b;padding:30px 0 70px}.blog-article-hero h1{max-width:1050px;margin:25px 0;font-size:clamp(2.7rem,5vw,5rem);line-height:1.05}.blog-byline{color:#ccc;font-size:.85rem}.blog-reading-grid{grid-template-columns:260px minmax(0,760px);gap:8%;padding-block:70px 90px;display:grid}.blog-sidebar nav,.blog-sidebar-links{gap:15px;font-size:.82rem;line-height:1.5;display:grid}.blog-sidebar nav a:hover,.blog-sidebar-links a:hover{text-decoration:underline}.blog-sidebar-links{border-top:1px solid #aaa;margin-top:35px;padding-top:30px}.blog-sidebar .eyebrow{margin-bottom:10px}.blog-prose{min-width:0;font-size:1.06rem;line-height:1.8}.blog-prose>p:first-child{font:400 1.6rem/1.4 var(--serif);margin-top:0}.blog-prose h2{margin-top:46px;scroll-margin-top:25px;font-size:2.2rem}.blog-prose h3{margin:30px 0 14px;font-size:1.65rem;line-height:1.3}.blog-prose ul{padding-left:24px}.blog-prose li{margin-bottom:12px}.blog-article-note{color:#555;border-top:1px solid #ccc;margin-top:40px;padding-top:24px;font-size:.8rem;line-height:1.6}.blog-article-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;display:flex}.blog-related{background:#e7e7e5}.blog-references a{overflow-wrap:anywhere;font-size:.9rem;text-decoration:underline;display:block}@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-reading-grid{grid-template-columns:210px minmax(0,1fr);gap:5%}.blog-feature{padding:26px}}@media (max-width:760px){.blog-page section{padding:60px 0}.blog-hero-grid,.blog-cta>.wrap,.blog-reading-grid{grid-template-columns:1fr;gap:35px}.blog-hero h1{font-size:clamp(3rem,11vw,4.5rem)}.blog-breadcrumb{margin-bottom:35px}.blog-tools{display:block}.blog-search{width:100%;margin-top:25px}.blog-grid{grid-template-columns:1fr}.blog-card{padding:26px}.blog-page .blog-hero{padding-bottom:50px}.blog-reading-grid{padding-block:35px 60px}.blog-sidebar{border-bottom:1px solid #aaa;padding-bottom:30px}.blog-sidebar-links{display:none}.blog-sidebar nav{gap:10px}.blog-article-hero h1{font-size:clamp(2.2rem,8.4vw,3.8rem)}.blog-prose{font-size:1rem}.blog-prose h2{font-size:1.85rem}.blog-page .blog-article-hero{padding-bottom:40px}.blog-article-actions{flex-direction:column;align-items:flex-start}.blog-card h3{font-size:1.7rem}.blog-filters button{padding:10px 16px}.blog-page h1,.blog-page h2,.blog-page h3{overflow-wrap:break-word}}@media screen and (max-width:720px){.blog-page .blog-hero,.blog-page .blog-article-hero,.blog-page .blog-tools,.blog-page .blog-card,.blog-page .blog-count,.blog-page .blog-empty,.blog-page .blog-cta,.blog-page .blog-related,.blog-page .blog-sidebar{text-align:center}.blog-page .blog-breadcrumb,.blog-page .blog-filters,.blog-page .blog-article-actions{justify-content:center}.blog-page .blog-hero p{margin-inline:auto}.blog-page .blog-tools{align-items:center}.blog-page .blog-card-bottom{flex-wrap:wrap;justify-content:center}.blog-page .blog-prose{text-align:left}}