:root{--accent:#0b7d3e;--accent-dark:#095c2d;--border:#d9d9d9;--bg-soft:#f4f6f5;--text-primary:#1c1c1e;--text-muted:#5a5a5a;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:var(--text-primary);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(--text-muted);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);max-width:22rem;color:var(--text-primary);background:#fff;border-radius:.5rem;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;background:#fff;border-radius:.4rem;align-items:center;gap:.5rem;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.parkrun-list li:hover{border-color:var(--accent);box-shadow:0 1px 4px #00000012}.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{color:var(--text-primary);font-weight:600}.parkrun-dist{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:500}.app-footer{color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem}.spoon-panel{flex-direction:column;gap:.75rem;display:flex}.spoon-panel-header{flex-direction:column;gap:.5rem;display:flex}.mode-tabs{border-bottom:1px solid var(--border);margin-bottom:.5rem;display:flex}.mode-tab{text-align:center;cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:50%;margin-bottom:-1px;padding:.6rem .5rem;font-size:.9rem;font-weight:600;transition:color .1s,border-color .1s}.mode-tab.active{color:var(--accent-dark);border-bottom-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);background:#fff;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{color:var(--text-primary);font-size:.95rem;font-weight:600}.spoon-addr{color:var(--text-muted);font-size:.875rem}.spoon-detail{color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:500}.spoon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.icon-link,.icon-btn{min-width:32px;min-height:32px;color:var(--accent-dark);white-space:nowrap;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.icon-link:visited{color:var(--accent-dark)}.icon-link:hover,.icon-btn:hover{background:var(--bg-soft);border-color:var(--accent)}.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{width:2rem;height:2rem;color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.back-btn:hover{background:var(--bg-soft)}.detail-header{flex-direction:column;gap:.2rem;display:flex}.detail-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.detail-title{color:var(--text-primary);margin:0;font-size:1.2rem}.detail-meta{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:500}.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:.5rem;width:100%;height:75dvh;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:.5rem auto 0}@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%}}.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(--text-primary)}.landing-title{color:var(--text-primary);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{margin:0}.landing-facts-lead{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.landing-facts-lead a:not(.icon-link){color:var(--text-primary);font-weight:600}.landing-spoons{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.landing-spoon{border:1px solid var(--border);background:#fff;border-radius:.4rem;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.landing-spoon-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.landing-spoon-name{color:var(--text-primary);font-size:1rem;font-weight:600}.landing-spoon-dist{color:var(--text-muted);white-space:nowrap;font-size:.875rem;font-weight:500}.landing-spoon-addr,.landing-spoon-hours{color:var(--text-muted);margin:0;font-size:.875rem}.landing-spoon-hours-label{font-weight:600}.landing-spoon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;display:flex}.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{color:var(--text-primary);margin:.75rem 0 .25rem;font-size:1.05rem}.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(--text-primary)}.hub-group h2{color:var(--text-primary);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(--text-primary)}.hub-regions h2{color:var(--text-primary);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(--text-primary);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(--text-primary);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(--text-primary);font-weight:600}.saved-combo-trigger{position:absolute;top:0;right:0}.saved-combo-overlay{z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:1rem;animation:.2s forwards modal-fade-in;display:flex;position:fixed;inset:0}.saved-combo-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:380px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.saved-combo-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}.saved-combo-modal-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.saved-combo-section{border-bottom:1px solid var(--border);flex-direction:column;gap:.2rem;padding:1rem;display:flex}.saved-combo-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.72rem;font-weight:700}.saved-combo-section-name{color:var(--text-primary);font-size:1rem;font-weight:600}.saved-combo-section-meta{color:var(--text-muted);font-size:.85rem}.saved-combo-section-links{flex-wrap:wrap;gap:.5rem;margin-top:.4rem;display:flex}.saved-combo-modal-footer{justify-content:center;padding:1rem;display:flex}.save-btn.saved{color:var(--accent-dark);border-color:var(--accent);background:#e8f5ee}