:root{--blog-bg:#f7f4eb;--blog-surface:#fff;--blog-border:#0d3b2e14;--blog-headline:#0d3b2e;--blog-body:#334039;--blog-muted:#5c7a4e;--blog-accent:#f5c518}.blog-page{background:var(--blog-bg);max-width:72rem;min-height:100vh;margin:0 auto;padding:6rem 1rem 4rem}.blog-hero{border:1px solid var(--blog-border);background:var(--blog-surface);z-index:1;border-radius:1.5rem;gap:1.75rem;margin:0 auto 3rem;padding:3rem 2rem;display:grid;position:relative;box-shadow:0 18px 45px #1018280f}.blog-hero-copy{gap:.75rem;display:grid}.blog-main{gap:2rem;margin-top:1rem;padding:0 .5rem;display:grid}.blog-hero-copy{max-width:720px}.blog-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;margin-top:0;display:grid}.blog-eyebrow{color:var(--blog-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.9rem}.blog-title{color:var(--blog-headline);margin:0 0 1rem;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.blog-lead{max-width:700px;color:var(--blog-body);margin:0;line-height:1.8}.blog-hero-stats{gap:1rem;display:grid}.blog-hero-stat{background:var(--blog-surface);border:1px solid var(--blog-border);text-align:center;border-radius:20px;padding:1.25rem}.blog-hero-amount{margin-bottom:.35rem;font-size:2rem;font-weight:700;display:block}.blog-hero-label{color:var(--blog-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}.blog-main{gap:2rem;padding:0 .5rem;display:grid}.blog-listing-section{gap:2rem;display:grid}.blog-search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.blog-search-label{color:var(--blog-headline);font-weight:700}.blog-search-input{border:1px solid var(--blog-border);min-width:280px;max-width:620px;font:inherit;background:var(--blog-surface);color:var(--blog-headline);border-radius:999px;flex:1;padding:.95rem 1.15rem}.blog-empty-state{background:var(--blog-surface);border:1px solid var(--blog-border);color:var(--blog-muted);border-radius:24px;padding:2rem}.blog-skel{background:linear-gradient(90deg,#0d3b2e12 0%,#0d3b2e21 45%,#0d3b2e12 100%) 0 0/200% 100%;animation:1.2s ease-in-out infinite blog-skel-shine;display:block}.blog-skel-card{pointer-events:none}.blog-skel-line{border-radius:.4rem;width:100%;height:.85rem;margin-bottom:.75rem}.blog-skel-sm{width:6.5rem;height:.7rem}.blog-skel-title{width:82%;height:1.25rem}.blog-skel-md{width:58%}@keyframes blog-skel-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.blog-spinner-wrap{justify-content:center;align-items:center;min-height:18rem;padding:4rem 1rem;display:flex}.blog-spinner{border:3px solid #0d3b2e26;border-top-color:#0d3b2e;border-radius:9999px;width:2.5rem;height:2.5rem;animation:.7s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.blog-chip{border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-headline);cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-size:.88rem}.blog-chip.is-active{background:var(--blog-headline);color:#fff;border-color:var(--blog-headline)}.blog-chip:disabled{opacity:.45;cursor:not-allowed}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.blog-page-meta{color:var(--blog-headline);font-size:.88rem;font-weight:700}.blog-inline-error{color:#a33a2b;margin:.35rem 1.4rem 1rem;font-size:.85rem;font-weight:600}.blog-comment-form{gap:.85rem;margin-top:1.5rem;display:grid}.blog-comment-row{gap:.85rem;display:grid}@media (min-width:640px){.blog-comment-row{grid-template-columns:1fr 1fr}}.blog-comment-form label{color:var(--blog-headline);gap:.4rem;font-size:.88rem;font-weight:700;display:grid}.blog-comment-form input,.blog-comment-form textarea{box-sizing:border-box;border:1px solid var(--blog-border);width:100%;font:inherit;color:var(--blog-headline);background:var(--blog-surface);border-radius:.75rem;padding:.75rem .9rem;font-weight:500}.blog-comment-form .blog-inline-error{margin:0}.blog-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:24px;min-height:240px;transition:transform .25s,box-shadow .25s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0d3b2e14}.blog-card-link{color:inherit;grid-template-columns:330px 1fr;align-items:start;gap:1.75rem;text-decoration:none;display:grid}.blog-card-image{background:#e5eadf;border-radius:24px;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%}.blog-card-body{flex-direction:column;justify-content:space-between;padding:1.4rem;display:flex}.blog-card-meta{color:var(--blog-muted);flex-wrap:wrap;gap:.75rem;font-size:.88rem;display:flex}.blog-card-category{color:var(--blog-accent);font-weight:700}.blog-card-body h3{color:var(--blog-headline);margin:0 0 .75rem}.blog-card-body p{color:var(--blog-body);margin:0 0 1.25rem;line-height:1.8}.blog-card-footer{color:var(--blog-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.blog-card-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;padding:1rem 1.4rem 1.4rem;display:flex}.blog-card-action-btn{border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-headline);cursor:pointer;border-radius:999px;padding:.65rem .9rem;font-size:.92rem}.blog-card-action-count{cursor:default;color:var(--blog-muted)}.blog-detail-page{background:var(--blog-bg);padding:9rem 1.25rem 4rem}.blog-detail-header,.blog-detail-body{max-width:900px;margin:0 auto}.blog-detail-header{margin-bottom:2.25rem}.blog-detail-meta{color:var(--blog-accent);flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-weight:700;display:flex}.blog-detail-title{color:var(--blog-headline);margin:0 0 1rem;font-size:clamp(2rem,3vw,3.5rem);line-height:1.03}.blog-detail-description{color:var(--blog-body);max-width:760px;margin:0 0 1.75rem;line-height:1.9}.blog-detail-author{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:24px;gap:1rem;padding:1.5rem;display:grid}.blog-detail-author strong{color:var(--blog-headline);display:block}.blog-detail-author span{color:var(--blog-muted)}.blog-detail-stats{color:var(--blog-muted);flex-wrap:wrap;gap:1rem;display:flex}.blog-detail-cover{background:#dfe6d7;border-radius:28px;width:min(100%,900px);min-height:480px;margin:2.5rem auto 0;position:relative;overflow:hidden}.blog-detail-image{object-fit:cover}.blog-detail-body{gap:3.25rem;margin-top:3.75rem;display:grid}.blog-actions{flex-wrap:wrap;gap:1rem;display:flex}.blog-action-btn{border:1px solid var(--blog-border);background:var(--blog-surface);color:var(--blog-headline);cursor:pointer;border-radius:999px;padding:.9rem 1.25rem;transition:background-color .2s,transform .2s}.blog-action-btn:hover{background:#f5c51826;transform:translateY(-1px)}.blog-markdown{color:var(--blog-body);gap:1rem;line-height:1.85;display:grid}.blog-markdown h2,.blog-markdown h3,.blog-markdown h4{color:var(--blog-headline);margin:1.5rem 0 .8rem}.blog-markdown p{margin:0}.blog-markdown a{color:var(--blog-accent);text-decoration:none}.blog-detail-comments{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:24px;margin-top:.75rem;padding:2rem}.blog-detail-comments h2{margin-top:0}.blog-comment-item{border-bottom:1px solid #0d3b2e0f;margin-bottom:1.5rem;padding-bottom:1.25rem}.blog-comment-item p{margin:0 0 .9rem}.blog-comment-item div{color:var(--blog-muted);flex-wrap:wrap;gap:.75rem;display:flex}.blog-related{background:var(--blog-surface);border:1px solid var(--blog-border);border-radius:24px;margin-top:.75rem;padding:2rem}.blog-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.blog-related-card{color:inherit;border:1px solid var(--blog-border);border-radius:20px;gap:1rem;text-decoration:none;display:grid;overflow:hidden}.blog-related-thumb{background:#e5eadf;min-height:160px;position:relative}.blog-related-img{object-fit:cover}.blog-related-card h3{margin:0}.blog-related-card p{color:var(--blog-muted);margin:0;font-size:.95rem}.blog-back-link{margin:0}.blog-back-link a{color:var(--blog-accent);text-decoration:none}@media (max-width:960px){.blog-hero,.blog-grid,.blog-related-grid,.blog-card-link{grid-template-columns:1fr}}@media (max-width:720px){.blog-grid,.blog-related-grid{grid-template-columns:1fr}.blog-hero-stats{grid-template-columns:1fr;gap:.35rem;margin-top:0}.blog-hero-stat{border-radius:12px;flex-direction:column;justify-content:center;min-height:auto;padding:.45rem .4rem;display:flex}.blog-hero-amount{margin-bottom:.1rem;font-size:.9rem}.blog-hero-label{letter-spacing:.05em;font-size:.54rem}.blog-search-bar{flex-direction:column;align-items:stretch}.blog-search-input{width:100%;min-width:0}.blog-card{flex-direction:column;display:flex}.blog-card-link{grid-template-columns:1fr;gap:0}.blog-card-image{border-radius:24px 24px 0 0;min-height:420px}.blog-card-body{padding:1.15rem 1rem 1.2rem}.blog-card-actions{padding:0 1rem 1rem}.blog-body,.blog-search-bar{gap:1rem}.blog-detail-cover{min-height:320px}}