*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#efe6d6;color:#2a241c;font-family:"Palatino Linotype",Palatino,serif;line-height:1.7}
.card{max-width:820px;margin:18px auto 40px;background:#fffdf8;border:1px solid #d9cbb6;box-shadow:8px 8px 0 #e4c7c7}
.row{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid #c45c5c}
.row a{text-decoration:none;color:#2a241c;padding:14px 8px;text-align:center;border-right:1px solid #ecd9d9}
.row a.on{background:#c45c5c;color:#fffdf8}
.row b{display:block;font-size:1.3rem;font-family:Georgia,serif}
.row span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.ink{padding:26px 26px 48px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;margin:0 0 12px}
h2{font-size:1rem;color:#c45c5c;margin:24px 0 8px;font-weight:700}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img{width:100%;height:auto;display:block;margin:12px 0}
.cap{font-size:.84rem;color:#7a6c5c;margin:-6px 0 14px}
.mark{background:#fff4f4;border:1px dashed #c45c5c;padding:10px 12px;margin:12px 0}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem}
td{border-bottom:1px solid #efe2d4;padding:7px 4px}
td:first-child{color:#c45c5c;width:8em}
.end{color:#7a6c5c;font-size:.88rem}
@media(max-width:700px){.ink{padding:16px 12px 32px}.row b{font-size:1rem}}