*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,serif;background:#2a1810;color:#f0e4d0;line-height:1.8}
.wrap{max-width:680px;margin:0 auto;padding:20px}
.brand{color:#e0a060;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;font-size:.8rem}
.logs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.logs a{background:#4a3020;color:#f0e4d0;padding:10px 14px;text-decoration:none;border-left:6px solid #8a4a20}
.logs a.active{background:#8a4a20}
h1{font-size:2.2rem;margin:12px 0}
p{color:#c4b090;margin:0 0 12px}
.note{border-top:1px solid #4a3020;padding-top:12px;font-size:.95rem;color:#a09078}
@media(max-width:700px){.logs{flex-direction:column}}