/* Shared guide styles for HOODBTC product education pages. */
.guideHero{min-height:600px!important}
.guideSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.guideStep{position:relative;padding:24px;border:1px solid #213128;background:linear-gradient(180deg,rgba(10,18,12,.94),rgba(5,9,6,.98));min-height:220px}
.guideStep>span{display:inline-flex;margin-bottom:28px;color:#79ff94;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1px}
.guideStep h3{font-size:23px;line-height:1.08;letter-spacing:-.8px;margin:0 0 12px}
.guideStep p{margin:0;color:#9ba69f;font-size:14px;line-height:1.7}
.guideStep strong{color:#e9f0eb}
.guideNumber{position:absolute;right:18px;top:16px;color:rgba(76,243,122,.12);font:800 42px Inter,sans-serif}
.guideCallout{margin-top:18px;padding:22px 24px;border:1px solid rgba(76,243,122,.25);background:rgba(76,243,122,.035);display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}
.guideCallout small{color:#79ff94;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:1px}
.guideCallout h3{margin:0 0 8px;font-size:22px}
.guideCallout p{margin:0;color:#a5afa8;line-height:1.7;font-size:14px}
.guideChecklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.guideChecklist article{padding:20px;border:1px solid #213128;background:#070b08;min-height:155px}
.guideChecklist small{color:#79ff94;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.8px}
.guideChecklist h3{margin:22px 0 9px;font-size:17px}
.guideChecklist p{margin:0;color:#9ba69f;font-size:13px;line-height:1.6}
.guideMiniNav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.guideMiniNav a{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border:1px solid #2a3b31;border-radius:999px;color:#cbd5ce;text-decoration:none;font:600 10px 'IBM Plex Mono',monospace;background:#080c09}
.guideMiniNav a:hover{border-color:rgba(76,243,122,.5);color:#79ff94}
.guideWarning{border-left:2px solid #79ff94;padding:3px 0 3px 16px;margin-top:20px;color:#adb7b0;font-size:13px;line-height:1.7}

@media(max-width:760px){
  .guideHero{min-height:auto!important;padding-top:54px!important}
  .guideSteps,.guideChecklist{grid-template-columns:1fr}
  .guideStep{min-height:0;padding:22px}
  .guideCallout{grid-template-columns:1fr;gap:10px;padding:20px}
  .guideMiniNav{gap:8px}
  .guideMiniNav a{font-size:9px;padding:0 12px}
}

@media(prefers-reduced-motion:reduce){
  .guideMiniNav a{transition:none!important}
}