* { margin: 0; padding: 0; box-sizing: border-box; }
html { color-scheme: light; }
body {
    font: 15px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #333;
    background: #fff;
    max-width: 480px;
    margin: 0 auto;
    padding: 3rem 1.5rem;
}
h1 { font-size: 1.4rem; font-weight: 600; margin-bottom: 0.3rem; }
p { margin-bottom: 0.3rem; color: #555; }
a { color: #0066cc; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border: none; border-top: 1px solid #ddd; margin: 1rem 0; }
h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem; }
#articles p { margin-bottom: 0.3rem; }
.links { display: flex; gap: 1rem; }
.links a { color: #555; display: flex; }
.links a:hover { color: #000; }
.links svg { width: 20px; height: 20px; }