/* You're Not Finished Yet — shared styles. Page layout lives inline in each page. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #FAF7F0; }
a { color: #245C63; }
a:hover { color: #1B464C; }
img { max-width: 100%; }
[hidden] { display: none !important; }

/* Keyboard focus: dark ring + gold halo, visible on light and dark sections */
:focus-visible { outline: 3px solid #29383B; outline-offset: 3px; box-shadow: 0 0 0 7px #D6A548; border-radius: 6px; }
input:focus-visible, textarea:focus-visible, button:focus-visible { outline-offset: 2px; }

::placeholder { color: #5F6E71; opacity: 1; }

.skip-link { position: absolute; left: 16px; top: -100px; z-index: 100; padding: 12px 20px; background: #29383B; color: #FFFFFF; font: 600 16px 'Instrument Sans', system-ui, sans-serif; border-radius: 999px; text-decoration: none; }
.skip-link:focus { top: 16px; color: #FFFFFF; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }