:root { color-scheme: dark; }
body { font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif; color: var(--text-primary, #e2ebe6); }
body a { color: #7cdcb9; text-underline-offset: 4px; }
.article-nav .nav-inner { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.article-nav .logo { background: transparent; color: var(--text-primary, #e2ebe6); font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.contact-page { max-width: 720px; margin: 0 auto; padding: 112px 24px 72px; }
.contact-page h1 { font-family: 'Space Grotesk', 'Trebuchet MS', sans-serif; font-size: clamp(2.25rem, 7vw, 4rem); line-height: 1.08; margin: 16px 0 24px; }
.contact-page > p { max-width: 60ch; line-height: 1.75; color: var(--text-dim); }
.contact-page form { display: grid; gap: 24px; margin-top: 40px; }
.contact-page label { display: grid; gap: 8px; font-weight: 500; line-height: 1.5; }
.contact-page input, .contact-page textarea { width: 100%; box-sizing: border-box; font: inherit; background: var(--bg-panel, #101b18); color: var(--text-primary, #e2ebe6); border: 1px solid var(--border, #4c6256); border-radius: 4px; padding: 12px; }
.contact-page input:focus-visible, .contact-page textarea:focus-visible, .contact-page button:focus-visible { outline: 2px solid var(--green, #00b894); outline-offset: 4px; }
.contact-page textarea { min-height: 160px; resize: vertical; }
.contact-page .reply-consent { display: flex; align-items: flex-start; gap: 12px; font-weight: 400; font-size: .9rem; }
.contact-page input[type=checkbox] { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 2px; accent-color: var(--green, #00b894); }
.contact-page .optional { font-weight: 400; color: var(--text-dim); font-size: .85rem; }
.contact-page button { justify-self: start; font: inherit; cursor: pointer; min-height: 48px; }
.contact-page button:disabled { opacity: .65; cursor: wait; }
.contact-page .contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#contact-status { min-height: 1.5em; line-height: 1.65; }
.contact-page .form-note { font-size: .85rem; color: var(--text-dim); line-height: 1.6; margin: 0; }
@media (max-width: 480px) { .contact-page { padding-top: 88px; } .contact-page button { width: 100%; } }