*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",Verdana,sans-serif;background:#14301c;color:#e7f2df;line-height:1.72;font-size:17px}
a{color:#f2d36b}
.board{max-width:840px;margin:0 auto;min-height:100vh;padding:0 0 70px}
.top{padding:16px 18px 8px;border-bottom:2px solid #f2d36b}
.brand{color:#f2d36b;text-decoration:none;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
.page{padding:20px 20px 30px}
.k{color:#9dcaa4;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
h1{font-family:Georgia,serif;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.18;margin:0 0 12px;color:#fff}
h2{font-size:1.12rem;margin:20px 0 8px;color:#f2d36b}
p,li{margin:0 0 12px}
ul{margin:0 0 14px 1.15em}
.lead{color:#c5dcc4;margin-bottom:12px}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px;border:3px solid #0d2014}
.cap{font-size:.82rem;color:#9dcaa4;margin:0 0 14px}
table{width:100%;border-collapse:collapse;font-size:.9rem;margin:8px 0 14px}
th,td{text-align:left;padding:7px 6px;border-bottom:1px solid #2d5a38;vertical-align:top}
th{color:#f2d36b;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}
.note{margin-top:16px;color:#9dcaa4;font-size:.88rem}
.chalk{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0d2014;border-top:2px solid #f2d36b}
.chalk a{flex:1;text-align:center;text-decoration:none;color:#e7f2df;padding:12px 4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.chalk a.active{color:#f2d36b}
@media(max-width:640px){.page{padding:16px 12px 24px}.chalk a{font-size:.64rem}}