:root { color-scheme: light; font-family: Georgia, serif; color: #3f2c22; background: #f8f1e6; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 1100px; margin: 0 auto; padding: 2rem 1.25rem; }
a { color: #82512b; }
h1, h2, h3 { line-height: 1.2; }
p { line-height: 1.6; overflow-wrap: anywhere; }
.card { padding: 1.5rem; margin: 1.5rem 0; background: #fffaf2; border: 1px solid #d9b976; border-radius: 1rem; }
form { display: grid; gap: 1rem; max-width: 680px; }
label { display: grid; gap: .5rem; }
input, textarea, button { font: inherit; padding: .8rem; border: 1px solid #b59563; border-radius: .5rem; }
input, textarea { width: 100%; min-width: 0; background: #fff; color: #3f2c22; }
button { background: #eed6a7; color: #3f2c22; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
:focus-visible { outline: 3px solid #966839; outline-offset: 3px; }
.toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.photo-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
figure { margin: 0; }
img { display: block; width: 100%; max-height: 300px; object-fit: contain; border-radius: .5rem; }
figcaption { padding: .5rem 0; font-weight: 700; }
[hidden] { display: none !important; }