/* Calm visual layer shared by the personal site and AI research site. */
:root { --bg: #fbfcfe; --bg-soft: #f4f7fa; --panel: #fff; --panel-strong: #fff; --text: #17212b; --muted: #5c6875; --subtle: #7e8a96; --line: #e4e9ee; --accent: #187a72; --accent-2: #356fa8; --shadow: 0 12px 32px rgba(23, 33, 43, .06); }
body { background: var(--bg); }
.signal-canvas { display: none; }
.site-header { min-height: 64px; background: rgba(251,252,254,.94); border-bottom-color: var(--line); backdrop-filter: blur(12px); }
.brand-mark { width: .62rem; height: .62rem; border-width: 1px; box-shadow: none; }
.site-nav { gap: 1rem; font-size: .9rem; }
.primary-action { border-color: #187a72; background: #187a72; color: #fff; }
.secondary-action { background: #fff; }
.primary-action:hover, .secondary-action:hover, .contact-links a:hover { transform: translateY(-1px); box-shadow: 0 7px 17px rgba(23,33,43,.08); }
.hero, .investment-hero { min-height: auto; padding: 7rem 0 5rem; }
h1 { letter-spacing: -.035em; }
.system-panel, .topic-card, .featured-project, .allocation-summary { border-radius: 12px; box-shadow: var(--shadow); }
.section { border-top-color: var(--line); }
.about-layout p { border-left-color: var(--accent); background: #fff; border-radius: 0 8px 8px 0; }
.brief-hero { padding-top: 4.5rem; }
.brief-report { background: transparent; }
@media (max-width: 760px) { .site-nav { gap: .65rem; overflow-x: auto; } .site-nav a { white-space: nowrap; } }