:root {
  --bg-color: #f8fafc;
  --card-bg: #ffffff;
  --primary: #2563eb;
  --text: #0f172a;
  --subtext: #475569;
  --border: #e2e8f0;
}
* { box-sizing: border-box; margin: 0; padding: 0; font-family: system-ui, -apple-system, sans-serif; }
body { background-color: var(--bg-color); color: var(--text); line-height: 1.5; padding: 20px; }

.container { max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px; }
.card { background: var(--card-bg); padding: 20px; border-radius: 12px; border: 1px solid var(--border); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.card h1, .card h2 { font-size: 1.2rem; margin-bottom: 15px; border-bottom: 2px solid var(--primary); padding-bottom: 6px; display: inline-block; }

.back-link { display: inline-block; margin-bottom: 15px; color: var(--primary); text-decoration: none; font-size: 0.9rem; }
.back-link:hover { text-decoration: underline; }

.lang-switch { display: inline-block; margin-bottom: 15px; margin-left: 12px; color: var(--subtext); text-decoration: none; font-size: 0.85rem; }
.lang-switch:hover { color: var(--primary); }