:root{--background:#fff;--foreground:#111827;--muted:#6b7280;--border:#e5e7eb;--accent:#4f46e5;--accent-hover:#4338ca;--surface:#f9fafb;--radius:8px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}figure{border:1px solid var(--border);text-align:center;background-color:#fff;border-radius:16px;margin:0;padding:16px;display:block;overflow-x:auto;box-shadow:0 1px 4px #0000000f}.page-layout{flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem 1.5rem}@media screen and (min-width:1280px){.container{max-width:1200px}}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:1.5rem;font-size:.875rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}