.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:35px}.post-tile{background:#fff;border:1px solid var(--border);border-radius:7px;overflow:hidden}.post-tile img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-tile-body{padding:17px}.post-tile h2{font-size:1.22rem;margin:4px 0 8px}.post-meta{color:var(--muted);font-size:.78rem}.post-body{margin:24px 0 35px}.post-image{display:block;width:100%;max-height:410px;object-fit:cover;border-radius:7px;margin-bottom:20px}.author-box{display:flex;align-items:flex-start;gap:16px;border-top:1px solid var(--border);padding:24px 0;margin:32px 0}.author-box img{width:90px;height:90px;object-fit:cover;border-radius:8px}.author-box h2{font-size:1.07rem;margin:0 0 5px}.author-box p{font-size:.88rem;color:var(--muted)}.author-box a{font-size:.84rem;margin-right:10px}

/* v2.3.20: Article body is part of its sidebar row, not a second row below. */
.blog-article-grid{align-items:start}
.blog-article-main{min-width:0;width:100%;display:block;clear:none}
.blog-article-main .blog-article-body{width:100%;max-width:none;min-width:0;overflow-wrap:anywhere}
.blog-article-main .blog-article-body>*{max-width:100%}
.blog-article-main .blog-article-body table{display:block;max-width:100%;overflow-x:auto}
.blog-article-main .author-box{max-width:100%}
@media(max-width:780px){.blog-article-grid{grid-template-columns:minmax(0,1fr)}.blog-article-main{padding:0}}

/* Premium editorial layout with contained wide media and tables. */
.blog-directory-top{padding:23px 0 0;min-width:0}
.blog-directory-top h2{margin:0 0 5px;font-size:1.35rem}
.blog-directory-top p{color:var(--muted);margin:0 0 15px}
.blog-category-nav{display:flex;flex-wrap:wrap;gap:8px}
.blog-category-nav a{display:inline-flex;border:1px solid #d5e0ea;border-radius:999px;padding:7px 13px;background:#fff;color:#274766;font-size:.82rem;font-weight:750}
.blog-category-nav a:hover,.blog-category-nav a.is-active{background:#10263e;color:#ffdb46;border-color:#10263e}
.post-tile{border-radius:13px;box-shadow:0 4px 16px rgba(11,41,70,.06)}
.post-tile-body{padding:19px}.post-tile h2{line-height:1.35}
.blog-category-tag{display:inline-block;background:#fff4ce;color:#695000;padding:4px 9px;border-radius:100px;font-weight:800;font-size:.71rem;margin-bottom:8px}
.blog-post-hero .page-heading{max-width:1020px}
.blog-post-hero .page-heading>h1{max-width:930px;overflow-wrap:anywhere}
.blog-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 17px;margin-top:19px;font-size:.83rem;color:#d2ddea}
.blog-hero-meta>span,.blog-hero-meta>a{display:inline-flex;align-items:center;gap:7px}
.blog-hero-meta .blog-hero-author{color:#fff}.blog-hero-author img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #f3cf3d;background:#f2f5f9}
.blog-hero-meta time{font-weight:780;color:#fff}.blog-hero-category{color:#ffe16e;background:#132c48;border:1px solid #6e643b;padding:5px 10px;border-radius:100px;font-weight:750}
.blog-article-grid,.blog-article-main,.blog-article-main .blog-article-body{min-width:0;max-width:100%;overflow-wrap:anywhere}
.blog-article-main .blog-article-body{overflow-x:clip}
.blog-article-body :is(img,video,iframe,figure,svg,pre,blockquote){max-width:100%;box-sizing:border-box}
.blog-article-body :is(img,video,iframe){height:auto}
.blog-article-body pre{overflow-x:auto;white-space:pre}
.blog-article-body .blog-table-scroll{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;border:1px solid #d6e0e9;border-radius:10px;margin:18px 0;background:#fff}
.blog-article-body .blog-table-scroll table{display:table;width:max-content;min-width:100%;max-width:none;overflow:visible;margin:0}
.blog-article-body .blog-table-scroll th,.blog-article-body .blog-table-scroll td{white-space:normal;min-width:100px}
.blog-article-main .blog-article-body>table{display:block;max-width:100%!important;overflow-x:auto}
.blog-article-main .post-image{border-radius:13px;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-article-main .author-box{align-items:flex-start;gap:18px;padding:23px;border:1px solid #d3e0ec;border-left:4px solid #ffd200;border-radius:13px;background:linear-gradient(145deg,#f8fbfe,#eef4fa);margin:29px 0}
.blog-article-main .author-box img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:50%;background:#fff;border:2px solid #d7bd4f}
.blog-article-main .author-box h2{margin:2px 0 6px;font-size:1.18rem;color:#17314e}
.blog-article-main .author-box .author-kicker{margin:0;color:#8e6d0c;font-size:.7rem;font-weight:850;letter-spacing:.12em}
.blog-article-main .author-box p:not(.author-kicker){line-height:1.65;margin:0 0 9px}
.blog-article-main .author-trust-label{display:inline-block;color:#396080;font-size:.76rem;font-weight:780}
@media(max-width:600px){.blog-hero-meta{font-size:.77rem;gap:9px}.blog-hero-author img{width:32px;height:32px}.blog-article-main .author-box{padding:15px;gap:11px}.blog-article-main .author-box img{width:52px;height:52px}.blog-article-main .blog-article-body{width:100%;max-width:100%}.post-grid{grid-template-columns:minmax(0,1fr)}}

/* Premium multi-author bylines and credible author attribution. */
.blog-hero-author{flex-wrap:wrap;gap:9px 13px!important}.blog-hero-person{display:inline-flex;gap:7px;align-items:center;min-width:0}.blog-hero-person img{width:34px;height:34px;border-radius:50%;border:2px solid #e8c74b;object-fit:cover}.blog-hero-person strong{font-size:.86rem;overflow-wrap:anywhere}
.article-authors{margin:28px 0;min-width:0}.article-authors-heading{margin:0 0 15px}.article-authors-heading .author-kicker{margin:0 0 5px;color:#927011;font-size:.73rem;font-weight:850;letter-spacing:.1em}.article-authors-heading h2{margin:0;color:#17324d;font-size:1.3rem}.article-authors-heading>p:last-child{color:#60758a;font-size:.85rem;margin:5px 0}
.article-authors-list{display:grid;gap:14px}.blog-article-main .author-box.article-author-card{display:flex;gap:15px;background:linear-gradient(120deg,#f7fbff,#edf4fb);border:1px solid #cddce9;border-left:4px solid #d9b537;box-shadow:0 7px 25px #10253b0a;border-radius:13px;padding:20px;margin:0;min-width:0;max-width:100%}
.blog-article-main .article-author-card>img{width:74px;height:74px;flex:0 0 74px;border-radius:50%;border:2px solid #d3b749;object-fit:cover}
.article-author-copy{flex:1;min-width:0;overflow-wrap:anywhere}.article-author-copy h3{margin:0 0 3px;color:#102b46;font-size:1.1rem}.article-author-copy .author-role{color:#365875;font-weight:750;margin:0 0 5px!important}.article-author-copy .author-expertise{color:#776119;font-size:.83rem;margin:0 0 6px!important}.article-author-copy>p{line-height:1.6;margin:6px 0 9px!important}.author-profile-links{display:flex;gap:8px;flex-wrap:wrap}.author-profile-links a{display:inline-flex;padding:5px 10px;border:1px solid #ccdbe6;border-radius:20px;background:#fff;color:#17436a;font-size:.77rem;font-weight:750;text-decoration:none}.author-profile-links a:hover{border-color:#bc9827;background:#fffae8}
@media(max-width:540px){.blog-article-main .author-box.article-author-card{padding:13px;gap:10px}.blog-article-main .article-author-card>img{width:54px;height:54px;flex-basis:54px}.blog-hero-person strong{font-size:.77rem}}

/* Author profiles: softly lit navy, warm gold and pale blue editorial cards.
   The Author Manager controls all author data; these rules change presentation only. */
.article-authors-heading{margin:0 0 17px}
.article-authors-heading .author-kicker{color:#88703e;font-size:.73rem;font-weight:800;letter-spacing:.1em}
.article-authors-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.blog-article-main .article-authors .author-box.article-author-card{
 display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:18px;
 padding:23px;background:linear-gradient(118deg,#fff 0%,#fafcfe 54%,#f2f7fb 100%);
 border:1px solid #d9e4ed;border-top:3px solid #d6b45b;border-radius:16px;
 box-shadow:0 7px 24px rgba(18,52,77,.055);color:#3f576b;margin:0;min-width:0;max-width:100%
}
.article-author-portrait{
 width:82px;height:82px;box-sizing:border-box;flex:none;padding:4px;align-self:start;
 border:1px solid #e8dfce;border-top:3px solid #c7a451;border-radius:16px;
 background:#fffdf8;
 box-shadow:0 4px 14px rgba(36,60,78,.07)
}
.blog-article-main .article-authors .article-author-portrait img{width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:11px;background:#fff}
.article-authors .article-author-heading{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.article-authors .article-author-copy h3{font-size:1.22rem;line-height:1.3;color:#1a3b54;margin:0}
.article-authors .article-author-identity{
 display:block;max-width:100%;padding:0 0 5px;
 border:0;border-bottom:1px solid #e0d1a9;border-radius:0;
 background:transparent;color:#806a3c;font-size:.72rem;font-weight:800;
 letter-spacing:.09em;text-transform:uppercase;line-height:1.35
}
.article-authors .article-author-copy .author-role{color:#3c617d!important;font-size:.88rem;font-weight:700;margin:6px 0!important}
.article-authors .article-author-copy .author-expertise{color:#587083!important;margin:8px 0!important;font-size:.84rem}
.article-authors .article-author-copy .author-expertise strong{color:#344e66}
.article-authors .article-author-copy .article-author-bio{color:#465e72!important;line-height:1.7;margin:10px 0 15px!important;font-weight:400}
.article-authors .author-profile-links{display:flex;flex-wrap:wrap;gap:8px}
.article-authors .author-profile-links a{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 box-sizing:border-box;max-width:100%;min-height:38px;
 padding:8px 13px;background:#fffefa;
 border:1px solid #e6decd;border-top:2px solid #c7a451;border-radius:9px;
 box-shadow:0 2px 6px rgba(35,58,75,.045);
 color:#214765;font-size:.79rem;font-weight:750;text-decoration:none;overflow-wrap:anywhere;
 transition:border-color .15s,background .15s,box-shadow .15s
}
.article-authors .author-profile-links a:hover,.article-authors .author-profile-links a:focus-visible{background:#fff8e9;border-color:#d8c99f;border-top-color:#a8883e;box-shadow:0 3px 9px rgba(35,58,75,.07);color:#163e59;text-decoration:none}
.article-authors .author-profile-links a:focus-visible{outline:2px solid #b28e39;outline-offset:2px}
.article-authors .author-profile-links a span{color:#94712c;font-weight:800}
@media(max-width:560px){
 .blog-article-main .article-authors .author-box.article-author-card{grid-template-columns:62px minmax(0,1fr);gap:13px;padding:16px}
 .article-author-portrait{width:62px;height:62px;padding:3px;border-radius:14px}
 .blog-article-main .article-authors .article-author-portrait img{border-radius:9px}
 .article-authors .article-author-copy h3{font-size:1.08rem}
 .article-authors .author-profile-links a{font-size:.76rem;padding:7px 10px}
}

/* v2.3.76: centered, clearly attributed article hero. */
.blog-post-hero .page-heading{margin-inline:auto;text-align:center;max-width:1040px}
.blog-post-hero .page-heading>h1{margin-inline:auto}
.blog-post-hero .blog-hero-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;margin:22px auto 0;max-width:100%;color:#ecf2f9}
.blog-post-hero .blog-hero-author{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;width:100%;min-width:0}
.blog-post-hero .blog-hero-person{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:8px 12px;border:1px solid #45617c;border-radius:13px;background:rgba(13,31,49,.58);text-align:left;color:#fff}
.blog-post-hero .blog-hero-person img{width:42px;height:42px;min-width:42px;border:2px solid #edd16a;border-radius:50%;object-fit:cover;background:#f3f5f7}
.blog-post-hero .blog-hero-person-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.blog-post-hero .blog-hero-person-copy small{color:#f2d67e;font-size:.69rem;font-weight:850;letter-spacing:.02em}
.blog-post-hero .blog-hero-person-copy strong{font-size:.86rem;line-height:1.3;color:#fff;overflow-wrap:anywhere}
/* Blog publication dates belong only in the hero, on a compact carbon panel. */
.blog-post-hero .blog-hero-dates{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:16px;row-gap:7px;max-width:100%;box-sizing:border-box;margin-inline:auto;padding:10px 16px;background:#172535;border:1px solid rgba(232,212,163,.28);border-top:3px solid #d7b35d;border-radius:9px;box-shadow:0 4px 14px rgba(5,16,30,.12);font-size:.81rem;line-height:1.5;color:#f5f7fb}
.blog-post-hero .blog-hero-dates span{display:inline-flex;gap:5px;align-items:center;color:#f5f7fb;white-space:normal}
.blog-post-hero .blog-hero-dates span+span{border-left:1px solid rgba(232,237,244,.28);padding-left:16px}
.blog-post-hero .blog-hero-dates time{color:#fff;font-weight:750}
@media(max-width:480px){.blog-post-hero .blog-hero-dates{width:min(100%,350px);padding:9px 12px;column-gap:11px;font-size:.77rem}.blog-post-hero .blog-hero-dates span+span{padding-left:11px}}
.blog-post-hero .blog-hero-category{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;color:#ffe17e;background:#1c354d;border:1px solid #a08c4d;border-radius:999px;font-size:.78rem;font-weight:820;text-decoration:none}
.blog-post-hero .blog-hero-category:hover,.blog-post-hero .blog-hero-category:focus-visible{color:#fff!important;background:#274963;border-color:#edd16a;text-decoration:none;outline-offset:3px}
@media(max-width:600px){.blog-post-hero .blog-hero-person{width:min(100%,330px);box-sizing:border-box}.blog-post-hero .blog-hero-author{flex-direction:column;align-items:center;gap:8px}.blog-post-hero .blog-hero-dates{gap:6px 12px}.blog-post-hero .blog-hero-person-copy strong{font-size:.82rem}}

/* v2.3.77: Every clickable author credit jumps to its matching profile below the article. */
.blog-post-hero a.blog-hero-person{text-decoration:none;cursor:pointer;position:relative;transition:background .16s,border-color .16s,box-shadow .16s}
.blog-post-hero a.blog-hero-person:hover,.blog-post-hero a.blog-hero-person:focus-visible{background:rgba(36,74,105,.86);border-color:#e9cb63;box-shadow:0 0 0 2px rgba(239,204,92,.19);text-decoration:none}
.blog-post-hero a.blog-hero-person:hover strong,.blog-post-hero a.blog-hero-person:focus-visible strong{color:#fff}
.article-author-card[id]{scroll-margin-top:100px}
.blog-article-main .article-authors .article-author-card:target{border-color:#caa44d;box-shadow:0 0 0 3px rgba(208,171,80,.2),0 9px 28px rgba(17,48,73,.09)}
@media(prefers-reduced-motion:no-preference){html:has(.blog-post-hero){scroll-behavior:smooth}}

/* Calm editorial article index and contributor attribution; no card hover animation. */
.blog-directory-top{padding:25px 0 0}
.blog-directory-top h2{font-size:clamp(1.35rem,2.2vw,1.62rem);margin:0 0 9px;letter-spacing:-.02em}
.blog-directory-top p{max-width:990px;margin:0 0 11px;font-size:.91rem;line-height:1.7;color:var(--muted)}
.blog-directory-top .blog-directory-disclaimer{font-size:.84rem;border-left:3px solid #d8b958;padding:5px 0 5px 13px;color:#51657a;margin:2px 0 20px}
.blog-directory-top .blog-category-nav{margin-bottom:21px}
.post-tile{display:flex;flex-direction:column;min-width:0;border:1px solid #dce5ee;border-radius:13px;
 background:#fff;box-shadow:0 5px 18px rgba(15,38,66,.055)}
/* Blog listing cards: show the entire featured image flush to the card edges. */
.post-tile .post-tile-image-link{display:block;overflow:hidden;line-height:0;background:#f3f6fa;margin:0;padding:0}
.post-tile .post-tile-image-link img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0;padding:0;border:0;border-radius:0}
.post-tile-body{display:flex;flex:1;flex-direction:column;gap:0;padding:17px 18px 18px}
.post-tile h2{font-size:1.15rem;line-height:1.38;margin:3px 0 11px;overflow-wrap:anywhere}
.post-tile h2 a{text-decoration:none;color:#19354f}
.post-tile h2 a:focus-visible{color:#0c598a;text-decoration:underline;text-underline-offset:3px}
.post-tile-dates{display:flex;gap:5px 15px;flex-wrap:wrap;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e7edf3;
 font-size:.75rem;color:#617287;line-height:1.55}
.post-tile-dates span{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.post-tile-dates time{color:#273f58;font-weight:740}
.post-tile .post-tile-excerpt{font-size:.85rem;line-height:1.65;color:#586b7e;margin:0 0 17px}
.post-tile-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.post-tile-authors{display:flex;flex:1;min-width:150px;flex-wrap:wrap;gap:10px 14px}
.post-tile-author{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.post-tile-author>img{width:34px!important;height:34px!important;aspect-ratio:1;flex:0 0 34px;object-fit:cover!important;
 border-radius:50%;border:1px solid #dfc772;background:#fffdf5}
.post-tile-author>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.post-tile-author small{font-size:.67rem;font-weight:700;line-height:1.2;color:#6b7c8f}
.post-tile-author strong{font-size:.77rem;line-height:1.35;color:#203b56;overflow-wrap:anywhere}
.post-tile .post-tile-read{display:inline-flex;gap:4px;align-items:center;margin:0 0 3px;font-size:.81rem;font-weight:780;white-space:nowrap;color:#175779}
.post-tile:focus-within{border-color:#caa845;box-shadow:0 0 0 2px rgba(207,176,73,.2)}
@media(max-width:600px){.blog-directory-top{padding:20px 0 0}.blog-directory-top p{font-size:.87rem}
 .post-tile-body{padding:16px}.post-tile h2{font-size:1.09rem}.post-tile-bottom{gap:10px}}

/* Display the full featured image without cropping, with understated gold framing
   and enough breathing room before the article body on all screen sizes. */
.blog-article-main>img.post-image,
.blog-article-main .post-image{
 display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:none;height:auto;
 aspect-ratio:auto;object-fit:contain;object-position:center;
 border:1px solid #dfd3ae;border-top:2px solid #d8b54d;border-radius:9px;
 padding:0;margin:0 0 28px;background:transparent;
 box-shadow:0 6px 18px rgba(16,43,67,.06);
}
@media(max-width:600px){
 .blog-article-main>img.post-image,.blog-article-main .post-image{margin-bottom:22px;border-radius:7px}
}

/* v2.4.58 — Content-sized, quiet editorial topic labels. Never stretch a tag
   across the article card; two or more topics wrap on their own line. */
.blog-directory-top .blog-category-nav{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;
  gap:8px;margin:19px 0 23px;
}
.blog-directory-top .blog-category-nav a{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:auto;max-width:100%;min-height:34px;padding:6px 12px;
  border:1px solid #d6e0e9;border-radius:8px;background:#f5f8fb;
  color:#284862;font-size:.77rem;font-weight:720;line-height:1.4;
  text-decoration:none;white-space:normal;text-align:center;
  box-shadow:none;transition:background-color .15s,border-color .15s,color .15s;
}
.blog-directory-top .blog-category-nav a:hover,
.blog-directory-top .blog-category-nav a.is-active{
  background:#142f4b;color:#fff;border-color:#142f4b;
}
.blog-category-tags{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;
  align-self:flex-start;gap:7px;max-width:100%;min-width:0;margin:0 0 12px;
}
.post-tile-body .blog-category-tags .blog-category-tag{
  display:inline-flex;align-items:center;align-self:flex-start;justify-content:flex-start;
  flex:0 1 auto;width:auto;min-width:0;max-width:100%;margin:0;
  padding:5px 10px;border:1px solid #e7dbb7;border-radius:7px;
  background:#fffaf0;color:#72571d;font-size:.73rem;font-weight:760;
  line-height:1.35;text-decoration:none;overflow-wrap:anywhere;
  box-shadow:none;
}
.post-tile-body .blog-category-tags .blog-category-tag:hover,
.post-tile-body .blog-category-tags .blog-category-tag:focus-visible{
  background:#f7efd9;border-color:#cfb366;color:#4e3909;
  text-decoration:none;
}
.blog-post-hero .blog-hero-categories{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:7px;max-width:100%;
}
.blog-post-hero .blog-hero-categories .blog-hero-category{
  display:inline-flex;max-width:100%;flex:0 1 auto;white-space:normal;
  width:auto;padding:6px 11px;border-radius:7px;line-height:1.35;
}
.post-tile-body .blog-category-tags a:focus-visible,
.blog-directory-top .blog-category-nav a:focus-visible{
  outline:2px solid #c39f49;outline-offset:3px;
}
@media(max-width:420px){
  .blog-directory-top .blog-category-nav{gap:6px}
  .blog-directory-top .blog-category-nav a{padding:6px 9px;font-size:.73rem;min-height:32px}
  .post-tile-body .blog-category-tags .blog-category-tag{font-size:.7rem;padding:5px 8px}
}
@media(prefers-reduced-motion:reduce){
  .blog-directory-top .blog-category-nav a{transition:none}
}
