*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#2f6b3a;color:#1c140c;font-family:Georgia,serif;line-height:1.7}
.court{max-width:860px;margin:20px auto 40px;background:#c96a3a;border:12px solid #f4f1ea;padding:14px}
.boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.boxes a{display:block;text-decoration:none;color:#1c140c;background:rgba(255,255,255,.35);border:2px solid #f4f1ea;min-height:72px;padding:12px;font-family:"Trebuchet MS",sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}
.boxes a.on{background:#f4f1ea}
.half{background:#f7f1e8;padding:22px 22px 40px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.12;margin:0 0 12px}
h2{font-family:"Trebuchet MS",sans-serif;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:#8a3d1c;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}
.cap{font-size:.84rem;color:#6d584c;margin:-6px 0 14px}
.let{border-left:6px solid #2f6b3a;padding:4px 0 4px 12px;margin:12px 0}
table{width:100%;border-collapse:collapse;font-size:.92rem;margin:8px 0 16px}
td{border-bottom:1px solid #e4d4c4;padding:7px 4px}
td:first-child{color:#8a3d1c;font-weight:700;width:7em}
.end{color:#6d584c;font-size:.88rem}
@media(max-width:640px){.court{margin:0}.half{padding:14px 12px 28px}}