.blog-page{background:var(--c-bg)}.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{border-radius:var(--radius-lg);background:var(--c-white);border:1px solid var(--c-border);transition:transform .2s;position:relative;overflow:hidden}.blog-card:hover{transform:translateY(-2px)}.blog-card:hover .blog-card-img{transform:scale(1.04)}.blog-card-image{aspect-ratio:16/10;background:var(--c-bg);position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.blog-card-body{flex-direction:column;gap:8px;padding:18px;display:flex}.blog-card-date{font-size:11px;font-weight:var(--fw-light);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.blog-card-title{font-size:16px;font-weight:var(--fw-regular);color:var(--c-black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card-desc{font-size:13px;font-weight:var(--fw-light);color:var(--c-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-overlay{z-index:1;position:absolute;inset:0}.blog-empty{text-align:center;background:var(--c-white);border-radius:var(--radius-lg);padding:80px 24px}.blog-empty h3{font-size:20px;font-weight:var(--fw-light);color:var(--c-black);margin:0 0 8px}.blog-empty p{font-size:14px;font-weight:var(--fw-light);color:var(--c-text-muted);margin:0}.blog-detail-page{background:var(--c-bg)}.blog-detail-hero{margin-bottom:16px}.blog-detail-image{aspect-ratio:16/7;border-radius:var(--radius-lg);background:var(--c-bg);width:100%;margin-bottom:24px;position:relative;overflow:hidden}.blog-detail-img{object-fit:cover;width:100%;height:100%}.blog-detail-meta{align-items:center;gap:16px;margin-bottom:12px;display:flex}.blog-detail-date{font-size:12px;font-weight:var(--fw-light);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.blog-detail-badge{background:var(--c-orange);color:var(--c-white);border-radius:var(--radius-xl);font-size:11px;font-weight:var(--fw-light);padding:4px 12px;display:inline-block}.blog-detail-title{font-size:28px;font-weight:var(--fw-light);color:var(--c-black);margin:0 0 16px;line-height:1.25}@media (max-width:768px){.blog-detail-title{font-size:22px}}.blog-detail-short{font-size:15px;font-weight:var(--fw-light);color:var(--c-text);max-width:720px;margin:0 0 24px;line-height:1.6}.blog-content-block{background:#fcfcfc;border:none;border-radius:18px;margin-bottom:16px;padding:30px 34px;box-shadow:inset 0 0 0 1px #0000000a}@media (max-width:768px){.blog-content-block{padding:20px 16px}}.blog-content-block p{font-size:15px;font-weight:var(--fw-light);color:#2f3743;margin:0 0 16px;line-height:1.7}.blog-content-block h2{font-size:22px;font-weight:var(--fw-regular);color:#111827;margin:30px 0 14px;line-height:1.26}.blog-content-block h3{font-size:20px;font-weight:var(--fw-regular);color:#111827;margin:26px 0 12px;line-height:1.28}.blog-content-block ul,.blog-content-block ol{margin:14px 0;padding-left:22px}.blog-content-block ul li,.blog-content-block ol li{font-size:15px;font-weight:var(--fw-light);color:#2f3743;margin-bottom:8px;line-height:1.65}.blog-content-block img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:20px 0;display:block}.blog-content-block a{color:var(--c-orange);text-decoration:none}.blog-content-block a:hover{text-decoration:underline}.blog-content-block blockquote{border-left:3px solid var(--c-orange);color:#3f4754;background:#f2f3f5;border-radius:0 10px 10px 0;margin:24px 0;padding:16px 22px;font-style:italic;line-height:1.75}.blog-content-block blockquote p{margin:0}.blog-content-block strong{font-weight:var(--fw-regular);color:var(--c-black)}@media (max-width:768px){.blog-grid{gap:12px}.blog-card-body{padding:14px}.blog-card-title{font-size:14px}}