.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .35s,box-shadow .35s,border-color .35s}
.bcard:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:rgba(201,162,75,.6)}
.bcard .bt{height:8px;background:linear-gradient(90deg,var(--navy),#c9a24b)}
.bcard .bb{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}
.bcat{align-self:flex-start;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a9802a;background:#f6efdc;padding:5px 12px;border-radius:999px}
.bcard h3{font-size:1.3rem;line-height:1.3}.bcard p{color:#4a576b;font-size:.98rem;flex:1}
.bmeta{font-size:.88rem;color:var(--mute);display:flex;gap:14px;flex-wrap:wrap}
.bmore{font-weight:600;color:var(--navy)}
.bempty{grid-column:1/-1;padding:40px;text-align:center;color:var(--mute);background:#fff;border:1px dashed var(--line);border-radius:18px}
/* blog listing */
.page-hero{padding:150px 0 50px;background:radial-gradient(800px 400px at 85% 0,rgba(201,162,75,.18),transparent 60%),linear-gradient(135deg,#fffdf8,#f3eee2)}
.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);margin:12px 0}
.toolbar{display:flex;flex-direction:column;gap:18px;margin-top:30px}
.search{position:relative;max-width:520px}.search input{width:100%;padding:15px 18px 15px 48px;border-radius:999px;border:1.5px solid var(--line);font:500 1.02rem Inter;background:#fff}
.search input:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,75,.15)}
.search svg{position:absolute;left:17px;top:50%;transform:translateY(-50%)}
.chipsf{display:flex;flex-wrap:wrap;gap:10px}
.chipsf button{border:1.5px solid var(--line);background:#fff;color:#33415a;font:500 .92rem Inter;padding:9px 16px;border-radius:999px;cursor:pointer;transition:.25s}
.chipsf button:hover{border-color:var(--gold);color:var(--navy)}.chipsf button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chipsf button small{opacity:.6;margin-left:4px}
/* article */
.post-hero{padding:140px 0 40px;background:linear-gradient(135deg,#fffdf8,#f3eee2)}
.crumbs{font-size:.92rem;color:var(--mute);margin-bottom:18px}.crumbs a{color:var(--navy);font-weight:500}
.post-hero h1{font-size:clamp(2rem,4.2vw,3rem);max-width:900px;margin:14px 0}
.byline{display:flex;flex-wrap:wrap;gap:8px 18px;color:#4a576b;font-size:.95rem;margin-top:14px}
.byline img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--gold)}
.byline .au{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--navy)}
.post{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:50px 0 90px}
.article{font-size:1.05rem;line-height:1.8;color:#26313f;min-width:0}
.article h2{font-size:1.75rem;margin:44px 0 14px;scroll-margin-top:90px}.article h3{font-size:1.3rem;margin:28px 0 10px}
.article p{margin:0 0 18px}.article ul,.article ol{margin:0 0 20px 24px}.article li{margin:6px 0}
.article a{color:#8a6a1f;text-decoration:underline;text-underline-offset:3px}
.tblw{overflow-x:auto;margin:10px 0 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.article table{width:100%;border-collapse:collapse;font-size:.98rem;min-width:460px}
.article th,.article td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}.article th{background:#f6efdc;color:var(--navy)}
.article tr:last-child td{border:0}
.ex{background:#eef2f8;border-left:4px solid var(--navy);border-radius:12px;padding:18px 22px;margin:20px 0}
.kt{background:linear-gradient(150deg,#fff,#f6efdc);border:1px solid rgba(201,162,75,.45);border-radius:18px;padding:24px 28px;margin:34px 0}
.kt h2{margin-top:0!important}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:12px 0}
.faq summary{cursor:pointer;font-weight:600;color:var(--navy)}.faq details p{margin:10px 0 0}
.cta-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 28px;margin:34px 0}
.pdisc{font-size:.92rem;color:var(--mute);border-top:1px solid var(--line);padding-top:18px;margin-top:30px}
.side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:20px}
.box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.box h2,.box h3{font-size:1.1rem;margin-bottom:10px}.toc ol{margin-left:18px;font-size:.95rem}.toc li{margin:6px 0}.toc a{color:#33415a}.toc a:hover{color:#a9802a}
.share{display:flex;flex-wrap:wrap;gap:8px}.share a,.share button{font:600 .88rem Inter;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;transition:.25s}
.share a:hover,.share button:hover{border-color:var(--gold);transform:translateY(-2px)}
.related a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--navy);font-weight:500;font-size:.98rem}.related a:last-child{border:0}
.back{display:inline-flex;gap:8px;align-items:center;font-weight:600;color:var(--navy)}
@media(max-width:1024px){.bgrid{grid-template-columns:1fr 1fr}.post{grid-template-columns:1fr}.side{position:static}}
@media(max-width:600px){.bgrid{grid-template-columns:1fr}.article{font-size:1rem}.article h2{font-size:1.45rem}.page-hero,.post-hero{padding-top:120px}}