.reading-progress{position:fixed;top:68px;left:0;height:3px;background:var(--green);z-index:300;width:0%;transition:width .1s linear}.post-layout{display:grid;grid-template-columns:1fr 340px;gap:60px;max-width:1180px;margin:0 auto;padding:100px 28px 80px;align-items:start}.post-back{display:inline-block;font-size:.85rem;font-weight:600;color:var(--txt-2);margin-bottom:8px;transition:color .2s}.post-back:hover{color:var(--green)}.post-title{font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:24px;line-height:1.2}.post-header__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.post-author{display:flex;align-items:center;gap:12px}.post-author__avatar{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.post-author strong{display:block;font-size:.9rem}.post-author span{font-size:.8rem;color:var(--txt-2)}.post-header__info{font-size:.82rem;color:var(--txt-2)}.post-cover{border-radius:20px;overflow:hidden;margin-bottom:40px;border:1px solid var(--border)}.post-cover img{width:100%;display:block}.post-lead{font-size:1.15rem;color:var(--txt);font-weight:500;line-height:1.7;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.post-content h2{font-size:1.6rem;margin:40px 0 16px}.post-content h3{font-size:1.15rem;margin:28px 0 12px}.post-content p{margin-bottom:20px;font-size:1rem;line-height:1.8}.post-content ul,.post-content ol{padding-left:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.post-content li{font-size:1rem;line-height:1.7;color:var(--txt-2)}.post-content li strong{color:var(--txt)}.post-content em{font-style:italic}.post-callout{border-radius:var(--radius);padding:20px 24px;margin:32px 0;border-left:4px solid}.post-callout--warning{background:#fffbeb;border-color:#f59e0b}.post-callout--tip{background:var(--green-light);border-color:var(--green)}.post-callout strong{display:block;margin-bottom:4px}.post-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:40px 0}.post-share strong{font-size:.88rem}.post-share__btns{display:flex;gap:8px}.share-btn{padding:8px 16px;border-radius:100px;font-size:.8rem;font-weight:600;border:1px solid var(--border);transition:all .2s;cursor:pointer;text-decoration:none}.share-btn--wa:hover{background:#25D366;color:#fff;border-color:#25D366}.share-btn--li:hover{background:#0A66C2;color:#fff;border-color:#0A66C2}.share-btn--tw:hover{background:#000;color:#fff;border-color:#000}.post-cta-box{display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,var(--green-light),#fff);border:1px solid rgba(70,124,69,.2);border-radius:20px;padding:36px 40px;margin-top:40px}.post-cta-box__text h3{margin-bottom:8px}.post-cta-box .btn{flex-shrink:0}.post-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.sticky-card{position:sticky;top:100px}.sidebar-card__title{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:16px}.toc{display:flex;flex-direction:column;gap:2px}.toc__item{padding:8px 12px;border-radius:8px;font-size:.85rem;color:var(--txt-2);border-left:2px solid transparent;transition:all .2s}.toc__item:hover,.toc__item--active{color:var(--green);border-left-color:var(--green);background:var(--green-light)}.sidebar-cta{background:var(--bg-dark);border-radius:16px;padding:28px;color:#fff}.sidebar-cta h3{color:#fff;margin-bottom:8px}.sidebar-cta p{color:rgba(255,255,255,.6);font-size:.88rem}.related-posts{display:flex;flex-direction:column;gap:16px}.related-post{display:flex;gap:12px;align-items:center;transition:opacity .2s}.related-post:hover{opacity:.7}.related-post img{width:64px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}.related-post span{font-size:.85rem;font-weight:500;color:var(--txt);line-height:1.4}@media (max-width:1024px){.post-layout{grid-template-columns:1fr}.post-sidebar{display:none}}

/* Responsive hardening */
.post-layout>*,.post-cta-box>*{min-width:0}.post-content img{max-width:100%;height:auto}.post-content{overflow-wrap:anywhere}.post-share__btns{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:1024px){.post-layout{grid-template-columns:1fr;gap:36px;padding:92px 24px 64px}.post-sidebar{display:none}}
@media (max-width:700px){.reading-progress{top:64px}.post-layout{padding:84px 18px 52px}.post-title{font-size:clamp(1.7rem,8vw,2.2rem)}.post-header__meta{align-items:flex-start;flex-direction:column;gap:14px}.post-cover{border-radius:16px;margin-bottom:28px}.post-lead{font-size:1.02rem;margin-bottom:26px;padding-bottom:26px}.post-content h2{font-size:1.35rem;margin:32px 0 14px}.post-content p,.post-content li{font-size:.96rem}.post-callout{padding:18px;margin:26px 0}.post-share{align-items:flex-start;flex-direction:column;gap:12px}.post-cta-box{flex-direction:column;align-items:stretch;gap:20px;padding:28px 20px;border-radius:18px}.post-cta-box .btn{width:100%}}
@media (max-width:420px){.post-layout{padding-left:16px;padding-right:16px}.post-author__avatar{width:40px;height:40px}.share-btn{width:100%;text-align:center}.post-share__btns{width:100%;flex-direction:column}}