/* Ma'lumot va huquqiy sahifalar */
.info-page { max-width: 820px; margin: 0 auto; }
.info-page, .info-page * { overflow-wrap: anywhere; word-break: normal; }
.info-head { margin: var(--space-4) 0 var(--space-5); }
.info-head h1 { font-size: 30px; line-height: 1.2; margin-bottom: 6px; }
.info-head .lead { color: var(--text-2); font-size: 15px; line-height: 1.6; }
.info-meta { display: inline-flex; flex-wrap: wrap; gap: 6px 12px; margin-top: var(--space-3); font-size: 13px; color: var(--text-2); background: var(--surface-2); border-radius: var(--radius-sm); padding: 6px 10px; }
.info-card { padding: var(--space-6); }
.info-card + .info-card { margin-top: var(--space-4); }
.info-section + .info-section { margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--border); }
.info-section h2 { font-size: 18px; margin-bottom: var(--space-3); }
.info-section p { font-size: 15px; line-height: 1.7; color: var(--text); }
.info-section p + p, .info-section ul + p, .info-section p + ul { margin-top: var(--space-3); }
.info-section ul { margin: 0; padding-left: 20px; display: grid; gap: 8px; }
.info-section li { font-size: 15px; line-height: 1.65; }
.info-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--space-4); }
.info-toc a { font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); color: var(--text); }
.info-toc a:hover, .info-toc a.active { border-color: var(--brand); color: var(--brand); }
.info-note { background: var(--warning-soft); color: #92600F; border-radius: var(--radius); padding: 12px 14px; font-size: 13.5px; line-height: 1.55; margin-bottom: var(--space-4); }
.steps { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-4); }
.steps li { display: flex; gap: 14px; align-items: flex-start; }
.steps .num { flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 13.5px; }
.steps h3 { font-size: 15.5px; margin-bottom: 4px; }
.steps p { font-size: 14.5px; line-height: 1.6; color: var(--text-2); }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-item:last-child { border-bottom: none; }
.faq-item summary { cursor: pointer; list-style: none; padding: 16px 28px 16px 0; font-weight: 600; font-size: 15.5px; position: relative; line-height: 1.45; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; position: absolute; right: 4px; top: 14px; font-size: 20px; color: var(--brand); font-weight: 700; }
.faq-item[open] summary::after { content: "−"; }
.faq-item p { padding: 0 0 16px; font-size: 14.5px; line-height: 1.65; color: var(--text-2); }
.contact-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
.contact-grid .card h3 { font-size: 15px; margin-bottom: 6px; }
.contact-grid .card p { font-size: 14px; color: var(--text-2); line-height: 1.55; margin-bottom: var(--space-3); }
.contact-value { font-size: 17px; font-weight: 700; }
@media (max-width: 640px) {
  .info-head h1 { font-size: 24px; }
  .info-card { padding: var(--space-4); }
  .info-section p, .info-section li { font-size: 14.5px; }
  .contact-grid { grid-template-columns: 1fr; }
  .info-toc a { display: inline-flex; align-items: center; min-height: 40px; }
}