/* The two-article blog uses the current Novasean colour and type system. */
.sc-template--editorial{min-height:65vh;padding:2rem 2.5rem 5rem}
.sc-template--editorial h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:1.375rem 0}
.sc-template--editorial h2{line-height:1.25;letter-spacing:-.025em}
.sc-template--editorial p{margin:0 0 1.125rem}
.sc-template--editorial .eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--colour-muted);margin:0 0 1.125rem}
.sc-template--editorial .lead{font-size:1.13rem;color:var(--colour-muted);max-width:40.625rem;line-height:1.7}
.sc-template--editorial .text-link{font-weight:600;font-size:.9rem}
.sc-template--editorial .blog-card{background:var(--colour-surface);border:thin solid var(--colour-border);border-radius:.75rem}
.blog-intro{max-width:56.25rem;margin:2.1875rem 0 2.625rem}
.blog-intro h1{max-width:48.75rem}
.blog-intro .lead{max-width:48.75rem}
.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2.125rem 0 4.125rem}
.blog-card{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-decoration:none}
.blog-card img{display:block;width:100%;height:auto;aspect-ratio:40/21;background:color-mix(in srgb,var(--colour-background) 55%,var(--colour-border));border-bottom:0.0625rem solid var(--colour-border)}
.blog-card-body{padding:1.625rem;display:flex;flex-direction:column;flex:1}
.blog-card h2{font-size:1.55rem;line-height:1.2;margin:0.375rem 0 0.875rem}
.blog-card p{color:var(--colour-muted)}
.blog-card .text-link{margin-top:auto}
.blog-article-head{max-width:58.75rem;margin:2rem 0 2.5rem}
.blog-article-head h1{max-width:58.75rem;font-size:clamp(2.4rem,4.6vw,4rem)}
.blog-back{display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5625rem}
.blog-byline{font-size:.88rem;color:var(--colour-muted);margin:0.75rem 0 1.375rem}
.blog-hero-image{display:block;width:100%;height:auto;max-width:67.5rem;border:0.0625rem solid var(--colour-border);border-radius:0.9375rem;background:color-mix(in srgb,var(--colour-background) 55%,var(--colour-border));margin:1.875rem 0 0}
.blog-layout{display:grid;grid-template-columns:minmax(0,47.5rem) minmax(11.875rem,15.3125rem);gap:3rem;align-items:start;margin-bottom:3.875rem}
.blog-prose{min-width:0;overflow-wrap:anywhere;font-size:1.05rem;line-height:1.78}
.blog-prose h2{font-size:1.7rem;margin:2.6875rem 0 0.875rem;scroll-margin-top:1.5625rem}
.blog-prose h3{font-size:1.22rem;margin:1.875rem 0 0.6875rem;scroll-margin-top:1.5625rem}
.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote{margin:0 0 1.25rem}
.blog-prose ul,.blog-prose ol{padding-left:1.5rem}
.blog-prose li{margin:0.375rem 0}
.blog-prose blockquote{border-left:0.25rem solid var(--colour-focus);padding:0.375rem 0 0.375rem 1.25rem;margin-left:0;color:var(--colour-muted)}
.blog-table{max-width:100%;overflow-x:auto;margin:1rem 0 1.5625rem}
.blog-table:focus-visible{outline:0.1875rem solid var(--colour-text);outline-offset:0.1875rem}
.blog-table table{border-collapse:collapse;min-width:36.25rem;width:100%;font-size:.9rem;line-height:1.5}
.blog-table th,.blog-table td{border:0.0625rem solid var(--colour-border);padding:0.75rem;text-align:left;vertical-align:top}
.blog-table th{background:color-mix(in srgb,var(--colour-background) 70%,var(--colour-border))}
.blog-toc{display:block;position:sticky;top:1.5rem;border:0.0625rem solid var(--colour-border);border-radius:0.75rem;padding:1.375rem;background:color-mix(in srgb,var(--colour-background) 70%,var(--colour-border))}
.blog-toc h2{font-size:1.05rem;margin:0 0 0.75rem}
.blog-toc ul{margin:0;padding-left:1.25rem}
.blog-toc li{margin:0.4375rem 0}
.blog-toc a{font-size:.84rem;line-height:1.4}
.blog-mobile-toc{display:none}
.blog-next{padding:1.625rem;background:color-mix(in srgb,var(--colour-background) 70%,var(--colour-border));border:0.0625rem solid var(--colour-border);border-radius:0.75rem;margin:1.875rem 0 3.4375rem}
.blog-next h2{font-size:1.35rem}
.blog-next p:last-child{margin-bottom:0}
@media(max-width:56.25rem){.blog-layout{grid-template-columns:1fr;gap:1.125rem}.blog-toc{display:none}.blog-mobile-toc{display:block;border:0.0625rem solid var(--colour-border);border-radius:0.625rem;background:color-mix(in srgb,var(--colour-background) 70%,var(--colour-border));padding:0.875rem 1.125rem;margin:0 0 1.625rem;font-size:.9rem}.blog-mobile-toc summary{font-weight:700;cursor:pointer}.blog-mobile-toc ul{padding-left:1.25rem;margin:0.875rem 0 0}.blog-mobile-toc li{margin:0.5rem 0}.blog-article-head{margin-top:1.125rem}}
@media(max-width:43.75rem){.sc-template--editorial{padding:1rem 1.25rem 2.8125rem}.sc-template--editorial .lead{font-size:1rem}.sc-template--editorial .blog-card{border-radius:.75rem}.blog-card-grid{grid-template-columns:1fr}.blog-intro{margin-top:0.9375rem}.blog-article-head h1{font-size:clamp(2.15rem,9vw,3rem)}.blog-hero-image{border-radius:0.625rem}.blog-prose{font-size:1rem}.blog-prose h2{font-size:1.45rem}.blog-card h2{font-size:1.3rem}.blog-card-body{padding:1.3125rem}}

.blog-card-date{display:block;color:var(--colour-muted);font-size:.86rem;margin:0.125rem 0 0.8125rem}
.blog-series{border-top:0.0625rem solid var(--colour-border);max-width:56.25rem;padding:2.25rem 0 3.875rem;margin-top:0.5rem}
.blog-series h2{font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.2;margin:0.5rem 0 1rem}
.blog-series p:last-child{color:var(--colour-muted);max-width:68ch}
