/* Notes page */
.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.tag{background:var(--tag);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px}

/* Team page */
.avatar-xl{
  width:100%;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#e5e7eb,#cbd5e1);
  border:1px solid var(--border);background-size:cover;background-position:center
}
@media (prefers-color-scheme: dark){.avatar-xl{background:linear-gradient(135deg,#1f2430,#151923)}}
.role{margin-top:-6px}

/* Philosophy page */
.quote{font-size:18px;line-height:1.5;border-left:3px solid var(--border);padding-left:12px;color:var(--fg)}

/* Contact page */
.container-narrow{max-width:900px}
.grid-contact{grid-template-columns:1fr}
@media (min-width:880px){.grid-contact{grid-template-columns:2fr 1fr}}
label{display:block;margin:10px 0 6px;font-weight:600}
input, textarea, select{
  width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--fg);
  font:inherit;box-sizing:border-box
}
textarea{min-height:140px;resize:vertical}
.row{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:640px){.row{grid-template-columns:1fr 1fr}}
.note{font-size:13px;color:var(--muted)}
.info{background:rgba(16,185,129,0.08);border-left:3px solid #10b981;padding:10px;border-radius:10px;margin-bottom:12px}
.aside-title{margin-top:0;font-size:18px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}