.blog-hero{padding:64px 0 72px;background:var(--canvas)}.blog-hero h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-top:24px;color:var(--blue);max-width:900px}.blog-hero .lead{margin-top:24px;max-width:690px}.blog-hero-row{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.blog-author-link{white-space:nowrap}.blog-list{padding-block:56px 88px}.blog-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.blog-topics{display:flex;flex-wrap:wrap;gap:8px}.blog-topics a{padding:10px 16px;background:var(--canvas);text-decoration:none;color:var(--ink);border-bottom:2px solid transparent}.blog-topics a:hover,.blog-topics [aria-current=page]{border-color:var(--cyan)}
.blog-search{display:flex;max-width:100%;gap:0;min-height:48px}.blog-search input{width:220px;min-width:0;border:1px solid var(--line);background:white;padding:10px 14px;border-radius:0;color:var(--ink)}.blog-search button{padding:10px 16px;background:var(--cta);color:var(--ink);white-space:nowrap}.blog-hero .blog-search{margin-top:32px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.blog-card{border:1px solid var(--line);background:var(--paper);min-width:0;display:flex;flex-direction:column}.blog-card-image{display:block;aspect-ratio:16/10;overflow:hidden;border-top:3px solid var(--cyan)}.blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card-image:hover img{transform:scale(1.03)}.blog-card-art{aspect-ratio:16/10;background:var(--canvas);border-top:3px solid var(--cyan);padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.blog-card-art span{font-size:.75rem;letter-spacing:.1em;color:var(--ink)}.blog-card-art b{font:700 clamp(1.6rem,2.8vw,2.6rem)/1.15 'Space Grotesk',sans-serif;z-index:1}.blog-card-art i{position:absolute;width:160px;height:160px;border:1px solid var(--cyan);border-radius:50%;right:-50px;bottom:-30px;box-shadow:0 0 0 24px #20ace214,0 0 0 48px #20ace20b}.blog-card-copy{padding:28px;display:flex;flex-direction:column;gap:20px;flex:1}.blog-category{color:var(--link);font-size:.875rem}.blog-category a{color:inherit;text-decoration:none}.blog-category a:hover{text-decoration:underline}.blog-card h2{font-size:1.75rem;line-height:1.2;overflow-wrap:anywhere}.blog-card h2 a{color:var(--ink);text-decoration:none}.blog-card h2 a:hover{color:var(--link)}.blog-card-copy>p{color:var(--muted)}.blog-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.875rem;color:var(--muted);margin-top:auto}.blog-card-copy .text-link{align-self:flex-start}.pagination{margin-top:48px}.nav-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination .page-numbers{padding:12px 18px;border:1px solid var(--line);text-decoration:none}.pagination .current{background:var(--ink);color:white}.blog-empty{padding:56px;background:var(--canvas)}.blog-empty p{margin:20px 0}
.article-header{padding-top:56px;padding-bottom:40px;max-width:1000px}.article-header .blog-category{margin-top:40px}.article-header h1{font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:1.08;color:var(--blue);margin:20px 0 28px;overflow-wrap:anywhere}.blog-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted)}.article-header .note{margin-top:12px}.article-image{margin-block:0 48px}.article-image img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover}.article-image figcaption{font-size:.875rem;color:var(--muted);margin-top:12px}.article-body,.article-footer{width:min(760px,calc(100% - 48px));margin-inline:auto}.article-body{font-size:1.125rem;line-height:1.75;overflow-wrap:anywhere}.article-body>*{margin-block:0 24px}.article-body h2{font-size:2rem;margin-top:48px;line-height:1.2;color:var(--ink)}.article-body h3{font-size:1.5rem;margin-top:32px}.article-body a{color:var(--link)}.article-body img{max-width:100%;height:auto}.article-body figure{margin-inline:0}.article-body li{margin-block:8px}.article-body blockquote{margin:32px 0;padding:12px 28px;border-left:3px solid var(--cyan);background:var(--canvas)}.article-body table{border-collapse:collapse;width:100%}.article-body td,.article-body th{border:1px solid var(--line);padding:12px}.article-body pre{max-width:100%;overflow:auto;padding:20px;background:var(--canvas)}.article-standfirst{font-size:1.5rem;line-height:1.5;color:var(--ink)}.article-callout{background:var(--canvas);border-top:3px solid var(--cyan);padding:32px;margin-block:40px!important}.article-callout>:first-child{margin-top:0}.article-callout>:last-child{margin-bottom:0}.article-callout>*+*{margin-top:16px}.article-footer{border-top:1px solid var(--line);padding-top:24px;margin-top:48px;margin-bottom:48px}.article-footer>*{margin-bottom:16px}.article-tags{color:var(--link)}.article-adjacent{padding-block:24px 64px}.article-adjacent a{color:var(--link);max-width:330px;display:block}.article-next{background:var(--canvas);padding-block:64px}.article-next>.wrap{display:flex;justify-content:space-between;align-items:center;gap:40px}.article-next h2{margin-top:16px;font-size:2.5rem}.article-next .button{flex-shrink:0}
.editor-styles-wrapper .article-standfirst{font-size:1.5rem;line-height:1.5}.editor-styles-wrapper .article-callout{background:#f3f5f8;border-top:3px solid #20ace2;padding:32px}.editor-styles-wrapper .wp-block[data-type="core/paragraph"]{line-height:1.75}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-row{display:block}.blog-author-link{margin-top:24px}.article-next>.wrap{display:block}.article-next .button{margin-top:32px}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:40px 0}.blog-list{padding-block:32px 56px}.blog-card-copy{padding:24px}.blog-tools{align-items:stretch}.blog-search{width:100%}.blog-search input{width:100%;flex:1}.blog-card-art b{font-size:2.5rem}.article-header{padding-top:32px}.article-header .blog-category{margin-top:28px}.article-body h2{font-size:1.75rem}.article-callout{padding:24px}.article-next h2{font-size:2rem}.blog-empty{padding:24px}}