.hb-guide{--g-ink:#0b3655;--g-soft:#46626b;--g-paper:#f8f6f0;--g-white:#fffefa;--g-teal:#007c86;--g-coral:#f06a4b;--g-line:#d9dbd3;color:var(--g-ink);background:var(--g-paper);font:16px/1.65 Inter,ui-sans-serif,system-ui,sans-serif}
.hb-guide *{box-sizing:border-box}.hb-guide .wrap{width:min(1140px,calc(100% - 40px));margin:auto}.hb-guide h1,.hb-guide h2,.hb-guide h3{font-family:Georgia,"Times New Roman",serif;line-height:1.1}.hb-guide h1{margin:0;font-size:clamp(2.35rem,4.2vw,4rem);letter-spacing:-.045em}.hb-guide h2{margin:0;font-size:clamp(1.9rem,3.3vw,3rem);letter-spacing:-.035em}.hb-guide h3{margin:0;font-size:1.35rem}.hb-guide .eyebrow{margin:0 0 10px;color:var(--g-teal);font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.hb-guide .hero{padding:32px 0 54px;background:var(--g-white)}.hb-guide .guide-hero-image{display:block;width:100%;height:clamp(145px,18vw,220px);margin:0 0 34px;object-fit:cover;border-bottom:4px solid var(--g-coral)}.hb-guide .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:36px;align-items:start}.hb-guide .method-card{padding:24px;border-left:4px solid var(--g-coral);background:#fff0eb}.hb-guide .card-kicker{margin:0 0 7px;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hb-guide .method-card h2{font-size:1.55rem}
.hb-guide section{padding:60px 0}.hb-guide .guide-context{padding:0 0 40px;background:var(--g-white)}.hb-guide .guide-context-card{max-width:880px;padding:24px;border-left:4px solid var(--g-teal);background:#e8f4f2}.hb-guide .guide-context-card h2{margin:0 0 10px;font-size:1.55rem}.hb-guide .guide-context-card p{margin:0;color:var(--g-soft)}
.hb-guide .compact-section{background:var(--g-ink);color:var(--g-white)}.hb-guide .compact-section .eyebrow,.hb-guide .compact-section .section-heading h2{color:var(--g-white)}.hb-guide .section-heading{max-width:760px}.hb-guide .compact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.hb-guide .compact-card{min-height:184px;padding:22px;border-top:4px solid var(--g-teal);background:rgba(255,255,255,.07)}.hb-guide .compact-card:nth-child(2){border-top-color:var(--g-coral)}.hb-guide .compact-card:nth-child(3){border-top-color:var(--g-white)}.hb-guide .compact-card h3{margin:14px 0 9px;color:var(--g-white);font-size:1.25rem}.hb-guide .compact-card p{margin:0;color:#e9f3f4}.hb-guide .icon-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16);font-weight:900}
.hb-guide .example-section{background:#dcefed}.hb-guide .compact-example{max-width:860px;padding:24px 26px;border-left:4px solid var(--g-coral);background:var(--g-white)}.hb-guide .compact-example p{margin:0;color:var(--g-soft)}.hb-guide .compact-example p+p{margin-top:10px}.hb-guide .check-list,.hb-guide .decision-steps{max-width:860px;margin:22px 0 0;padding-left:1.3rem;color:var(--g-soft)}.hb-guide .check-list{padding-left:0;list-style:none}.hb-guide .check-list li{padding:12px 0;border-bottom:1px solid var(--g-line)}.hb-guide .check-list strong,.hb-guide .decision-steps strong{color:var(--g-ink)}
.hb-guide .guide-depth{background:var(--g-white)}.hb-guide .article-copy{max-width:940px}.hb-guide .article-copy>p{color:var(--g-soft)}.hb-guide .depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.hb-guide .depth-card{padding:22px;border:1px solid var(--g-line);background:var(--g-paper)}.hb-guide .depth-card h3{font-size:1.2rem}.hb-guide .depth-card p{margin:10px 0 0;color:var(--g-soft)}.hb-guide .guide-note{padding:18px 20px;border-left:4px solid var(--g-teal);background:#e8f4f2}
.hb-guide .related{padding:42px 0;background:var(--g-paper)}.hb-guide .related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:780px;margin-top:20px}.hb-guide .related-card{min-height:0;overflow:hidden;padding:18px 20px;border:1px solid var(--g-line);background:var(--g-white)}.hb-guide .related-image{display:block;width:calc(100% + 40px);height:96px;margin:-18px -20px 16px;object-fit:cover;border-bottom:3px solid var(--g-coral)}.hb-guide .related-card .tag{color:var(--g-teal);font-size:.74rem;font-weight:800}.hb-guide .related-card h3{margin:7px 0;font-size:1.18rem}.hb-guide .related-card a{color:var(--g-teal);font-size:.9rem;font-weight:800;text-decoration:none}
@media(max-width:760px){.hb-guide .wrap{width:min(100% - 32px,1140px)}.hb-guide .hero-grid,.hb-guide .compact-cards,.hb-guide .depth-grid,.hb-guide .related-grid{grid-template-columns:1fr}.hb-guide .method-card{max-width:560px}.hb-guide section{padding:48px 0}.hb-guide .guide-hero-image{height:155px}.hb-guide .compact-card{min-height:0}.hb-guide .related{padding:36px 0}}

.hb-guide .guide-depth { background: linear-gradient(180deg, #fffefa 0%, #eef7f5 100%); }
.hb-guide .depth-grid { gap: 20px; }
.hb-guide .depth-card { overflow: hidden; padding: 0 0 24px; border: 0; border-radius: 18px; background: #e8f4f2; box-shadow: 0 12px 28px rgba(11,54,85,.10); }
.hb-guide .depth-card:nth-child(2) { background: #fff0eb; }
.hb-guide .depth-card:nth-child(3) { background: #edf1fb; }
.hb-guide .depth-card-image { display: block; width: 100%; height: 126px; object-fit: cover; }
.hb-guide .depth-card:nth-child(1) .depth-card-image { border-bottom: 5px solid var(--g-teal); }
.hb-guide .depth-card:nth-child(2) .depth-card-image { border-bottom: 5px solid var(--g-coral); }
.hb-guide .depth-card:nth-child(3) .depth-card-image { border-bottom: 5px solid #536faa; }
.hb-guide .depth-card h3, .hb-guide .depth-card p { margin-right: 22px; margin-left: 22px; }
.hb-guide .depth-card h3 { margin-top: 22px; }
.hb-guide .depth-card p { color: var(--g-ink); }
.hb-guide .example-section { background: linear-gradient(135deg, #dcefed 0%, #fff0eb 100%); }
.hb-guide .example-panel { display: grid; gap: 18px; padding: clamp(22px,3vw,32px); border-radius: 18px; background: var(--g-white); box-shadow: 0 12px 28px rgba(11,54,85,.10); }
.hb-guide .compact-example { max-width: none; padding: 0 0 18px; border-left: 0; border-bottom: 3px solid var(--g-coral); background: transparent; }
.hb-guide .check-list { max-width: none; margin: 0; }
.hb-guide .check-list li { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; padding: 14px 0; }
.hb-guide .check-list .check { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: var(--g-white); background: var(--g-teal); font-size: .85rem; font-weight: 900; }
.hb-guide .check-list li:nth-child(2) .check { background: var(--g-coral); }
.hb-guide .check-list li:nth-child(3) .check { background: #536faa; }
.hb-guide .check-list strong { display: block; margin-bottom: 3px; }
@media (max-width:760px) { .hb-guide .depth-card-image { height: 172px; } }