:root{--accent:#0b7d3e;--accent-dark:#095c2d;--border:#d9d9d9;--bg-soft:#f4f6f5;--text-muted:#555;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:#1a1a1a;margin:0}.app{flex-direction:column;gap:1rem;max-width:960px;margin:0 auto;padding:1rem;display:flex}.app-header h1{color:var(--accent-dark);align-items:center;gap:.5rem;margin:0;font-size:1.6rem;display:flex}.app-logo{flex-shrink:0;width:auto;height:2rem}.tagline{color:var(--text-muted);align-items:center;gap:.4rem;margin:.25rem 0 0;display:flex}.app-header{position:relative}.info-btn{background:var(--bg-soft);width:1.3rem;height:1.3rem;color:var(--accent-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;display:inline-flex}.info-tooltip{z-index:10;border:1px solid var(--border);color:#1a1a1a;background:#fff;border-radius:.5rem;max-width:22rem;margin-top:.4rem;padding:.6rem .8rem;font-size:.9rem;position:absolute;box-shadow:0 4px 16px #0000001f}.search{background:var(--bg-soft);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.field{flex-direction:column;gap:.25rem;display:flex}.field label{font-size:.9rem;font-weight:600}.field input[type=text],.field input:not([type]){border:1px solid var(--border);border-radius:.4rem;padding:.6rem;font-size:1rem}.field input[type=range]{width:100%}.postcode-row{align-items:center;gap:.5rem;display:flex}.postcode-input-wrap{flex:1;min-width:0;display:flex;position:relative}.postcode-input-wrap input{flex:1;min-width:0;padding-right:2.2rem}.clear-postcode-btn{width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.locate-btn{color:#fff;background:var(--accent);cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;padding:.6rem .75rem;font-size:.85rem;font-weight:500}.locate-btn:disabled{opacity:.5;cursor:not-allowed}.search>button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:.4rem;padding:.7rem 1rem;font-size:1rem;font-weight:600}.search>button:disabled{opacity:.6;cursor:not-allowed}.error{color:#8a1c12;background:#fdecea;border:1px solid #f5c2bd;border-radius:.4rem;margin:0;padding:.6rem .8rem}.error-data{border-left:4px solid #8a1c12;font-weight:600}.results{flex-direction:column;gap:1rem;display:flex}.map-pane{border:1px solid var(--border);border-radius:.5rem;height:300px;overflow:hidden}.list-pane h2{margin:0 0 .5rem;font-size:1.1rem}.parkrun-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.parkrun-list li{border:1px solid var(--border);cursor:pointer;border-radius:.4rem;align-items:center;gap:.5rem;display:flex;overflow:hidden}.parkrun-list li:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.parkrun-list li.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.parkrun-row{flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:.6rem .8rem;display:flex}.parkrun-name{font-weight:600}.parkrun-dist{color:var(--text-muted);white-space:nowrap}.parkrun-link{flex-shrink:0;margin-right:.4rem}.parkrun-list.flow-b li{flex-direction:column;align-items:stretch}.best-spoon-row{border-top:1px solid var(--bg-soft);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.3rem .8rem .4rem;font-size:.82rem;display:flex}.best-spoon-label{color:var(--text-muted)}.best-spoon-name{color:#1a1a1a;font-weight:600}.best-spoon-dist{color:var(--accent-dark);font-weight:600}.best-spoon-none{color:var(--text-muted);font-style:italic}.parkrun-list.flow-b .parkrun-link{margin-left:auto;margin-right:0}.app-footer{color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem}.sort-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.sort-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.sort-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:2rem;padding:.25rem .65rem;font-size:.8rem;font-weight:500;transition:background .1s,color .1s,border-color .1s}.sort-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sort-btn:hover:not(.active){background:var(--bg-soft)}.spoon-panel{border:1px solid var(--border);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.spoon-panel-header{flex-direction:column;gap:.5rem;display:flex}.spoon-panel-title{margin:0;font-size:1.1rem}.mode-tabs{gap:.4rem;display:flex}.mode-tab{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:2rem;padding:.45rem .9rem;font-size:.9rem;font-weight:600;transition:background .1s,color .1s}.mode-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.spoon-detour{background:var(--bg-soft);border-radius:.4rem;padding:.5rem}.spoon-empty{color:var(--text-muted);margin:0;font-size:.95rem}.spoon-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.spoon-item{border:1px solid var(--border);border-radius:.4rem;flex-direction:column;gap:.4rem;padding:.65rem .75rem;display:flex}.spoon-top-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.spoon-name{font-size:.95rem}.spoon-addr{color:var(--text-muted);font-size:.8rem}.spoon-detail{color:var(--accent-dark);white-space:nowrap;font-size:.85rem;font-weight:600}.spoon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.directions-link{color:var(--accent-dark);white-space:nowrap;font-size:.8rem}.icon-link,.icon-btn{min-width:32px;min-height:32px;color:var(--accent-dark);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.3rem;padding:.25rem .4rem;font-size:.85rem;font-weight:600;display:inline-flex}.icon-link:visited{color:var(--accent-dark)}.icon-link:hover,.icon-btn:hover{background:var(--bg-soft)}.icon-link:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}.icon-link svg,.icon-btn svg{flex-shrink:0}.detail-screen{flex-direction:column;gap:.75rem;display:flex}.back-btn{color:var(--accent-dark);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2rem;align-self:flex-end;padding:.4rem .85rem;font-size:.9rem;font-weight:600}.back-btn:hover{background:var(--bg-soft)}.detail-header{flex-direction:column;gap:.2rem;display:flex}.detail-title{margin:0;font-size:1.2rem}.detail-meta{color:var(--text-muted);margin:0;font-size:.9rem}.detail-event-link,.detail-directions-link{color:var(--accent-dark);font-size:.9rem}.detail-event-link:visited,.detail-directions-link:visited,.parkrun-link:visited{color:var(--accent-dark)}.detail-links{flex-wrap:wrap;gap:.75rem;margin-top:.25rem;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.detail-modal{z-index:1000;background:#00000059;align-items:flex-end;animation:.22s forwards modal-fade-in;display:flex;position:fixed;inset:0}.detail-modal.closing{pointer-events:none;animation:.25s forwards modal-fade-out}.detail-modal-inner{-webkit-overflow-scrolling:touch;border:1px solid var(--border);touch-action:pan-y;background:#fff;border-bottom:none;border-radius:1rem 1rem 0 0;flex-direction:column;gap:.75rem;width:100%;max-height:92dvh;padding:0 1rem 2rem;animation:.3s cubic-bezier(.32,.72,0,1) forwards modal-slide-up;display:flex;overflow-y:auto;box-shadow:0 -4px 24px #0000001f}.modal-drag-handle{background:var(--border);border-radius:9999px;flex-shrink:0;width:2.5rem;height:.25rem;margin:.6rem auto .25rem}@media (width>=720px){.detail-modal{justify-content:center}.detail-modal-inner{border-radius:1rem 1rem 0 0;max-width:680px;padding:0 2rem 2rem}.results{flex-direction:row;align-items:flex-start}.map-pane{flex:55%;height:460px;position:sticky;top:1rem}.list-pane{flex:45%}.spoon-panel-header{flex-direction:row;justify-content:space-between;align-items:center}}.brand-link{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.landing{flex-direction:column;gap:1rem;display:flex}.breadcrumb{color:var(--text-muted);font-size:.85rem}.breadcrumb a{color:var(--accent-dark)}.landing-title{color:var(--accent-dark);margin:0;font-size:1.5rem}.landing-lead{margin:0;font-size:1.1rem}.landing-facts{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;gap:.5rem;margin:0;padding:1rem;display:grid}.landing-facts>div{flex-wrap:wrap;gap:.5rem;display:flex}.landing-facts dt{min-width:9rem;font-weight:600}.landing-facts dd,.landing-facts-lead{margin:0}.landing-facts-lead a{color:var(--accent-dark);font-weight:600}.landing-spoons{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.landing-spoon{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;gap:.25rem;padding:.8rem 1rem;display:grid}.landing-spoon-head{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.landing-spoon-name{font-weight:600}.landing-spoon-dist{color:var(--text-muted);white-space:nowrap}.landing-spoon-addr{color:var(--text-muted);margin:0;font-size:.95rem}.landing-spoon-hours{margin:0;font-size:.95rem}.landing-spoon-hours-label{font-weight:600}.landing-spoon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.landing-spoon-dir{color:var(--accent-dark);font-weight:600}.location-map{border:1px solid var(--border);background:var(--bg-soft);border-radius:8px;width:100%;height:320px}.landing-cta{background:var(--accent);color:#fff;border-radius:8px;align-self:flex-start;padding:.7rem 1.1rem;font-weight:600;text-decoration:none}.landing-cta:hover{background:var(--accent-dark)}.faq-item h3{margin:.75rem 0 .25rem;font-size:1rem}.faq-item p{color:var(--text-muted);margin:0}.landing-nearby ul{gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.landing-nearby a,.landing-alllink a{color:var(--accent-dark)}.hub-group h2{color:var(--accent-dark);margin:1rem 0 .5rem;font-size:1.2rem}.hub-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:grid}.hub-list a{color:var(--accent-dark)}.hub-regions h2{color:var(--accent-dark);margin:.5rem 0;font-size:1.2rem}.hub-region-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:grid}.hub-region-list a{color:var(--accent-dark);font-weight:600}.hub-region-count{color:var(--text-muted);font-weight:400}.home-content{border-top:1px solid var(--border);padding-top:1rem}.home-content h2{color:var(--accent-dark);margin:1rem 0 .5rem;font-size:1.2rem}.home-content p{margin:.5rem 0}.home-steps{margin:.5rem 0;padding-left:1.2rem}.home-steps li{margin:.25rem 0}.home-browse a{color:var(--accent-dark);font-weight:600}