#court-desk { margin:16px 0; padding:16px; border:1px solid #becdc4; background:#f0f5f1; color:#22372d; }
.court-desk-head { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; align-items:center; }
.court-desk-head span { font-size:12px; letter-spacing:.12em; } .court-desk-head h3 { margin:4px 0 16px; font-size:15px; }
.court-desk-head select { min-height:44px; max-width:100%; }
.court-mode { display:flex; flex-wrap:wrap; gap:8px; }
.court-mode button { min-height:44px; background:white; color:#294a37; border:1px solid #839b8c; }
.court-mode button[aria-pressed=true] { background:#294a37; color:white; }
.court-authority,.court-caption { font-size:12px; } .court-location { font-size:15px; font-weight:600; padding:8px 0; border-bottom:1px solid #c7d5ca; }
.court-map { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); gap:16px; }
.court-tile { border:2px solid #769781; background:#18372b url('/assets/court-desk.webp') center/cover; padding:16px; color:white; min-width:0; }
.court-tile.found { outline:3px solid #294a37; outline-offset:3px; } .court-tile h4 { font-size:13px; margin:0 0 16px; color:white; }
.court-side { display:flex; gap:8px; flex-wrap:wrap; align-items:center; } .court-side small { font-size:12px; width:100%; color:#e0eae2; }
.court-name { padding:8px; background:#fcfdf8; color:#18372b; border:2px solid #fcfdf8; font-size:14px; overflow-wrap:anywhere; }
.court-name.me { background:#edf1b9; color:#222b19; border-color:#edf1b9; font-weight:700; }
.court-net { border-top:1px dashed #d7e4d7; margin:16px 0; }
@media(max-width:600px) { #court-desk { padding:8px; } .court-map { grid-template-columns:1fr; } .court-desk-head label { width:100%; } }
@media print { #court-desk { background:white; } .court-tile { background:white; color:black; } .court-tile h4,.court-side small { color:black; } .court-mode { display:none; } }