:root{--bg:#fbfaf7;--fg:#1d2327;--mut:#555d63;--ac:#1f4e5f;--ln:#dcd8cf;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--bg:#14191c;--fg:#e8e6e1;--mut:#a9b0b4;--ac:#8fc4d6;--ln:#2e373c}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap{max-width:40rem;margin:0 auto;padding:0 20px}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:8px;gap:16px}
.brand{font:600 1.25rem Georgia,"Times New Roman",serif;color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.brand svg{width:24px;height:24px}
.lang a{display:inline-block;min-height:44px;line-height:44px;padding:0 8px}
a{color:var(--ac)}
a:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
h1{font:600 2rem/1.2 Georgia,"Times New Roman",serif;margin:48px 0 16px}
h2{font:600 1.3rem Georgia,serif;margin:40px 0 8px}
p{margin:0 0 16px}
.mut{color:var(--mut)}
.products{list-style:none;padding:0;margin:16px 0}
.products li{border:1px solid var(--ln);border-radius:8px;padding:16px 20px;margin-bottom:12px}
.products h3{margin:0 0 4px;font-size:1.1rem}
.tag{font-size:.85rem;color:var(--mut)}
footer{border-top:1px solid var(--ln);margin-top:64px;padding:24px 0 40px;font-size:.95rem;color:var(--mut)}
footer a{display:inline-block;min-height:44px;line-height:44px;margin-right:16px}
main a{display:inline-block;padding:10px 0}
.brand svg rect{fill:var(--ac)}
.brand svg path{fill:var(--bg)}