:root { --bg: #F6F7F9; --ink: #10131A; --ink-2: #545B69; --line: #E4E7EC; --todo: #8A560B; --todo-bg: #FBF3E4; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Schibsted Grotesk", system-ui, sans-serif; font-size: 1rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
::selection { background: var(--ink); color: #fff; }
main { max-width: 680px; margin: 0 auto; padding: 40px 16px 64px; }
.back { display: inline-block; margin-bottom: 28px; color: var(--ink-2); text-decoration: none; font-weight: 600; }
.back:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
h1 { margin: 0 0 24px; font-size: 2.25rem; letter-spacing: -0.03em; line-height: 1.1; }
h2 { margin: 32px 0 8px; font-size: 1.25rem; letter-spacing: -0.015em; line-height: 1.3; }
p, address { margin: 0 0 12px; font-style: normal; max-width: 68ch; }
a { color: inherit; text-underline-offset: 3px; }
.todo { background: var(--todo-bg); color: var(--todo); padding: 1px 6px; border-radius: 4px; font-weight: 600; }
:focus-visible { outline: 2px solid #2357D9; outline-offset: 3px; border-radius: 4px; }