/* Blog listing content; the header and footer use printer-buzz-site.css. */
@font-face{font-family:'PB Inter';src:url('../fonts/pb-inter.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
.bg-body{margin:0;background:#fff;color:#0a2530;font-family:'PB Inter',Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bg-page{--bg-teal:#00565c;--bg-deep:#003d43;--bg-coral:#ff604b;--bg-coral-text:#ce4b38;--bg-muted:#566a70;--bg-line:#e0e8e5;--bg-mint:#f0f7f4;--bg-display:Manrope,'PB Inter',Arial,sans-serif;font-size:16px;line-height:1.6}
.bg-page,.bg-page *,.bg-page *::before,.bg-page *::after{box-sizing:border-box}
.bg-page [hidden]{display:none!important}
.bg-page :where(h1,h2,h3,p,ul){margin:0}
.bg-page :where(ul){padding:0;list-style:none}
.bg-page :where(a){color:inherit;text-decoration:none}
.bg-page :where(button,input){font:inherit;color:inherit}
.bg-page button{cursor:pointer}
.bg-page :focus-visible{outline:3px solid #ef8d45;outline-offset:3px}
.bg-page h1,.bg-page h2,.bg-page h3{font-family:var(--bg-display);font-weight:800;letter-spacing:-.025em;line-height:1.2;text-wrap:balance}
.bg-page .pb-icon{width:19px;height:19px}
.bg-wrap{width:88%;max-width:1320px;margin-inline:auto}
.bg-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.16em;line-height:1.5;color:#285b5d;margin-bottom:10px!important}

/* Hero */
.bg-hero{position:relative;overflow:hidden;padding:26px 0 54px;background:linear-gradient(180deg,#f2f8f5 0%,#f7fbf9 100%)}
.bg-hero::before{content:"";position:absolute;right:-4%;top:-30%;width:min(520px,50vw);aspect-ratio:1;border-radius:50%;border:2px solid #9fd9bd;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(18deg);background:radial-gradient(circle,#dff2e9 0,#e9f6f0 45%,#f2f8f500 70%)}
.bg-hero .bg-wrap{position:relative;z-index:1}
.bg-breadcrumb{display:flex;align-items:center;gap:10px;font-size:14px;color:#647571;margin-bottom:36px}
.bg-breadcrumb a:hover{color:var(--bg-teal);text-decoration:underline;text-underline-offset:3px}
.bg-breadcrumb [aria-current]{color:#1f4440;font-weight:600}
.bg-hero h1{font-size:clamp(36px,4.2vw,58px);letter-spacing:-.035em;line-height:1.06}
.bg-hero h1 span{color:var(--bg-teal)}
.bg-lead{max-width:600px;margin-top:16px!important;font-size:18px;color:#47585e}
.bg-search{position:relative;display:flex;align-items:center;max-width:560px;margin-top:28px}
.bg-page .bg-search>.pb-icon{position:absolute;left:20px;width:20px;height:20px;color:var(--bg-muted);pointer-events:none}
.bg-search input{width:100%;height:58px;padding:0 54px 0 54px;border:1px solid #c9d7d3;border-radius:999px;background:#fff;font-size:16px;outline:0;box-shadow:0 10px 26px -18px #003d4340;transition:border-color .15s,box-shadow .15s}
.bg-search input::placeholder{color:#8a9b98}
.bg-search input:focus{border-color:var(--bg-teal);box-shadow:0 0 0 4px #00565c1f}
.bg-search input::-webkit-search-cancel-button{display:none}
.bg-search-clear{position:absolute;right:9px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--bg-mint);color:var(--bg-muted)}
.bg-search-clear:hover{color:var(--bg-teal)}
.bg-page .bg-search-clear .pb-icon{width:16px;height:16px}

/* Shared card bits */
.bg-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--bg-muted)}
.bg-meta>span+span::before{content:"";display:inline-block;width:4px;height:4px;margin-right:14px;border-radius:50%;background:#b6c6c2;vertical-align:middle}
.bg-meta .bg-tag+span::before{display:none}
.bg-tag{padding:4px 11px;border-radius:999px;background:var(--bg-mint);color:var(--bg-teal);font-size:12.5px;font-weight:700;letter-spacing:.02em}
.bg-excerpt{color:var(--bg-muted);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

/* Featured */
.bg-featured-wrap{margin-top:-26px;position:relative;z-index:2}
.bg-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border:1px solid var(--bg-line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -30px #003d434d}
.bg-featured-media{display:block;min-height:100%;overflow:hidden;background:#fff}
.bg-featured-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bg-featured:hover .bg-featured-media img{transform:scale(1.04)}
.bg-featured-body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:44px 46px}
.bg-page .bg-featured h3{font-size:clamp(24px,2.3vw,32px)}
.bg-featured h3 a:hover{color:var(--bg-teal)}
.bg-featured .bg-excerpt{font-size:16.5px;-webkit-line-clamp:4}
.bg-page .bg-button{align-self:flex-start;margin-top:6px;min-height:52px;padding-inline:28px;font-family:var(--bg-display);font-size:15px;font-weight:800}

/* Listing */
.bg-list{padding-top:64px}
.bg-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;margin-bottom:26px}
.bg-page .bg-list-head h2{font-size:clamp(26px,2.4vw,34px)}
.bg-filters{display:flex;flex-wrap:wrap;gap:10px}
.bg-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border:1px solid #d3dfdb;border-radius:999px;background:#fff;font-size:15px;font-weight:600;transition:border-color .15s,background .15s,color .15s}
.bg-chip span{min-width:26px;padding:1px 7px;border-radius:999px;background:var(--bg-mint);color:var(--bg-teal);font-size:12.5px;font-weight:700;text-align:center}
.bg-chip:hover{border-color:var(--bg-teal);color:var(--bg-teal)}
.bg-chip[aria-pressed="true"]{border-color:var(--bg-teal);background:var(--bg-teal);color:#fff}
.bg-chip[aria-pressed="true"] span{background:#ffffff26;color:#fff}
.bg-status{min-height:1px;margin-bottom:6px!important;font-size:14.5px;color:var(--bg-muted)}
.bg-status:empty{margin:0!important}
.bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bg-card{display:flex;flex-direction:column;border:1px solid var(--bg-line);border-radius:20px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;animation:bg-in .3s ease-out}
.bg-card:hover{transform:translateY(-5px);border-color:#b9d6cd;box-shadow:0 22px 40px -22px #003d4340}
.bg-card-media{display:block;aspect-ratio:750/459;overflow:hidden;background:#fff}
.bg-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bg-card:hover .bg-card-media img{transform:scale(1.05)}
.bg-card-body{display:flex;flex-direction:column;gap:12px;flex:1;padding:22px 22px 24px}
.bg-page .bg-card h3{font-size:18.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bg-card h3 a::after{content:"";position:absolute;inset:0}
.bg-card{position:relative}
.bg-card h3 a:focus-visible{outline:0}
.bg-card:has(h3 a:focus-visible){outline:3px solid #ef8d45;outline-offset:3px}
.bg-card:hover h3 a{color:var(--bg-teal)}
.bg-card .bg-excerpt{font-size:15px;-webkit-line-clamp:3}
.bg-read{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:4px;color:var(--bg-coral-text)!important;font-size:15px;font-weight:700}
.bg-page .bg-read .pb-icon{width:17px;height:17px;transition:transform .15s}
.bg-card:hover .bg-read .pb-icon{transform:translateX(4px)}
.bg-empty{display:grid;justify-items:center;gap:10px;padding:56px 24px;border:1px dashed #cbdad5;border-radius:20px;background:linear-gradient(180deg,#f5f8f6,#fff);text-align:center}
.bg-empty-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;color:var(--bg-coral);box-shadow:0 12px 30px #003d4314}
.bg-page .bg-empty-icon .pb-icon{width:32px;height:32px}
.bg-page .bg-empty h3{font-size:24px;margin-top:6px}
.bg-empty p{color:var(--bg-muted)}
.bg-outline{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:10px 28px;border:1.5px solid #c9d7d3;border-radius:999px;background:#fff;font-family:var(--bg-display);font-size:15.5px;font-weight:800;transition:border-color .15s,color .15s}
.bg-outline:hover{border-color:var(--bg-teal);color:var(--bg-teal)}
.bg-page .bg-outline .pb-icon{width:18px;height:18px}
.bg-more{display:grid;justify-items:center;gap:14px;margin-top:40px}
.bg-more p{font-size:14.5px;color:var(--bg-muted)}

/* CTA */
.bg-cta{display:flex;align-items:center;gap:26px;margin-top:72px;margin-bottom:72px;padding:34px 40px;border-radius:20px;background:radial-gradient(ellipse at top left,#00646b,#003d43 75%);color:#fff}
.bg-cta-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffffff18;flex-shrink:0}
.bg-page .bg-cta-icon .pb-icon{width:30px;height:30px}
.bg-cta>div{flex:1}
.bg-cta .bg-eyebrow{color:#a9d6cf}
.bg-page .bg-cta h2{font-size:clamp(23px,2.2vw,28px)}
.bg-cta p:not(.bg-eyebrow){margin-top:8px!important;font-size:16.5px;color:#d5e4e5}
.bg-cta-link{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;background:#fff;color:var(--bg-deep)!important;font-family:var(--bg-display);font-size:16px;font-weight:800;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.bg-cta-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}
@keyframes bg-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:1100px){.bg-grid{gap:18px}.bg-featured-body{padding:34px}}
@media(max-width:960px){
.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bg-featured{grid-template-columns:1fr}
.bg-featured-media{aspect-ratio:750/459}
}
@media(max-width:640px){
.bg-wrap{width:auto;margin-inline:16px}
.bg-hero{padding:20px 0 46px}
.bg-hero::before{width:360px;right:-180px;top:-130px}
.bg-breadcrumb{margin-bottom:26px;font-size:13.5px}
.bg-lead{font-size:16.5px}
.bg-search input{height:54px}
.bg-featured{border-radius:18px}
.bg-featured-body{padding:24px 20px 26px;gap:12px}
.bg-page .bg-button{width:100%}
.bg-list{padding-top:48px}
.bg-filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:2px 16px 6px;scrollbar-width:none}
.bg-filters::-webkit-scrollbar{display:none}
.bg-chip{flex-shrink:0}
.bg-grid{grid-template-columns:1fr;gap:16px}
.bg-card{border-radius:18px}
.bg-cta{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 22px;margin-block:52px}
}
@media(prefers-reduced-motion:reduce){.bg-page *{transition:none!important;animation:none!important}}
