:root{--ob-navy:#172543;--ob-indigo:#404c9f;--ob-teal:#01b393;--ob-pink:#f58bcd;--ob-yellow:#f7e502;--ob-coral:#f35d77;--ob-cream:#fbf8f1;--ob-rule:#d4dbe8;--ob-muted:#58657a}
body.page-ob-transfusion{background:var(--ob-cream)}
.ob-pack{color:var(--ob-navy);font-family:Inter,"Segoe UI",Arial,sans-serif;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,4vw,3.5rem) 5rem}
.ob-pack>*{margin-inline:auto;max-width:84.875rem}
.ob-pack-cover{background:var(--ob-navy);border-radius:1.75rem;padding:clamp(.85rem,2vw,1.5rem)}
.ob-cover-inner{background:var(--ob-cream);border-radius:1.15rem;min-height:min(40rem,75vh);overflow:hidden;padding:clamp(2rem,7vw,6rem);position:relative}
.ob-cover-inner::before,.ob-cover-inner::after{border-radius:50%;content:"";height:5rem;position:absolute;width:5rem}.ob-cover-inner::before{background:var(--ob-coral);left:-2rem;top:-2rem}.ob-cover-inner::after{background:var(--ob-teal);bottom:-2rem;right:-2rem}
.ob-brand,.ob-kicker{color:var(--ob-teal);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ob-brand{margin:0 0 4rem}
.ob-cover-inner h1,.ob-cover-inner h2{font-family:Rubik,"Arial Black",sans-serif;font-weight:900;line-height:.9;margin:0;text-transform:uppercase}.ob-cover-inner h1{font-size:clamp(3rem,7vw,6rem)}.ob-cover-inner h2{color:var(--ob-indigo);font-size:clamp(2.6rem,7vw,5.6rem);margin-top:.6rem}.ob-cover-summary{color:var(--ob-muted);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600}
.ob-cover-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin:2.5rem 0 1.25rem}.ob-cover-chips span{border-radius:.65rem;color:#fff;font-weight:800;padding:.7rem 1.35rem;text-transform:uppercase}.ob-cover-chips span:nth-child(1){background:var(--ob-pink)}.ob-cover-chips span:nth-child(2){background:var(--ob-teal)}.ob-cover-chips span:nth-child(3){background:var(--ob-yellow);color:var(--ob-navy)}.ob-cover-chips span:nth-child(4){background:var(--ob-indigo)}.ob-cover-chips span:nth-child(5){background:var(--ob-coral)}
.ob-safety{background:#fff9d9;border-left:.4rem solid var(--ob-yellow);margin-block:1.25rem 4rem;padding:1rem 1.25rem}
.ob-pack-section{background:#fff;border:1px solid var(--ob-rule);border-radius:1.25rem;box-shadow:0 .75rem 2rem rgb(23 38 67 / 7%);margin-bottom:2rem;overflow:hidden;padding:clamp(1.5rem,4vw,3.5rem)}.ob-pack-section>header{border-bottom:1px solid var(--ob-rule);margin-bottom:2rem;padding-bottom:1.4rem;position:relative}.ob-page-number{color:var(--ob-muted);font-size:.76rem;font-weight:800;position:absolute;right:0;top:0}.ob-kicker{font-size:.72rem;margin:0 0 .5rem}.ob-pack-section h2{font-family:Rubik,"Arial Black",sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1;margin:0;text-transform:uppercase}.ob-deck{color:var(--ob-muted);margin:.75rem 3rem 0 0}.ob-tone-pink{border-top:.5rem solid var(--ob-pink)}.ob-tone-teal{border-top:.5rem solid var(--ob-teal)}.ob-tone-purple{border-top:.5rem solid var(--ob-indigo)}.ob-tone-coral{border-top:.5rem solid var(--ob-coral)}
.ob-callout{border:1px solid var(--ob-rule);border-radius:.85rem;margin-top:1.5rem;padding:1.15rem 1.25rem}.ob-callout strong{display:block;font-family:Rubik,sans-serif;margin-bottom:.35rem;text-transform:uppercase}.ob-callout p{margin:0}.ob-callout-coral{background:#fdecef}.ob-callout-yellow{background:#fff9d9}
.ob-practice{columns:2;gap:2rem;padding-left:2rem}.ob-practice li{break-inside:avoid;margin:0 0 1rem;padding:.75rem}.ob-sources{line-height:1.8}
@media(max-width:760px){.ob-pack{padding-inline:.8rem}.ob-cover-inner{min-height:0;padding:2rem 1.35rem}.ob-brand{margin-bottom:2.5rem}.ob-cover-inner h2{font-size:2.05rem}.ob-pack-section{padding:1.25rem}.ob-page-number{position:static}.ob-practice{columns:1}}