.blog-intro {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:3rem 2rem;}
.blog-intro h1 {font-size:clamp(2.25rem,4vw,4rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 1rem;max-width:20ch;}
.blog-intro .intro {max-width:52ch;font-size:1.15rem;line-height:1.6;}
.blog-intro figure {margin:0;}
.blog-intro img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.blog-intro figcaption {font-size:.8rem;padding-top:.5rem;color:var(--muted);}
.blog-categories {display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding-block:1rem;border-block:1px solid var(--line);}
.blog-categories a {min-height:44px;display:inline-flex;align-items:center;font-weight:700;}
.blog-index-list {max-width:62rem;margin:auto;}
.blog-index-list>section {padding-top:2.5rem;}
.blog-index-list h2 {font-size:1.15rem;color:var(--muted);font-weight:600;}
.blog-row {padding:1.5rem 0;border-bottom:1px solid var(--line);}
.blog-row h3 {font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.25;letter-spacing:-.02em;margin:.4rem 0 .65rem;max-width:42ch;}
.blog-row p {max-width:66ch;line-height:1.65;margin:.5rem 0;}
.blog-row-meta,.blog-byline {font-size:.875rem;color:var(--muted);line-height:1.6;}
.blog-read {display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-weight:700;}
.blog-editorial {max-width:68ch;margin:3rem auto;padding-top:1.5rem;border-top:1px solid var(--line);line-height:1.7;}
.blog-editorial h2 {font-size:1.3rem;}
.blog-article {max-width:72ch;margin:2rem auto 3rem;font-size:1.0625rem;line-height:1.75;overflow-wrap:anywhere;}
.blog-article h1 {font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.12;letter-spacing:-.03em;margin:1rem 0;}
.blog-article h2 {font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.25;letter-spacing:-.02em;margin:2.25rem 0 .8rem;}
.blog-article p {margin:0 0 1.1rem;}
.blog-article .intro {font-size:1.18rem;line-height:1.6;}
.blog-answer {background:var(--surface);padding:1rem 1.25rem;border:1px solid var(--line);margin:1.6rem 0;}
.blog-answer h2 {font-size:1rem;margin:0 0 .5rem;}
.blog-answer p {margin:0;}
.blog-table {overflow-x:auto;margin:1.5rem 0;}
.blog-table table {border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.55;}
.blog-table caption {text-align:left;font-weight:600;margin-bottom:.7rem;}
.blog-table th,.blog-table td {text-align:left;vertical-align:top;border:1px solid var(--line);padding:.75rem;min-width:8rem;}
.blog-table thead {background:var(--surface);}
.blog-next {background:var(--surface);border:1px solid var(--line);padding:1.25rem;margin-block:2rem;}
.blog-next h2 {margin:0 0 .75rem;}
.blog-next .actions {flex-wrap:wrap;gap:1rem;}
.blog-next .button {white-space:normal;line-height:1.4;}
.blog-related {max-width:72ch;margin:2rem auto;}
.blog-teaser {padding-block:3rem;}
.blog-section-heading {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.blog-teaser-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;}
.blog-teaser .blog-row h3 {font-size:1.4rem;}
.blog-teaser-card {display:grid;align-content:start;gap:1rem;}
.blog-teaser-card > img {display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.5rem;}
.blog-teaser-copy {min-width:0;overflow-wrap:anywhere;}
@media (max-width:760px) {
  .blog-teaser-card {grid-template-columns:min(26%, 9rem) minmax(0, 1fr);align-items:start;gap:clamp(.65rem, 2.5vw, 1rem);}
  .blog-teaser .blog-teaser-card h3 {font-size:1.2rem;}
}
.blog-article .breadcrumb {display:flex;flex-wrap:wrap;gap:.65rem;font-size:.875rem;}
.blog-article .sources {font-size:.9rem;}
.blog-article a,.blog-row a,.blog-categories a {text-decoration:none;}
.blog-article a:hover,.blog-row a:hover,.blog-categories a:hover {color:var(--accent);text-decoration:none;}
@media(max-width:760px){.blog-intro{grid-template-columns:1fr;padding-top:1.5rem}.blog-intro figure{max-width:32rem}.blog-teaser-list{grid-template-columns:1fr;gap:0}.blog-article{font-size:1rem}.blog-categories{gap:.25rem 1rem}.blog-next{padding:1rem}.blog-table th,.blog-table td{padding:.6rem;min-width:7rem}}
.blog-intro > * { min-width:0; }
.blog-intro .button { max-width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.4; }
@media(max-width:760px){.blog-intro{grid-template-columns:minmax(0,1fr)}}
.blog-intro h1 { overflow-wrap:anywhere; }

.blog-visual{margin:1.75rem 0}.blog-visual img{display:block;width:100%;height:auto;border:1px solid var(--line)}.blog-visual figcaption{font-size:.9375rem;line-height:1.6;margin-top:.75rem;color:var(--muted)}.blog-visual figcaption a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.blog-practice{margin-block:2rem}.blog-practice ol{padding-inline-start:1.4rem}.blog-practice li{padding-inline-start:.35rem;margin-block:1rem}.blog-practice-outcome{font-weight:500}

.blog-intro.blog-compact{display:block;padding-block:1.5rem .5rem;max-width:62rem;margin:auto}.blog-compact h1{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;max-width:24ch;margin:0 0 .75rem}.blog-compact .intro{font-size:1rem;max-width:62ch;margin:0 0 .5rem}.blog-categories{max-width:62rem;margin:auto}.blog-index-list>section{padding-top:1.3rem}.blog-index-list .blog-row{padding-top:1rem}.blog-index-list h2{margin-bottom:.3rem}