:root{--bg:#ecfeff;--card:#fff;--text:#083344;--muted:#0e7490;--line:#a5f3fc;--accent:#0891b2;--sans:system-ui}
*{box-sizing:border-box}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text)}
.evm-app{max-width:880px;margin:0 auto;padding:1.4rem}
.evm-brand{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.evm-nav a{color:var(--muted);margin-right:1rem;text-decoration:none}
.evm-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.2rem;margin:1rem 0}
.evm-card input{width:100%;padding:.55rem;border:1px solid var(--line);border-radius:8px;margin:.35rem 0}
.evm-out{background:#cffafe;border-radius:10px;padding:.9rem;font-family:ui-monospace,Menlo,monospace;font-size:.8rem;white-space:pre-wrap}
.evm-actions button{background:var(--accent);color:#fff;border:0;font-weight:700;padding:.5rem 1rem;border-radius:8px;cursor:pointer}


/* matrix prose pages (standard paths) — content thicken 2026-10-29 */
.matrix-prose, .wrap.narrow, .prose.panel, main.wrap { max-width: 820px; margin: 1.25rem auto; padding: 0 1.25rem; line-height: 1.55; }
.matrix-prose h2, main.wrap h1, main.wrap h2, .prose h2 { font-size: 1.15rem; margin: 1.25rem 0 .5rem; color: var(--text, #e2e8f0); }
.matrix-prose p, main.wrap p, .prose p { color: var(--muted, #94a3b8); margin: .55rem 0; }
.matrix-prose a, main.wrap a, .prose a, .site-nav a { color: var(--accent, #38bdf8); }
.site-nav { display: flex; flex-wrap: wrap; gap: .75rem; list-style: none; padding: 0; margin: .75rem 0 1rem; }
.site-nav a[aria-current="page"] { font-weight: 600; text-decoration: underline; }
.prose.panel, article.prose { background: var(--panel, #1e293b); padding: 1rem 1.15rem; border-radius: 10px; border: 1px solid var(--line, #334155); }
.prose ol, .prose ul { padding-left: 1.2rem; color: var(--text, #e2e8f0); }
.prose li { margin: .45rem 0; color: var(--text, #e2e8f0); }
.hint { color: var(--muted, #94a3b8); font-size: .9rem; }
.brand { font-size: .75rem; letter-spacing: .08em; color: var(--muted, #94a3b8); margin-bottom: .35rem; }
header.top { padding: 1rem 1.25rem; }
