.post-page{background:#fff}.post-hero{background:var(--yellow);padding:120px 0 60px;text-align:center;position:relative}.post-hero .cat-pill{display:inline-block;background:#fff;padding:8px 24px;border-radius:100px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.05);border:1.5px solid rgba(0,0,0,.05)}.post-hero .cat-pill,.post-hero h1{color:var(--text);font-family:var(--fh);font-weight:800}.post-hero h1{font-size:clamp(32px,5vw,48px);max-width:900px;margin:0 auto 32px;line-height:1.2}.post-share{gap:12px;margin-bottom:24px}.post-share,.share-btn{display:flex;justify-content:center}.share-btn{width:36px;height:36px;border-radius:4px;align-items:center;color:#fff;transition:transform .2s ease}.share-btn:hover{transform:translateY(-2px)}.share-btn.fb{background:#3b5998}.share-btn.tw{background:#000}.share-btn.wa{background:#25d366}.share-btn.li{background:#0077b5}.share-btn.sh{background:#8bc34a}.share-btn svg{width:18px;height:18px}.post-meta-strip{font-family:var(--fb);font-size:14px;color:var(--text);opacity:.7;display:flex;justify-content:center;gap:20px}.post-layout{padding:60px 0 100px;display:grid;grid-template-columns:1fr 340px;gap:48px}@media (max-width:1024px){.post-layout{grid-template-columns:1fr;gap:32px}.post-sidebar{display:block;width:100%;margin-top:24px}.post-sidebar .sidebar-sticky{position:static;top:auto}.sidebar-latest-box{display:none}.sidebar-author-box{margin-top:0!important;padding-top:0!important;border-top:none!important}.sidebar-similar-box{margin-top:32px!important;padding-top:24px!important;border-top:1px solid rgba(0,0,0,.08)!important}}.post-main-img{width:100%;border-radius:16px;margin-bottom:40px;box-shadow:0 20px 40px -15px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:40px;height:480px;position:relative;overflow:hidden}.post-main-img.has-img{height:auto;max-height:540px;min-height:260px;padding:0;background:#f8f9fa}.post-main-img.has-img img{width:100%;max-height:540px;object-fit:contain;border-radius:inherit;display:block}.post-thumb-watermark{font-size:100px;opacity:.2;font-weight:800}.post-body{font-family:var(--fb);font-size:17.5px;line-height:1.6;color:var(--text)}.post-body p{margin-bottom:12px}.post-body h2{font-size:28px;margin:28px 0 12px}.post-body h2,.sidebar-title{font-family:var(--fh);font-weight:800}.sidebar-title{font-size:20px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--yellow);display:inline-block}.sidebar-posts{display:flex;flex-direction:column;gap:24px}.side-post{gap:16px}.side-post,.side-post-img{display:flex;align-items:center}.side-post-img{width:80px;height:60px;border-radius:8px;background:var(--blue);flex-shrink:0;justify-content:center;color:#fff;font-weight:800;font-size:12px}.side-post-info h4{font-family:var(--fh);font-size:14px;font-weight:700;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.side-post-meta{font-size:12px;color:var(--muted)}@media (max-width:600px){.post-hero{padding:60px 0 30px}.post-layout{padding:30px 0 60px}.post-main-img{height:auto;min-height:240px;padding:30px 20px;margin-bottom:24px}.post-main-img.has-img{padding:0;min-height:180px}.post-thumb-watermark{font-size:60px}}.blog-html-content{font-family:var(--fb);font-size:17.5px;line-height:1.6;color:var(--text)}.blog-html-content p{margin-bottom:12px}.blog-html-content h1,.blog-html-content h2{font-family:var(--fh);font-weight:800;margin:24px 0 10px;line-height:1.25}.blog-html-content h1{font-size:clamp(24px,3vw,34px)}.blog-html-content h2{font-size:clamp(20px,2.2vw,26px)}.blog-html-content h3{font-family:var(--fh);font-size:18px;font-weight:700;margin:20px 0 8px}.blog-html-content h4{font-family:var(--fh);font-size:16.5px;font-weight:700;margin:16px 0 6px}.blog-html-content ol,.blog-html-content ul{padding-left:24px;margin-top:4px;margin-bottom:12px}.blog-html-content li,.blog-html-content li p{margin-bottom:4px}.blog-html-content a{color:var(--blue);text-decoration:underline}.blog-html-content a:hover{color:var(--blue-dk)}.blog-html-content img{max-width:100%;height:auto!important;border-radius:12px;margin:16px 0;display:block}.blog-html-content strong{font-weight:700;color:var(--text)}.blog-html-content blockquote{border-left:4px solid var(--blue);margin:20px 0;padding:12px 20px;background:rgba(55,119,255,.04);border-radius:0 8px 8px 0;font-style:italic;color:var(--muted)}.blog-html-content table{width:100%;border-collapse:collapse;margin:16px 0}.blog-html-content td,.blog-html-content th{border:1px solid rgba(0,0,0,.1);padding:8px 12px;font-size:15px}.blog-html-content th{background:var(--yellow);font-weight:700}.blog-html-content p:blank,.blog-html-content p:empty{display:none}