.bl-sec{padding:72px 0}
.bl-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.bl-intro{font-size:18px;color:#33485C;margin:0 0 24px}
.bl-status{font-weight:700;color:#0F2A44;margin:0 0 18px}
.bl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bl-card{background:#fff;border:1px solid #EDE3DC;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 50px -40px rgba(13,42,68,.5);transition:transform .25s,box-shadow .25s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(13,42,68,.55)}
.bl-pic{display:block;aspect-ratio:16/10;overflow:hidden;background:#DCE8F7}
.bl-pic img{width:100%;height:100%;object-fit:cover;display:block}
.bl-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.bl-cat{align-self:flex-start;font-size:13px;font-weight:700;color:#C9694B;background:#FDEDE4;border-radius:999px;padding:5px 12px;text-decoration:none}
.bl-body h3{font-size:21px;line-height:1.3;margin:4px 0 0}
.bl-body h3 a{color:#0F2A44;text-decoration:none}
.bl-body h3 a:hover{color:#1570b0}
.bl-body>p{margin:0;color:#4A5C6E;font-size:15.5px;line-height:1.6}
.bl-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:#6B7C8C!important}
.bl-meta a{color:#1570b0;font-weight:600;text-decoration:none}
.bl-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#0F2A44;text-decoration:none}
.bl-more:hover{color:#C9694B}
.bl-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}
.bl-w{background:#fff;border:1px solid #EDE3DC;border-radius:20px;padding:20px 22px;box-shadow:0 20px 40px -36px rgba(13,42,68,.45)}
.bl-w h2{font-size:18px!important;margin:0 0 12px;color:#0F2A44}
.bl-search{display:flex;gap:8px;padding:10px}
.bl-search input{flex:1;min-width:0;border:1px solid #DCE3EA;border-radius:12px;padding:12px 14px;font:inherit;font-size:15px}
.bl-search input:focus{outline:2px solid #1570b0;outline-offset:1px}
.bl-search button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;background:#1570b0;color:#fff;font-weight:700;padding:0 16px;cursor:pointer}
.bl-search button span{font-size:14px}
.bl-cats,.bl-latest{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bl-cats a{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:12px;color:#1570b0;font-weight:600;text-decoration:none;background:#F4F8FC}
.bl-cats a:hover{background:#FDEDE4;color:#C9694B}
.bl-cats span{font-size:12px;background:#fff;border-radius:999px;padding:2px 9px;color:#6B7C8C}
.bl-latest a{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;text-decoration:none}
.bl-latest img{width:72px;height:56px;object-fit:cover;border-radius:10px}
.bl-latest strong{display:block;font-size:14.5px;line-height:1.35;color:#0F2A44}
.bl-latest time{font-size:12.5px;color:#6B7C8C}
.bl-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.bl-tags a{font-size:13.5px;padding:6px 12px;border-radius:999px;border:1px solid #F1D5C7;color:#C9694B;text-decoration:none;background:#FFF8F4}
.bl-tags a:hover{background:#E9967A;color:#fff}
.bl-toc ol{margin:0;padding-left:20px;display:grid;gap:6px}
.bl-toc a{color:#1570b0;text-decoration:none;font-size:14.5px}
.bl-postmeta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:#6B7C8C;margin:14px 0 0}
.bl-postmeta a{color:#1570b0;font-weight:600;text-decoration:none}
.bl-post .post-article{min-width:0}
.bl-feat{margin:0 0 28px;border-radius:24px;overflow:hidden;aspect-ratio:16/9}
.bl-feat img{width:100%;height:100%;object-fit:cover;display:block}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:959px){.bl-layout{grid-template-columns:1fr}.bl-side{position:static}.bl-sec{padding:48px 0}}
@media(max-width:640px){.bl-grid{grid-template-columns:1fr}}
html body .bl-w:not(#_) h2{font-size:18px!important;line-height:1.3!important;letter-spacing:0!important;margin:0 0 12px!important}
html body .bl-body:not(#_) h3{font-size:21px!important;line-height:1.3!important}
html body .bl-meta:not(#_){font-size:13.5px!important}
html body .post-hero .post-hero-in:not(#_){max-width:1240px!important;margin:0 auto!important}
html body .post-hero .post-hero-in:not(#_) h1,html body .post-hero .post-hero-in:not(#_) .lead{max-width:820px}
html body .bl-post .post-article:not(#_){max-width:none!important;width:100%}
.bl-faq{margin:40px 0 32px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#FFF8F4,#FDEDE4)}
html body .bl-faq:not(#_) h2{margin:0 0 18px;font-size:28px}
html body .bl-faq:not(#_) .faq-list{display:grid;gap:12px}
html body .bl-faq:not(#_) details{background:#fff;border-radius:16px;padding:4px 20px;box-shadow:0 14px 30px -26px rgba(13,42,68,.5)}
html body .bl-faq:not(#_) .faq-q{font-size:18px!important;margin:0}
.bl-related{padding:72px 0;background:#F6F9FC}
.bl-grid3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px}
@media(max-width:959px){.bl-grid3{grid-template-columns:1fr}}
.bl-pic-ph{background:linear-gradient(135deg,#EAF4FB,#FDEDE4)}
/* v2 article body: tighter rhythm + rich content */
html body .bl-post .post-article:not(#_) h2{margin:36px 0 12px!important}
html body .bl-post .post-article:not(#_) h3{margin:24px 0 8px!important}
html body .bl-post .post-article:not(#_) p{margin:0 0 14px!important}
html body .bl-post .post-article:not(#_) .bl-feat+p{margin-top:0!important}
.bl-keys{margin:0 0 28px;padding:24px 28px;border-radius:20px;background:linear-gradient(135deg,#F3F8FC,#FFF4EE)}
.bl-keys strong.kt{display:block;color:#0D2A44;font-size:17px;margin:0 0 10px}
.bl-keys ul,.post-article ul.bl-list,.post-article ol.bl-list{margin:0 0 16px;padding-left:22px}
.bl-keys li,.post-article .bl-list li{margin:0 0 8px;line-height:1.6}
.bl-keys li::marker,.post-article .bl-list li::marker{color:#E3A08A;font-weight:700}
.bl-tbl{margin:8px 0 22px;overflow-x:auto;border-radius:18px;box-shadow:0 0 0 1px #E6EDF3}
.bl-tbl table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px}
.bl-tbl th{background:#0D2A44;color:#fff;text-align:left;padding:14px 18px;font-weight:600}
.bl-tbl td{padding:13px 18px;border-top:1px solid #E6EDF3;vertical-align:top;line-height:1.55}
.bl-tbl tr:nth-child(even) td{background:#F8FBFD}
.bl-tbl td:first-child{font-weight:600;color:#0D2A44}
.bl-note{margin:6px 0 22px;padding:18px 22px;border-left:4px solid #E3A08A;border-radius:0 16px 16px 0;background:#FFF8F4}
.bl-note p{margin:0!important}
html body .bl-faq:not(#_){margin:32px 0 24px}
/* uniform key takeaways box + article elements */
.post-article .key-takeaways{margin:28px 0!important}
.post-article .key-takeaways h3{margin:0 0 12px!important;font-weight:700!important;color:#0D2A44!important}
.post-article .key-takeaways ul{margin:0 0 12px!important;padding-left:22px!important}
.post-article .key-takeaways li{margin:0 0 8px!important;line-height:1.6}
.post-article .key-takeaways li::marker{color:#E3A08A;font-weight:700}
.post-article .key-takeaways .kt-read{margin:8px 0 0!important;font-size:14px;color:#5b6b7a}
.post-article table{width:100%;border-collapse:separate;border-spacing:0;margin:24px 0;border:1px solid #DCEBF5;border-radius:16px;overflow:hidden;font-size:15px}
.post-article th{background:#0D2A44;color:#fff;text-align:left;padding:12px 14px;font-weight:700}
.post-article td{padding:12px 14px;border-top:1px solid #E6EEF4;vertical-align:top}
.post-article tbody tr:nth-child(even) td{background:#F5FAFE}
.post-article .wp-block-table,.post-article figure.wp-block-table{overflow-x:auto}
.post-article iframe{max-width:100%;border:0;border-radius:18px}
.post-article img{max-width:100%;height:auto}
/* takeaway: very light blue, thin border, blends with the article */
html body .post-article .key-takeaways:not(#_a):not(#_b){background:#F3F9FD!important;border:1px solid #DCEBF5!important;border-left:1px solid #DCEBF5!important;border-radius:16px!important;box-shadow:none!important;padding:22px 24px!important;margin:20px 0!important}
/* FAQ accordion in posts (questions are H3) */
.post-article .faq-acc{margin:16px 0 28px;display:grid;gap:12px}
.post-article .faq-item{border:1px solid #DCEBF5;border-radius:16px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.post-article .faq-item[open]{border-color:#36A6DD;box-shadow:0 14px 30px -24px rgba(13,42,68,.4)}
.post-article .faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}
.post-article .faq-item summary::-webkit-details-marker{display:none}
.post-article .faq-item summary::after{content:"";flex:0 0 26px;height:26px;border-radius:50%;background:#EAF5FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%230D2A44' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.post-article .faq-item[open] summary::after{transform:rotate(45deg);background-color:#FDF0EA}
.post-article .faq-item summary:focus-visible{outline:3px solid #36A6DD;outline-offset:-3px}
.post-article:not(#_) .faq-item summary h3{margin:0!important}
.post-article .faq-a{padding:0 20px 16px}
.post-article:not(#_) .faq-a p{margin:0 0 12px!important}
.post-article .faq-a>:last-child{margin-bottom:0!important}
/* ===== Blog list cards v3 (mobile-first): date > tag > title > text > author, each on its own line ===== */
html body .bl-body:not(#_){padding:18px 18px 20px;gap:10px}
html body .bl-body:not(#_) .bl-date{display:block;font-size:13.5px;font-weight:600;line-height:1.3;color:#6B7C8C;margin:0}
html body .bl-body:not(#_) .bl-cat{display:inline-block;align-self:flex-start;margin:0}
html body .bl-body:not(#_) h3{margin:0!important;font-size:20px!important;line-height:1.3!important}
html body .bl-body:not(#_)>p{margin:0}
html body .bl-meta:not(#_){display:block;margin:0;padding-top:12px;border-top:1px solid #EDE3DC;font-size:14px!important}
html body .bl-meta:not(#_) a{display:block;text-decoration:none}
html body .bl-meta:not(#_) .dr-name{display:block;font-size:17px;font-weight:700;line-height:1.3;color:#0F2A44}
html body .bl-meta:not(#_) .dr-cred{display:block;font-size:12px;font-weight:500;line-height:1.4;color:#6B7C8C;margin-top:2px;letter-spacing:.01em}
@media(min-width:641px){html body .bl-body:not(#_){padding:22px 24px 24px}html body .bl-body:not(#_) h3{font-size:21px!important}}
/* ===== Single post hero meta v3 (mobile-first): author block + date block, aligned ===== */
html body .post-hero .bl-postmeta:not(#_){display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid rgba(13,42,68,.12);max-width:520px;font-size:15px}
html body .post-hero .bl-postmeta:not(#_) a{display:block;text-decoration:none}
html body .post-hero .bl-postmeta:not(#_) .dr-name{display:block;font-size:18px;font-weight:700;line-height:1.3;color:#0D2A44}
html body .post-hero .bl-postmeta:not(#_) .dr-cred{display:block;font-size:13px;font-weight:500;line-height:1.4;color:#5B6B7A;margin-top:3px;letter-spacing:.01em}
html body .post-hero .bl-postmeta:not(#_) time{display:block;font-size:14.5px;font-weight:600;line-height:1.3;color:#5B6B7A}
@media(min-width:700px){html body .post-hero .bl-postmeta:not(#_){flex-direction:row;align-items:flex-start;gap:0;max-width:none;width:max-content}
html body .post-hero .bl-postmeta:not(#_) time{align-self:stretch;display:flex;align-items:flex-start;margin-left:24px;padding-left:24px;border-left:1px solid rgba(13,42,68,.15);font-size:16px;line-height:1.3;padding-top:2px}}