.mobile-nav{
  display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    border-top:1px solid var(--border);
    background:#fff;
    padding:10px 20px 14px 20px;
    box-shadow:0 18px 40px rgba(15,23,42,0.14);
    max-height:calc(100vh - 84px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}

.mobile-nav a{
  display:block;
    padding:10px 0;
    font-weight:600;
    color:#1f2937;
    text-decoration:none;
}

section:not(.hero){
  padding:28px 0;
}

.page-lead{
  margin:0;
    color:rgba(51,65,85,0.95);
    max-width:68ch;
}

.page-section h3{
  margin:0 0 10px 0; font-size:1.12rem;
}

.card-title{
  margin:0 0 10px 0; font-size:1.05rem;
}

.card-lead{
  margin:0 0 12px 0; color:var(--muted);
}

.notice{
  background: rgba(31,79,216,0.06);
    border: 1px solid rgba(31,79,216,0.16);
    border-radius: 16px;
    padding: 14px;
}

summary{
  cursor:pointer; font-weight:800;
}

details p{
  margin:10px 0 0 0; color:var(--muted);
}

.feature-list{
  display:grid; gap:10px;
}

.feature-item{
  padding-top:10px; border-top:1px dashed var(--border);
}

.feature-item:first-child{
  border-top:none; padding-top:0;
}

.feature-text{
  color:var(--muted); margin-top:4px;
}

@media (max-width:900px){
  .feature-2col{
    grid-template-columns:1fr;
  }
}