:root { --bg:#333; --red:#e90000; --link:#ffcc99; --text:#fff; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.5 system-ui,Segoe UI,sans-serif; }
.wrap { max-width:52rem; margin:0 auto; padding:1.25rem; }
header { border-top:8px solid var(--red); }
h1 { margin:.4rem 0; font-size:1.6rem; }
.logo { max-width:100%; height:auto; }
nav { display:flex; flex-wrap:wrap; gap:.4rem 1rem; margin:1rem 0; }
a { color:var(--link); }
.tag { font-style:italic; text-align:right; }
.note { text-align:center; font-size:.9rem; }
article { background:#3c3c3c; padding:1rem; margin:1rem 0; }
img.photo { max-width:12rem; height:auto; }
ul { padding-left:1.2rem; }