/* ---------- CARDS / CHIPS ---------- */
.chip.lt-chip{background:rgba(11,138,78,.1);color:#0B7A44}
.nav a:hover,.nav a.cur{color:#fff;background:rgba(255,255,255,.08)}
/* ---------- PAGE HERO ---------- */
.phero{position:relative;overflow:hidden;background:radial-gradient(50% 120% at 100% 0%,rgba(22,163,74,.32),rgba(22,163,74,0) 60%),radial-gradient(40% 90% at 0% 100%,rgba(0,212,170,.12),rgba(0,212,170,0) 60%),#070B09;color:#fff;padding:clamp(48px,6vw,84px) 0 clamp(40px,5vw,64px)}
.phero .t-display{font-size:clamp(32px,4.2vw,54px)}
.phero-in{display:flex;flex-direction:column;gap:16px;max-width:820px}
.phero .lead{margin:0;font-size:clamp(16.5px,1.3vw,19px);line-height:1.6;color:rgba(255,255,255,.8);max-width:680px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:14px;color:rgba(255,255,255,.6)}
.crumbs a{color:rgba(255,255,255,.75);text-decoration:none}.crumbs a:hover{color:#fff}
.crumbs li+li::before{content:"/";margin-right:6px;color:rgba(255,255,255,.35)}
.post-m{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--fg3)}
.back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:36px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:600 14px 'Be Vietnam Pro',sans-serif;cursor:pointer}
.back:hover{background:rgba(255,255,255,.2)}
/* ---------- BODY ---------- */
.pbody{background:#F3F6F4;color:#0E1512;padding:clamp(40px,5vw,72px) 0 clamp(64px,7vw,104px)}
.bchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.post{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit}
.post img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#E3E9E5}
.post-b{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px}
.post .ph{display:block;margin:0;font-family:'Lexend',sans-serif;font-size:19px;line-height:1.35;letter-spacing:-.015em;font-weight:600;color:var(--fg)}
.post .pe{display:-webkit-box;margin:0;font-size:15px;line-height:1.55;color:var(--fg2);-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post.feature{grid-column:1/-1;flex-direction:row}
.post.feature img{width:58%;aspect-ratio:16/9}
.post.feature .post-b{justify-content:center;padding:28px 32px}
.post.feature .ph{font-size:clamp(22px,2.2vw,30px)}
.doc.single{display:grid;grid-template-columns:minmax(0,820px);justify-content:center}
.paper{padding:clamp(24px,4vw,48px)}
.cover{display:block;width:100%;height:auto;border-radius:18px;margin:0 0 28px;box-shadow:0 20px 50px rgba(14,21,18,.15)}
.prose{font-size:17px;line-height:1.75;color:#26302B}
.prose>*:first-child{margin-top:0}
.prose h2{margin:40px 0 12px;font-family:'Lexend',sans-serif;font-weight:600;font-size:clamp(22px,2vw,27px);line-height:1.3;letter-spacing:-.02em;color:#0E1512}
.prose h3{margin:28px 0 8px;font-family:'Lexend',sans-serif;font-weight:600;font-size:19px;line-height:1.35;letter-spacing:-.015em;color:#0E1512}
.prose p{margin:0 0 16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}
.prose li{margin:6px 0}
.prose li::marker{color:#0B8A4E;font-weight:700}
.prose a{color:#0B7A44;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose strong{color:#0E1512}
.prose hr{border:0;height:1px;background:rgba(14,21,18,.1);margin:32px 0}
.prose figure{margin:24px 0}
.prose figure img{display:block;width:100%;height:auto;border-radius:14px}
.prose figcaption{font-size:14px;color:#5E6A64;margin-top:6px}
.help-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding:22px 24px;border-radius:16px;background:radial-gradient(90% 120% at 100% 0%,rgba(0,212,170,.28),rgba(0,212,170,0) 60%),#0B110E;color:#fff}
.help-box p{margin:0;color:rgba(255,255,255,.8);font-size:15.5px}
.help-box strong{display:block;color:#fff;font-size:17px;margin-bottom:2px}
@media (max-width:980px){.nav{display:none}.burger{display:inline-flex}}
@media (max-width:768px){.hide-sm{display:none !important}.logo{height:24px}.post.feature{flex-direction:column}.post.feature img{width:100%}.post.feature .post-b{padding:18px 20px 22px}.pgrid{grid-template-columns:minmax(0,1fr)}.prose{font-size:16.5px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.promo-track{width:100%;justify-content:center}.promo-dup{display:none}}
.ennote{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-size:14px;font-weight:600}
a.fchip{display:inline-flex;align-items:center;text-decoration:none}
.prose blockquote{margin:0 0 18px;padding:12px 18px;border-left:3px solid #0B8A4E;background:#EEF4F0;border-radius:0 12px 12px 0}
.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:15.5px}.prose th,.prose td{border:1px solid rgba(14,21,18,.12);padding:8px 10px;text-align:left}
.prose img{max-width:100%;height:auto}