/* ai-safety.html — a short page: why we care, six safeguards, two plain notes, report a problem */

.p-ai-safety .ais-gs { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.p-ai-safety .ais-g { display: grid; gap: 10px; align-content: start; padding: 28px 28px 30px; border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--line); }
.p-ai-safety .ais-g__ico { width: 40px; height: 40px; display: grid; place-items: center; margin-bottom: 10px; border-radius: 12px; background: var(--carmine-soft); color: var(--carmine); }
.p-ai-safety .ais-g__ico svg { width: 20px; height: 20px; }
.p-ai-safety .ais-g h3 { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.p-ai-safety .ais-g p { font-size: 15px; line-height: 1.55; color: var(--ink-2); }

.p-ai-safety .ais-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); padding-top: var(--space-8); }
.p-ai-safety .ais-note { display: grid; gap: var(--space-4); align-content: start; }
.p-ai-safety .ais-note .display-m { margin: 0; }
.p-ai-safety .ais-note p { font-size: 17px; line-height: 1.6; color: var(--ink-2); max-width: 52ch; }

.p-ai-safety .ais-end { padding: var(--section) 0; margin-top: var(--section); border-top: 1px solid var(--line); }
.p-ai-safety .ais-end__in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-12); align-items: end; }
.p-ai-safety .ais-end .display-l { margin: 0; }
.p-ai-safety .ais-end__side { display: grid; gap: var(--space-6); }

@media (max-width: 960px) {
  .p-ai-safety .ais-gs { grid-template-columns: minmax(0, 1fr); }
  .p-ai-safety .ais-two, .p-ai-safety .ais-end__in { grid-template-columns: minmax(0, 1fr); gap: var(--space-12); }
}
@media (min-width: 961px) and (max-width: 1180px) { .p-ai-safety .ais-gs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }