
:root {
    color-scheme: light;
    font-family: system-ui, sans-serif;
    color: #24343b;
    background: #fff;
}
* { box-sizing: border-box; }
body { margin: 0; }
main {
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 20px 80px;
}
nav {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
}
a { color: #08768a; }
h1, h2, h3 {
    font-weight: 500;
    line-height: 1.25;
}
h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { font-size: 2rem; margin-top: 40px; }
p, li, dd {
    font-size: 1.0625rem;
    line-height: 1.7;
}
li { margin-bottom: 10px; }
dl { margin: 24px 0; }
dt { font-weight: 500; }
dd { margin: 4px 0 0; }
.diagnosis-text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
