*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#efe8dc;color:#2a241c;font-family:Georgia,serif;line-height:1.7}
.room{display:grid;grid-template-columns:168px 1fr;min-height:100vh}
.plates{background:#3d3428;color:#efe8dc;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 0}
.plates a{display:block;color:#efe8dc;text-decoration:none;padding:16px 18px;border-left:4px solid transparent;font-family:"Trebuchet MS",sans-serif;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}
.plates a small{display:block;font-size:.62rem;letter-spacing:.04em;opacity:.6;margin-top:2px;text-transform:none}
.plates a.on{background:#2a241c;border-left-color:#c4a15a}
.shelf{padding:28px 32px 72px;max-width:820px}
h1{font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.15;margin:0 0 12px}
h2{font-family:"Trebuchet MS",sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#8a6a32;margin:26px 0 10px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.15em}
img{width:100%;height:auto;display:block;margin:14px 0}
.cap{color:#6e6254;font-size:.84rem;margin:-6px 0 16px}
.plate{background:#fffdf8;border:1px solid #e0d4c0;padding:12px 14px;margin:8px 0 16px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem;background:#fffdf8}
th,td{border-bottom:1px solid #eadfce;padding:8px 6px;text-align:left}
th{font-family:"Trebuchet MS",sans-serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#8a6a32}
td:first-child{width:2.4em;color:#8a6a32;font-weight:700}
.end{color:#6e6254;font-size:.88rem}
@media(max-width:780px){.room{grid-template-columns:1fr}.plates{position:sticky;height:auto;flex-direction:row;flex-wrap:wrap;padding:0}.plates a{flex:1;border-left:0;border-bottom:3px solid transparent;padding:12px 8px}.plates a.on{border-bottom-color:#c4a15a;border-left:0}.shelf{padding:18px 14px 48px}}