.farabak-terms { max-width: 1200px; margin: 0 auto; padding: 80px 24px; font-family: Arial, Helvetica, sans-serif; color: #2d3748; background: #fff; }
.farabak-terms *, .farabak-terms *::before, .farabak-terms *::after { box-sizing: border-box; }
.farabak-terms__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 56px; }
.farabak-terms__sidebar { min-width: 0; padding-right: 32px; font-size: .9rem; }
.farabak-terms__sidebar button { display: block; width: 100%; min-height: 44px; margin: 0 0 12px; padding: 12px 0; border: 0; background: transparent; color: #6b7280; font: inherit; line-height: 1.5; text-align: left; cursor: pointer; transition: color 200ms ease; }
.farabak-terms__sidebar button:hover, .farabak-terms__sidebar button.active { color: #BE1C1D; }
.farabak-terms__sidebar button.active { font-weight: 600; }
.farabak-terms__sidebar button:focus-visible { outline: 2px solid #BE1C1D; outline-offset: 4px; }
.farabak-terms__content { min-width: 0; }
.farabak-terms__section { overflow-wrap: anywhere; }
.farabak-terms__section[hidden] { display: none; }
.farabak-terms__section + .farabak-terms__section { margin-top: 32px; }
.farabak-terms--ready .farabak-terms__section { margin-top: 0; }
.farabak-terms h1 { margin: 0 0 24px; font-size: 2.5rem; font-weight: 700; line-height: 1.2; }
.farabak-terms__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 32px; color: #718096; font-size: 14px; line-height: 1.6; }
.farabak-terms__meta svg { flex-shrink: 0; }
.farabak-terms p, .farabak-terms li { color: #4a5568; font-size: 16px; line-height: 1.8; }
.farabak-terms p { margin: 24px 0; }
.farabak-terms ol { padding-left: 20px; }
.farabak-terms h2 { margin: 40px 0 20px; font-size: 1.5rem; font-weight: 700; }
@media (max-width: 768px) {
	.farabak-terms { padding: 48px 20px; }
	.farabak-terms__layout { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.farabak-terms__sidebar { padding-right: 0; border-bottom: 1px solid #e2e8f0; }
	.farabak-terms__sidebar nav { display: flex; gap: 24px; overflow-x: auto; padding: 4px 4px 16px; }
	.farabak-terms__sidebar button { flex-shrink: 0; width: auto; margin: 0; white-space: nowrap; }
	.farabak-terms h1 { font-size: 1.8rem; }
	.farabak-terms h2 { font-size: 1.3rem; }
}
@media (prefers-reduced-motion: reduce) { .farabak-terms__sidebar button { transition: none; } }