.pg-blog{--bg:#f5f0eb;--bg-white:#fff;--bg-card:#fff;--bg-section:#ede8e2;--accent:#ab4f46;--accent-lt:#c4605c;--accent-dim:#ab4f461a;--text:#1a1a1a;--text-muted:#6b6560;--text-sub:#4a4540;--border:#00000014;--border-md:#00000024;--radius:12px;--radius-sm:8px;--font-display:"Poppins", "Poppins Fallback", system-ui, sans-serif;--font-body:"Poppins", "Poppins Fallback", system-ui, sans-serif;--max-w:1140px;--pad-x:clamp(20px, 5vw, 60px)}:where(.pg-blog) *,:where(.pg-blog) :before,:where(.pg-blog) :after{box-sizing:border-box;margin:0;padding:0}body:has(.pg-blog){color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#f5f0eb;font-family:Poppins,Poppins Fallback,system-ui,sans-serif;font-size:16px;line-height:1.65}:where(.pg-blog) a{color:inherit;text-decoration:none}:where(.pg-blog) ul{list-style:none}:where(.pg-blog) .container{max-width:var(--max-w);padding:0 var(--pad-x);margin:0 auto}:where(.pg-blog) h1,:where(.pg-blog) h2,:where(.pg-blog) h3,:where(.pg-blog) h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-weight:700;line-height:1.15}:where(.pg-blog) h1{font-size:clamp(28px,4vw,48px)}:where(.pg-blog) h2{font-size:clamp(24px,3vw,36px)}:where(.pg-blog) h3{font-size:clamp(18px,2vw,22px)}:where(.pg-blog) .btn{font-family:var(--font-body);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}:where(.pg-blog) .btn:hover{opacity:.92;transform:translateY(-1px)}:where(.pg-blog) .btn-primary{background:var(--accent);color:#fff}:where(.pg-blog) .btn-ghost{color:var(--text);border:1px solid var(--border-md);background:#fff;box-shadow:0 1px 3px #0000000f}:where(.pg-blog) .btn-wa{color:#fff;background:#25d366;border-radius:100px}:where(.pg-blog) .blog-hero{text-align:center;padding:clamp(48px,6vw,80px) 0 clamp(32px,4vw,48px)}:where(.pg-blog) .blog-hero-eyebrow{border:1px solid var(--border-md);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#fff;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}:where(.pg-blog) .blog-hero-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}:where(.pg-blog) .blog-hero h1{color:var(--text);margin-bottom:14px}:where(.pg-blog) .blog-hero p{color:var(--text-muted);max-width:48ch;margin:0 auto;font-size:17px}:where(.pg-blog) .blog-grid-section{padding:0 0 clamp(60px,8vw,100px)}:where(.pg-blog) .blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}:where(.pg-blog) .blog-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}:where(.pg-blog) .blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a}:where(.pg-blog) .blog-card-img{aspect-ratio:16/9;background:var(--bg-section);flex-shrink:0;display:block;overflow:hidden}:where(.pg-blog) .blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}:where(.pg-blog) .blog-card:hover .blog-card-img img{transform:scale(1.04)}:where(.pg-blog) .blog-card-img-placeholder:before{content:attr(data-initials)}:where(.pg-blog) .blog-card-img-placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--accent);opacity:.2;background:linear-gradient(135deg,#f5f0eb,#ede8e2);justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}:where(.pg-blog) .blog-card-body{flex-direction:column;flex:1;padding:22px 24px 28px;display:flex}:where(.pg-blog) .blog-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}:where(.pg-blog) .blog-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}:where(.pg-blog) .blog-date{color:var(--text-muted);font-size:12px}:where(.pg-blog) .blog-sep{color:var(--border-md);font-size:12px}:where(.pg-blog) .blog-card-body :is(h2,h3){color:var(--text);margin-bottom:8px;font-size:17px;line-height:1.3}:where(.pg-blog) .blog-card-body :is(h2,h3) a{color:inherit;transition:color .15s}:where(.pg-blog) .blog-card-body :is(h2,h3) a:hover{color:var(--accent)}:where(.pg-blog) .blog-excerpt{color:var(--text-muted);flex:1;margin-bottom:18px;font-size:14px;line-height:1.6}:where(.pg-blog) .blog-read-more{color:var(--accent);align-items:center;gap:5px;font-size:13px;font-weight:600;transition:gap .15s;display:inline-flex}:where(.pg-blog) .blog-read-more:hover{gap:9px}:where(.pg-blog) .no-posts{text-align:center;color:var(--text-muted);padding:80px 0}:where(.pg-blog) .no-posts h2{color:var(--text);margin-bottom:12px;font-size:22px}:where(.pg-blog) .blog-pagination{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:56px;display:flex}:where(.pg-blog) .blog-pagination a,:where(.pg-blog) .blog-pagination span{border:1px solid var(--border-md);min-width:40px;height:40px;color:var(--text-sub);background:#fff;border-radius:100px;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}:where(.pg-blog) .blog-pagination a:hover{border-color:var(--accent);color:var(--accent)}:where(.pg-blog) .blog-pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}:where(.pg-blog) .post-hero{padding:clamp(48px,6vw,72px) 0 36px}:where(.pg-blog) .post-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}:where(.pg-blog) .post-hero h1{max-width:22ch;color:var(--text);margin-bottom:18px}:where(.pg-blog) .post-hero-sub{color:var(--text-muted);max-width:52ch;margin-bottom:24px;font-size:18px;line-height:1.6}:where(.pg-blog) .post-author{align-items:center;gap:10px;display:flex}:where(.pg-blog) .post-author-avatar{background:var(--accent-dim);width:36px;height:36px;font-family:var(--font-display);color:var(--accent);border:2px solid #ab4f4633;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}:where(.pg-blog) .post-author-name{color:var(--text);font-size:13px;font-weight:600}:where(.pg-blog) .post-author-date{color:var(--text-muted);font-size:12px}:where(.pg-blog) .post-featured-img{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);width:100%;height:auto;max-height:480px;margin-bottom:48px}:where(.pg-blog) .post-layout{grid-template-columns:1fr 300px;align-items:start;gap:48px;padding-bottom:clamp(60px,8vw,100px);display:grid}:where(.pg-blog) .post-content{min-width:0}:where(.pg-blog) .post-content h2{margin:40px 0 14px;font-size:clamp(20px,2.5vw,28px)}:where(.pg-blog) .post-content h3{margin:32px 0 12px;font-size:clamp(17px,2vw,22px)}:where(.pg-blog) .post-content p{color:var(--text-sub);margin-bottom:22px;font-size:16px;line-height:1.75}:where(.pg-blog) .post-content ul,:where(.pg-blog) .post-content ol{color:var(--text-sub);margin:0 0 22px 20px;line-height:1.75}:where(.pg-blog) .post-content li{margin-bottom:8px}:where(.pg-blog) .post-content a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}:where(.pg-blog) .post-content img{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;height:auto;margin:28px 0}:where(.pg-blog) .post-content blockquote{border-left:3px solid var(--accent);background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:28px 0;padding:16px 24px}:where(.pg-blog) .post-content blockquote p{color:var(--text);margin:0;font-size:17px;font-style:italic}:where(.pg-blog) .post-content pre{border-radius:var(--radius-sm);background:#1a1a1a;margin:24px 0;padding:20px;overflow-x:auto}:where(.pg-blog) .post-content code{background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:14px}:where(.pg-blog) .post-content pre code{color:#e8e4de;background:0 0;padding:0}:where(.pg-blog) .post-content hr{border:none;border-top:1px solid var(--border);margin:40px 0}:where(.pg-blog) .post-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:32px;display:flex}:where(.pg-blog) .post-tag{border:1px solid var(--border-md);color:var(--text-muted);background:#fff;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}:where(.pg-blog) .post-tag:hover{border-color:var(--accent);color:var(--accent)}:where(.pg-blog) .post-sidebar{position:sticky;top:84px}:where(.pg-blog) .sidebar-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;margin-bottom:20px;padding:24px;box-shadow:0 2px 8px #0000000a}:where(.pg-blog) .sidebar-card h2{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-size:12px;font-weight:600}:where(.pg-blog) .sidebar-post{border-bottom:1px solid var(--border);gap:12px;padding:10px 0;display:flex}:where(.pg-blog) .sidebar-post:last-child{border-bottom:none;padding-bottom:0}:where(.pg-blog) .sidebar-post-img{background:var(--bg-section);border-radius:6px;flex-shrink:0;width:56px;height:40px;overflow:hidden}:where(.pg-blog) .sidebar-post-img img{object-fit:cover;width:100%;height:100%}:where(.pg-blog) .sidebar-post-title{color:var(--text);font-size:13px;font-weight:500;line-height:1.4;transition:color .15s;display:block}:where(.pg-blog) .sidebar-post-title:hover{color:var(--accent)}:where(.pg-blog) .sidebar-post-date{color:var(--text-muted);margin-top:4px;font-size:11px}:where(.pg-blog) .sidebar-cta{background:var(--accent-dim);border-color:#ab4f4626}:where(.pg-blog) .sidebar-cta p{color:var(--text-sub);margin-bottom:16px;font-size:14px;line-height:1.5}@media (max-width:960px){:where(.pg-blog) .blog-grid{grid-template-columns:repeat(2,1fr)}:where(.pg-blog) .post-layout{grid-template-columns:1fr}:where(.pg-blog) .post-sidebar{position:static}}@media (max-width:640px){:where(.pg-blog) .blog-grid{grid-template-columns:1fr}}:where(.pg-blog) .post-featured-wrap{margin-bottom:48px}:where(.pg-blog) .post-related{border-top:1px solid var(--border);padding:clamp(40px,6vw,64px) 0 clamp(60px,8vw,100px)}:where(.pg-blog) .post-related h2{margin-bottom:8px;font-size:clamp(20px,2.5vw,28px)}:where(.pg-blog) .post-related .blog-grid{margin-top:24px}:where(.pg-blog) .post-content figure,:where(.pg-blog) .post-content .lexical-upload{margin:28px 0}:where(.pg-blog) .draft-banner{color:#6b5200;border-radius:var(--radius-sm);background:#fff3cd;border:1px solid #f0d78c;margin-top:24px;padding:10px 16px;font-size:14px}