:root { --paper:#f7efe4; --ink:#241a14; --ink2:#5d4e44; --lamp:#b4501f; --line:#e6d6c1; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --paper:#16110e; --ink:#f1ebe0; --ink2:#bfb2a3; --lamp:#ee8a4f; --line:#2f2620; } }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 Georgia, "Times New Roman", serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
.home { display:inline-flex; align-items:center; gap:10px; font: 700 18px system-ui, sans-serif; color: var(--ink); text-decoration:none; margin-bottom: 28px; }
.home img { border-radius: 8px; }
h1 { font-size: 34px; line-height:1.15; margin: 0 0 6px; }
h2 { font-size: 20px; margin: 30px 0 6px; }
.updated, .contact { color: var(--ink2); font: 14px system-ui, sans-serif; }
.contact { margin-top: 36px; border-top: 1px solid var(--line); padding-top: 18px; }
a { color: var(--lamp); }
li { margin: 6px 0; }
.form { display: grid; gap: 16px; margin: 24px 0 8px; font-family: system-ui, sans-serif; }
.form label { display: grid; gap: 6px; font-size: 14px; font-weight: 600; color: var(--ink2); }
.form input, .form select, .form textarea { font: 16px/1.4 system-ui, sans-serif; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px; }
.form input:focus, .form select:focus, .form textarea:focus { outline: 2px solid var(--lamp); outline-offset: 1px; }
.form textarea { resize: vertical; min-height: 160px; }
.form button { justify-self: start; font: 600 16px system-ui, sans-serif; color: #fff; background: var(--lamp); border: 0; border-radius: 999px; padding: 12px 26px; cursor: pointer; }
.form button:disabled { opacity: .6; cursor: default; }
.form .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.status { margin: 0; font-size: 15px; min-height: 1.4em; }
.status.ok { color: #2f7a4f; }
.status.err { color: #b3261e; }
.lede { font-size: 19px; line-height: 1.55; color: var(--ink2); }
.cta { display: inline-block; font: 600 16px system-ui, sans-serif; color: #fff; background: var(--lamp); padding: 11px 22px; border-radius: 999px; text-decoration: none; margin: 4px 0 8px; }
.cta:hover { filter: brightness(1.08); }
h3 { font-size: 17px; margin: 18px 0 4px; }
.guide-list { list-style: none; padding: 0; display: grid; gap: 16px; }
.guide-list span { color: var(--ink2); font-size: 15px; }