:root { --mint: #8aa899; --mint-light: #ebf2ee; --sand: #f7f5f0; --warm: #d8c3a5; --ink: #2d3748; --muted: #5f6b78; --white: #fff; --line: #e5e7eb; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: #f5f2eb; font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif; line-height: 1.65; }
a { color: #557464; font-weight: 800; }
.topline { padding: .35rem 1.25rem; color: #e8eee9; background: #2d3748; text-align: center; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
main { max-width: none; margin: 0; padding: 0; background: var(--warm); }
.paper { max-width: 920px; margin: 0 auto; padding: clamp(4rem, 8vw, 7rem) clamp(1.25rem, 5vw, 3rem); background: transparent; border: 0; border-radius: 0; box-shadow: none; }
h1, h2, h3 { font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif; line-height: 1.2; }
h1 { margin: 0 0 1.25rem; color: #263228; font-size: clamp(2.7rem, 6vw, 5rem); letter-spacing: -.04em; }
h2 { margin: 2rem 0 .6rem; font-size: 1.35rem; }
h3 { margin: 1.25rem 0 .4rem; font-size: 1.05rem; }
p, li { color: var(--muted); }
.paper > p:first-of-type { max-width: 760px; margin-bottom: 3rem; color: #435046; font-size: clamp(1rem, 1.6vw, 1.2rem); }
.paper h2 { color: #34483b; }
.content-card { margin-top: 1.25rem; padding: 1.5rem clamp(1.15rem, 3vw, 2rem); background: #fffefa; border: 1px solid rgba(216,195,165,.45); border-radius: 1.35rem; box-shadow: 0 10px 28px rgba(45,55,72,.05); }
.content-card h2 { margin-top: 0; }