/* Golden Bitcoin V22 — mobile dock centering, portal parity, Hamak hero refinement */

/* 1) Keep the mobile dock perfectly centred and fully visible on all phone widths. */
@media (max-width:720px){
  body .mobile-dock.v15-unified-dock{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    margin:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    padding:6px 5px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  body .mobile-dock.v15-unified-dock a{
    min-width:0!important;
    width:100%!important;
    padding:4px 0!important;
    gap:2px!important;
    overflow:visible!important;
  }
  body .mobile-dock.v15-unified-dock .dock-icon{
    width:23px!important;
    height:23px!important;
    margin-inline:auto!important;
  }
  body .mobile-dock.v15-unified-dock .dock-icon svg{
    width:16px!important;
    height:16px!important;
  }
  body .mobile-dock.v15-unified-dock .hamak-dock img{
    width:20px!important;
    height:20px!important;
    object-fit:contain!important;
  }
  body .mobile-dock.v15-unified-dock small{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    font-size:6.7px!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    letter-spacing:-.025em!important;
  }
}
@media (max-width:380px){
  body .mobile-dock.v15-unified-dock{left:5px!important;right:5px!important;padding:5px 2px!important}
  body .mobile-dock.v15-unified-dock small{font-size:6.1px!important}
  body .mobile-dock.v15-unified-dock .dock-icon{width:21px!important;height:21px!important}
  body .mobile-dock.v15-unified-dock .dock-icon svg{width:15px!important;height:15px!important}
}

/* 2) Every homepage portal is exactly the same footprint, including Golden Brief. */
body.v15-home .v15-portals{
  grid-auto-rows:98px!important;
  align-items:stretch!important;
}
body.v15-home .v15-portal,
body.v15-home .v15-portal.portal-brief{
  min-height:98px!important;
  height:98px!important;
  padding:13px!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}
@media (max-width:720px){
  body.v15-home .v15-portals{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:66px!important;
    align-items:stretch!important;
  }
  body.v15-home .v15-portal,
  body.v15-home .v15-portal.portal-brief{
    grid-column:auto!important;
    min-height:66px!important;
    height:66px!important;
    padding:9px 10px!important;
    align-self:stretch!important;
  }
}
@media (max-width:390px){
  body.v15-home .v15-portals{grid-auto-rows:56px!important}
  body.v15-home .v15-portal,
  body.v15-home .v15-portal.portal-brief{
    min-height:56px!important;
    height:56px!important;
  }
}

/* 3) Hamak hero proposition is intentionally smaller so it reads in fewer lines. */
.v14-hamak-intro h1{
  font-size:clamp(30px,3.35vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  max-width:860px!important;
  margin:10px 0 14px!important;
}
.v14-hamak-intro h1 em{display:inline!important}
@media (max-width:820px){
  .v14-hamak-intro h1{
    font-size:clamp(30px,6.4vw,40px)!important;
    line-height:1.08!important;
    max-width:760px!important;
  }
}
@media (max-width:520px){
  .v14-hamak-intro h1{
    font-size:30px!important;
    line-height:1.09!important;
    letter-spacing:-.02em!important;
  }
}
@media (max-width:380px){
  .v14-hamak-intro h1{font-size:27px!important}
}