/* Standalone portal guidance: no JavaScript, portal API or browser storage. */
@import url('tokens.css');
@import url('../assets/fonts/inter.css');
body {
    margin: 0;
    background: var(--cp-bg);
    color: var(--cp-text);
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.6;
}
.cp-status {
    max-width: 56rem;
    margin: auto;
    padding: var(--cp-space-5);
}
.cp-status__heading { color: var(--cp-ink); line-height: 1.2; }
.cp-status__nav { display: flex; flex-wrap: wrap; gap: var(--cp-space-4); }
.cp-status__link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: var(--cp-space-2) var(--cp-space-4);
    color: var(--cp-deep);
    text-decoration: underline;
    text-underline-offset: 0.2em;
    overflow-wrap: anywhere;
}
.cp-status__link:focus-visible { outline: 3px solid var(--cp-primary); outline-offset: 3px; }
.cp-status__section {
    margin-top: var(--cp-space-6);
    padding: var(--cp-space-5);
    background: var(--cp-surface);
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius);
}
.cp-status__section:target { outline: 3px solid var(--cp-primary); outline-offset: 3px; }
.cp-status__section h2 { margin-top: 0; color: var(--cp-ink); }
.cp-status__section p { overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .cp-status { padding: var(--cp-space-4); }
    .cp-status__section { padding: var(--cp-space-4); }
}