/* Step-11 Terms & Conditions */

.terms-meta{
  margin-top: 16px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 980px){ .terms-meta{grid-template-columns: 1fr} }

.meta-card{
  padding: 14px;
  border-radius: var(--radius-card);
  background: rgba(47,93,80,.06);
  border: 1px solid rgba(47,93,80,.14);
  box-shadow: 0 10px 22px rgba(0,0,0,.04);
}
.meta-label{margin:0; color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em}
.meta-value{margin:6px 0 0; color: var(--green-900); font-weight: 900}
.meta-link{color: var(--green-900); text-decoration: underline; text-underline-offset: 3px}

.terms-grid{
  display:grid;
  grid-template-columns: .95fr 1.75fr;
  gap: var(--gap);
  align-items:start;
}
@media (max-width: 980px){
  .terms-grid{grid-template-columns: 1fr;}
  .terms-aside{order: 2;}
  .terms-main{order: 1;}
}

.terms-toc{position: sticky; top: 18px;padding: 5%;}
@media (max-width: 980px){ .terms-toc{position: static;} }

.toc{display:flex; flex-direction:column; gap: 8px; margin-top: 10px;}
.toc-link{
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: var(--white);
  color: var(--green-900);
  font-weight: 800;
  font-size: 14px;
}
.toc-link:hover{background: rgba(47,93,80,.04)}
.toc-link.is-active{
  border-color: rgba(47,93,80,.28);
  background: rgba(47,93,80,.08);
}

.terms-intro .muted{margin:0}
.terms-callout{
  margin-top: 14px;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(199,162,75,.10);
  border: 1px dashed rgba(199,162,75,.45);
  color: var(--text);
}

.terms-sections{margin-top: 16px;}
.terms-section{
  padding: 18px 18px;
  border-radius: var(--radius-card);
  background: var(--white);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 22px rgba(0,0,0,.04);
  margin-bottom: 12px;
}
.terms-section h2{
  margin:0 0 10px;
  color: var(--green-900);
  letter-spacing: -.01em;
}
.terms-section p{margin:0 0 10px; color: var(--text); line-height: 1.8}
.terms-section p:last-child{margin-bottom: 0}
.terms-section a{color: var(--green-900); text-decoration: underline; text-underline-offset: 3px}
.terms-section ul{
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.9;
}