/* UI/blogs.html, scoped to the listing so homepage/detail cards stay unchanged. */
#page #main.blogs-template{padding:0 0 80px;margin:0;background:#fff;color:var(--brand-ink);font:400 14px/1.6 'ZP Poppins',Poppins,sans-serif}
#main.blogs-template :is(h1,h2,p){letter-spacing:normal}
#main.blogs-template .bt-hero{display:flex;align-items:flex-end;min-height:340px;margin:0!important;padding:36px 0 52px;background:linear-gradient(180deg,rgba(var(--brand-primary-dark-rgb),0.737),#000000bc),url('heroes/blogs-hero-v1.webp') center 60%/cover no-repeat;color:#fff}
.bt-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;color:#ffffffb3;font-size:13px}.bt-breadcrumbs a{color:inherit;text-decoration:none}.bt-breadcrumbs [aria-current]{color:var(--brand-gold-light)}
#main.blogs-template .bt-hero h1{margin:0 0 12px;padding:0;color:#fff;font:600 clamp(28px,5vw,48px)/1.25 'ZP Poppins',Poppins,sans-serif;text-align:left}
#main.blogs-template .bt-hero p{max-width:672px;margin:0;padding:0;color:#ffffffe6;font-size:15px;line-height:1.6;text-align:left}
#main.blogs-template .ht-search-container{margin:-34px auto 0}
#main.blogs-template .bt-search{display:flex}
#main.blogs-template .bt-catalogue{padding-top:32px}
.bt-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#main.blogs-template .ht-toolbar{margin:0 0 32px;padding-bottom:24px}
#main.blogs-template .ht-toolbar-row{justify-content:space-between}
#main.blogs-template .bt-topic>summary>span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.blogs-template .ht-menu-option[aria-pressed=true]{background:var(--brand-accent-soft)!important;color:var(--brand-accent)}
#main.blogs-template #blog-count{margin:0;color:var(--brand-muted);font-size:13px}
#main.blogs-template .bt-results{width:100%;max-width:none;margin:0!important;padding:0}
#main.blogs-template .journal-grid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;width:100%;gap:22px}
#main.blogs-template .journal-grid>.journal-card{display:flex;flex-direction:column;flex:0 0 calc((100% - 44px)/3);width:calc((100% - 44px)/3);max-width:none;min-width:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--brand-border);border-radius:12px;background:#fff;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease}
#main.blogs-template .journal-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #1010101a}
#main.blogs-template .journal-card-image{display:block;aspect-ratio:16/9;width:100%;flex:none;background:#f0f1f3}
#main.blogs-template .journal-card-image img{display:block;width:100%;height:100%;object-fit:cover}
#main.blogs-template .journal-card-placeholder{display:flex;background:var(--brand-accent-soft);color:var(--brand-muted)}
#main.blogs-template .journal-card-placeholder svg{stroke:var(--brand-accent)}
#main.blogs-template .journal-featured{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;margin:0;padding:4px 10px;border-radius:999px;background:var(--brand-accent);color:#fff;font:500 11px/1.5 'ZP Poppins',Poppins,sans-serif}
#main.blogs-template .journal-card-copy{display:flex;flex:1;flex-direction:column;gap:10px;padding:22px}
#main.blogs-template .journal-card-category{margin:0;color:var(--brand-accent);font:400 11px/1.5 'ZP Poppins',Poppins,sans-serif;letter-spacing:.275px}
#main.blogs-template .journal-card-tags{gap:6px;margin:0}
#main.blogs-template .journal-card-tags a{padding:4px 10px;border-radius:6px;background:#f0f1f3;color:#5b5f66;font:500 11px/1.5 'ZP Poppins',Poppins,sans-serif}
#main.blogs-template .journal-card-tags a:nth-child(even){background:var(--brand-badge);color:var(--brand-accent-strong)}
#main.blogs-template .journal-card-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:47px;margin:0;padding:0;color:var(--brand-ink);font:600 18px/1.3 'ZP Poppins',Poppins,sans-serif;text-align:left}
#main.blogs-template .journal-card-copy h2 a{color:inherit;text-decoration:none}#main.blogs-template .journal-card-copy h2 a:hover{color:var(--brand-accent)}
#main.blogs-template .journal-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1;margin:0;color:rgba(var(--brand-ink-rgb),0.600);font:400 14px/1.625 'ZP Poppins',Poppins,sans-serif}
#main.blogs-template .journal-card-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding:0;color:var(--brand-muted)}
#main.blogs-template :is(.journal-card-meta,.journal-card-author){color:var(--brand-muted);font:400 12px/1.5 'ZP Poppins',Poppins,sans-serif}
#main.blogs-template .journal-card-meta{gap:7px}.blogs-template .journal-card-author svg{width:14px;height:14px;stroke:currentColor}
#main.blogs-template .bt-status{margin:0;color:var(--brand-muted);font-size:12px}.bt-status:empty{display:none}
#main.blogs-template .bt-status:not(:empty){margin-bottom:16px}
#main.blogs-template .bt-empty{padding:56px 24px;border:1px solid var(--brand-border);border-radius:14px;background:var(--brand-surface);text-align:center}
.bt-eyebrow{color:var(--brand-accent);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
#main.blogs-template .bt-empty h2{margin:12px 0;font-size:28px;font-weight:600;color:var(--brand-ink)}
#main.blogs-template .bt-empty p{margin:0 0 24px;color:var(--brand-muted);font-size:14px}
#main.blogs-template .bt-button{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border:0;border-radius:8px;background:var(--brand-accent);color:#fff;font-size:13px;font-weight:500;text-decoration:none}
.bt-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:40px;font-size:13px}
.bt-pagination a,.bt-pagination span{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--brand-border);border-radius:8px;color:var(--brand-ink);text-decoration:none}.bt-pagination span{border-color:var(--brand-accent);background:var(--brand-accent);color:#fff}
#blog-results[aria-busy=true]{opacity:.6}
@media(max-width:1023px){#main.blogs-template .journal-grid>.journal-card{flex-basis:calc((100% - 22px)/2);width:calc((100% - 22px)/2)}}
@media(max-width:639px){#main.blogs-template .bt-hero{min-height:300px;padding-top:32px;padding-bottom:52px}#main.blogs-template .bt-hero p{font-size:14px}#main.blogs-template .journal-grid>.journal-card{flex-basis:100%;width:100%}#main.blogs-template .journal-card-copy{padding:22px}#page #main.blogs-template{padding-bottom:56px}.bt-pagination{gap:8px;font-size:12px}.bt-pagination a,.bt-pagination span{padding:8px}}
@media(prefers-reduced-motion:reduce){#main.blogs-template .journal-card{transition:none}}
