.readiness-overview .readiness-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.readiness-overview .readiness-portals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.readiness-overview .readiness-picture { margin-top: 20px; }
.readiness-overview .readiness-picture summary { font-size: 16px; font-weight: 500; }
.readiness-overview .readiness-dashboard { margin: 0; padding: 0 16px 16px; }
.readiness-overview .readiness-dashboard img { width: 100%; height: auto; border-radius: 6px; }
.readiness-overview .readiness-example { margin-top: 20px; }
.readiness-overview .readiness-example-content { padding: 0 22px 22px; }
.readiness-overview .readiness-example-content p { font-size: 14px; color: var(--muted); }
.readiness-overview .readiness-example-content dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.readiness-overview .readiness-example-content dt { color: var(--muted); font-size: 13px; }
.readiness-overview .readiness-example-content dd { margin: 5px 0 0; font-size: 16px; font-weight: 500; }
@media (max-width: 900px) { .readiness-overview .readiness-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .readiness-overview .readiness-portals, .readiness-overview .readiness-example-content dl { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 400px) { .readiness-overview .readiness-steps { grid-template-columns: minmax(0, 1fr); } }