*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#c45112;color:#1a100c;font-family:Georgia,serif;line-height:1.7}
.box{max-width:780px;margin:24px auto;background:#f7efe6;border:16px solid #1a100c;min-height:100vh}
.bars{display:flex;background:#1a100c}
.bars a{flex:1;color:#f7efe6;text-decoration:none;padding:16px 8px;text-align:center;border-right:4px solid #c45112;font-family:"Trebuchet MS",sans-serif}
.bars a.on{background:#c45112;color:#1a100c}
.bars b{display:block;font-size:1.4rem}
.bars span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.pad{padding:26px 24px 48px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.1;margin:0 0 12px}
h2{font-family:"Trebuchet MS",sans-serif;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#c45112;margin:22px 0 8px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img{width:100%;height:auto;display:block;margin:12px 0;border:4px solid #1a100c}
.cap{font-size:.84rem;color:#6d584c;margin:-6px 0 14px}
.sit{background:#1a100c;color:#f7efe6;padding:12px 14px;margin:12px 0}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem}
td{border-bottom:1px solid #e4d5c8;padding:7px 4px}
td:first-child{color:#c45112;font-weight:700;width:4.5em}
.end{color:#6d584c;font-size:.88rem}
@media(max-width:640px){.box{margin:0;border-width:8px}.pad{padding:16px 12px 32px}}