:root { color-scheme: light dark; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.55;
}
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
header { position: sticky; top: 0; backdrop-filter: blur(10px); border-bottom: 1px solid rgba(128,128,128,.25); }
.nav { display: flex; gap: 14px; align-items: center; justify-content: space-between; }
.nav nav { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; justify-content: flex-end; }
.nav a { text-decoration: none; opacity: .9; }
.nav a:hover { opacity: 1; text-decoration: underline; }
.brand { font-weight: 700; letter-spacing: .2px; }
main { padding-top: 18px; }
.footer { margin-top: 64px; padding-top: 18px; border-top: 1px solid rgba(128,128,128,.25); opacity: .85; font-size: 14px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; }
.card { border: 1px solid rgba(128,128,128,.25); border-radius: 16px; padding: 14px; overflow: hidden; }
.card h3 { margin: 8px 0 6px; }
.card p { margin: 0; opacity: .9; }
.meta { font-size: 13px; opacity: .8; margin-top: 6px; }
.taglist { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.tag { font-size: 12px; padding: 2px 10px; border: 1px solid rgba(128,128,128,.25); border-radius: 999px; text-decoration: none; }
.hero { border-radius: 18px; overflow: hidden; border: 1px solid rgba(128,128,128,.25); }
.hero img { width: 100%; height: auto; display: block; }
.buttons { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.button { display: inline-block; padding: 8px 12px; border-radius: 999px; border: 1px solid rgba(128,128,128,.35); text-decoration: none; }
.button:hover { transform: translateY(-1px); }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); gap: 12px; margin-top: 18px; }
.gallery figure { margin: 0; }
.gallery img { width: 100%; height: auto; border-radius: 14px; border: 1px solid rgba(128,128,128,.25); }
.gallery figcaption { font-size: 12px; opacity: .8; margin-top: 6px; }
.section-title { margin-top: 28px; margin-bottom: 10px; }