/* External stylesheet used by all pages */
:root{
  --max-width: 1000px;
  --accent: #3b82f6;
  --muted: #666;
}

*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:1rem;color:#111}
.site-header{background:var(--accent);color:white;padding:1rem}
.site-header nav ul{list-style:none;padding:0;display:flex;gap:1rem}
nav a{color:inherit;text-decoration:none}
main{max-width:var(--max-width);margin:1rem auto;padding:0 1rem}
.book{display:flex;gap:1rem;align-items:flex-start}
.thumb{width:90px;height:auto;border-radius:4px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}
.gallery-grid img{width:100%;height:auto;display:block}
.search-form{display:grid;gap:.5rem;max-width:540px}
.inline{display:inline;margin-left:.25rem;margin-right:1rem}
.top-link{margin-top:2rem}
footer{font-size:.9rem;color:var(--muted);padding:1rem}
@media (max-width:600px){
  .site-header nav ul{flex-direction:column}
  .book{flex-direction:row}
}
.thumb{border:1px solid #ddd;padding:2px}