.sync-strip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; margin-block: 1rem; padding: 0.75rem; border-radius: 0.5rem; background: #eef5f8; font-weight: 700; }
.offline-controls, .offline-rating { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-block: 1.5rem; }
.offline-navigation { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.75rem; margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #d5e0e5; }
.offline-navigation [data-offline-position] { color: #536874; font-weight: 700; text-align: center; white-space: nowrap; }
.offline-navigation [data-next-question] { justify-self: stretch; }
.offline-navigation [data-previous-question] { justify-self: stretch; }
@media (max-width: 32rem) { .offline-navigation { grid-template-columns: repeat(2, minmax(0, 1fr)); } .offline-navigation [data-offline-position] { grid-column: 1 / -1; grid-row: 1; } }
.danger-link { color: #8f1d1d; }