/* v3 editorial (Oliver Nov 3 2026 5:38 PM PT: "too much green, the backing for Coffee Between Sessions is not white",
   "that green is not tasteful", "make it look good, this is our chance to impress people").
   Exact tokens from live https://coffeebetweensessions.com/hub.css (fetched Nov 3 2026):
   page #fbf7f0 (body.bal --bal-cream), paper #fffdf9 (--paper), ink #123333 (--ink), body text #21403f (.art p),
   muted #6b7478 (--muted), rule #e2d6c1 (--rule / --bal-rule), deep green #1f5a5a (--bal-btn), hover #174848 (--bal-btn-h),
   kicker #1b7a4a (.kicker), glass #d7ebe6 (--glass). Fonts Source Serif 4 + Inter (--serif / --sans).
   Green is accent only: kicker, thin rules, primary button, photo mat line. Shared by body.scp-cbs and body.pp-cbs; loaded last. */
body.scp-cbs,body.pp-cbs{background:#fbf7f0!important;color:#123333;font-family:Inter,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif}
.scp-cbs .scp,.pp-cbs .pp{background:transparent!important}
.scp-cbs .scp-blob,.pp-cbs .pp-blob,.scp-cbs .gp-blob{display:none!important}
.scp-cbs main,.pp-cbs main{max-width:1080px;margin:0 auto}

/* ---------- hero: paper, big serif name, matted photo ---------- */
.scp-cbs .scp-hero,.pp-cbs .pp-hero{background:transparent!important;border:0!important;border-bottom:1px solid #e2d6c1!important;border-radius:0!important;box-shadow:none!important;
  display:grid;grid-template-columns:320px minmax(0,1fr);gap:3.5rem;align-items:center;padding:3.6rem 0 3.2rem!important;margin:0!important;color:#123333;overflow:visible}
.scp-cbs .scp-avatar,.pp-cbs .pp-avatar{width:320px!important;height:auto!important;aspect-ratio:4/5;border-radius:3px!important;background:#fffdf9!important;padding:12px;box-sizing:border-box;
  border:1px solid #e2d6c1!important;box-shadow:0 1px 0 #e2d6c1,0 24px 48px -28px rgba(18,51,51,.35)!important;overflow:hidden;position:relative}
.scp-cbs .scp-avatar img,.pp-cbs .pp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:1px;display:block}
/* intentional placeholder: monogram on glass, small-caps caption */
.scp-cbs .scp-ph,.pp-cbs .scp-ph{width:100%!important;height:100%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:linear-gradient(180deg,#eef4f0 0%,#d7ebe6 100%)!important;color:#1f5a5a!important;border-radius:1px;position:relative}
.scp-cbs .scp-ph svg,.pp-cbs .scp-ph svg{display:none!important}
.scp-cbs .scp-ph::before,.pp-cbs .scp-ph::before{content:attr(data-initials);font-family:"Source Serif 4",Georgia,serif;font-weight:300;font-size:96px;line-height:1;letter-spacing:.02em;color:#1f5a5a}
.scp-cbs .scp-ph::after,.pp-cbs .scp-ph::after{content:"";width:28px;height:1px;background:#1f5a5a;opacity:.5;order:1}
.scp-cbs .scp-ph em,.pp-cbs .scp-ph em{order:2;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-style:normal;font-size:12px;font-weight:700;
  font-variant:small-caps;text-transform:lowercase;letter-spacing:.14em;color:#1f5a5a!important}
.scp-cbs .scp-kicker{margin:0 0 14px!important;font-size:13px!important;font-weight:700;font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:#1b7a4a!important;background:none!important;padding:0!important}
.scp-cbs .scp-name,.pp-cbs .pp-name{font-family:"Source Serif 4",Georgia,serif!important;font-weight:600!important;font-size:clamp(2.6rem,5.6vw,4.1rem)!important;line-height:1.04!important;letter-spacing:-.02em;color:#123333!important;margin:0 0 .9rem!important}
.scp-cbs .scp-lic,.pp-cbs .pp-lic{font-family:Inter,system-ui,sans-serif;font-size:14.5px!important;line-height:1.55;color:#6b7478!important;margin:0 0 1.4rem!important}
.scp-cbs .scp-lic strong{display:block;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-weight:400;font-size:21px;color:#21403f;margin-bottom:2px}
.scp-cbs .scp-headline,.pp-cbs .pp-headline{font-family:"Source Serif 4",Georgia,serif!important;font-weight:300!important;font-size:1.32rem!important;line-height:1.55!important;color:#21403f!important;max-width:34rem;margin:0 0 1.3rem!important;
  padding-top:1.2rem;border-top:1px solid #e2d6c1}
.scp-cbs .scp-meta,.pp-cbs .pp-meta{padding:0;margin:0}
.scp-cbs .scp-meta li,.pp-cbs .pp-meta li{background:none!important;border:0!important;padding:0!important;color:#6b7478!important;font-size:13px!important;font-weight:600;letter-spacing:.02em}
.scp-cbs .scp-meta li svg,.pp-cbs .pp-meta li svg{stroke:#1b7a4a!important}

/* ---------- body: hairlines, not boxes ---------- */
.scp-cbs .scp-grid,.pp-cbs .pp-grid{margin-top:3rem!important;gap:4rem!important;align-items:start}
.scp-cbs .scp-card,.pp-cbs .pp-card{background:transparent!important;border:0!important;border-top:1px solid #e2d6c1!important;border-radius:0!important;box-shadow:none!important;padding:1.8rem 0 2.2rem!important;margin:0!important}
.scp-cbs .scp-main>.scp-card:first-child,.pp-cbs .pp-main>.pp-card:first-child{border-top:0!important;padding-top:0!important}
.scp-cbs .scp-card h2,.pp-cbs .pp-card h2,.scp-cbs .scp-panel h2,.pp-cbs .pp-panel h2{font-family:"Source Serif 4",Georgia,serif!important;font-weight:600!important;font-size:26px!important;line-height:1.25;color:#123333!important;padding:0!important;margin:0 0 1rem!important;border:0!important;background:none!important}
.scp-cbs .scp-card h2::before,.pp-cbs .pp-card h2::before,.scp-cbs .scp-panel h2::before,.pp-cbs .pp-panel h2::before{display:none!important;content:none!important}
.scp-cbs .scp-card p,.pp-cbs .pp-card p{color:#21403f}
.scp-cbs .scp-offers{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem!important}
.scp-cbs .scp-offer{background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
.scp-cbs .scp-offer h3{margin:0 0 6px!important;font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:#1b7a4a!important}
.scp-cbs .scp-offer p{font-family:"Source Serif 4",Georgia,serif;font-size:19px!important;line-height:1.55!important;color:#21403f!important;margin:0}
.scp-cbs .scp-chips li,.pp-cbs .pp-chips li{background:#fffdf9!important;border:1px solid #e2d6c1!important;color:#123333}
.scp-cbs a,.pp-cbs a{color:#1f5a5a}
.scp-cbs .scp-lictable,.pp-cbs .pp-lictable{font-size:14.5px;row-gap:.55rem}
.scp-cbs .scp-lictable dt,.pp-cbs .pp-lictable dt{color:#6b7478;font-weight:600}
.scp-cbs .scp-lictable dd,.pp-cbs .pp-lictable dd{color:#123333}
.scp-cbs .scp-fine,.pp-cbs .pp-fine{color:#6b7478!important;font-size:13.5px!important}
/* one graceful line for everything still to come */
.scp-soon,.pp-soon{margin:0 0 2.2rem;padding:1.1rem 0;border-top:1px solid #e2d6c1;border-bottom:1px solid #e2d6c1;font-family:"Source Serif 4",Georgia,serif;font-style:italic;font-size:17px;line-height:1.55;color:#6b7478}
.scp-soon span,.pp-soon span{display:block;font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:12px;font-weight:700;font-variant:small-caps;text-transform:lowercase;letter-spacing:.14em;color:#1b7a4a;margin-bottom:2px}
.pp-cbs .pp-main>.pp-soon:first-child{border-top:0;padding-top:0}
.scp-cbs .scp-slot,.pp-cbs .pp-slot{background:none!important;border:0!important;padding:0!important;margin:.2rem 0 .6rem!important;font-family:"Source Serif 4",Georgia,serif!important;font-style:italic;font-size:16px!important;color:#6b7478!important}

/* ---------- side panel: paper card, thin green top rule (CBS .contest-box) ---------- */
.scp-cbs .scp-panel,.pp-cbs .pp-panel{background:#fffdf9!important;border:1px solid #e2d6c1!important;border-top:3px solid #1f5a5a!important;border-radius:4px!important;box-shadow:none!important;padding:1.6rem 1.6rem 1.4rem!important}
.scp-cbs .scp-panel h2,.pp-cbs .pp-panel h2{font-size:21px!important;margin-bottom:.6rem!important}
.scp-cbs .scp-rates li{border-color:#e2d6c1!important}
.scp-cbs .scp-share p,.scp-cbs .scp-note{color:#6b7478!important}
.scp-cbs .scp-share{border-top:1px solid #e2d6c1!important}

/* ---------- buttons: solid deep green, quiet ghost ---------- */
.scp-cbs .scp .btn,.scp-cbs .btn,.pp-cbs .pp-book{background:#1f5a5a!important;border:1px solid #1f5a5a!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important;font-weight:600!important;font-size:15px!important;letter-spacing:.01em}
.scp-cbs .btn:not(.btn-ghost):hover,.pp-cbs .pp-book:hover{background:#174848!important;border-color:#174848!important}
.scp-cbs .btn.btn-ghost,.scp-cbs .scp .btn.btn-ghost,.pp-cbs .pp-alt{background:transparent!important;border:1px solid #c9bda6!important;color:#123333!important}
.scp-cbs .btn.btn-ghost:hover,.pp-cbs .pp-alt:hover{border-color:#1f5a5a!important;color:#1f5a5a!important}
.scp-cbs .btn svg{stroke:currentColor}

/* ---------- closing: CBS .takeaways (paper, hairline, 3px green left) ---------- */
.scp-cbs .gp-book,.pp-cbs .pp-close{background:#fffdf9!important;border:1px solid #e2d6c1!important;border-left:3px solid #1f5a5a!important;border-radius:4px!important;box-shadow:none!important;margin-top:3rem!important;padding:1.6rem 1.8rem!important}
.scp-cbs .gp-bubble{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;font-family:"Source Serif 4",Georgia,serif;font-size:19px;line-height:1.5;color:#21403f}
.scp-cbs .gp-bubble::before,.scp-cbs .gp-bubble::after{display:none!important}
.scp-cbs .gp-bubble strong{display:block;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:700;font-variant:small-caps;text-transform:lowercase;letter-spacing:.14em;color:#1b7a4a!important;margin-bottom:4px}
.pp-cbs .pp-close-h{font-family:"Source Serif 4",Georgia,serif;font-weight:600;color:#123333}
.scp-cbs .scp-foot{color:#6b7478}
.scp-cbs .scp-xlink a{font-weight:600;color:#1f5a5a}

/* ---------- bottom strip: small and quiet ---------- */
.scp-strip{border-top:1px solid #e2d6c1!important;background:transparent!important;margin-top:3.5rem!important}
.scp-strip .kicker{color:#1b7a4a!important}
.scp-strip *{box-shadow:none!important}
.pp-cbs .pp-crisis{background:transparent!important;border:0!important;border-top:1px solid #e2d6c1!important;border-radius:0!important;padding:1.2rem 0!important;color:#21403f}
.pp-cbs .pp-foot{background:transparent!important;border-top:1px solid #e2d6c1!important;color:#6b7478}
.scp-cbs .scp-sample-note,.pp-cbs .pp-sample{background:#fff8db;border:1px solid #f1e3a6;border-left:3px solid #c9a227}

@media (max-width:860px){
  .scp-cbs .scp-hero,.pp-cbs .pp-hero{grid-template-columns:1fr!important;gap:1.8rem!important;padding:2rem 0 2.2rem!important;text-align:left}
  .scp-cbs .scp-avatar,.pp-cbs .pp-avatar{width:min(260px,72vw)!important;margin:0!important}
  .scp-cbs .scp-ph::before,.pp-cbs .scp-ph::before{font-size:72px}
  .scp-cbs .scp-name,.pp-cbs .pp-name{font-size:2.55rem!important}
  .scp-cbs .scp-grid,.pp-cbs .pp-grid{gap:2rem!important;margin-top:2rem!important}
  .scp-cbs .scp-offers{grid-template-columns:1fr;gap:1.4rem!important}
  .scp-cbs .gp-book,.pp-cbs .pp-close{padding:1.3rem 1.2rem!important}
}
/* v3.1 pass 2 (side by side with the live CBS article): lighter display weight like the CBS H1, dark rule over the title column, kicker on both pages */
.scp-cbs .scp-name,.pp-cbs .pp-name{font-weight:400!important;font-size:clamp(2.7rem,6vw,4.4rem)!important;letter-spacing:-.018em}
.scp-cbs .scp-kicker,.pp-cbs .pp-kicker{border-top:2px solid #1f5a5a;padding-top:14px!important;display:block}
.pp-cbs .pp-kicker{margin:0 0 14px;font-size:13px;font-weight:700;font-variant:small-caps;text-transform:lowercase;letter-spacing:.12em;color:#1b7a4a}
.scp-cbs .scp-meta,.pp-cbs .pp-meta{display:none!important}
.pp-cbs .pp-lic{font-size:15px!important}
.scp-cbs .scp-avatar,.pp-cbs .pp-avatar{box-shadow:0 30px 50px -36px rgba(18,51,51,.45)!important}
.scp-cbs .scp-headline,.pp-cbs .pp-headline{margin-bottom:0!important}
.scp-cbs .scp-kicker,.pp-cbs .pp-kicker{border-radius:0!important}
/* v3.2 coffee masthead (Oliver Nov 3 2026 5:49 PM PT "Header should show supervisor and peer consultation ... the same coffee effect as the coffee between sessions").
   Copied from live coffeebetweensessions.com hub.css: .top.mast paper #fffdf9, .dateline small caps over a #e2d6c1 hairline,
   .cup svg (#123333 tile, white cup, 3 steam wisps, @keyframes steam 3.6s), .mast .wm b serif 400, .wm small #1b7a4a 600,
   nav.sect double rule (1px ink + 3px paper gap + 1px rule). */
.cbm{background:#fffdf9;margin:0 calc(50% - 50vw);padding:10px 16px 0;text-align:center;border-bottom:0}
.cbm-date{max-width:1080px;margin:0 auto;padding-bottom:8px;border-bottom:1px solid #e2d6c1;font-size:12px;font-variant:small-caps;letter-spacing:.08em;color:#6b7478;text-transform:lowercase}
.cbm-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0 12px}
.cbm-cup{width:46px;height:46px;flex:none;overflow:visible}
.cbm-cup .w{stroke-width:2.8;animation:cbm-steam 3.6s ease-in-out infinite;opacity:0}
.cbm-cup .w2{animation-delay:1s}.cbm-cup .w3{animation-delay:2s}
@keyframes cbm-steam{0%{opacity:0;transform:translateY(3px)}40%{opacity:1}100%{opacity:0;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.cbm-cup .w{animation:none;opacity:.7}}
.cbm-wm{text-align:left;line-height:1}
.cbm-wm b{display:block;font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.005em;line-height:1.1;color:#123333}
.cbm-wm small{display:block;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#1b7a4a;margin-top:5px}
.cbm-rule{max-width:1080px;margin:0 auto;height:0;border-top:1px solid #123333;box-shadow:0 -3px 0 #fffdf9,0 -4px 0 #e2d6c1;border-bottom:1px solid #e2d6c1;padding-top:6px}
.scp-cbs .scp-hero,.pp-cbs .pp-hero{padding-top:3rem!important}
.scp-herocta,.pp-herocta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:1.5rem 0 0!important}
.scp-herocta span{font-size:13.5px;color:#6b7478}
.scp-cbs .scp-herocta .btn{padding:13px 28px!important}
.pp-cbs .pp-herocta .pp-btn{display:inline-flex}
@media (max-width:860px){.cbm-wm b{font-size:21px;white-space:normal}.cbm-cup{width:38px;height:38px}.cbm-brand{gap:10px}
  .scp-herocta .btn{width:100%}.scp-herocta span{width:100%;text-align:center}}
/* v3.3: masthead sits on the paper inside the column (no boxed band); offers live in the masthead, so the hero kicker steps aside */
.cbm{background:transparent!important;margin:0!important;padding:18px 0 0!important}
.cbm-date,.cbm-rule{max-width:none}
.scp-cbs .scp-kicker{display:none!important}
.scp-cbs .scp-hero .btn,.scp-cbs .btn,.pp-cbs .pp-book{text-transform:none!important;letter-spacing:.01em!important}
.scp-cbs .scp-h3{margin:1.2rem 0 .5rem;font-size:12px;font-weight:700;font-variant:small-caps;text-transform:lowercase;letter-spacing:.14em;color:#1b7a4a}