/* Restore Home Help — shared component polish only.
   QA rule: this file must NOT control homepage structure or imagery. */

/* Accessibility */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 14px;border-radius:8px;background:#fff;color:#08283c;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.22);transform:translateY(-180%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}

/* Header */
header .brand span{display:flex;flex-direction:column;line-height:1.05}
header .brand span small{display:block;font-size:.56rem;font-weight:650;color:#6d7f8c;margin-top:4px}
.menu-toggle{display:none}

/* Homepage hotspot presentation — positions/sizing live in final-fix.css. */
.hero-hotspot{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.94);padding:11px 13px;box-shadow:0 16px 38px rgba(4,28,41,.18);backdrop-filter:blur(10px);cursor:pointer;text-align:left;color:#12394b;transition:.2s}
.hero-hotspot:hover,.hero-hotspot[aria-expanded=true]{transform:translateY(-3px);background:#fff}
.hero-hotspot .hs-icon{border-radius:50%;display:grid;place-items:center;background:#edf9f7;color:#087f8c;font-weight:950}
.hero-hotspot strong,.hero-hotspot small{display:block}
.hero-hotspot small{color:#6a7d89;margin-top:2px}
.hero-hotspot i{font-style:normal;font-weight:900}
.hero-step-detail{position:absolute;background:#fff;border-radius:18px;padding:16px 40px 15px 16px;box-shadow:0 24px 60px rgba(5,28,41,.25);border:1px solid #dce8ea}
.hero-step-detail p{font-size:.78rem;margin:.35rem 0 .6rem}
.hero-step-close{position:absolute;right:9px;top:8px;border:0;background:#eef4f5;border-radius:8px;width:28px;height:28px;cursor:pointer}

/* Confidence strip presentation — flow/placement live in final-fix.css. */
.confidence-strip{background:linear-gradient(90deg,#08283c,#073b4b);color:#fff}
.confidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.confidence-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}
.confidence-grid b{width:31px;height:31px;border:2px solid rgba(255,255,255,.86);border-radius:50%;display:grid;place-items:center}
.confidence-grid strong,.confidence-grid small{display:block}
.confidence-grid strong{font-size:.76rem}
.confidence-grid small{font-size:.64rem;color:#bed3d9;margin-top:2px}

/* Popular guide cards — imagery lives in homepage-photos.css. */
.approved-guides{background:#fff}
.approved-guides-grid{display:grid;grid-template-columns:.8fr repeat(3,minmax(0,1fr));gap:18px}
.approved-guide-intro{padding:16px 18px 16px 0;display:flex;flex-direction:column;justify-content:center}
.approved-guide-intro h2{font-size:clamp(1.8rem,2.6vw,2.5rem);max-width:290px}
.approved-guide-card{display:block;border:1px solid #dde8eb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(8,40,60,.055)}
.approved-guide-photo{height:155px;background-size:cover;background-position:center}
.approved-guide-card>div:last-child{padding:15px 16px 17px}
.approved-guide-card h3{margin:0 0 6px;font-size:.98rem}
.approved-guide-card p{margin:0;font-size:.79rem;line-height:1.5;color:#667b88}

/* Assistant */
.help-dock{right:12px!important;bottom:12px!important}
.help-launcher{border-radius:50%!important;padding:8px!important}
.help-symbol{border-radius:50%!important}
.help-panel{right:0!important;bottom:68px!important;width:min(350px,calc(100vw - 28px));max-height:min(650px,76vh);overflow:auto}
.help-situations{grid-template-columns:1fr 1fr}
.help-situations a{grid-template-columns:34px 1fr;padding:9px}
.help-situations b{width:34px;height:34px}
.help-urgent{margin:10px 0;padding:10px 12px;border-radius:13px;background:#fff2f0;border:1px solid #f1c9c3}
.help-urgent strong,.help-urgent span{display:block}
.help-urgent strong{font-size:.76rem;color:#a32f24}
.help-urgent span{font-size:.66rem;line-height:1.4;margin-top:2px}

@media(max-width:1100px){
  .approved-guides-grid{grid-template-columns:1fr 1fr}
  .approved-guide-intro{grid-column:1/-1}
  .confidence-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .menu-toggle{display:flex}
  .approved-guides-grid{grid-template-columns:1fr 1fr}
  .approved-guide-intro{grid-column:1/-1}
}
@media(max-width:600px){
  body{overflow-x:hidden}
  .brand span small{display:none}
  .confidence-grid{grid-template-columns:1fr 1fr;gap:14px 8px}
  .confidence-grid small{display:none}
  .approved-guides-grid{grid-template-columns:1fr}
  .approved-guide-intro{padding-right:0}
  .approved-guide-photo{height:180px}
  .help-dock{right:8px!important;bottom:8px!important}
  .help-panel{position:fixed;left:12px;right:12px!important;bottom:68px!important;width:auto;max-height:68vh}
  .help-label small{display:none}
}
@media(max-width:380px){
  .confidence-grid{grid-template-columns:1fr}
  .help-situations{grid-template-columns:1fr}
}