.tq-blog{--journal-ink:#102f46;--journal-blue:#07558f;--journal-muted:#627789;background:#fcfdfd;color:var(--journal-ink);font-family:var(--font-body,Inter,Arial,sans-serif)}
.blog-shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding:2rem 0 3rem;color:#71828d;font-size:.76rem}.blog-breadcrumb a{text-decoration:none}.blog-breadcrumb span:nth-child(even){color:#bac8cf}.blog-kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 1.15rem;color:var(--journal-blue);font-size:.66rem;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.blog-kicker>span:empty{width:.45rem;height:.45rem;border-radius:50%;background:#22a4b4}.blog-intro{padding-bottom:3.5rem;background:linear-gradient(160deg,#f1f8fb 0%,#f8fbfc 52%,#fff 100%)}.blog-intro__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid #d8e5ec;padding-top:1.7rem}.blog-intro__note{color:#6c7f8c;font-size:.75rem}.blog-intro__heading{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:3rem;padding:1.25rem 0 3rem}.blog-intro h1{font-size:clamp(3.2rem,5.8vw,6rem);font-weight:650;line-height:1.06;letter-spacing:-.065em;margin:0}.blog-intro h1 em{font-style:normal;color:var(--journal-blue)}.blog-intro__heading>div{max-width:24rem;padding-bottom:.6rem}.blog-intro__heading>div>p{font-size:1rem;line-height:1.8;color:#536b7c;margin-bottom:1.5rem}.blog-text-link{display:inline-flex;align-items:center;gap:1.5rem;font-size:.8rem;font-weight:700;color:var(--journal-blue);text-decoration:none}.blog-text-link span{font-size:1.1rem}.blog-feature{display:grid;grid-template-columns:1.2fr 1fr;min-height:26rem;overflow:hidden;border:1px solid #d9e6ec;border-radius:.7rem;background:#fff;box-shadow:0 12px 35px #20496506}.blog-feature__image{position:relative;display:block;min-height:26rem;overflow:hidden;background:#dbe6e9}.blog-feature__image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}.blog-feature__image>span{position:absolute;inset:auto 1.5rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 12px #0009}.blog-feature__image:after{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#092c4c94);content:''}.blog-feature__image>span{z-index:1}.blog-feature__image>span span{font-size:1.2rem}.blog-feature__copy{display:flex;flex-direction:column;padding:clamp(1.6rem,3vw,3.5rem)}.blog-feature__eyebrow{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;align-items:center;font-size:.65rem;font-weight:650;color:#69808f}.blog-feature__eyebrow>span:first-child{color:#07558f;background:#eaf4fa;border-radius:2rem;padding:.45rem .7rem}.blog-feature h2{margin:1.6rem 0 1.1rem;font-size:clamp(1.8rem,2.6vw,2.8rem);font-weight:650;line-height:1.2;letter-spacing:-.045em}.blog-feature h2 a,.blog-card h3 a{color:inherit;text-decoration:none}.blog-feature__copy>p{margin:0 0 1.5rem;color:#617787;font-size:.88rem;line-height:1.8}.blog-feature__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.4rem;border-top:1px solid #e3ebf0}.blog-avatar{display:grid;flex:none;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:#e9f3fa;color:#07558f;font-size:.65rem;font-weight:800;letter-spacing:-.04em}.blog-card__byline{display:flex;align-items:center;gap:.65rem;color:#193c53;font-size:.68rem;font-weight:650}.blog-card__byline small{display:block;margin-top:.24rem;color:#7b8c97;font-size:.63rem;font-weight:450}.blog-circle-link{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid #d2e1e9;border-radius:50%;font-size:1.2rem;text-decoration:none;color:#07558f}.blog-latest{padding:3.5rem 0 5rem;scroll-margin-top:7rem}.blog-latest__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.blog-latest__heading h2{font-size:clamp(1.9rem,3vw,3rem);font-weight:650;letter-spacing:-.05em;margin:0}.blog-latest__heading .blog-kicker{margin-bottom:.75rem}.blog-search{display:flex;align-items:center;width:min(100%,20rem);height:2.9rem;border:1px solid #d6e1e7;border-radius:.4rem;background:#fff}.blog-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;font:inherit;font-size:.8rem;padding:.8rem 1rem;color:inherit}.blog-search button{border:0;background:transparent;padding:.4rem 1rem;color:#07558f;font-size:1.55rem;cursor:pointer}.blog-search:focus-within{outline:2px solid #07558f;outline-offset:2px}.blog-categories{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:2.5rem;padding-bottom:1.8rem;border-bottom:1px solid #e1e9ed}.blog-categories a{display:flex;align-items:center;gap:.55rem;padding:.65rem 1rem;border:1px solid #dce5eb;border-radius:2rem;text-decoration:none;font-size:.71rem;font-weight:600;color:#5b7080;background:#fff}.blog-categories a.is-active{border-color:#07558f;background:#07558f;color:#fff}.blog-categories a>span{display:grid;place-items:center;min-width:1.1rem;height:1.1rem;border-radius:50%;background:#ffffff25;font-size:.6rem}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem}.blog-card{min-width:0;display:flex;flex-direction:column}.blog-card__image{display:block;aspect-ratio:1.58;overflow:hidden;border-radius:.45rem;background:#e7eff3;margin-bottom:1.4rem}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.blog-card__meta{display:flex;gap:1rem;justify-content:space-between;color:#80909c;font-size:.64rem;margin-bottom:.9rem}.blog-card__meta>span:first-child{color:#08739e;font-weight:700}.blog-card h3{font-size:clamp(1.15rem,1.55vw,1.55rem);font-weight:650;letter-spacing:-.035em;line-height:1.35;margin:0 0 .8rem}.blog-card>p{font-size:.79rem;line-height:1.8;color:#6b7e8b;margin-bottom:1rem}.blog-card__read{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:.4rem 0 1.1rem;color:#07558f;font-size:.71rem;font-weight:700;text-decoration:none;border-bottom:1px solid #e2eaf0}.blog-card>.blog-card__byline{margin-top:1.05rem}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e8ee;font-size:.8rem}.blog-pagination a{color:#07558f;font-weight:650}.blog-pagination span{color:#778c9a}.blog-empty{text-align:center;padding:4rem 1rem 5rem}.blog-empty h1{font-size:clamp(2.5rem,5vw,4rem)}.blog-empty h3{font-size:1.7rem}.blog-empty p{color:#6a7f8d;font-size:.95rem}.blog-empty__icon{display:block;font-size:3rem;color:#07558f;margin-bottom:1.5rem}.blog-button{display:inline-flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 1.6rem;border-radius:.35rem;background:#07558f;color:#fff;font-size:.78rem;font-weight:650;text-decoration:none}.blog-cta{padding:4.5rem 0 5rem;background:#edf5f9;text-align:center;border-top:1px solid #dceaf1}.blog-cta .blog-kicker{justify-content:center}.blog-cta h2{font-size:clamp(2.2rem,4vw,4rem);font-weight:600;letter-spacing:-.055em;margin-bottom:2rem}.blog-cta h2 em{font-style:normal;color:#07558f}.blog-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tq-blog a:focus-visible,.tq-blog button:focus-visible{outline:2px solid #07558f;outline-offset:4px}.blog-preview-banner{padding:.8rem 1rem;background:#fff0ce;color:#79510b;text-align:center;font-size:.8rem;line-height:1.7}.blog-preview-banner a{margin-left:1rem;font-weight:700}
@media(hover:hover){.blog-feature__image:hover img,.blog-card__image:hover img{transform:scale(1.04)}.blog-feature h2 a:hover,.blog-card h3 a:hover{color:#07558f}.blog-circle-link:hover{background:#07558f;color:#fff}.blog-categories a:not(.is-active):hover{background:#eaf4f9}.blog-button:hover{background:#063f6b;color:#fff}}
@media(max-width:1050px){.blog-shell{width:calc(100% - 48px)}.blog-feature{grid-template-columns:1.1fr 1fr}.blog-feature__copy{padding:1.8rem}.blog-feature h2{font-size:2rem}.blog-grid{gap:2.5rem 1.5rem}.blog-intro__heading{gap:2rem}}
@media(max-width:760px){.blog-intro__heading{grid-template-columns:1fr;gap:1.6rem;padding-bottom:2rem}.blog-intro__heading>div{max-width:35rem}.blog-intro__heading>div>p{margin-bottom:.8rem}.blog-intro__note{display:none}.blog-breadcrumb{padding:1.5rem 0 2rem}.blog-feature{grid-template-columns:1fr}.blog-feature__image{min-height:20rem}.blog-feature__copy{padding:1.7rem}.blog-feature h2{font-size:2rem}.blog-latest__heading{align-items:start;flex-direction:column;gap:1.5rem}.blog-search{width:100%;max-width:28rem}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.blog-shell{width:calc(100% - 36px)}.blog-intro h1{font-size:3rem}.blog-feature__image{min-height:15rem}.blog-feature h2{font-size:1.7rem}.blog-feature__copy{padding:1.4rem}.blog-grid{grid-template-columns:1fr;gap:2.3rem}.blog-card h3{font-size:1.4rem}.blog-card>p{font-size:.86rem}.blog-card__image{aspect-ratio:1.65}.blog-categories{gap:.45rem;margin-bottom:2rem}.blog-categories a{font-size:.65rem;padding:.55rem .8rem}.blog-intro{padding-bottom:1.5rem}.blog-latest{padding:2.5rem 0 3rem}.blog-cta{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){.blog-feature__image img,.blog-card__image img{transition:none}}
/* Article structure and metadata */

/* Editorial article layout */
.blog-article {
  --journal-line: #dce6ed;
  --journal-surface: #f1f7fa;
  --article-sticky-top: 7rem;
  background: #fff;
}
.blog-article__hero {
  background: var(--journal-surface);
  border-bottom: 1px solid var(--journal-line);
}
.blog-article__hero .blog-breadcrumb { padding: 1.8rem 0 2.4rem; }
.blog-article__lead {
  display: grid;
  grid-template-columns: 1.08fr 1fr;
  align-items: stretch;
  gap: clamp(2.5rem, 5vw, 5rem);
  padding: .75rem 0 4rem;
}
.blog-article__intro { min-width: 0; padding: .8rem 0; }
.blog-article__intro > .blog-kicker {
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0 0 1.6rem;
  font-size: .65rem;
  line-height: 1.6;
  letter-spacing: .12em;
}
.blog-article h1 {
  margin: 0 0 1.6rem;
  color: var(--journal-ink);
  font-size: clamp(2.2rem, 3.25vw, 3.6rem);
  font-weight: 650;
  line-height: 1.13;
  letter-spacing: -.05em;
  text-wrap: balance;
}
.blog-article__standfirst {
  margin: 0;
  max-width: 38rem;
  color: var(--journal-muted);
  font-size: 1.04rem;
  line-height: 1.85;
}
.blog-article__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--journal-line);
}
.blog-article__meta .blog-avatar { width: 2.6rem; height: 2.6rem; background: #fff; }
.blog-article__meta .blog-card__byline { font-size: .74rem; }
.blog-article__meta .blog-card__byline small { font-size: .7rem; }
.blog-share { color: var(--journal-blue); font-size: .74rem; font-weight: 600; text-decoration: none; }
.blog-share span { margin-left: .35rem; }
.blog-article__cover {
  position: relative;
  min-width: 0;
  min-height: 28rem;
  overflow: hidden;
  border-radius: 1rem;
  background: var(--journal-line);
}
.blog-article__cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 35% center; }
.blog-article__reading { padding: 4.5rem 0 5rem; }
/* Older generated layouts still attach reveal classes. Beat the shared stylesheet
   in either load order so blog content never waits for an intersection callback. */
html.site-reveal-ready .tq-blog .site-reveal { opacity: 1; transform: none; transition: none; }
.blog-reading-layout {
  display: grid;
  grid-template-columns: 17.5rem minmax(0, 46rem);
  justify-content: center;
  align-items: start;
  gap: clamp(3rem, 7vw, 7rem);
}
.blog-reading-aside {
  position: sticky;
  top: var(--article-sticky-top);
  max-height: calc(100svh - var(--article-sticky-top) - 1.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 0 1rem .3rem 0;
}
.blog-reading-aside__back { display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1.8rem; color: var(--journal-blue); font-size: .78rem; font-weight: 650; text-decoration: none; }
.blog-toc { margin: 0; padding: 0; }
.blog-toc summary { display: flex; align-items: center; justify-content: space-between; color: var(--journal-ink); font-size: .76rem; font-weight: 750; letter-spacing: .06em; line-height: 1.5; list-style: none; }
.blog-toc summary::-webkit-details-marker { display: none; }
.blog-toc summary:focus-visible { outline: 2px solid var(--journal-blue); outline-offset: 4px; }
.blog-toc__toggle { display: none; }
.blog-toc ol { margin: 1rem 0 0; padding: 0; list-style: none; }
.blog-toc li { margin: 0; padding: 0; }
.blog-toc a { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); align-items: baseline; gap: .6rem; padding: .6rem .65rem .6rem .8rem; border-left: 2px solid var(--journal-line); color: var(--journal-muted); font-size: .79rem; line-height: 1.55; text-decoration: none; transition: background .15s, color .15s; }
.blog-toc__number { color: var(--journal-muted); font-size: .64rem; font-variant-numeric: tabular-nums; }
.blog-toc a[aria-current="location"] { border-left-color: var(--journal-blue); border-radius: 0 .4rem .4rem 0; background: var(--journal-surface); color: var(--journal-blue); font-weight: 650; }
.blog-toc a[aria-current="location"] .blog-toc__number { color: var(--journal-blue); }
.blog-reading-aside__author { display: flex; align-items: center; gap: .7rem; margin-top: 1.8rem; padding-top: 1.3rem; border-top: 1px solid var(--journal-line); }
.blog-reading-aside__author p { margin: 0; color: var(--journal-muted); font-size: .68rem; line-height: 1.7; }
.blog-reading-aside__author strong { display: block; color: var(--journal-ink); font-size: .74rem; font-weight: 650; }
.blog-reading-aside__contact { gap: .7rem; margin-top: 1rem; font-size: .73rem; line-height: 1.7; }
.blog-prose { min-width: 0; color: #405d70; font-size: 1.04rem; line-height: 1.95; overflow-wrap: break-word; }
.blog-prose > p { margin: 0 0 1.5rem; }
.blog-prose > p:first-child { color: var(--journal-ink); font-size: 1.18rem; line-height: 1.85; }
.blog-prose h2 { margin: 3rem 0 1.25rem; padding-top: 2rem; border-top: 1px solid var(--journal-line); color: var(--journal-ink); font-size: clamp(1.55rem, 2vw, 2rem); font-weight: 650; line-height: 1.3; letter-spacing: -.035em; text-wrap: balance; }
.blog-prose h3 { margin: 2rem 0 1rem; color: var(--journal-ink); font-size: 1.4rem; line-height: 1.4; letter-spacing: -.025em; }
.blog-prose h4 { color: var(--journal-ink); font-size: 1.13rem; }
.blog-prose h2[id], .blog-prose h3[id] { scroll-margin-top: calc(var(--article-sticky-top) + 1rem); }
.blog-prose a { color: var(--journal-blue); text-decoration-thickness: 1px; text-underline-offset: .2em; }
.blog-prose strong { color: var(--journal-ink); font-weight: 650; }
.blog-prose ul, .blog-prose ol { padding-left: 1.4rem; margin: 1.3rem 0 1.8rem; }
.blog-prose li { padding-left: .35rem; margin-bottom: .7rem; }
.blog-prose li::marker { color: var(--journal-blue); }
.blog-prose blockquote { margin: 2rem 0; border-left: 3px solid var(--journal-blue); background: var(--journal-surface); padding: 1.5rem 2rem; color: var(--journal-blue); font-size: 1.2rem; }
.blog-prose blockquote p:last-child { margin-bottom: 0; }
.blog-prose img { display: block; max-width: 100%; height: auto; margin: 2rem auto; border-radius: .75rem; }
.blog-prose pre { max-width: 100%; overflow-x: auto; padding: 1rem; border-radius: .5rem; background: var(--journal-surface); font-size: .85rem; }
.blog-prose .ql-align-center { text-align: center; }
.blog-prose .ql-align-right { text-align: right; }
.blog-prose .ql-align-justify { text-align: justify; }
.blog-prose li[data-list="bullet"] { list-style-type: disc; }
.blog-prose .ql-indent-1 { margin-left: 1.5rem; }
.blog-prose .ql-indent-2 { margin-left: 3rem; }
.blog-prose table { display: block; width: 100%; max-width: 100%; overflow-x: auto; margin: 2rem 0; border: 1px solid var(--journal-line); border-radius: .75rem; border-collapse: separate; border-spacing: 0; font-size: .9rem; line-height: 1.75; }
.blog-prose th, .blog-prose td { min-width: 10rem; padding: 1rem 1.15rem; border-bottom: 1px solid var(--journal-line); text-align: left; vertical-align: top; }
.blog-prose th { color: var(--journal-ink); background: #edf5fa; font-size: .78rem; font-weight: 750; }
.blog-prose td:first-child { color: var(--journal-ink); font-weight: 600; }
.blog-prose tbody tr:nth-child(even) { background: #f8fbfc; }
.blog-prose tbody tr:last-child td { border-bottom: 0; }
.blog-faq { margin: 3rem 0; }
.blog-faq details { margin: .7rem 0; border: 1px solid var(--journal-line); border-radius: .65rem; }
.blog-faq summary { position: relative; padding: 1.2rem 3.2rem 1.2rem 1.3rem; color: var(--journal-ink); font-size: 1rem; font-weight: 650; line-height: 1.6; list-style: none; cursor: pointer; }
.blog-faq summary::-webkit-details-marker { display: none; }
.blog-faq summary::after { content: '+'; position: absolute; top: 1.1rem; right: 1.3rem; color: var(--journal-blue); font-size: 1.3rem; font-weight: 450; }
.blog-faq details[open] { border-color: #b9d3e3; background: var(--journal-surface); }
.blog-faq details[open] summary::after { content: '−'; }
.blog-faq details p { margin: 0; padding: 0 1.3rem 1.3rem; color: var(--journal-muted); font-size: .96rem; line-height: 1.85; }
.blog-tags { display: flex; flex-wrap: wrap; gap: .55rem; margin: 2rem 0; }
.blog-tags a { padding: .4rem .85rem; border: 1px solid var(--journal-line); border-radius: .4rem; color: var(--journal-blue); font-size: .73rem; line-height: 1.6; text-decoration: none; }
.blog-author { display: flex; align-items: start; gap: 1rem; padding: 1.5rem; margin: 2rem 0; border-radius: .75rem; background: var(--journal-surface); }
.blog-author strong { font-size: .92rem; }
.blog-author p { margin: .4rem 0 0; color: var(--journal-muted); font-size: .85rem; line-height: 1.8; }
.blog-article__end { margin-top: 3rem; padding: 2rem; border-left: 3px solid var(--journal-blue); border-radius: 0 .75rem .75rem 0; background: var(--journal-surface); }
.blog-article__end > span { display: none; }
.blog-article__end p { margin: 0 0 .65rem; color: var(--journal-ink); font-size: 1.05rem; font-weight: 600; line-height: 1.6; }
.blog-article__end a { font-size: .85rem; font-weight: 650; text-decoration: none; }
.blog-related { padding: 4rem 0 5rem; border-top: 1px solid var(--journal-line); background: #f6fafc; }
.blog-related .blog-latest__heading { margin-bottom: 2.5rem; }
.blog-related .blog-card__image { border-radius: .75rem; }
@media (hover: hover) {
  .blog-toc a:hover { color: var(--journal-blue); background: var(--journal-surface); }
  .blog-share:hover, .blog-reading-aside__back:hover { text-decoration: underline; text-underline-offset: .25em; }
}
@media (max-width: 1100px) {
  .blog-article__lead { gap: 2.5rem; }
  .blog-reading-layout { grid-template-columns: 15rem minmax(0, 1fr); gap: 3rem; }
  .blog-article h1 { font-size: 2.65rem; }
}
@media (max-width: 960px) {
  .blog-article__lead { grid-template-columns: 1fr; gap: 2rem; padding-bottom: 2.5rem; }
  .blog-article__intro { max-width: 44rem; padding: 0; }
  .blog-article h1 { font-size: clamp(2.2rem, 5.5vw, 3.4rem); }
  .blog-article__standfirst { max-width: 42rem; }
  .blog-article__cover { min-height: 0; aspect-ratio: 16 / 9; }
  .blog-article__cover img { object-position: center; }
  .blog-article__reading { padding: 2.5rem 0 3.5rem; }
  .blog-reading-layout { grid-template-columns: minmax(0, 46rem); gap: 2rem; }
  .blog-reading-aside { position: static; max-height: none; overflow: visible; padding: 0; }
  .blog-reading-aside__back { margin-bottom: 1.5rem; }
  .blog-reading-aside__author, .blog-reading-aside__contact { display: none; }
  .blog-toc { padding: 1rem 1.2rem; border: 1px solid var(--journal-line); border-radius: .65rem; background: var(--journal-surface); }
  .blog-toc summary { min-height: 1.5rem; font-size: .82rem; letter-spacing: 0; cursor: pointer; }
  .blog-toc__toggle { display: block; width: .5rem; height: .5rem; margin-right: .2rem; border-right: 1.5px solid var(--journal-blue); border-bottom: 1.5px solid var(--journal-blue); transform: rotate(45deg); }
  .blog-toc details[open] .blog-toc__toggle { transform: rotate(225deg); }
  .blog-toc a { padding-top: .7rem; padding-bottom: .7rem; font-size: .85rem; }
  .blog-prose { font-size: 1.02rem; }
  .blog-prose > p:first-child { font-size: 1.13rem; }
}
@media (max-width: 500px) {
  .blog-article__hero .blog-breadcrumb { padding: 1.5rem 0 2rem; font-size: .7rem; }
  .blog-article__intro > .blog-kicker { font-size: .6rem; margin-bottom: 1.3rem; }
  .blog-article h1 { font-size: 2.18rem; line-height: 1.15; letter-spacing: -.04em; }
  .blog-article__standfirst { font-size: .95rem; }
  .blog-article__meta { gap: 1.2rem; margin-top: 1.5rem; }
  .blog-article__meta .blog-card__byline { font-size: .7rem; }
  .blog-share { font-size: .7rem; }
  .blog-article__cover { aspect-ratio: 4 / 3; border-radius: .7rem; }
  .blog-article__reading { padding-top: 2rem; }
  .blog-prose { font-size: 1rem; line-height: 1.9; }
  .blog-prose > p:first-child { font-size: 1.08rem; }
  .blog-prose h2 { font-size: 1.5rem; margin-top: 2.3rem; padding-top: 1.7rem; }
  .blog-prose blockquote { padding: 1.1rem 1.2rem; }
  .blog-prose th, .blog-prose td { padding: .8rem; min-width: 8.5rem; }
  .blog-faq summary { font-size: .93rem; padding-left: 1rem; }
  .blog-faq details p { padding-left: 1rem; padding-right: 1rem; font-size: .9rem; }
  .blog-article__end { padding: 1.4rem; }
  .blog-related { padding: 3rem 0; }
}
@media (prefers-reduced-motion: reduce) { .blog-toc a { transition: none; } }

/* Preserve the complete application screen in editorial cover images. */
.blog-feature__image, .blog-card__image, .blog-article__cover { background: #edf3f7; }
.blog-feature__image img, .blog-card__image img, .blog-article__cover img {
  object-fit: contain;
  object-position: center;
  box-sizing: border-box;
  padding: clamp(.6rem, 1.2vw, 1rem);
}
.blog-feature__image:hover img, .blog-card__image:hover img { transform: none; }