/* Boulder Skin Bar - elevated blog post styles.
   Source of truth for the adopted post format (vault Wiki/12).
   Promoted out of per-post inline <style> on 2026-08-17.
   Filename is content-hashed: /_astro/ is immutable-cached for a year,
   so ANY edit must ship under a new hash and update the linking posts. */
/* Elevated blog post layer. Built only from tokens already in _astro/*.css:
   scandia-web (display) / pragmatica (text), #adafc2 highlight, #978777 accent.
   Replaces the inline styles of the first build so the article uses the same
   type scale and label voice as the service pages. */
.bsb-jump{margin-bottom:55px}
.bsb-eyebrow{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.53;letter-spacing:.15em;text-transform:uppercase;color:#978777;margin:0 0 16px}
/* Byline is metadata, not a block. Kept deliberately unboxed so the glance
   card below is the only lifted object - two stacked rectangles read as
   unrefined (client, 2026-08-16). One hairline ties it to the meta lines. */
.bsb-byline{display:flex;align-items:center;gap:22px;padding:4px 0 30px;margin:0 0 34px;border-bottom:1px solid rgba(151,135,119,.18)}
.bsb-byline__img{width:78px;height:78px;flex:0 0 78px;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px #0000000f}
.bsb-byline__name{font-family:scandia-web,"Helvetica Neue",Arial,sans-serif;font-size:26px;font-weight:400;line-height:1.15;color:#1b1f23;margin:0}
.bsb-byline__role{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#978777;margin:7px 0 0}
.bsb-byline__note{font-size:15px;line-height:1.6;color:#54545a;margin:11px 0 0}

/* The one lifted card. Recipe lifted verbatim from .bsb-rev-card on the
   homepage: 10px radius, gold corner wash, hairline, six-layer shadow. */
.bsb-glance{position:relative;overflow:hidden;background:linear-gradient(215deg,rgba(193,162,101,.11) 0%,rgba(193,162,101,0) 46%),#fff;border:1px solid rgba(27,31,35,.05);border-radius:10px;padding:36px 38px 34px;margin:0 0 48px;box-shadow:0 2.76726px 2.21381px #00000005,0 6.6501px 5.32008px #00000007,0 12.5216px 10.0172px #00000009,0 22.3363px 17.869px #0000000b,0 41.7776px 33.4221px #0000000d,0 100px 80px #00000012;transition:transform .4s cubic-bezier(.22,.7,.3,1),box-shadow .4s cubic-bezier(.22,.7,.3,1)}
.bsb-glance:hover{transform:translateY(-4px);box-shadow:0 4px 4px #00000008,0 10px 9px #0000000a,0 19px 16px #0000000d,0 34px 28px #00000010,0 62px 52px #00000014,0 140px 110px #0000001c}
.bsb-glance:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#c1a265 0%,#adafc2 55%,rgba(173,175,194,0) 100%)}
.bsb-glance>*{position:relative;z-index:1}
.bsb-glance__answer{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:min(max(18px,1.55vw),22px);font-weight:300;line-height:1.55;color:#1b1f23;margin:0}
.bsb-post h2{font-family:scandia-web,"Helvetica Neue",Arial,sans-serif;font-size:min(max(27px,2.5vw),38px);font-weight:400;line-height:1.18;color:#000;margin:66px 0 20px}
.bsb-post h3{font-family:scandia-web,"Helvetica Neue",Arial,sans-serif;font-size:21px;font-weight:400;line-height:1.25;color:#000;margin:38px 0 14px}
.bsb-capsule{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.65;color:#2c2c30;border-left:2px solid #adafc2;padding-left:20px;margin:0 0 32px}
.bsb-post .table-wrapper{overflow-x:auto;margin:0 0 35px}
.bsb-post .table-wrapper table{font-family:inherit;border-collapse:collapse;width:100%}
.bsb-post .table-wrapper th{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#978777;text-align:left;padding:0 18px 12px 0;border-bottom:1px solid #d9d9de}
.bsb-post .table-wrapper td{padding:14px 18px;border-bottom:1px solid #ececf0;vertical-align:top;line-height:1.6}
.bsb-post .table-wrapper td:first-child,.bsb-post .table-wrapper th:first-child{padding-left:0}
/* Dark counterpart to the glance card - same radius, same gold wash, same
   layered shadow, on Obsidian #1b1f23 (the site's dark, per .bsb-rev-author). */
.bsb-cta{position:relative;overflow:hidden;background:linear-gradient(215deg,rgba(193,162,101,.18) 0%,rgba(193,162,101,0) 52%),#1b1f23;border-radius:10px;padding:52px 44px 46px;margin:58px 0;text-align:center;box-shadow:0 2.76726px 2.21381px #0000000a,0 6.6501px 5.32008px #0000000d,0 12.5216px 10.0172px #00000012,0 22.3363px 17.869px #00000016,0 41.7776px 33.4221px #0000001a,0 100px 80px #00000024;transition:transform .4s cubic-bezier(.22,.7,.3,1),box-shadow .4s cubic-bezier(.22,.7,.3,1)}
.bsb-cta:hover{transform:translateY(-4px);box-shadow:0 4px 4px #0000000f,0 10px 9px #00000014,0 19px 16px #0000001a,0 34px 28px #00000020,0 62px 52px #00000026,0 140px 110px #00000030}
.bsb-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#c1a265 0%,rgba(193,162,101,.35) 48%,rgba(193,162,101,0) 100%)}
.bsb-cta>*{position:relative;z-index:1}
.bsb-cta__eyebrow{font-family:pragmatica,"Helvetica Neue",Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#c1a265;margin:0 0 16px}
.bsb-cta__line{font-family:scandia-web,"Helvetica Neue",Arial,sans-serif;font-size:min(max(22px,2vw),32px);font-weight:400;line-height:1.28;color:#fff;margin:0 auto 30px;max-width:36ch}
.bsb-cta .button,.bsb-actions .button{margin:0 6px 10px}
/* The site's .button is #fff on #adafc2 (~1.9:1). That is the house style on a
   white page and stays, but on the dark band it is unreadable, so invert it. */
.bsb-cta .button:not(.bsb-btn-ghost){background:#fff!important;color:#1f1f1f!important}
.bsb-cta .button:not(.bsb-btn-ghost):hover{background:#adafc2!important;color:#fff!important}
.bsb-btn-ghost{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)}
.bsb-btn-ghost:hover{background:#fff!important;color:#1f1f1f!important}
.bsb-btn-outline{background:transparent!important;color:#6d6053!important;border:1px solid #b9aa9b}
.bsb-btn-outline:hover{background:#978777!important;color:#fff!important;border-color:#978777}
.bsb-figure{margin:45px 0}
.bsb-figure img{width:100%;height:auto;display:block}
.bsb-figure figcaption{font-size:14px;line-height:1.6;color:#6f6f75;margin-top:12px}
.bsb-actions{margin:0 0 10px}
.bsb-sources{border-top:1px solid #e6e6e9;padding-top:28px;margin-top:52px}
.bsb-sources p:last-child{font-size:15px;line-height:1.65;color:#54545a;margin:0}
@media (max-width:840px){
.bsb-byline{gap:16px;padding:2px 0 24px;margin-bottom:28px}
.bsb-byline__img{width:62px;height:62px;flex:0 0 62px}
.bsb-byline__name{font-size:22px}
.bsb-byline__note{font-size:14px}
.bsb-glance{padding:28px 24px 26px;margin-bottom:36px}
.bsb-post h2{margin:48px 0 18px}
.bsb-capsule{font-size:17px;padding-left:16px}
.bsb-cta{padding:38px 24px 34px;margin:44px 0}
.bsb-cta__line{max-width:none}
.bsb-post .table-wrapper td,.bsb-post .table-wrapper th{padding-right:12px}
}
/* the lift is decoration - never move for a pointer that cannot hover, and
   honour reduced motion the way the homepage hero controls already do */
@media (hover:none){.bsb-glance:hover,.bsb-cta:hover{transform:none}}
@media (prefers-reduced-motion:reduce){
.bsb-glance,.bsb-cta{transition:none}
.bsb-glance:hover,.bsb-cta:hover{transform:none}
}