/* blog-pages.css — WallPrintJet blog list, category, author and tag pages + blog quote section. */
.bhero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink,#23272B);color:var(--warm,#F8F7F4);padding:72px 0 64px}
.bhero::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bh-img,none) 50% 45%/cover no-repeat;filter:saturate(.6)}
.bhero .overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(27,30,33,.96) 0%,rgba(27,30,33,.9) 50%,rgba(27,30,33,.68) 100%)}
.bhero h1{color:#fff;max-width:20ch;margin:0 0 16px}
.bhero .lede{color:var(--muted-d,#B9BDC2);max-width:62ch;margin:0}
.bhero .eyebrow{color:#FF6A60}
.page-hero-badge{display:inline-block;margin:0 0 12px;font-size:var(--fs-sm,.875rem);color:#FF8A82}
.page-hero-cta{display:inline-block;margin-top:20px;color:#fff;font-weight:700}

.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-block:64px 80px}
.blog-main{min-width:0}
.blog-side,.blog-sidebar{min-width:0;display:grid;gap:20px;align-content:start}
.sec-h{font-size:var(--fs-xl,1.5rem);margin:0 0 18px}
.blog-filter ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}
.blog-filter a{display:inline-block;padding:7px 16px;border:1px solid var(--line,rgba(35,39,43,.14));border-radius:999px;background:var(--white,#fff);font-size:var(--fs-sm,.875rem);font-weight:600;color:var(--ink,#23272B);text-decoration:none}
.blog-filter a.active,.blog-filter a:hover{border-color:var(--red,#E02B20);background:var(--red,#E02B20);color:#fff}

.blog-sidebar .sidebar-widget,.blog-side>.sidebar-widget{background:var(--white,#fff);border:1px solid var(--line,rgba(35,39,43,.14));border-radius:var(--radius,6px);padding:20px 22px}
.sidebar-title{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm,.875rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:var(--ink,#23272B)}
.sidebar-title i{color:var(--red,#E02B20)}
.sidebar-list{list-style:none;margin:0;padding:0}
.sidebar-list li{border-top:1px solid var(--line,rgba(35,39,43,.14))}
.sidebar-list li:first-child{border-top:0}
.sidebar-list a{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--ink,#23272B);text-decoration:none;font-size:var(--fs-md,1rem)}
.sidebar-list a:hover,.sidebar-list .sidebar-active a{color:var(--red-2,#B8221A)}
.sidebar-list i{color:var(--red,#E02B20)}
.sidebar-authors img{width:40px;height:40px;border-radius:50%;flex:none}
.author-name{font-weight:700;line-height:1.2}
.author-role{font-size:var(--fs-sm,.875rem);color:var(--muted,#5A6067);line-height:1.3}
.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}
.sidebar-tag{font-size:var(--fs-sm,.875rem);padding:3px 10px;border-radius:999px;background:var(--paper,#EEEBE5);color:var(--ink,#23272B);text-decoration:none}
.blog-sidebar .sidebar-cta{background:var(--ink,#23272B);border-color:var(--ink,#23272B);border-top:4px solid var(--red,#E02B20);color:var(--warm,#F8F7F4)}
.sidebar-cta h3{color:#fff;font-size:var(--fs-lg,1.25rem);margin:0 0 8px}
.sidebar-cta p{color:var(--muted-d,#B9BDC2);font-size:var(--fs-md,1rem);margin:0 0 14px}
.sidebar-cta-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:999px;background:var(--red,#E02B20);color:#fff;font-family:var(--f-head,Arial,sans-serif);font-weight:700;text-decoration:none}
.sidebar-cta-btn:hover{background:var(--red-2,#B8221A)}
.start-here ol{list-style:none;counter-reset:s;margin:0;padding:0}
.start-here li{counter-increment:s;border-top:1px solid var(--line,rgba(35,39,43,.14))}
.start-here li:first-child{border-top:0}
.start-here a{display:block;padding:10px 0 10px 32px;position:relative;color:var(--ink,#23272B);text-decoration:none;font-weight:700;line-height:1.3}
.start-here a::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:11px;font-family:var(--f-head,Arial,sans-serif);font-size:var(--fs-sm,.875rem);color:var(--red,#E02B20)}
.start-here a span{display:block;font-weight:400;font-size:var(--fs-sm,.875rem);color:var(--muted,#5A6067);margin-top:2px}
.start-here a:hover{color:var(--red-2,#B8221A)}

/* author profile */
.author-profile{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px;align-items:center}
.author-profile img{width:120px;height:120px;border-radius:50%}
.author-profile h1{margin:0 0 6px}
.author-profile .role{color:#FF8A82;font-family:var(--f-head,Arial,sans-serif);font-weight:700;margin:0 0 12px}
.author-facts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:10px}
.author-facts li{padding:14px 16px;background:var(--white,#fff);border:1px solid var(--line,rgba(35,39,43,.14));border-left:4px solid var(--red,#E02B20);border-radius:var(--radius,6px);font-size:var(--fs-md,1rem)}
.author-facts b{font-family:var(--f-head,Arial,sans-serif)}

/* blog quote section: photo + charcoal overlay, same pattern as the landing pages */
.blog-quote{background-color:var(--ink,#23272B);isolation:isolate;color:var(--warm,#F8F7F4);overflow:hidden}
.blog-quote .bg{position:absolute;inset:0;z-index:-2;background:var(--ink,#23272B) url(/assets/images/home/quote-assembly-floor.webp) 50% 50%/cover no-repeat;filter:saturate(.6)}
.blog-quote .overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(27,30,33,.9),rgba(27,30,33,.96))}
.blog-quote h2{color:#fff}
.blog-quote .qside p{color:var(--muted-d,#B9BDC2)}
.blog-quote .qg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.blog-quote .direct{display:grid;gap:8px;font-size:var(--fs-md,1rem);color:var(--muted-d,#B9BDC2);border-top:1px solid var(--line-d,rgba(248,247,244,.16));padding-top:18px;margin-top:8px}
.blog-quote .direct a{color:#fff}
#quote-form{background:var(--white,#fff);color:var(--ink,#23272B);border-radius:10px;border-top:6px solid var(--red,#E02B20);padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.4)}
#quote-form .qf{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#quote-form .full{grid-column:1/-1}
#quote-form .send{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
#quote-form .msg{margin:0;font-size:var(--fs-sm,.875rem)}
#quote-form .msg.ok{color:#1F7A3A}
#quote-form .msg.err{color:var(--red-2,#B8221A)}

@media (max-width:991px){
  .blog-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px 56px}
  .blog-quote .qg{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
  .bhero{padding:48px 0 40px}
  #quote-form .qf{grid-template-columns:minmax(0,1fr)}
  #quote-form{padding:22px}
  .author-profile{grid-template-columns:72px minmax(0,1fr);gap:16px}
  .author-profile img{width:72px;height:72px}
}

/* breadcrumb (same rules as article-shell.css, for pages that do not load it) */
.breadcrumb{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 22px;padding:0;font-size:var(--fs-sm,.875rem);color:var(--muted-d,#B9BDC2)}
.breadcrumb-item+.breadcrumb-item::before{content:"/";margin-right:6px;opacity:.6}
.breadcrumb a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.breadcrumb a:hover{border-bottom-color:#fff}
.breadcrumb-item.active{color:var(--muted-d,#B9BDC2)}

/* the shared hero photo has plain studio wall at both edges: zoom it a little on wide screens */
@media (min-width:992px){.bhero::before{transform:scale(1.35)}}