.bhurr-blogs { background:#faf8fb; color:#302635; }
.blogs-hero { padding:64px 0; background:radial-gradient(ellipse at 85% 20%,#e4cbe2,transparent 55%),#f1e8f2; }
.blogs-eyebrow { color:#74255f; font-size:12px; font-weight:750; letter-spacing:1.6px; display:block; margin-bottom:16px; }
.blogs-hero h1 { color:#302635; font-size:clamp(36px,4.5vw,54px); font-weight:800; line-height:1.15; letter-spacing:-1px; margin-bottom:20px; }
.blogs-hero p { color:#67556e; font-size:17px; line-height:1.7; max-width:580px; margin:0; }
.blogs-content { padding-top:48px; padding-bottom:60px; }
.blogs-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.blogs-toolbar h2 { color:#302635; font-size:29px; font-weight:750; }
.blogs-toolbar p { color:#706575; font-size:14px; margin:0; }
.blogs-search { display:flex; width:360px; max-width:100%; background:#fff; border:1px solid #dfd3e4; border-radius:11px; overflow:hidden; }
.blogs-search input { min-width:0; flex:1; border:0; padding:14px; color:#302635; background:#fff; font-size:15px; }
.blogs-search button { width:52px; background:#74255f; color:#fff; border:0; cursor:pointer; }
.blogs-query { color:#706575; font-size:14px; margin-bottom:24px; }
.blogs-query a { color:#74255f; font-weight:700; margin-left:12px; }
.blogs-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.blogs-card { border:1px solid #e1d5e5; border-radius:18px; overflow:hidden; background:#fff; display:flex; flex-direction:column; box-shadow:0 6px 20px #30263508; transition:box-shadow .2s; }
.blogs-card:hover { box-shadow:0 14px 30px #30263518; }
.blogs-card-image { aspect-ratio:16/10; overflow:hidden; background:#f1e8f2; }
.blogs-card-image a { display:block; height:100%; }
.blogs-card-image img { width:100%; height:100%; object-fit:cover; display:block; }
.blogs-card-body { padding:24px; display:flex; flex-direction:column; flex:1; }
.blogs-category { color:#74255f; font-size:12px; font-weight:700; margin-bottom:12px; }
.blogs-card h3 { font-size:21px; font-weight:750; line-height:1.4; margin:0 0 14px; overflow-wrap:anywhere; }
.blogs-card h3 a { color:#302635; }
.blogs-card h3 a:hover { color:#74255f; text-decoration:none; }
.blogs-card-body > p { font-size:14px; color:#706575; line-height:1.7; margin-bottom:20px; }
.blogs-read { color:#74255f; font-weight:700; font-size:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:16px; border-top:1px solid #eee5f0; min-height:44px; }
.blogs-read:hover { color:#552047; }
.blogs-empty { grid-column:1/-1; text-align:center; padding:60px 24px; background:#fff; border:1px solid #e1d5e5; border-radius:20px; }
.blogs-empty > i { font-size:36px; color:#883b71; margin-bottom:24px; }
.blogs-empty h3 { color:#302635; font-weight:700; font-size:24px; }
.blogs-empty p { color:#706575; }
.blogs-empty a { display:inline-block; padding:12px 18px; border-radius:10px; background:#74255f; color:#fff; font-weight:650; }
.blogs-pagination { margin-top:36px; }
.blogs-pagination .pagination { justify-content:center; flex-wrap:wrap; gap:4px; }
.blogs-pagination .page-link { color:#74255f; border-color:#e1d5e5; }
.blogs-pagination .page-item.active .page-link { background:#74255f; border-color:#74255f; color:#fff; }
.bhurr-blogs a:focus-visible,.bhurr-blogs button:focus-visible,.bhurr-blogs input:focus-visible { outline:3px solid #b988a9; outline-offset:3px; }
@media(max-width:991px) { .blogs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .blogs-hero { padding:40px 0; } .blogs-content { padding-top:32px; padding-bottom:36px; } .blogs-toolbar { flex-direction:column; align-items:stretch; } .blogs-search { width:100%; } .blogs-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .blogs-card { transition:none; } }