/* Page-specific styles for Terms & Conditions. Keep minimal and complementary to base.css */
.legal-container { max-width: 1120px; margin: 0 auto; padding: 1.5rem; }
.breadcrumb { font-size: .9rem; margin: .5rem 0 1.25rem; }
.breadcrumb ol { list-style: none; display: flex; gap: .5rem; padding: 0; margin: 0; }
.breadcrumb li::after { content: '\203A'; margin: 0 .5rem; opacity: .6; }
.breadcrumb li:last-child::after { content: ''; margin: 0; }
.breadcrumb a { text-decoration: none; }

.legal-hero { margin-bottom: 1.5rem; }
.legal-hero .intro { opacity: .9; }
.meta-note { font-size: .9rem; opacity: .7; margin-top: .25rem; }

.toc { position: relative; border: 1px solid var(--surface-3, #2c2f2c); border-radius: .5rem; padding: 1rem; margin: 1rem 0 2rem; background: var(--surface-2, rgba(255,255,255,0.02)); }
.toc-title { font-size: 1.05rem; margin: 0 0 .5rem; }
.toc ol { columns: 2; gap: 2rem; padding-left: 1rem; }
.toc a { text-decoration: none; }
.toc a[aria-current="true"], .toc a.active { color: var(--accent, #7dd07d); font-weight: 600; }

.legal-section { padding: 1.25rem 0; border-top: 1px dashed var(--surface-3, #2c2f2c); }
.legal-section:first-of-type { border-top: 0; }
.legal-section h2 { margin: 0 0 .5rem; }
.legal-section p { margin: .5rem 0; }
.legal-section ul, .legal-section ol { padding-left: 1.25rem; }

.feedback-form { margin-top: .75rem; }
.form-row { display: grid; gap: .375rem; margin: .5rem 0; }
.form-row input, .form-row select, .form-row textarea { width: 100%; padding: .6rem .7rem; border-radius: .4rem; border: 1px solid var(--surface-3, #2c2f2c); background: var(--surface-1, transparent); color: inherit; }
.form-actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; margin-top: .5rem; }
.btn { display: inline-block; padding: .6rem 1rem; border-radius: .4rem; text-decoration: none; border: 1px solid var(--surface-3, #2c2f2c); }
.btn.primary { background: var(--accent, #7dd07d); color: #0a0a0a; border-color: transparent; }
.btn.ghost { background: transparent; }

.legal-acceptance { margin: 2rem 0 1rem; padding: 1rem; border-left: 3px solid var(--accent, #7dd07d); background: var(--surface-2, rgba(255,255,255,0.02)); border-radius: .25rem; }

@media (max-width: 720px) {
  .toc ol { columns: 1; }
}