/* Genesis AI² shell cohesion — additive production patch */

html,body{
  min-height:100%;
}

ai2-canonical-header{
  display:block;
  position:relative;
  z-index:1000;
}

main.ai2-page{
  display:block;
  position:relative;
  z-index:1;
  padding-top:28px !important;
}

genesis-pluggable-page{
  display:block;
  position:relative;
  clear:both;
}

.gph{
  position:relative !important;
  max-width:1240px !important;
  margin:0 auto !important;
  padding:34px 24px 54px !important;
}

.gph-title{
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 0 24px !important;
  padding:0 0 22px !important;
  clear:both !important;
}

.gph-title > div{
  min-width:0;
}

.gph-title span{
  display:block !important;
  position:static !important;
  margin:0 0 8px !important;
  line-height:1.25 !important;
}

.gph-title h1{
  position:static !important;
  margin:0 0 8px !important;
  font-size:clamp(28px,4vw,48px) !important;
  line-height:1.04 !important;
  letter-spacing:-.025em !important;
}

.gph-title p{
  position:static !important;
  margin:0 !important;
}

.gph-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  margin:18px 0 22px !important;
}

.gph button,
.gph-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:9px 13px !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.gph-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}

.gph-grid article{
  min-width:0 !important;
  overflow:hidden !important;
}

ai2-canonical-composer{
  display:block;
  position:relative;
  z-index:20;
}

/* Make selected navigation unmistakable without changing canonical header logic */
[data-genesis-nav-active="true"]{
  text-decoration:none !important;
}

/* Avoid kicker/title collision at tablet sizes */
@media(max-width:900px){
  main.ai2-page{
    padding-top:18px !important;
  }

  .gph{
    padding:24px 18px 44px !important;
  }

  .gph-title{
    display:block !important;
  }

  .gph-state{
    display:inline-flex !important;
    margin-top:14px !important;
  }

  .gph-grid{
    grid-template-columns:1fr !important;
  }
}