.blog-page-main{padding-bottom:2.5rem}.blog-page-hero{position:relative;overflow:hidden;padding-top:4.5rem;padding-bottom:3rem;background:radial-gradient(circle at 100% 0%,rgb(196 184 255 / .42) 0%,#fff0 45%),radial-gradient(circle at 0% 100%,rgb(122 87 68 / .14) 0%,#fff0 42%),var(--color-bg-light)}.blog-page-breadcrumbs{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem;font-size:.82rem;color:var(--color-text-muted)}.blog-page-breadcrumbs a{color:var(--color-text-muted)}.blog-page-breadcrumbs a:hover{color:var(--color-primary)}.blog-page-title{margin:0;max-width:900px;font-size:clamp(2rem, 4vw, 3.2rem);line-height:1.08;letter-spacing:-.04em}.blog-page-subtitle{margin-top:1rem;max-width:760px;color:var(--color-text-muted);font-size:1.02rem;line-height:1.75}.blog-page-category-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.45rem}.blog-page-cat-pill{display:inline-flex;align-items:center;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--color-border);background:rgb(255 255 255 / .7);color:var(--color-text-dark);font-size:.82rem;font-weight:600}.blog-page-cat-pill:hover{border-color:rgb(96 80 176 / .4);color:var(--color-primary)}.blog-page-cat-pill--active{background:rgb(96 80 176 / .1);border-color:rgb(96 80 176 / .25);color:var(--color-primary)}.blog-page-listing-section{padding:1rem 0 2.5rem}.blog-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.blog-page-card{display:flex;flex-direction:column;min-height:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-white);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform 0.25s ease,box-shadow 0.25s ease}.blog-page-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.blog-page-card-thumb{display:block;background:#f2efff;aspect-ratio:16 / 10;overflow:hidden}.blog-page-card-thumb img,.blog-page-card-thumb--placeholder{width:100%;height:100%;object-fit:cover;display:block}.blog-page-card-thumb--placeholder{background:linear-gradient(145deg,rgb(196 184 255 / .5) 0%,rgb(96 80 176 / .12) 100%)}.blog-page-card-content{padding:1.25rem;display:flex;flex-direction:column;gap:.7rem}.blog-page-card-meta{display:flex;flex-wrap:wrap;gap:.45rem .9rem;align-items:center;font-size:.78rem;color:var(--color-text-muted)}.blog-page-card-meta span,.blog-page-card-meta time{white-space:nowrap}.blog-page-card-category{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-primary)}.blog-page-card-title{margin:0;font-size:1.2rem;line-height:1.35;letter-spacing:-.01em}.blog-page-card-title a{color:var(--color-text-dark)}.blog-page-card-title a:hover{color:var(--color-primary)}.blog-page-card-excerpt{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.7}.blog-page-card-read-more{margin-top:auto;font-size:.86rem;font-weight:700;color:var(--color-text-dark)}.blog-page-card-read-more:hover{color:var(--color-primary)}.blog-page-pagination{margin-top:2.3rem}.blog-page-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem}.blog-page-pagination .page-numbers{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 .8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-white);color:var(--color-text-dark);font-size:.84rem;font-weight:600}.blog-page-pagination .page-numbers.current{border-color:rgb(96 80 176 / .35);color:var(--color-primary);background:rgb(96 80 176 / .08)}.blog-page-pagination .page-numbers:hover{border-color:rgb(96 80 176 / .35);color:var(--color-primary)}.blog-page-empty{max-width:620px;margin:1rem auto 0;text-align:center;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2rem 1.4rem}.blog-page-empty h2{margin-bottom:.6rem}.blog-page-empty p{margin:0;color:var(--color-text-muted)}@media (max-width:1100px){.blog-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.blog-page-hero{padding-top:3rem;padding-bottom:2.25rem}.blog-page-subtitle{font-size:.96rem}.blog-page-grid{grid-template-columns:1fr}}@media (max-width:480px){.blog-page-card-content{padding:1rem}.blog-page-card-title{font-size:1.08rem}}