/* The Health Balance Sheet book, LOCKED 2026-09-27 (design\graphics\hbs-book-stage2-2026-09-26\book-v0.2.html).
   This file is that page's <style> block copied verbatim and scoped under #hbk so the house sheet cannot reach the figure
   and the figure cannot reach the page. No design value changed; the only additions neutralise house rules that would otherwise
   leak in (.photo min-height/background/radius, button padding, p text-wrap, h3 balance). Any design change here makes the book v0.3 — do not edit; re-copy. */
#hbk{--paper:#ffffff;--edge:#d9d9d9;--board:#f7f7f7;--muted:#747587;--rule:#e4e4e8;--pw:550px;--ph:870px;--c:#22265b;--c-lit:#2d3270;--c-shade:#141737;--c-pale:#d3d4dc;--acc:#2d3270;color:var(--ink);line-height:1.4}
#hbk *{box-sizing:border-box}
#hbk p{text-wrap:initial}
#hbk .stage{position:relative;width:calc(var(--pw)*2);height:var(--ph);margin:0 auto;perspective:2400px;perspective-origin:50% 25%}
#hbk .hbk-scene{position:absolute;inset:0;transform-style:preserve-3d} /* was .scene in the book; renamed so the house .scene (photo chapters, arrival motion) cannot touch the 3D stage */
#hbk .book{position:absolute;top:0;left:calc(var(--pw)/2);width:var(--pw);height:var(--ph);transform-style:preserve-3d;transition:left .9s cubic-bezier(.4,0,.2,1)}
#hbk .stage.open .book{left:var(--pw)}
#hbk .hardcover{position:absolute;top:0;bottom:0;left:calc(var(--pw)/2);right:calc(var(--pw)/2);background:#fbfbfb;box-shadow:0 0 0 1px #e2e2e2,0 22px 50px rgba(20,23,55,.22),0 4px 10px rgba(20,23,55,.08);transition:left .9s cubic-bezier(.4,0,.2,1),right .9s cubic-bezier(.4,0,.2,1),top .9s,bottom .9s;z-index:0}
#hbk .stage.open .hardcover{left:-8px;right:-8px;top:-8px;bottom:-8px}
#hbk .stage.end .book{left:calc(var(--pw)*1.5)}
#hbk .stage.end .hardcover{left:calc(var(--pw)/2);right:calc(var(--pw)/2);top:0;bottom:0}
#hbk .stage.end .lblock,#hbk .stage.end .gutter,#hbk .stage.end .leaves{opacity:0}
#hbk .stage.end .tabs{left:-100%;right:100%}
#hbk .stage.end .nav.next{right:calc(var(--pw)/2 - 80px)}#hbk .stage.end .nav.prev{left:calc(var(--pw)/2 - 80px)}
#hbk .sheet.board .face.back.cover{background:var(--board);box-shadow:inset 0 0 0 1px var(--edge)}
#hbk .sheet.board .face.back.cover .backmark{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
#hbk .sheet.board .face.back.cover .backmark img{height:64px;width:auto}
#hbk .sheet.board .face.back.cover .backmark p{margin:0;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#hbk .leaves{position:absolute;inset:0;pointer-events:none;background:var(--paper);box-shadow:1px 0 0 #fff,2px 0 0 var(--edge),3px 0 0 #fff,4px 0 0 var(--edge),5px 0 0 #fff,6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px -20px -20px 0)}
#hbk .lblock{position:absolute;top:0;bottom:0;right:100%;width:100%;opacity:0;transition:opacity .5s .5s;pointer-events:none;background:var(--paper);box-shadow:-2px 0 0 #fff,-3px 0 0 var(--edge),-5px 0 0 #fff,-6px 0 0 var(--edge),0 1px 3px rgba(0,0,0,.14);clip-path:inset(-20px 0 -20px -20px)}
#hbk .stage.open .lblock{opacity:1}
#hbk .gutter{position:absolute;left:-4px;top:-8px;bottom:-8px;width:8px;opacity:0;transition:opacity .3s .6s;pointer-events:none;z-index:35;background:linear-gradient(90deg,rgba(0,0,0,.07) 0,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.07) 100%)}
#hbk .gutter::before,#hbk .gutter::after{content:"";position:absolute;left:-9px;width:26px;height:7px;background:linear-gradient(180deg,#ececec,#c4c4c4);border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#hbk .gutter::before{top:0}#hbk .gutter::after{bottom:0}
#hbk .stage.open .gutter{opacity:1}
#hbk .sheet{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d}
#hbk .sheet.turned{transform:rotateY(-180deg)}
#hbk .sheet.fwd{animation:hbkTurnF .8s cubic-bezier(.4,0,.2,1) forwards}
#hbk .sheet.bwd{animation:hbkTurnB .8s cubic-bezier(.4,0,.2,1) forwards}
@keyframes hbkTurnF{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}
@keyframes hbkTurnB{from{transform:rotateY(-180deg)}to{transform:rotateY(0)}}
#hbk .sheet.board{inset:0}
#hbk .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--paper)}
#hbk .face.back{transform:rotateY(180deg)}
#hbk .photo{position:absolute;top:0;bottom:0;width:38%;overflow:hidden;min-height:0;height:auto;background:none;border-radius:0;align-self:auto}
#hbk .face.left .photo{right:0}
#hbk .photo img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center}
#hbk .col{position:absolute;top:0;bottom:0;background:var(--paper);padding:52px 40px 60px;z-index:1}
#hbk .face.left .col{left:0;width:62%}
#hbk .nav{position:absolute;top:50%;width:46px;height:46px;margin-top:-23px;border:1px solid var(--c);background:transparent;color:var(--c);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font:inherit;transition:opacity .4s,background .2s;z-index:50;padding:0;min-height:0}
#hbk .nav:hover{background:var(--c);color:#fff}
#hbk .nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#hbk .nav.prev{left:calc(var(--pw)/2 - 80px)}#hbk .nav.next{right:calc(var(--pw)/2 - 80px)}
#hbk .stage.open .nav.prev{left:-80px}#hbk .stage.open .nav.next{right:-80px}
#hbk .nav.prev{transition:left .9s cubic-bezier(.4,0,.2,1),opacity .4s,background .2s}#hbk .nav.next{transition:right .9s cubic-bezier(.4,0,.2,1),opacity .4s,background .2s}
#hbk .nav[disabled]{opacity:0;pointer-events:none}
#hbk .cover{background:#fff}
#hbk .cover .jacket{position:absolute;left:14px;top:0;bottom:0;width:calc(52% - 14px);padding:44px 32px 48px}
#hbk .cover .logo{display:flex;justify-content:center}
#hbk .cover .logo img{height:130px;width:auto;display:block}
#hbk .cover .title{position:absolute;left:calc(50% - 80px);right:16px;bottom:52px;text-align:left;font-weight:300;font-size:26px;line-height:1.15;color:var(--navy);letter-spacing:-.015em}
#hbk .cover .title small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-bottom:12px;color:var(--acc)}
#hbk .face.right.cover .photo{top:0;bottom:0;right:0;left:auto;width:48%}
#hbk .face.right.cover .photo img{object-position:60% 50%}
#hbk .cover .spine-edge{position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,#cfcfcf 0,#f2f2f2 35%,#ffffff 60%,#e6e6e6 100%);z-index:3}
#hbk .sheet.board:not(.turned) .cover{box-shadow:0 18px 40px rgba(20,23,55,.16),0 3px 8px rgba(20,23,55,.06)}
#hbk .sheet.board.turned .face.back.cover{background:var(--board)}
#hbk .eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);margin:0 0 18px;font-weight:400}
#hbk .col h3{font-weight:300;color:var(--navy);margin:0;letter-spacing:-.02em;text-wrap:initial}
#hbk .tp h3{font-size:40px;line-height:1.05;margin-bottom:22px;letter-spacing:-.03em}
#hbk .face.left.tp .col{padding-right:24px}
#hbk .tp .def{font-size:17px;line-height:1.45;font-weight:300;color:var(--navy);margin:0 0 18px}
#hbk .tp .how{font-size:13px;line-height:1.55;font-weight:300;color:var(--navy);margin:0}
#hbk .tp .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:400;margin:18px 0 6px}
#hbk .tp .how strong,#hbk .kept p strong{font-weight:500;color:var(--navy)}
#hbk .tp .how em,#hbk .kept p em{font-style:normal;font-weight:500;color:var(--plum)}
#hbk .kept .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:400;margin:18px 0 6px}
#hbk .tp .bel{margin:0;position:absolute;left:40px;right:40px;bottom:72px}
#hbk .tp .bel b{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--acc);margin-bottom:10px}
#hbk .tp .bel span{display:block;font-size:12.5px;line-height:1.4;font-weight:300;color:var(--navy);margin-top:7px}
#hbk .folio{position:absolute;bottom:30px;font-size:10.5px;letter-spacing:.14em;color:var(--muted)}
#hbk .face.right .folio{right:40px}#hbk .face.left .folio{left:40px}
#hbk .face.plate .col{left:0;right:0;width:auto;padding:0;display:flex;flex-direction:column}
#hbk .face.plate .photo{display:none}
#hbk .plate-head{padding:46px 40px 0 48px}
#hbk .plate-head img{height:30px;width:auto;display:block;margin-bottom:26px}
#hbk .plate-head h3{font-size:34px;line-height:1.08;letter-spacing:-.03em;max-width:13ch;margin:0 0 12px}
#hbk .plate-head p{font-size:15px;line-height:1.4;font-weight:300;color:var(--muted);margin:0 0 30px}
#hbk .field{flex:1;background:var(--navy);display:grid;grid-template-rows:repeat(4,1fr)}
#hbk .part{padding:0 40px 0 48px;display:flex;flex-direction:column;justify-content:center;color:var(--ivory)}
#hbk .part b{font-size:26px;font-weight:300;letter-spacing:-.02em;line-height:1}
#hbk .part i{font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;opacity:.8}
#hbk .part.u{background:var(--plum)}
#hbk .part+.part{border-top:1px solid rgba(246,241,234,.16)}
#hbk .face.right .photo{display:none}
#hbk .face.right.cover .photo{display:block}
#hbk .face.right .col{left:0;right:0;width:auto;padding:46px 44px 60px 40px}
#hbk .bs .mast{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.7;margin:0 0 22px}
#hbk .bs .mast b{display:block;color:var(--navy);font-weight:400}
#hbk .bs .sec h4{display:flex;justify-content:space-between;align-items:baseline;font-size:22px;font-weight:300;color:var(--navy);margin:0 0 6px;letter-spacing:-.02em;padding-bottom:8px;border-bottom:2px solid var(--navy)}
#hbk .bs .sec h4 i{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--plum);font-weight:500}
#hbk .bs .sec.u h4{border-bottom-color:var(--plum)}
#hbk .bs .heads{display:flex;justify-content:space-between;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:6px 0 4px;border-bottom:1px solid var(--rule)}
#hbk .bs ol{list-style:none;margin:0;padding:0}
#hbk .bs li{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:9px 0 8px;border-bottom:1px solid var(--rule)}
#hbk .bs li .e{flex:1;font-size:13px;line-height:1.4;font-weight:400;color:var(--navy);margin:0}
#hbk .bs li .e small{display:block;font-size:11px;line-height:1.45;color:var(--muted);margin-top:3px;font-weight:300}
#hbk .bs li em{font-style:normal;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);width:132px;text-align:right;flex:none;line-height:1.5;padding-top:2px;font-weight:500}
#hbk .bs li em small{display:block;font-size:9px;letter-spacing:.08em;color:var(--muted);font-weight:400;text-transform:none}
#hbk .bs.u li em{color:var(--plum)}
#hbk .bs .foot{font-size:10px;line-height:1.55;color:var(--muted);margin:18px 0 0}
#hbk .goals .decade{margin:0;padding:14px 0 13px;border-top:1px solid var(--rule)}
#hbk .goals .decade:last-of-type{border-bottom:1px solid var(--rule)}
#hbk .goals .decade b{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:400;margin-bottom:6px}
#hbk .goals .decade span{display:block;font-size:24px;line-height:1.2;font-weight:300;color:var(--navy);letter-spacing:-.02em}
#hbk .goals .why{margin-top:36px}
#hbk .goals .why .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:400;margin:0 0 6px}
#hbk .goals .why p+.k{margin-top:16px}
#hbk .goals .why h3{font-size:22px;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em}
#hbk .goals .why p{font-size:13px;line-height:1.55;font-weight:300;color:var(--navy);margin:0}
#hbk .goals .why strong{font-weight:500;color:var(--navy)}
#hbk .goals .why em{font-style:normal;font-weight:500;color:var(--plum)}
#hbk .stmt .mast{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);line-height:1.7;margin:0 0 14px}
#hbk .stmt .mast b{display:block;color:var(--navy);font-weight:400}
#hbk .stmt .sec{margin:0 0 12px}
#hbk .stmt .sec h4{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:400;color:var(--navy);margin:0 0 2px;padding-bottom:4px;border-bottom:2px solid var(--navy)}
#hbk .stmt .sec h4 i{font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--plum);font-weight:400}
#hbk .stmt .sec.u h4{border-bottom-color:var(--plum)}
#hbk .stmt ol{list-style:none;margin:0;padding:0}
#hbk .stmt li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:4px 0 3px;border-bottom:1px solid var(--rule);font-size:11px;line-height:1.35;font-weight:300;color:var(--ink)}
#hbk .stmt li span{flex:1}
#hbk .stmt li em{font-style:normal;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:110px;text-align:right;flex:none}
#hbk .stmt li.moved{color:var(--plum);font-weight:400}
#hbk .stmt li.moved em{color:var(--plum);font-weight:500}
#hbk .stmt li.moved::before{content:"";display:block;width:3px;height:12px;background:var(--plum);margin-right:-6px;flex:none}
#hbk .stmt .foot{font-size:9.5px;color:var(--muted);margin:10px 0 0;line-height:1.5}
#hbk .face.left.kept .photo{width:50%}
#hbk .face.left.kept .col{width:50%;padding-right:24px}
#hbk .kept h3{font-size:24px;line-height:1.25;margin-bottom:16px}
#hbk .kept p{font-size:13.5px;line-height:1.6;font-weight:300;color:var(--navy);margin:0 0 12px}
#hbk .tabs{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex;gap:3px;margin:0;padding:0;list-style:none;z-index:40}
#hbk .tabs li{flex:1;display:flex}
#hbk .tabs button{appearance:none;border:0;flex:1;background:var(--c-pale);color:var(--c-shade);font:inherit;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:8px 4px 9px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap;border-radius:0 0 3px 3px;min-height:0}
#hbk .tabs button:hover,#hbk .tabs button:focus-visible{background:var(--c-lit);color:#fff;outline:none}
#hbk .tabs button[aria-current="true"]{background:var(--c);color:#fff}
#hbk .hint{margin:70px auto 0;text-align:center;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
#hbk .sheet .face.right{cursor:e-resize}#hbk .sheet .face.left{cursor:w-resize}
@media (prefers-reduced-motion:reduce){#hbk .book,#hbk .sheet,#hbk .lblock,#hbk .gutter{transition:none;animation:none}}
@media (max-width:1180px){#hbk{--pw:min(550px,calc(50vw - 40px));--ph:calc(var(--pw)*1.58)}#hbk .face.left .col{width:56%}#hbk .col{padding:30px 26px 46px}#hbk .face.right .col{padding:30px 28px 46px 26px}#hbk .tp h3{font-size:28px}#hbk .bs li .e{font-size:11.5px}#hbk .bs li em{width:104px}#hbk .plate-head{padding:28px 26px 0 30px}#hbk .part{padding:0 26px 0 30px}#hbk .part b{font-size:20px}}
@media (max-width:700px){
 #hbk{--pw:min(520px,calc(100vw - 48px));--ph:calc(var(--pw)*1.7)}
 #hbk .stage{width:var(--pw)}
 #hbk .book,#hbk .stage.open .book{left:0}
 #hbk .hardcover,#hbk .stage.open .hardcover{left:-6px;right:-6px;top:-6px;bottom:-6px}
 #hbk .lblock,#hbk .gutter,#hbk .leaves{display:none}
 #hbk .sheet.turned{transform:rotateY(-180deg) translateX(-100%)}
 #hbk .sheet.turned:not(.current){visibility:hidden}
 #hbk .photo{display:none}
 #hbk .face.tp .photo,#hbk .face.kept .photo{display:block;top:0;bottom:auto;height:28%;left:0;right:0;width:auto}
 #hbk .face.tp .col,#hbk .face.kept .col{top:28%}
 #hbk .col,#hbk .face.left .col,#hbk .face.right .col{left:0;right:0;width:auto;padding:30px 26px 28px}
 #hbk .tp .bel{left:26px;right:26px;bottom:52px}
 #hbk .face.right .folio{right:26px}#hbk .face.left .folio{left:26px}
 #hbk .cover .jacket{left:0;width:100%;padding:28px 26px}
 #hbk .cover .title{left:26px;right:26px}
 #hbk .face.right.cover .photo{display:block;top:56%;bottom:0;left:0;right:0;width:auto}
 #hbk .cover .logo img{height:84px}
 #hbk .cover .spine-edge{width:10px}
 #hbk .tabs{top:calc(100% + 14px);gap:4px}
 #hbk .tabs button{font-size:0;padding:10px 2px}
 #hbk .tabs button::before{content:attr(data-n);font-size:10px;letter-spacing:.1em}
 #hbk .nav,#hbk .stage.open .nav{top:auto;bottom:-96px;margin-top:0}
 #hbk .nav.prev,#hbk .stage.open .nav.prev{left:calc(50% - 60px)}
 #hbk .nav.next,#hbk .stage.open .nav.next{right:calc(50% - 60px)}
 #hbk .hint{margin-top:118px}
}
