.app{flex-direction:column;min-height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:.75rem 1.25rem;display:flex}.brand{color:var(--brand-ink);align-items:center;gap:.5rem;font-weight:700;display:flex}.brand-mark{border:.28rem solid var(--brand);border-radius:50%;width:1.1rem;height:1.1rem}.brand-name{font-size:1.05rem}.app-nav{flex-wrap:wrap;gap:.25rem;display:flex}.nav-link{color:var(--muted);border-radius:.5rem;padding:.4rem .8rem;font-weight:500;text-decoration:none}.nav-link:hover{background:var(--brand-wash);color:var(--brand-ink)}.nav-link.active{background:var(--brand);color:#fff}.app-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1.25rem}.app-footer{border-top:1px solid var(--border);color:var(--muted);padding:.75rem 1.25rem;font-size:.8rem}.view h1{color:var(--brand-ink);margin:0 0 .5rem;font-size:1.5rem}.view-lead{max-width:62ch;color:var(--muted);margin:0}:root{--brand:#0f766e;--brand-ink:#134e4a;--brand-wash:#f0fdfa;--bg:#f7f8f8;--surface:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--brand)}