/* Public-site refinements layered over the approved GASV2 visual system. */

.brother-nav-link{
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  white-space:nowrap;
}

.chapter-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:8px 24px 20px;
  scroll-margin-top:86px;
}

.detail-card{
  border:1px solid #d9e3f1;
  border-radius:14px;
  padding:22px;
  background:linear-gradient(145deg,#ffffff,#f5f9ff);
  box-shadow:0 8px 24px rgba(10,60,140,.06);
  scroll-margin-top:90px;
}

.detail-card:nth-child(even){
  background:linear-gradient(145deg,#f2f7ff,#ffffff);
}

.detail-kicker{
  display:block;
  margin-bottom:8px;
  color:#0b55bc;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.detail-card h2{
  margin:0 0 10px;
  color:#063d9a;
  font:700 22px/1.15 "Libre Baskerville",serif;
}

.detail-card p{
  margin:0 0 9px;
  color:#425b84;
  font-size:12px;
  line-height:1.65;
}

.detail-card p:last-child{margin-bottom:0}
.detail-card a{color:#0649ad;font-weight:800}

@media(max-width:760px){
  .topbar{
    position:sticky;
    top:0;
    z-index:90;
    box-shadow:0 4px 16px rgba(1,28,78,.18);
  }

  .mobile-nav.open{
    position:fixed !important;
    top:70px !important;
    left:10px !important;
    right:10px !important;
    z-index:89 !important;
    max-height:calc(100dvh - 82px);
    overflow:auto;
  }

  .brother-mobile-link{
    margin-top:4px;
    border-top:1px solid #e2e8f3 !important;
    color:#073d95 !important;
  }

  .chapter-details{
    grid-template-columns:1fr;
    gap:10px;
    padding:4px 12px 18px;
  }

  .detail-card{
    padding:18px;
    scroll-margin-top:82px;
  }

  .detail-card h2{font-size:20px}
  .detail-card p{font-size:12px}
}