/* Linen: quiet look. Thin rules instead of shadows, small radii, teal accent used sparingly. */
body { background: var(--color-bg); }
.site-header { background: var(--color-bg); border-bottom: 1px solid var(--color-border); }
.brand { font-weight: 600; letter-spacing: 0.2px; color: var(--color-text); }
.brand img { filter: none; }

.sidebar { border-right: 1px solid var(--color-border); padding-right: var(--space-4); }
.nav-title { color: var(--color-text-muted); }
.nav-link { color: var(--color-text-secondary); font-weight: 500; border-radius: var(--radius-sm); }
.nav-link:hover, .nav-link.active { background: transparent; color: var(--color-primary); text-decoration: none; box-shadow: inset 2px 0 0 var(--color-primary); }
.help-card { background: var(--color-surface-alt); border: none; border-radius: var(--radius-card); }

.card { box-shadow: none; border-radius: var(--radius-card); }
.page-head h1 { font-weight: 600; }
h1, h2, h3 { font-weight: 600; }
.section-title { color: var(--color-text-muted); font-weight: 600; }
.tabs { border-bottom-color: var(--color-border); }
.tabs a { font-weight: 500; }
.tabs a.active { color: var(--color-text); border-bottom-color: var(--color-primary); }

.btn { font-weight: 500; }
.btn-primary { box-shadow: none; }
.badge { font-weight: 600; }
.badge::before { display: none; }
.table th { color: var(--color-text-muted); background: var(--color-surface-alt); }
.table tr:hover td { background: var(--color-hover-bg); }
.choice { border-radius: var(--radius-card); }
.choice:has(input:checked) { box-shadow: none; border-color: var(--color-primary); }
.alert { border-radius: var(--radius-card); }

.site-footer { background: var(--color-bg); border-top: 1px solid var(--color-border); }