.sync-status{border-top:5px solid #4d759c}.sync-demo{border:1px solid #cad8e3;background:#f4f8fc;border-radius:16px;padding:16px;margin-top:16px;min-width:0}.sync-demo .actions{flex-wrap:wrap}.sync-status h2{overflow-wrap:anywhere;font-size:23px}body[data-domain=sync] main li{overflow-wrap:anywhere;margin:8px 0}body.dark .sync-demo{background:#22313f;color:#e8eef4}body[data-domain=sync] button:disabled{opacity:.5;cursor:not-allowed}
.mobile-nav a{width:14.285%!important}

/* Account readiness is visible on every route, independently of the sync module. */
.account-guard-status{margin:16px 32px 0;padding:14px 18px;border:1px solid #b88224;border-radius:12px;background:#fff7e5;color:#624311;line-height:1.6}.account-guard-status[hidden]{display:none}.account-guard-status .actions{margin-top:8px}.dark .account-guard-status{background:#352b1b;color:#ffe5ac}@media(max-width:700px){.account-guard-status{margin:12px 16px 0}}
/* Keep sync state actionable in the existing compact header on every route. */
a.prototype{text-decoration:none;color:inherit}.prototype.sync-conflict-badge{background:#fff0df;color:#86350c;border:1px solid #be6d24;font-weight:700}.dark .prototype.sync-conflict-badge{background:#4b2c15;color:#ffdbb1}.sync-conflict-policy{border-top:1px solid var(--line,#dedee6);padding-top:16px;margin-top:16px}.sync-version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sync-version-grid section{min-width:0}.sync-version-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:13px}.sync-conflict-policy details{margin-top:12px}.sync-conflict-policy h4{margin-bottom:8px}@media(max-width:700px){.sync-version-grid{grid-template-columns:1fr}.prototype.sync-conflict-badge{font-size:11px;max-width:180px;white-space:normal}}