@import url('/fonts.css');

/* Shared with the landing page: warm light surfaces, dark green and serif headings. */
:root {
    color-scheme: light;
    --background: #f2f3ef;
    --foreground: #1c2924;
    --muted: #526159;
    --border: #c6d1c7;
    --accent: #876324;
    --card: #e3ebe3;
}

body {
    font-family: 'DM Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}

main {
    width: min(760px, calc(100% - 48px));
    padding: 72px 0 104px;
}

.page-top { margin-bottom: 56px; }
.back-link {
    padding: 10px 16px;
    border-color: #141c20;
    background: #141c20;
    color: #f3f4f2;
}
.back-link:hover {
    border-color: #1f3d31;
    background: #1f3d31;
    color: #fff;
}

h1, h2 {
    font-family: 'STIX Two Text', Georgia, serif;
    font-weight: 600;
    letter-spacing: -0.02em;
}
h1 { font-size: clamp(44px, 6vw, 68px); line-height: 1.05; margin-bottom: 24px; }
h2 { font-size: clamp(25px, 3vw, 30px); line-height: 1.2; margin-bottom: 16px; }
p, ul { color: var(--foreground); font-size: 16px; line-height: 1.65; }
main a:not(.back-link):not(.team-linkedin) { color: #1f6244; text-underline-offset: 3px; }
main a:focus-visible, .lang-fab-toggle:focus-visible, .lang-fab-option:focus-visible {
    outline: 2px solid #a17225;
    outline-offset: 3px;
}
.updated { color: var(--muted); font-size: 14px; letter-spacing: 0; text-transform: none; font-weight: 600; }
section { border-color: var(--border); margin-top: 40px; padding-top: 40px; }
.team-card { background: var(--card); border: 0; border-radius: 12px; }
.team-name { color: var(--foreground); }
.team-role { color: var(--muted); }
.team-linkedin { color: #1f3d31; border-color: #9db2a2; }
.team-linkedin:hover { background: #cbd8cd; border-color: #819b89; }
.lang-fab-toggle, .lang-fab-menu { box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; background: #141c20; }

@media (max-width: 560px) {
    main { width: calc(100% - 40px); padding: 72px 0 72px; }
    .page-top { margin-bottom: 42px; }
    .team-card { padding: 18px; }
}