/* AutoAudit page */
.aa-cons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #dfe8ea; border: 1px solid #dfe8ea; }
.aa-con { background: #fff; padding: 20px 22px; }
.aa-con small { font: 600 10.5px "IBM Plex Mono", monospace; letter-spacing: 0.1em; text-transform: uppercase; color: #0b8fa8; }
.aa-con h3 { margin: 6px 0 12px; font: 500 22px "Newsreader", Georgia, serif; color: #2f3a3d; }
.aa-con ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.aa-con li { position: relative; padding-left: 16px; font-size: 14.5px; color: #55605f; }
.aa-con li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 8px; height: 2px; background: #0b8fa8; }
.aa-route, .aa-lib { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.aa-lib { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
.aa-bars { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.aa-bars li { display: grid; grid-template-columns: 170px 1fr 48px; gap: 12px; align-items: center; font-size: 15px; color: #2f3a3d; }
.aa-bars i { height: 10px; background: #e6eef0; }
.aa-bars i b { display: block; height: 100%; background: linear-gradient(90deg, #0b8fa8, #5cc8d6); }
.aa-bars em { font: 600 14px "IBM Plex Mono", monospace; font-style: normal; color: #0b8fa8; text-align: right; }
.aa-bars--dom { gap: 8px; } .aa-bars--dom li { font-size: 14px; grid-template-columns: 180px 1fr 40px; }
.aa-rules { background: #fff; border: 1px solid #dfe8ea; border-left: 3px solid #b42318; padding: 18px 20px; }
.aa-rules small { font: 600 10.5px "IBM Plex Mono", monospace; letter-spacing: 0.1em; text-transform: uppercase; color: #b42318; }
.aa-rules p { margin: 8px 0 0; font-size: 15px; line-height: 1.55; color: #55605f; }
.aa-gates { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.aa-steps { margin-bottom: 18px; }
.aa-steps small::before { content: none !important; }
.aa-guard { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aa-regs { overflow-x: auto; background: #fff; border: 1px solid #dfe8ea; }
.aa-regs table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: 14px; }
.aa-regs th, .aa-regs td { padding: 11px 14px; text-align: left; border-bottom: 1px solid #edf2f3; vertical-align: top; }
.aa-regs thead th { font: 600 10.5px "IBM Plex Mono", monospace; letter-spacing: 0.08em; text-transform: uppercase; color: #7b8a8c; background: #f7fafb; }
.aa-regs tbody th { color: #2f3a3d; font-weight: 600; }
.aa-regs td { color: #55605f; }
.aa-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aa-split { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 58fr 26fr 8fr 8fr; gap: 3px; }
.aa-split li { display: grid; gap: 4px; align-content: start; min-width: 0; }
.aa-split i { height: 14px; background: #0b8fa8; }
.aa-split li:nth-child(2) i { background: #5cc8d6; } .aa-split li:nth-child(3) i { background: #3197a8; } .aa-split li:nth-child(4) i { background: #9aa7ab; }
.aa-split b { font: 600 22px "Source Sans 3", sans-serif; color: #2f3a3d; }
.aa-split span { font-size: 13.5px; font-weight: 600; color: #2f3a3d; }
.aa-split small { font-size: 12px; line-height: 1.4; color: #7b8a8c; }
@media (max-width: 1000px) { .aa-cons, .aa-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aa-route, .aa-lib, .aa-guard { grid-template-columns: 1fr; } .aa-gates { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 600px) { .aa-cons, .aa-trust, .aa-gates { grid-template-columns: 1fr !important; } .aa-bars li, .aa-bars--dom li { grid-template-columns: 120px 1fr 40px; font-size: 13px; } .aa-split { grid-template-columns: 1fr 1fr; } }