/*
  Styles for the placeholder shell. External rather than an inline <style> so the default
  Content-Security-Policy (`default-src 'self'`, see application.yaml) needs no 'unsafe-inline'
  escape hatch — the same shape a real front-end build emits.
*/
:root { color-scheme: light dark; }

body {
    font-family: system-ui, sans-serif;
    max-width: 40rem;
    margin: 4rem auto;
    padding: 0 1.5rem;
    line-height: 1.5;
}

h1 { margin-bottom: 0.25rem; }

.subtitle { color: GrayText; margin-top: 0; }

pre {
    background: rgb(127 127 127 / 12%);
    padding: 0.75rem;
    border-radius: 0.375rem;
    overflow-x: auto;
}

button, .button {
    display: inline-block;
    font: inherit;
    padding: 0.5rem 1rem;
    border: 1px solid currentColor;
    border-radius: 0.375rem;
    background: none;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}

[hidden] { display: none !important; }