.phero-post{position:relative;overflow:hidden;color:#fff;background:var(--navy) url("/media/kannanotot_1800x620.jpg") center 40%/cover no-repeat;padding:80px 0 72px}
.phero-post .meta{display:flex;gap:12px;align-items:center;font-size:14px;color:rgba(255,255,255,.8);margin-bottom:14px}
.phero-post .pill{font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--amber);border-radius:999px;padding:5px 10px}
.phero-post h1{font-size:40px;max-width:860px}
.post .wrap{max-width:820px}
.post .cover{width:100%;max-height:460px;object-fit:cover;border-radius:16px;margin-bottom:36px;box-shadow:0 18px 44px rgba(15,39,64,.12)}
.post-body{font-size:17px;color:#2a3744}
.post-body h1,.post-body h2,.post-body h3,.post-body h4{margin:36px 0 12px}
.post-body h1{font-size:30px}.post-body h2{font-size:26px}.post-body h3{font-size:21px}.post-body h4{font-size:18px}
.post-body p{margin-bottom:18px}
.post-body ul,.post-body ol{margin:0 0 18px 24px}
.post-body li{margin-bottom:6px}
.post-body a{text-decoration:underline;text-decoration-color:rgba(31,122,140,.4);text-underline-offset:3px}
.post-body img{margin:24px auto;border-radius:12px;max-width:100%;height:auto}
.post-body blockquote{border-left:5px solid var(--amber);background:var(--bg);padding:16px 22px;margin:24px 0;border-radius:0 10px 10px 0;color:var(--navy)}
.post-body blockquote p:last-child{margin-bottom:0}
.post-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}
.post-body th,.post-body td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.post-body th{background:var(--bg);font-family:Poppins,Arial,sans-serif;font-weight:600}
.post-body hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.post-body pre{background:var(--bg);padding:14px 16px;border-radius:10px;overflow-x:auto;font-size:14px}
.post-body code{font-size:.95em;background:var(--bg);padding:1px 5px;border-radius:4px}
.post-body pre code{background:none;padding:0}
.post-footer{display:flex;gap:14px;align-items:center;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.post-footer .btn:last-child{margin-left:auto}
.btn-ghost{border:2px solid var(--line);color:var(--navy);background:#fff}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}
@media (max-width:900px){.phero-post h1{font-size:30px}.fgrid{grid-template-columns:1fr 1fr}.menu{display:none}}
.preview-banner{background:var(--amber);color:var(--navy);font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:14px;text-align:center;padding:10px 16px}
.post .cover-fig{margin:0 0 36px}
.post .cover-fig .cover{margin-bottom:0}
.post figcaption,.post-body figcaption{font-size:12.5px;color:var(--muted);text-align:right;margin-top:6px}
.post-body figure{margin:24px 0}
.post-body figure img{margin:0}