/* Standalone counterparts of src/theme/variables.css. */
:root { color-scheme: light; font-family: "Noto Sans", system-ui, sans-serif; color: #172d46; background: #f4f3ef; }
* { box-sizing: border-box; }
body { margin: 0; padding: clamp(16px, 4vw, 40px); line-height: 1.75; }
.public-page { max-width: 800px; margin: 0 auto; padding: clamp(20px, 5vw, 48px); background: #fef9ef; border: 1px solid #dedbd2; border-top: 5px solid #c45128; border-radius: 18px; box-shadow: 0 8px 28px #172d460a; overflow-wrap: anywhere; }
.eyebrow { color: #a33d1b; font-size: .78rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
h1 { font-size: clamp(1.9rem, 6vw, 2.7rem); line-height: 1.15; margin: .5em 0 .8em; }
h2 { font-size: 1.2rem; line-height: 1.35; margin: 1.8em 0 .6em; }
p, ul { margin: 0 0 1em; }
ul { padding-left: 1.4em; } li + li { margin-top: .5em; }
.intro { font-size: 1.1rem; } .updated { color: #36516d; font-size: .9rem; }
a { color: #a33d1b; text-underline-offset: .2em; } a:hover { color: #172d46; }
a:focus-visible { outline: 3px solid #a33d1b; outline-offset: 4px; border-radius: 2px; }
nav { display: flex; flex-wrap: wrap; gap: 8px 24px; border-top: 1px solid #dedbd2; margin-top: 32px; padding-top: 20px; }
nav a { padding: 8px 0; } nav a[aria-current="page"] { font-weight: 750; }
@media print { :root { background: white; } body { padding: 0; } .public-page { max-width: none; border: 0; box-shadow: none; padding: 0; } nav { display: none; } }