/* The bolusing series: the reminder first, then four cookies, one more bite out of each,
   with this page's bite marked. */
.bs-note,.dn-note.bs-note,.callout.reminder.bs-note{box-sizing:border-box;max-width:none;margin:18px 0 0;padding:14px 16px;border:0;border-radius:8px;background:#F4D6E2;color:#7E2154;font-size:16px;line-height:1.6}
.bs-strip{--paper:#FDF8F6;--ink:#2F2622;--hyssop:#A3326F;--hyssop-deep:#7E2154;--garden:#3F6B3A;--line:#EBD9DE;--body:"Atkinson Hyperlegible",Arial,sans-serif;--display:"Fraunces",Georgia,serif;font-family:var(--body);color:var(--ink);display:flex;flex-direction:column;gap:10px;margin:18px 0 0}
.bs-strip-l{font:700 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--garden)}
.bs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bs-steps a{box-sizing:border-box;height:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.25}
.bs-steps a:hover{border-color:var(--hyssop)}
.bs-steps svg{width:34px;height:34px;flex:none}
.bs-steps span{display:flex;flex-direction:column;min-width:0}
.bs-steps small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--garden)}
.bs-steps .here a{border:2px solid var(--hyssop);background:var(--paper)}
.bs-steps .here span{font-weight:700;color:var(--hyssop-deep)}
.bs-cur{display:none;margin:0;font:500 18px/1.2 var(--display);color:var(--hyssop-deep)}
@media (max-width:760px){
  .bs-steps{grid-template-columns:repeat(4,auto);justify-content:space-between}
  .bs-steps a{padding:6px;border-radius:50%}
  .bs-steps a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .bs-cur{display:block}
}