:root {
    color-scheme: light;
    font-family: Arial, sans-serif;
    color: #26384d;
    background: #ffffff;
    line-height: 1.6;
}

* { box-sizing: border-box; }
body { margin: 0; padding: 32px; }
main { max-width: 900px; margin: 0; }
h1 { margin-top: 0; font-size: 1.8rem; line-height: 1.3; }
h2 { margin-top: 2rem; font-size: 1.3rem; line-height: 1.4; }
h3 { font-size: 1.1rem; }
p, li { overflow-wrap: anywhere; }
li { margin-bottom: 0.5rem; }
a { color: #064f9e; }
.updated { color: #666666; font-size: 0.9rem; }
.screenshots { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px; margin: 24px 0; }
.screenshots img { display: block; max-width: 100%; width: auto; height: auto; max-height: 560px; object-fit: contain; }
@media (max-width: 700px) {
    body { padding: 8px; }
    h1 { font-size: 1.5rem; }
}