
/* HB34 V19: Gold technical explanation of original signature techniques. */
.hb34-tech-explained{background:radial-gradient(ellipse at 75% 0%,#173e64 0%,transparent 50%),linear-gradient(128deg,#081b35,#0d2d50 60%,#0c213c);color:#eef5fd;padding:clamp(38px,5vw,76px) 0;border-top:3px solid #d6b36c;border-bottom:3px solid #d6b36c}
.hb34-tech-explained-inner{max-width:1160px;margin:auto;padding:0 clamp(18px,4vw,42px)}
.hb34-tech-eyebrow{font:750 12px/1.5 system-ui,sans-serif;letter-spacing:.17em;color:#eac682}
.hb34-tech-explained h2{font:700 clamp(25px,3.3vw,43px)/1.2 Georgia,serif!important;color:#fff!important;margin:12px 0 18px!important;max-width:950px}
.hb34-tech-lead{font:400 clamp(16px,1.5vw,19px)/1.8 system-ui,sans-serif!important;color:#e8edf6!important;max-width:1010px;margin:0 0 30px!important}
.hb34-tech-explained-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.hb34-tech-explained-card{background:linear-gradient(120deg,#163958,#0b2846);border:1px solid #a7bac944;border-radius:18px;padding:26px 24px 24px;min-width:0}
.hb34-tech-explained-card.hb34-tech-accent{border-color:#e4c887;background:linear-gradient(120deg,#153754,#1c4b66);box-shadow:0 0 0 1px #d7bc6330 inset}
.hb34-tech-number{display:inline-flex;background:#e9c77e;color:#112d48;border-radius:99px;width:38px;height:38px;align-items:center;justify-content:center;font:850 14px system-ui,sans-serif}
.hb34-tech-explained h3{font:700 clamp(17px,1.65vw,21px)/1.35 Georgia,serif!important;color:#f7e0ae!important;margin:16px 0 9px!important}
.hb34-tech-explained-card p{color:#edf4fa!important;font:400 15px/1.75 system-ui,sans-serif!important;margin:0!important}
.hb34-tech-deep-link{display:inline-flex;align-items:center;min-height:48px;background:#e8c37d;border-radius:10px;color:#102c4a!important;text-decoration:none;padding:11px 18px;font-weight:850;margin-top:25px}
@media(max-width:670px){.hb34-tech-explained-grid{grid-template-columns:1fr}.hb34-tech-explained-card{padding:21px 18px}.hb34-tech-lead{font-size:16px!important}}


/* HB34 V19 technical method quicklink visible in the first screen. */
.hb-detail-hero-actions a.hb34-method-jump{background:linear-gradient(100deg,#e5bd70,#f4dcaa)!important;color:#082b48!important;border:1px solid #edcd88!important;font-weight:850!important;text-decoration:none!important}
.hb34-tech-explained{scroll-margin-top:84px}


/* HB34 EVOLUTION GOLD CHAIN: the technical distinction, prominent and unmistakable. */
.hb34-evolution-chain{display:flex;align-items:stretch;justify-content:center;gap:9px;margin:26px 0 30px;padding:17px;border:1px solid #bfa16d6b;border-radius:18px;background:linear-gradient(115deg,#061a33,#102f50);box-shadow:0 12px 29px #03152666}
.hb34-evolution-start,.hb34-evolution-middle,.hb34-evolution-finish{display:flex;flex:1;flex-direction:column;justify-content:center;min-width:0;padding:17px 13px;border-radius:12px;background:#ffffff0b;text-align:center;border:1px solid #cfbb934f}
.hb34-evolution-finish{flex:1.55;background:linear-gradient(135deg,#d1a45b,#ffebbf 68%,#cfa45c);border:1px solid #ffedb4;color:#0c2a45;box-shadow:0 6px 24px #c59c4f55}
.hb34-evolution-kicker{font:800 10px/1.35 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#e6c984;margin-bottom:6px}
.hb34-evolution-finish .hb34-evolution-kicker{color:#284761}
.hb34-evolution-chain strong{font:750 clamp(17px,2vw,25px)/1.27 system-ui,sans-serif;color:#fff;overflow-wrap:anywhere}
.hb34-evolution-chain .hb34-evolution-finish strong{color:#092f4f;font-size:clamp(19px,2.2vw,28px)}
.hb34-evolution-chain em{font-style:normal;color:#e9bd70}
.hb34-evolution-chain small{display:block;font:600 12px/1.45 system-ui,sans-serif;color:#20425f;margin-top:8px}
.hb34-evolution-arrow{display:flex;align-items:center;justify-content:center;font:900 clamp(24px,2.8vw,36px)/1 Georgia,serif;color:#f5d68f;flex:0 0 35px;min-width:28px}
.hb34-evolution-middle strong{font-size:clamp(14px,1.45vw,18px)}
@media(max-width:730px){.hb34-evolution-chain{flex-direction:column;padding:13px;gap:9px}.hb34-evolution-arrow{transform:rotate(90deg);min-height:27px;flex-basis:27px}.hb34-evolution-start,.hb34-evolution-middle,.hb34-evolution-finish{padding:14px 13px}.hb34-evolution-chain strong{font-size:20px}.hb34-evolution-chain .hb34-evolution-finish strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.hb34-evolution-chain{scroll-behavior:auto}}


/* HB34 BENEFIT ESSENTIALS: personal, visible values above the technique flow. */
.hb34-benefit-essentials{border:1px solid #e0b967a0;background:linear-gradient(125deg,#193e62,#102b49);border-radius:17px;margin:26px 0;padding:24px}
.hb34-benefit-essentials h3{color:#ffdfa2!important;font:700 clamp(20px,2.2vw,28px)/1.28 Georgia,serif!important;margin:0 0 20px!important}
.hb34-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.hb34-benefit-item{background:#ffffff0a;border:1px solid #c9aa7470;border-radius:12px;padding:16px 17px}
.hb34-benefit-item span{color:#f5d390;display:block;font-size:22px;line-height:1;margin-bottom:10px}
.hb34-benefit-item p{font:500 14px/1.72 system-ui,sans-serif!important;color:#f6f7fa!important;margin:0!important}
@media(max-width:750px){.hb34-benefit-grid{grid-template-columns:1fr}.hb34-benefit-essentials{padding:18px}.hb34-benefit-item{padding:15px}}


/* HB34 SLEEVE UNBROKEN LABEL: do not split the two-word base procedure. */
.hb34-evolution-sleeve .hb34-sleeve-foundation-label{
    white-space:nowrap!important;word-break:keep-all!important;
    overflow-wrap:normal!important;hyphens:none!important;
    font-size:clamp(13px,1.22vw,19px)!important;
    letter-spacing:-.018em!important;
    display:inline-block!important;max-width:100%;
}
@media(max-width:1120px){
  .hb34-evolution-sleeve{flex-direction:column!important;gap:8px!important}
  .hb34-evolution-sleeve .hb34-evolution-arrow{transform:rotate(90deg);min-height:27px;flex:0 0 27px!important}
  .hb34-evolution-sleeve .hb34-sleeve-foundation-label{font-size:20px!important}
}

/* HB34 TINY PHONE SLEEVE LABEL: fully visible on 320 px screens. */
@media(max-width:420px){.hb34-evolution-sleeve .hb34-sleeve-foundation-label{font-size:clamp(12px,4vw,16px)!important;letter-spacing:-.03em!important}}

/* HB34 international SEO: meaningful contextual treatment links, not keyword stuffing. */
.hb34-topic-links{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0 0}
.hb34-topic-links a{display:inline-flex;align-items:center;min-height:44px;padding:12px 17px;border:1px solid #d8bc7b;background:linear-gradient(125deg,#eac986,#f7e5b6);color:#092b46!important;text-decoration:none;font:750 14px/1.4 system-ui,sans-serif;border-radius:12px}
.hb34-topic-links a:hover,.hb34-topic-links a:focus-visible{background:#fff1ca;outline-offset:3px}
@media(max-width:560px){.hb34-topic-links{display:grid;grid-template-columns:1fr}.hb34-topic-links a{justify-content:center}}
