/* ═══════════════════════════════════════════
   CREATOR TERMS PAGE
   ═══════════════════════════════════════════ */
.terms-page {
  max-width:780px; margin:0 auto;
  padding:5.5rem 1.5rem 3rem;
}

/* Breadcrumb */
.terms-breadcrumb {
  display:flex; align-items:center; gap:0.4rem;
  font-size:0.8rem; color:var(--sf-text-dim); margin-bottom:2rem;
}
.terms-breadcrumb a {
  color:var(--sf-text-muted); text-decoration:none; transition:color 0.25s;
}
.terms-breadcrumb a:hover { color:var(--sf-accent); }
.terms-breadcrumb .material-icons-outlined { font-size:0.9rem; }

/* Header */
.terms-header { margin-bottom:2.5rem; }
.terms-header h1 {
  font-size:clamp(1.8rem,4vw,2.5rem); font-weight:800;
  letter-spacing:-0.03em; margin-top:1rem; margin-bottom:0.5rem;
}
.terms-updated {
  font-size:0.82rem; color:var(--sf-text-dim);
  font-family:var(--font-mono);
}

/* Content */
.terms-content { line-height:1.8; }
.terms-intro {
  font-size:1rem; color:var(--sf-text-muted);
  padding-bottom:2rem; margin-bottom:2rem;
  border-bottom:1px solid var(--sf-border);
}

/* Sections */
.terms-section {
  margin-bottom:2.5rem;
}
.terms-section h2 {
  font-size:1.1rem; font-weight:700;
  margin-bottom:1rem; display:flex; align-items:baseline; gap:0.4rem;
}
.terms-section-number {
  font-family:var(--font-mono); font-size:0.9rem;
  color:var(--sf-accent-5); font-weight:700;
}

/* List items */
.terms-list {
  list-style:none; padding:0; margin:0;
  display:flex; flex-direction:column; gap:0.75rem;
}
.terms-list li {
  font-size:0.88rem; color:var(--sf-text-muted); line-height:1.7;
  padding-left:1.2rem; position:relative;
}
.terms-list li::before {
  content:''; position:absolute; left:0; top:0.6rem;
  width:5px; height:5px; border-radius:50%;
  background:var(--sf-accent-5); opacity:0.6;
}
.terms-list li strong { color:var(--sf-text); font-weight:600; }
.terms-list li code {
  font-family:var(--font-mono); font-size:0.82em;
}

/* Contact */
.terms-contact {
  padding:1.5rem; border-radius:var(--sf-radius-sm);
  background:rgba(251,191,36,0.04); border:1px solid rgba(251,191,36,0.12);
}
.terms-contact p {
  font-size:0.9rem; color:var(--sf-text-muted); margin:0;
}

/* Back link */
.terms-back {
  margin-top:3rem; padding-top:2rem;
  border-top:1px solid var(--sf-border);
}

/* ═══════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════ */
@media (min-width:769px) {
  .terms-page { padding:6rem 2rem 4rem; }
}