/* blog-pages.css — WallPrintScale blog list, category, author and tag pages + blog quote section. */
.bhero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink,#153B50);color:var(--mist,#E7F1F1);padding:72px 16px 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(14,43,59,.96) 0%,rgba(14,43,59,.9) 50%,rgba(14,43,59,.68) 100%)}
.bhero h1{color:#fff;max-width:20ch;margin:0 0 16px}
.bhero .lede{color:#B9CDD0;max-width:62ch;margin:0}
.bhero .eyebrow{font-family:var(--f-mono,monospace);font-size:var(--fs-xs,.75rem);letter-spacing:.08em;text-transform:uppercase;color:#E9A866;margin:0 0 10px}
.page-hero-badge{display:inline-block;margin:0 0 12px;font-size:var(--fs-sm,.875rem);color:#E9A866}
.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:64px 16px 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-lead,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(21,59,80,.16));border-radius:var(--radius,2px);background:var(--white,#fff);font-size:var(--fs-sm,.875rem);font-weight:600;color:var(--ink,#153B50);text-decoration:none}
.blog-filter a.active,.blog-filter a:hover{border-color:var(--ink,#153B50);background:var(--ink,#153B50);color:#fff}

.blog-sidebar .sidebar-widget,.blog-side>.sidebar-widget{background:var(--white,#fff);border:1px solid var(--line,rgba(21,59,80,.16));border-radius:var(--radius,2px);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,#153B50)}
.sidebar-title i{color:var(--copper,#C7782B)}
.sidebar-list{list-style:none;margin:0;padding:0}
.sidebar-list li{border-top:1px solid var(--line,rgba(21,59,80,.16))}
.sidebar-list li:first-child{border-top:0}
.sidebar-list a{display:flex;align-items:center;gap:10px;padding:9px 0;color:var(--ink,#153B50);text-decoration:none;font-size:1rem}
.sidebar-list a:hover,.sidebar-list .sidebar-active a{color:var(--copper-ink,#9A5A1C)}
.sidebar-list i{color:var(--copper,#C7782B)}
.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,#4F6470);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:var(--radius,2px);background:var(--mist,#E7F1F1);color:var(--ink,#153B50);text-decoration:none}
.blog-sidebar .sidebar-cta{background:var(--ink,#153B50);border-color:var(--ink,#153B50);border-top:4px solid var(--copper,#C7782B);color:var(--mist,#E7F1F1)}
.sidebar-cta h3{color:#fff;font-size:var(--fs-h3,1.2rem);margin:0 0 8px}
.sidebar-cta p{color:#B9CDD0;font-size:1rem;margin:0 0 14px}
.sidebar-cta-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--radius,2px);background:var(--copper-ink,#9A5A1C);color:#fff;font-family:var(--f-head,"Barlow Semi Condensed",system-ui,sans-serif);font-weight:700;text-decoration:none}
.sidebar-cta-btn:hover{background:#7E4915}
.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(21,59,80,.16))}
.start-here li:first-child{border-top:0}
.start-here a{display:block;padding:10px 0 10px 32px;position:relative;color:var(--ink,#153B50);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,"Barlow Semi Condensed",system-ui,sans-serif);font-size:var(--fs-sm,.875rem);color:var(--copper,#C7782B)}
.start-here a span{display:block;font-weight:400;font-size:var(--fs-sm,.875rem);color:var(--muted,#4F6470);margin-top:2px}
.start-here a:hover{color:var(--copper-ink,#9A5A1C)}

/* 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:#E9A866;font-family:var(--f-head,"Barlow Semi Condensed",system-ui,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(21,59,80,.16));border-left:4px solid var(--copper,#C7782B);border-radius:var(--radius,2px);font-size:1rem}
.author-facts b{font-family:var(--f-head,"Barlow Semi Condensed",system-ui,sans-serif)}

/* blog quote section: same pattern as the landing-page #quote band (ink + photo + scrim) */
.blog-quote{padding-top:96px;padding-bottom:96px}
.blog-quote .band-bg{background-image:url(/assets/images/index/wps-12885.webp)}
.blog-quote .band-bg::before{background:linear-gradient(90deg,rgba(14,43,59,.94) 0%,rgba(14,43,59,.88) 50%,rgba(14,43,59,.7) 100%)}
.blog-quote .qg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.blog-quote .contact{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.blog-quote .contact a{color:#fff;font-weight:600}
.blog-quote .eyebrow{font-family:var(--f-mono,monospace);font-size:var(--fs-xs,.75rem);letter-spacing:.08em;text-transform:uppercase;color:#E9A866;margin:0 0 10px}
#quote-form{background:var(--white,#fff);color:var(--ink,#153B50);padding:28px;border-radius:var(--radius,2px);display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
#quote-form .f{display:grid;gap:4px}
#quote-form .f--full{grid-column:1/-1}
#quote-form label{font-size:var(--fs-sm,.875rem);font-weight:600;color:var(--ink,#153B50)}
#quote-form input,#quote-form select,#quote-form textarea{font:inherit;font-size:var(--fs-body,1.0625rem);color:var(--ink,#153B50);border:1px solid rgba(21,59,80,.4);border-radius:var(--radius,2px);padding:.6em .7em;background:#fff;width:100%}
#quote-form textarea{min-height:96px}
#quote-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#quote-form .send{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
#quote-form .send button{cursor:pointer}
#quote-form .send button[disabled]{opacity:.6;cursor:progress}
#quote-form .msg{margin:0;font-size:var(--fs-sm,.875rem)}
#quote-form .msg.ok{color:#1E6B3A}
#quote-form .msg.err{color:#B3261E}

@media (max-width:991px){
  .blog-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 16px 56px}
  .blog-quote .qg{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media (max-width:768px){
  .bhero{padding:48px 16px 40px}
  #quote-form{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:#B9CDD0}
.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:#B9CDD0}