/* Inclusão Escolar Brasil — base provisória.
   Substituir pelo design real. Ao alterar: bumpar APP_VERSION. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
    margin: 0;
    font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: #1c2326;
    background: #fbfaf5;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px; }
h1 { font-size: clamp(1.75rem, 1.2rem + 3vw, 2.5rem); margin: 0 0 .5em; }
a { color: #0f6b6b; }
.diag { margin-top: 40px; padding: 20px; border: 1px solid #d9d9d0; border-radius: 8px; background: #fff; }
.diag h2 { margin-top: 0; font-size: 1rem; text-transform: uppercase; letter-spacing: .05em; color: #5a6a70; }
.diag dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 0; }
.diag dt { font-weight: 600; color: #5a6a70; }
.diag dd { margin: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .875rem; word-break: break-all; }
.diag__note { margin-bottom: 0; font-size: .875rem; color: #5a6a70; }