*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#f5f0e6;color:#3c2f2f;font-family:Georgia,serif;line-height:1.75;display:flex;flex-direction:row-reverse;min-height:100vh}
.side{width:160px;background:#ebe4d4;padding:32px 16px;border-left:1px solid #d9d0bc;flex-shrink:0}
.side a{display:block;color:#3c2f2f;text-decoration:none;padding:10px 0;font-size:.85rem}
.side a.on{color:#8b5a2b;border-left:3px solid #8b5a2b;padding-left:8px}
.main{flex:1;padding:40px 32px 80px;max-width:700px}
h1{font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.1;margin:0 0 16px;font-weight:normal}
h2{font-size:1.05rem;margin:28px 0 10px;color:#8b5a2b;font-weight:normal}
p,li{margin:0 0 14px}
ul{margin:0 0 14px 1.2em}
img{width:100%;height:auto;display:block;margin:16px 0}
.cap{color:#7a6b5a;font-size:.84rem;margin:-8px 0 18px;font-style:italic}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px}
.f{background:#fff;padding:12px;border-top:3px solid #8b5a2b}
.f b{display:block}
.f span{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7a6a}
table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.92rem;background:#fff}
th,td{border-bottom:1px solid #e8dfd0;padding:8px 6px;text-align:left}
th{color:#8b5a2b;font-weight:normal}
.note{background:#fff;padding:12px;margin:18px 0;font-size:.9rem;border-left:3px solid #8b5a2b}
.end{color:#7a6b5a;font-size:.88rem}
a{color:#8b5a2b}
@media(max-width:700px){body{flex-direction:column}.side{width:100%;border-left:none;border-bottom:1px solid #d9d0bc}.facts{grid-template-columns:1fr}}