/* Blog post */
.page-post{--K:var(--ink);--W:#ffffff;--gray:var(--cream);--rw:var(--line);--mw:#9a9895;--pad-x:56px}
body.page-post{-webkit-font-smoothing:antialiased}

/* ── BREADCRUMB BAR ── */
.bs-bar{background:var(--gray);border-bottom:1px solid var(--rw);padding:12px var(--pad-x);display:flex;align-items:center;gap:8px;font-size:var(--eyebrow-size);letter-spacing:.14em;text-transform:uppercase;color:var(--mw);font-family:var(--font-body)}
.bs-bar a{color:var(--mw);text-decoration:none;transition:color .2s}
.bs-bar a:hover{color:var(--K)}
.bs-bar span{color:var(--rw)}

/* ── ARTICLE WRAPPER ── */
.bs-wrap{max-width:780px;margin:0 auto;padding:60px var(--pad-x) 100px}

/* ── HEADER ── */
.bs-cat{display:inline-block;font-size:var(--eyebrow-size);letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--mw);margin-bottom:18px;font-family:var(--font-body);border-bottom:1px solid var(--rw);padding-bottom:4px}
.bs-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,4.5vw,3.06rem);letter-spacing:-0.018em;line-height:1.08;color:var(--K);margin-bottom:20px}
.bs-meta{font-size:12px;color:var(--mw);font-family:var(--font-body);display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--rw)}
.bs-meta span,.bs-meta time{color:var(--K);font-weight:500}
.bs-meta-dot{color:var(--rw)}

/* ── HERO IMAGE ── */
.bs-hero-img{width:100%;height:auto;display:block;margin-bottom:48px;border-radius:2px}

/* ── ARTICLE BODY ── */
.bs-body{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.85;color:var(--ink-2)}
.bs-body h1,.bs-body h2,.bs-body h3,.bs-body h4{font-family:var(--font-display);font-weight:600;letter-spacing:-0.012em;color:var(--K);margin:2.2em 0 .8em;line-height:1.15}
.bs-body h2{font-size:clamp(1.4rem,3vw,2rem)}
.bs-body h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}
.bs-body p{margin-bottom:1.4em}
.bs-body a{color:var(--K);text-decoration:underline;text-underline-offset:3px}
.bs-body a:hover{opacity:.6}
.bs-body ul,.bs-body ol{padding-left:1.5em;margin-bottom:1.4em}
.bs-body li{margin-bottom:.5em}
.bs-body blockquote{border-left:3px solid var(--K);padding:16px 24px;margin:2em 0;background:var(--gray);font-style:italic;color:var(--text-2);border-radius:0 2px 2px 0}
.bs-body img{max-width:100%;height:auto;display:block;margin:2em auto;border-radius:2px}
.bs-body strong{font-weight:700;color:var(--K)}

/* ── DIVIDER ── */
.bs-divider{margin:52px 0;display:flex;align-items:center;gap:12px}
.bs-divider::before,.bs-divider::after{content:"";flex:1;height:1px;background:var(--rw)}
.bs-divider span{font-size:var(--eyebrow-size);letter-spacing:.22em;text-transform:uppercase;color:var(--mw);font-family:var(--font-body);white-space:nowrap}

/* ── PREV / NEXT NAV ── */
.bs-nav{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rw);border-top:1px solid var(--rw);border-bottom:1px solid var(--rw);margin-top:60px}
.bs-nav-item{background:var(--W);padding:28px 32px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;transition:background .2s}
.bs-nav-item:hover{background:var(--gray)}
.bs-nav-item.next{text-align:right;align-items:flex-end}
.bs-nav-label{font-size:var(--eyebrow-size);letter-spacing:.22em;text-transform:uppercase;color:var(--mw);font-family:var(--font-body);display:flex;align-items:center;gap:8px}
.bs-nav-item.next .bs-nav-label{flex-direction:row-reverse}
.bs-nav-label svg{width:14px;height:14px;flex-shrink:0}
.bs-nav-title{font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1.44vw,16px);letter-spacing:-0.006em;line-height:1.2;color:var(--K)}
.bs-nav-empty{background:var(--gray);display:flex;align-items:center;justify-content:center}
.bs-nav-empty span{font-size:var(--eyebrow-size);letter-spacing:.18em;text-transform:uppercase;color:var(--rw);font-family:var(--font-body)}

/* ── VIEWS BADGE ── */
.bs-views{display:inline-flex;align-items:center;gap:6px;font-size:var(--eyebrow-size);letter-spacing:.14em;text-transform:uppercase;color:var(--mw);font-family:var(--font-body)}

/* ── BACK LINK ── */
.bs-back{display:flex;width:fit-content;align-items:center;gap:8px;font-family:var(--font-body);font-size:var(--eyebrow-size);letter-spacing:.18em;text-transform:uppercase;color:var(--mw);text-decoration:none;margin-bottom:36px;transition:color .2s}
.bs-back:hover{color:var(--K)}
.bs-back svg{width:14px;height:14px}

@media(max-width:768px){
  .page-post{--pad-x:24px}
  .bs-wrap{padding:40px var(--pad-x) 80px}
  .bs-nav{grid-template-columns:1fr}
  .bs-nav-item.next{text-align:left;align-items:flex-start}
  .bs-nav-item.next .bs-nav-label{flex-direction:row}
  .bs-bar{padding:10px 24px}
}
.bs-bar .cur{color:var(--K)}

.bs-meta > *{white-space:nowrap}