/* Draft additions. Load after v2.css and ai.css. */
.aig-section {
  --aig-navy: #0b1630;
  --aig-lime: var(--acid, #caff24);
  --aig-sky: #d6edff;
  --aig-coral: #ffd8ce;
  --aig-lavender: #e8e0ff;
  color: var(--aig-navy);
  min-width: 0;
  overflow-wrap: anywhere;
}
.aig-tools, .aig-advanced { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aig-tools > article, .aig-advanced > article { min-width: 0; }
.aig-tools > article:nth-child(3n+1) { border-top: 5px solid var(--aig-sky); }
.aig-tools > article:nth-child(3n+2) { border-top: 5px solid var(--aig-lavender); }
.aig-tools > article:nth-child(3n) { border-top: 5px solid var(--aig-coral); }
.aig-links { display: flex; flex-wrap: wrap; gap: 10px 20px; }
.aig-links a { color: var(--blue, #1028dc); }
.aig-notice { padding: 18px; background: var(--aig-coral); margin-bottom: 24px; }
.aig-question { min-inline-size: 0; margin: 0 0 22px; padding: 20px; border: 1px solid var(--line, #c9c9bd); background: var(--paper, #fffdf6); }
.aig-question legend { max-width: 100%; padding: 0 8px; font-weight: 700; line-height: 1.5; }
.aig-option { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; cursor: pointer; min-height: 44px; }
.aig-option input { flex: 0 0 auto; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--blue, #1028dc); }
.aig-option span { min-width: 0; }
.aig-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
.aig-actions .button { white-space: normal; max-width: 100%; }
.aig-actions .acid { background: var(--aig-lime); color: var(--aig-navy); }
.aig-result:not(:empty) { padding: 24px; background: var(--aig-lavender); border-left: 5px solid var(--blue, #1028dc); margin: 24px 0 16px; }
.aig-result h3 { margin-bottom: 14px; }
.aig-result a { color: var(--blue, #1028dc); }
.aig-section [hidden] { display: none !important; }
.aig-section :focus-visible { outline: 3px solid var(--blue, #1028dc); outline-offset: 4px; }
@media (max-width: 1050px) {
  .aig-tools, .aig-advanced { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .aig-tools, .aig-advanced { grid-template-columns: minmax(0, 1fr); }
  .aig-question { padding: 14px; }
  .aig-question legend { padding: 0 4px; }
  .aig-result:not(:empty) { padding: 20px; }
}
.aig-maker { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; opacity: .75; }