/* Separation dimension: Capability
 * Boundary: Everything that styles Tavi's public account information pages lives in this file.
 * Last-Edited: 2026-10-29 03:11:32 UTC
 */
:root { color-scheme: light; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #10152d; background: #f6f7fb; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
a { color: #273b89; text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid #7755dc; outline-offset: 5px; }
.site-header { background: #10152d; padding: 22px max(24px, calc((100vw - 920px) / 2)); }
.brand { color: white; text-decoration: none; font-size: 26px; font-weight: 750; letter-spacing: .2em; }
main { max-width: 920px; margin: 42px auto; padding: 42px; background: white; border: 1px solid #e4e6ef; border-radius: 24px; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; margin: 0 0 16px; letter-spacing: -.035em; }
h2 { font-size: 1.25rem; line-height: 1.4; margin: 34px 0 12px; }
p, ul, ol { margin: 12px 0; }
li { margin: 8px 0; }
.updated, .contact { color: #50576c; }
.summary { padding: 20px 24px; border-radius: 16px; background: #f0eef9; margin: 24px 0; }
.button { display: inline-block; padding: 14px 24px; margin: 8px 0; color: white; background: #10152d; text-decoration: none; font-weight: 650; border-radius: 14px; }
.button:hover { background: #2b2454; }
.page-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 28px; }
.site-footer { max-width: 920px; margin: 32px auto; padding: 0 24px 24px; font-size: .9rem; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.site-footer p { color: #50576c; }
@media (max-width: 640px) { main { margin: 20px 12px; padding: 26px 22px; border-radius: 18px; } .summary { padding: 16px; } }
@media print { body { background: white; } main { max-width: none; border: 0; margin: 0; padding: 0; } .site-header, .site-footer, .page-nav { display: none; } a { color: inherit; } }