:root{--blog-bg:rgba(255, 255, 255, 0.88);--blog-card-bg:#ffffff;--blog-text:#1f2933;--blog-muted:#52606d;--blog-accent:#f7b500;--blog-highlight:#2daede;--blog-radius:18px;--blog-shadow:0 18px 40px rgba(15, 23, 42, 0.12)}body.blog-detail-page,body.blog-page{background:var(--blog-bg);position:relative;min-height:100vh}body.blog-detail-page .outer,body.blog-page .outer{display:block}.blog-section{width:100%;padding:50px 0 80px;position:relative;z-index:1}.blog-container{max-width:100%;margin:0 0;padding:0 0}.blog-header{text-align:left;margin-bottom:48px;max-width:680px;color:var(--blog-text)}.blog-header .eyebrow{font-size:.85rem;letter-spacing:.32em;text-transform:uppercase;color:var(--blog-highlight);font-weight:700;margin-bottom:12px}.blog-header h1{font-size:clamp(2.6rem,5vw,3.5rem);font-weight:800;color:var(--blog-text);margin-bottom:16px;position:relative}.blog-header h1::after{content:"";display:block;width:72px;height:4px;background:var(--blog-highlight);border-radius:999px;margin-top:18px}.blog-header .subtitle{max-width:540px;margin:0;font-size:1.05rem;color:var(--blog-muted)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}.blog-card{display:flex;flex-direction:column;background:var(--blog-card-bg);border-radius:var(--blog-radius);overflow:hidden;box-shadow:var(--blog-shadow);transition:transform .3s ease,box-shadow .3s ease;background-image:linear-gradient(180deg,rgba(45,174,222,.08),rgba(255,255,255,.8))}.blog-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(15,23,42,.18)}.card-image img{width:100%;height:260px;object-fit:cover}.hero-image img{width:100%;height:100%;object-fit:cover}.image-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:200px;background:linear-gradient(135deg,#e2e8f0,#cbd5f5);color:#64748b;font-size:2rem}.card-content{padding:26px;display:flex;flex-direction:column;gap:14px;height:375px}.card-meta{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:var(--blog-muted)}.card-meta i{color:var(--blog-highlight)}.blog-card h2{font-size:1.35rem;color:var(--blog-text);line-height:1.4}.card-excerpt{font-size:.95rem;color:var(--blog-muted)}.card-link{margin-top:auto;font-weight:600;color:var(--blog-text);display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:color .2s ease,gap .2s ease}.card-link i{color:var(--blog-highlight)}.card-link:hover{color:var(--blog-highlight);gap:16px}.empty-state{text-align:center;padding:80px 40px;background:var(--blog-card-bg);border-radius:var(--blog-radius);box-shadow:var(--blog-shadow)}.empty-state h2{font-size:1.8rem;margin-bottom:12px;color:var(--blog-text)}.empty-state p{color:var(--blog-muted)}.blog-detail{max-width:100%;margin:0 0;position:relative;z-index:1}.detail-hero{position:relative;margin-top:40px;overflow:hidden;box-shadow:var(--blog-shadow)}.hero-image{height:clamp(260px,50vw,420px)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.4) 0,rgba(15,23,42,.6) 70%,rgba(15,23,42,.6) 100%);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,6vw,48px);gap:16px}.hero-overlay h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;color:#fff;line-height:1.2;max-width:720px}.hero-meta{display:flex;align-items:center;gap:12px;font-size:1rem;letter-spacing:.01em}.detail-content{margin:clamp(32px,5vw,56px) auto 0;background:var(--blog-card-bg);box-shadow:var(--blog-shadow);padding:clamp(28px,5vw,48px);color:var(--blog-text);line-height:1.8;font-size:1.05rem;display:flex;flex-direction:column;gap:16px;max-width:100%}.detail-content p{margin:0;color:var(--blog-muted)}.detail-actions{margin-top:32px}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--blog-text);font-weight:600;text-decoration:none;padding:12px 18px;background:var(--blog-card-bg);border-radius:999px;box-shadow:var(--blog-shadow);transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.back-link i{color:var(--blog-highlight)}.back-link:hover{transform:translateX(-4px);color:var(--blog-highlight);box-shadow:0 22px 45px rgba(15,23,42,.18)}@media (max-width:768px){.center-row,.section-row{text-align:left}.blog-grid{grid-template-columns:1fr}.hero-overlay{justify-content:flex-end;text-align:left}.card-content{height:unset}.blog-detail{padding-bottom:64px}.detail-content{padding:24px}}