:root{--hbk-cocoa:#382d29;--hbk-brick:#aa513b;--hbk-teal:#177d75;--hbk-cream:#fbf3e2;--hbk-paper:#fffdf7;--hbk-rule:#d8c9aa;--hbk-yellow:#f0c45c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--hbk-cocoa);background:#e8dcc6;font:16px/1.85 ui-rounded,"SF Pro Rounded",system-ui,"PingFang SC",sans-serif}.hbk-skip{position:absolute;left:-9999px}.hbk-skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:30}.hbk-book{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.hbk-cover{grid-column:1;grid-row:1/3;position:sticky;top:0;height:100vh;padding:2rem 1.4rem;background:var(--hbk-cocoa);color:#fff;display:flex;flex-direction:column}.hbk-mark{display:flex;gap:.7rem;align-items:center;border-bottom:1px solid #76655e;padding-bottom:1.4rem}.hbk-mark img{object-fit:cover;border-radius:50%;width:48px;height:48px}.hbk-mark p{margin:0}.hbk-mark b{display:block}.hbk-mark small{display:block;font-size:.56rem;letter-spacing:.12em;opacity:.65}.hbk-tabs{display:grid;gap:.6rem;margin-top:3rem}.hbk-tabs a{color:#d9cbc5;text-decoration:none;padding:.8rem;border-radius:0 1.4rem 1.4rem 0;border-left:3px solid transparent;transition:.2s}.hbk-tabs a:hover,.hbk-tabs a[aria-current=page]{background:#fff7e7;color:var(--hbk-cocoa);border-color:var(--hbk-yellow);transform:translateX(6px)}.hbk-cover-foot{margin-top:auto;font-size:.65rem;letter-spacing:.17em;opacity:.6}.hbk-step-stack{grid-column:2;min-width:0}.hbk-opening{min-height:650px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;background:var(--hbk-cream);overflow:hidden}.hbk-opening figure{height:100%;margin:0;position:relative;clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.hbk-opening picture,.hbk-opening img{display:block;width:100%;height:100%;object-fit:cover}.hbk-opening figcaption{position:absolute;left:1rem;bottom:1rem;background:var(--hbk-yellow);padding:.45rem .7rem;font-weight:800;font-size:.7rem;transform:rotate(-2deg)}.hbk-opening>div{padding:clamp(2rem,6vw,6rem)}.hbk-eyebrow{font-size:.68rem;letter-spacing:.2em;color:var(--hbk-brick);font-weight:900}.hbk-opening h1{font:800 clamp(2.4rem,5vw,5.4rem)/1.02 ui-rounded,system-ui,sans-serif;letter-spacing:-.06em;margin:.8rem 0;max-width:12ch}.hbk-opening>div>p:last-of-type{max-width:50ch}.hbk-buttons{display:flex;gap:.7rem;margin-top:1.7rem}.hbk-buttons a{padding:.75rem 1.05rem;border-radius:999px;background:var(--hbk-brick);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 0 #7c3324;transition:.2s}.hbk-buttons a:last-child{background:var(--hbk-teal);box-shadow:0 8px 0 #0d514c}.hbk-buttons a:hover{transform:translateY(-4px);box-shadow:0 12px 0 #5b3027}.hbk-spread{max-width:1080px;margin:5rem auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:3rem;padding:0 2rem}.hbk-margin{align-self:start;position:sticky;top:2rem;background:#f6d982;padding:1.2rem;transform:rotate(-1.5deg);box-shadow:5px 7px 0 #bea64e}.hbk-margin p{font-weight:900;border-bottom:2px dashed #8e7838;padding-bottom:.5rem}.hbk-margin a{display:flex;gap:.6rem;color:var(--hbk-cocoa);text-decoration:none;margin:.65rem 0;font-size:.82rem}.hbk-margin span{color:var(--hbk-brick);font-weight:900}.hbk-pages{padding:1rem 3.5rem 4rem;background:repeating-linear-gradient(#fffdf7 0,#fffdf7 31px,#e6dcc7 32px);box-shadow:0 20px 45px #5f50352b;border-radius:4px}.hbk-pages>p:first-child{font-size:1.16rem;color:#6b5047}.hbk-pages h2{font-size:clamp(1.5rem,3vw,2.15rem);margin:4rem 0 1rem;display:flex;align-items:center;gap:.7rem}.hbk-pages h2:before{content:"";width:1.1rem;height:1.1rem;background:var(--hbk-yellow);border-radius:50%;border:3px solid var(--hbk-brick)}.hbk-pages h3{color:var(--hbk-teal);margin-top:2.2rem}.hbk-pages strong{color:#8e3d2c}.hbk-pages ul,.hbk-pages ol{padding-left:1.4rem}.hbk-pages li{margin:.55rem 0}.hbk-pages ol{counter-reset:steps;list-style:none;padding:0}.hbk-pages ol li{counter-increment:steps;background:#fff7e4;margin:.8rem 0;padding:.8rem 1rem .8rem 3.5rem;position:relative;border-radius:.7rem}.hbk-pages ol li:before{content:counter(steps);position:absolute;left:.8rem;top:.75rem;width:1.8rem;height:1.8rem;display:grid;place-items:center;border-radius:50%;background:var(--hbk-brick);color:#fff;font-weight:900}.hbk-checks{list-style:none!important;padding:0!important;display:grid;gap:.5rem}.hbk-checks li{display:flex;gap:.7rem;background:#fff2c9;padding:.65rem;border-radius:.6rem}.hbk-checks i{width:1.1rem;height:1.1rem;border:2px solid var(--hbk-teal);border-radius:50%;margin-top:.35rem}.hbk-table-scroll{overflow:auto;border-radius:.8rem;box-shadow:0 6px 18px #6d583820}.hbk-table-scroll table{border-collapse:collapse;width:100%;min-width:600px;background:#fff}.hbk-table-scroll th{background:var(--hbk-brick);color:#fff}.hbk-table-scroll th,.hbk-table-scroll td{padding:.9rem;text-align:left;border-bottom:1px dashed var(--hbk-rule)}.hbk-aside-note{background:#d7eee9;border-radius:1rem;padding:1rem 1.2rem;border-left:8px solid var(--hbk-teal)}.hbk-postcards{padding:5rem clamp(1rem,6vw,6rem);display:grid;grid-template-columns:.65fr 1fr 1fr;gap:1.2rem;align-items:center;background:#d6c8ae}.hbk-postcards>div p{font-size:.65rem;letter-spacing:.2em}.hbk-postcards h2{font-size:2rem}.hbk-postcards figure{margin:0;padding:.65rem .65rem 2rem;background:#fff;box-shadow:8px 10px 0 #a99878;transition:.3s}.hbk-postcards figure:nth-of-type(1){transform:rotate(-2deg)}.hbk-postcards figure:nth-of-type(2){transform:rotate(2deg)}.hbk-postcards figure:hover{transform:rotate(0) translateY(-8px)}.hbk-postcards picture,.hbk-postcards img{display:block;width:100%;height:250px;object-fit:cover}.hbk-postcards figcaption{font-size:.75rem;padding-top:.5rem}.hbk-next{max-width:900px;margin:4rem auto;display:flex;gap:1rem;padding:0 1rem}.hbk-next a{flex:1;background:var(--hbk-paper);border:2px dashed var(--hbk-brick);padding:1rem;text-decoration:none;color:var(--hbk-cocoa);border-radius:1rem}.hbk-next span{display:block;color:var(--hbk-brick);font-size:.6rem;letter-spacing:.15em}.hbk-help{max-width:900px;margin:0 auto 5rem;padding:1.2rem 1.5rem;border-radius:3rem;background:var(--hbk-teal);color:#fff;display:flex;align-items:center;justify-content:space-between}.hbk-help p{margin:0}.hbk-help a{color:var(--hbk-teal);background:#fff;padding:.7rem 1rem;border-radius:999px;text-decoration:none;font-weight:900}.hbk-colophon{grid-column:2;padding:2rem 3rem;background:#c6b596;display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.hbk-colophon a{color:var(--hbk-cocoa)}@media(max-width:850px){.hbk-book{display:block}.hbk-cover{position:relative;height:auto;padding:1rem}.hbk-tabs{display:flex;flex-wrap:wrap;margin-top:1rem}.hbk-cover-foot{display:none}.hbk-opening{grid-template-columns:1fr;min-height:0}.hbk-opening figure{height:260px;clip-path:none}.hbk-opening>div{padding:2rem 1.2rem}.hbk-opening h1{font-size:2.45rem}.hbk-spread{grid-template-columns:1fr;padding:0 1rem;margin:2rem auto}.hbk-margin{position:static;transform:none}.hbk-pages{padding:1rem 1.1rem 3rem}.hbk-postcards{grid-template-columns:1fr}.hbk-next{display:grid}.hbk-help{margin:1rem 1rem 3rem;border-radius:1rem}.hbk-colophon{display:block;padding:1.5rem}.hbk-postcards figure:nth-of-type(n){transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}