/* ===== blog / column shared styles (tax) ===== */

/* list */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px);}
.post{background:var(--white);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;transition:.35s var(--ease);}
.post:hover{transform:translateY(-5px);box-shadow:0 24px 46px -30px rgba(28,43,58,.4);}
.post__img{aspect-ratio:16/10;overflow:hidden;}
.post__img img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease);}
.post:hover .post__img img{transform:scale(1.05);}
.post__b{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1;}
.post__meta{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.post__cat{font-size:11px;background:var(--soft);color:var(--gold-d);border-radius:4px;padding:4px 11px;font-weight:600;}
.post__date{font-family:var(--en);font-size:12px;color:var(--mute);}
.post__b h3{font-size:17px;font-weight:700;line-height:1.55;margin-bottom:10px;}
.post__b p{font-size:13px;color:var(--ink2);line-height:1.8;flex:1;}
.post__more{margin-top:14px;font-family:var(--en);font-size:13px;font-weight:500;color:var(--gold-d);}

/* featured */
.post--feat{grid-column:span 3;display:grid;grid-template-columns:1.15fr 1fr;background:var(--navy);color:#fff;}
.post--feat .post__img{aspect-ratio:auto;height:100%;min-height:300px;}
.post--feat .post__b{justify-content:center;padding:clamp(28px,4vw,48px);}
.post--feat .post__cat{background:var(--gold);color:#fff;}
.post--feat .post__date{color:rgba(255,255,255,.6);}
.post--feat h3{font-size:clamp(20px,2.6vw,28px);color:#fff;line-height:1.5;}
.post--feat p{color:rgba(255,255,255,.78);}
.post--feat .post__more{color:var(--gold);}
.post--feat .pill{display:inline-block;font-family:var(--en);font-size:11px;letter-spacing:.16em;color:var(--gold);margin-bottom:12px;text-transform:uppercase;}

/* category chips */
.cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(30px,4vw,46px);}
.cats a{font-size:13px;color:var(--ink2);background:var(--white);border:1px solid var(--line);border-radius:30px;padding:8px 18px;transition:.3s;}
.cats a:hover,.cats a.on{background:var(--navy);color:#fff;border-color:var(--navy);}

/* ===== article ===== */
.article{width:min(92%,760px);margin:clamp(36px,5vw,56px) auto 0;}
.art-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:12.5px;color:var(--mute);margin-bottom:22px;}
.art-meta .cat{font-size:11px;background:var(--soft);color:var(--gold-d);border-radius:4px;padding:4px 11px;font-weight:600;}
.art-meta .en{font-family:var(--en);}
.art-hero{border-radius:var(--rad);overflow:hidden;margin-bottom:clamp(26px,4vw,40px);box-shadow:0 30px 56px -38px rgba(28,43,58,.5);}
.art-hero img{width:100%;height:auto;display:block;}
.art-author{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,38px);}
.art-author__av{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--soft);}
.art-author__av img{width:100%;height:100%;object-fit:cover;}
.art-author b{font-size:14px;} .art-author small{display:block;color:var(--mute);font-size:12px;}

/* toc */
.toc{background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:24px 28px;margin-bottom:clamp(30px,4vw,44px);}
.toc .toc__ti{font-family:var(--mc);font-weight:700;font-size:15px;margin-bottom:12px;display:flex;align-items:center;gap:9px;}
.toc .toc__ti::before{content:"";width:18px;height:2px;background:var(--gold);}
.toc ol{list-style:none;counter-reset:t;display:grid;gap:9px;}
.toc ol li{counter-increment:t;font-size:14px;padding-left:30px;position:relative;}
.toc ol li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:0;font-family:var(--en);font-size:12px;color:var(--gold-d);font-weight:600;}
.toc ol li a{color:var(--ink2);} .toc ol li a:hover{color:var(--gold-d);}

/* prose */
.prose{font-size:15.5px;line-height:2.05;color:#2b3a48;}
.prose>p{margin-bottom:24px;}
.prose .lead{font-size:16.5px;color:var(--ink2);margin-bottom:30px;}
.prose h2{font-size:clamp(21px,3vw,27px);line-height:1.5;margin:48px 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line);position:relative;}
.prose h2::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:3px;background:var(--gold);}
.prose h3{font-size:18.5px;margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--navy);}
.prose ul,.prose ol{margin:0 0 24px;padding-left:1.4em;}
.prose li{margin-bottom:9px;}
.prose strong{font-weight:700;color:var(--navy);}
.prose a{color:var(--gold-d);text-decoration:underline;text-underline-offset:3px;}
.prose figure{margin:30px 0;}
.prose figure img{width:100%;border-radius:var(--rad);}
.prose figcaption{font-size:12px;color:var(--mute);text-align:center;margin-top:9px;}
.prose blockquote{margin:28px 0;padding:18px 24px;background:var(--bg2);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;font-size:14.5px;color:var(--ink2);}
.prose .ptbl,.prose table{margin:24px 0;}
.prose .callout{background:var(--soft2);border:1px solid var(--line);border-radius:var(--rad);padding:22px 26px;margin:28px 0;}
.prose .callout b{display:block;font-family:var(--mc);font-size:15px;color:var(--navy);margin-bottom:8px;}
.prose .callout p{font-size:14px;color:var(--ink2);margin:0;}

/* article faq */
.art-faq{margin-top:clamp(40px,5vw,56px);}
.art-faq h2{font-size:clamp(20px,2.8vw,25px);margin-bottom:18px;}

/* author bio box */
.authorbox{display:grid;grid-template-columns:74px 1fr;gap:18px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--rad);padding:26px 28px;margin-top:clamp(38px,5vw,52px);align-items:start;}
.authorbox__av{width:74px;height:74px;border-radius:50%;overflow:hidden;background:var(--soft);}
.authorbox__av img{width:100%;height:100%;object-fit:cover;}
.authorbox .role{font-family:var(--en);font-size:12px;color:var(--gold-d);letter-spacing:.06em;}
.authorbox b{font-family:var(--mc);font-size:17px;display:block;margin:2px 0 8px;}
.authorbox p{font-size:13px;color:var(--ink2);line-height:1.85;}

/* related */
.related{margin-top:clamp(44px,5vw,60px);}
.related h2{font-family:var(--mc);font-size:20px;text-align:center;margin-bottom:24px;}
.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}

/* article cta */
.art-cta{margin-top:clamp(40px,5vw,56px);background:linear-gradient(165deg,#22395a,#16263a);color:#fff;border-radius:var(--rad);padding:clamp(30px,4vw,44px);text-align:center;}
.art-cta .lbl{display:block;color:var(--gold);margin-bottom:12px;}
.art-cta h3{font-family:var(--mc);color:#fff;font-size:clamp(20px,2.6vw,26px);margin-bottom:12px;}
.art-cta p{color:rgba(255,255,255,.82);font-size:14px;margin-bottom:22px;max-width:34em;margin-inline:auto;}
.art-cta .btn--fill{background:var(--gold);color:#fff;} .art-cta .btn--fill:hover{background:var(--gold-d);}

@media(max-width:880px){
  .posts{grid-template-columns:1fr 1fr;}
  .post--feat{grid-column:span 2;grid-template-columns:1fr;} .post--feat .post__img{min-height:220px;}
  .related__grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .posts{grid-template-columns:1fr;} .post--feat{grid-column:span 1;}
  .authorbox{grid-template-columns:1fr;} .authorbox__av{width:64px;height:64px;}
}