:root{--blog-green:#3f5550;--blog-dark:#20342f;--blog-border:#dfe7e2;--blog-bg:#f7f8f6}.page-hero{min-height:56vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:0!important;background:#0f1813}.page-hero .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:1}.page-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,24,19,.84) 0%,rgba(15,24,19,.60) 45%,rgba(15,24,19,.34) 100%);z-index:2}.page-hero .hero-container{position:relative;z-index:3;padding-top:120px;padding-bottom:70px}.page-hero .hero-box{max-width:860px;margin:0 auto;text-align:center}.page-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1rem;border-radius:999px;background:rgba(82,97,92,.88);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.92rem;font-weight:600;backdrop-filter:blur(10px);margin-bottom:1.25rem;box-shadow:0 10px 25px rgba(0,0,0,.12)}.page-title{color:#fff;font-size:clamp(2rem,4.2vw,3.6rem);line-height:1.04;font-weight:800;letter-spacing:-.03em;max-width:820px;margin:0 auto 1rem;text-shadow:0 8px 24px rgba(0,0,0,.22)}.page-subtitle{max-width:760px;margin:0 auto;color:rgba(255,255,255,.94);font-size:1.05rem;line-height:1.8;text-align:center;text-wrap:balance;text-shadow:0 4px 18px rgba(0,0,0,.16)}.blog-section,.article-shell{background:var(--blog-bg);padding:56px 0 90px}.blog-filters{display:flex;gap:10px;overflow:auto;margin-bottom:30px;padding-bottom:4px}.blog-filters a{white-space:nowrap;border:1px solid var(--blog-border);background:#fff;color:var(--blog-dark);padding:10px 16px;border-radius:18px;font-weight:700}.blog-filters a.active{background:var(--blog-green);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border:1px solid var(--blog-border);border-radius:24px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.05)}.blog-card-media{display:block;aspect-ratio:16/9;background:#e7ece8}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card-placeholder{height:100%;display:grid;place-items:center;color:var(--blog-green);font-size:2.5rem}.blog-card-body{padding:24px}.blog-meta{display:flex;gap:14px;align-items:center;color:#66756b;font-size:.84rem;font-weight:700}.blog-meta span{color:var(--blog-green);text-transform:uppercase}.blog-card h2{font-size:1.35rem;margin:14px 0 10px}.blog-card h2 a{color:#16231f}.blog-card p{color:#64748b}.blog-read{color:var(--blog-green);font-weight:800}.blog-pagination{display:flex;justify-content:center;margin-top:38px}.blog-empty{text-align:center;padding:60px;border:1px solid var(--blog-border);border-radius:24px;background:#fff}.article-container{max-width:920px}.article-back{display:inline-flex;gap:8px;color:var(--blog-green);font-weight:800;margin:35px 0}.article-header h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;color:#16231f;margin:18px 0}.article-header>p{font-size:1.2rem;color:#64748b;max-width:760px}.article-cover{margin:38px 0;border-radius:24px;overflow:hidden}.article-cover img{width:100%;max-height:520px;object-fit:cover}.article-content{background:#fff;border:1px solid var(--blog-border);border-radius:24px;padding:clamp(24px,5vw,58px);font-size:1.08rem;line-height:1.8;color:#26352f}.article-content h2,.article-content h3{color:#16231f;margin:1.8em 0 .6em}.article-content a{color:var(--blog-green);text-decoration:underline}.article-footer{display:flex;flex-direction:column;border-top:1px solid var(--blog-border);margin-top:32px;padding:24px;color:#64748b}.rich-editor{border:1px solid #d7e0da;border-radius:16px;overflow:hidden;background:#fff}.rich-editor-toolbar{display:flex;gap:5px;padding:9px;border-bottom:1px solid #e5ebe7;background:#f7f8f6}.rich-editor-toolbar button{width:36px;height:36px;border:0;border-radius:8px;background:#fff;color:#26352f}.rich-editor-surface{min-height:420px;padding:20px;outline:0;line-height:1.7}.rich-editor-source{display:none!important}.blog-admin-form .form-control,.blog-admin-form .form-select{border-radius:14px;min-height:48px}.blog-admin-form textarea.form-control{min-height:auto}@media(max-width:991px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.page-hero{min-height:470px}.page-hero .hero-container{padding-top:105px;padding-bottom:55px}.page-badge{font-size:.84rem}.page-subtitle{font-size:1rem;line-height:1.65}.blog-grid{grid-template-columns:1fr}.article-content{border-radius:18px}.blog-section,.article-shell{padding-bottom:60px}}