/* ScoutThings field-map maker and navigation practice trail. Kept separate
   from style.css because Leaflet is only loaded on this one page. */
.map-maker{background:var(--card-bg);border:1px solid var(--sky-200);border-radius:var(--radius-lg);overflow:hidden}.map-maker-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--sky-200);background:linear-gradient(125deg,var(--powder),var(--card-bg))}.map-search-form{flex:1 1 470px}.map-search-form>label,.map-control-section>label,.map-control-label{display:block;margin:0 0 7px;color:var(--navy-ink);font-size:13px;font-weight:600}.map-search-row{display:flex;gap:10px}.map-search-row input,.map-control-section input[type=text]{min-width:0;width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--card-bg);border:1px solid var(--sky-300);border-radius:var(--radius-sm);padding:11px 13px}.map-search-row input:focus,.map-control-section input[type=text]:focus{outline:2px solid var(--sky-300);outline-offset:1px}.map-search-row .btn{flex:none;white-space:nowrap}.map-search-help{margin:7px 0 0;color:var(--muted);font-size:12px}.map-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.map-toolbar-actions .btn{padding:10px 14px;font-size:13px}
.map-search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:8px;padding:12px 24px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--powder)}.map-search-results:empty{display:none}.map-search-result{padding:10px 12px;border:1px solid var(--sky-200);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--navy-ink);font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer}.map-search-result:hover,.map-search-result:focus-visible{background:var(--powder);border-color:var(--sky);outline:0}.map-status{min-height:42px;margin:0;padding:12px 24px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--powder)}.map-status.is-success{color:var(--forest-ink);background:rgba(231,243,226,.58)}.map-status.is-error{color:var(--fire-ink);background:rgba(250,223,222,.7)}
.map-editor-grid{display:grid;grid-template-columns:minmax(245px,.34fr) minmax(0,1fr);align-items:stretch}.map-controls{padding:20px;border-right:1px solid var(--sky-200);background:var(--card-bg)}.map-control-section{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--powder)}.map-control-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.map-control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-control-heading .map-control-label{margin-bottom:7px}.text-button{padding:3px 0;border:0;background:none;color:var(--sky);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.text-button:hover{text-decoration:underline}.map-control-help{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.map-mode-group{display:grid;grid-template-columns:1fr 1fr;gap:6px}.map-mode-btn{min-height:39px;border:1px solid var(--sky-200);border-radius:var(--radius-sm);background:var(--paper);color:var(--navy-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.map-mode-btn:hover{background:var(--powder)}.map-mode-btn.is-active{border-color:var(--forest-700);background:var(--mint);color:var(--forest-700)}
.map-waypoints{display:grid;gap:8px;max-height:300px;overflow-y:auto;padding-right:2px}.map-empty-points{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.map-point-row{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid var(--powder);border-radius:var(--radius-sm)}.map-point-row>label{min-width:0;flex:1}.map-point-row input{display:block;width:100%;padding:2px 0;border:0;background:none;color:var(--ink);font:inherit;font-size:12px;font-weight:600}.map-point-row input:focus{outline:0;border-bottom:1px solid var(--sky)}.map-point-row small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.map-point-marker{display:grid;width:22px;height:22px;place-items:center;flex:none;border-radius:50%;background:var(--powder);color:var(--navy-700);font-size:11px;font-weight:700}.map-point-destination{background:var(--sand);border-color:var(--amber-200)}.map-point-destination .map-point-marker{background:var(--fire);color:#fff}.map-point-remove{width:24px;height:24px;flex:none;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);font-size:21px;line-height:1;cursor:pointer}.map-point-remove:hover{color:var(--maroon);background:var(--maroon-200)}.map-data-actions{display:grid;gap:8px}.map-data-actions .btn{width:100%;justify-content:center;padding:10px 12px;font-size:13px}
.scout-map-print{min-width:0;padding:16px;background:#f8f3e8}.map-print-heading{display:flex;align-items:center;gap:14px;padding:12px 14px;border:3px solid #235C34;border-bottom:0;background:#fffdf7;color:#1E2530}.map-print-brand{display:grid;grid-template-columns:34px auto;align-items:center;column-gap:7px;width:146px;flex:none;color:#235C34;font-family:var(--font-heading);line-height:1}.map-print-brand svg{grid-row:1/span 2;width:31px;height:31px}.map-print-brand strong{font-size:15px;letter-spacing:.04em}.map-print-brand small{margin-top:3px;font-family:var(--font-body);font-size:8px;letter-spacing:.14em}.map-print-kicker{margin:0 0 2px;color:#235C34;font-size:10px;font-weight:700;letter-spacing:.1em}.map-print-heading h3{margin:0;font-size:18px;line-height:1.2}.map-print-heading p:last-child{margin:3px 0 0;color:#4d5861;font-size:12px}.map-canvas-wrap{border:3px solid #235C34}#scout-map{height:560px;background:#cbdde7}.map-print-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:3px solid #235C34;border-top:0;background:#fffdf7;color:#1E2530}.map-print-footer>div{display:grid;gap:3px;min-width:0;padding:9px 11px;border-left:1px solid #c9d8ce}.map-print-footer>div:first-child{border-left:0}.map-print-footer strong{color:#235C34;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.map-print-footer span{font-size:10px;line-height:1.35}.map-maker-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:14px 24px 17px;border-top:1px solid var(--sky-200);background:var(--powder);color:var(--navy-ink);font-size:12px;line-height:1.45}.map-maker-note svg{width:17px;height:17px;flex:none;color:var(--forest-700)}
.map-north-control{display:grid;width:38px;height:48px;place-items:center;padding:3px;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:rgba(255,255,255,.9);color:#A8500F;font-size:13px;font-weight:800;line-height:1}.map-north-control i{width:0;height:0;border-right:8px solid transparent;border-bottom:21px solid #A8500F;border-left:8px solid transparent}.scout-map-pin-wrap{background:none;border:0}.scout-map-pin{display:grid;width:28px;height:28px;place-items:center;border:2px solid #fff;border-radius:50% 50% 50% 0;color:#fff;font-family:var(--font-heading);font-size:12px;font-weight:700;transform:rotate(-45deg);box-shadow:0 1px 5px rgba(0,0,0,.4)}.scout-map-pin b{font:inherit;transform:rotate(45deg)}.scout-map-pin-destination{background:#A8500F}.scout-map-pin-waypoint{background:#235C34}
.navigation-mission-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:17px 20px;border:1px solid var(--sky-200);border-radius:var(--radius-md);background:var(--card-bg)}.navigation-mission-intro h3{margin:0;font-size:18px}.navigation-mission-intro p{margin:3px 0 0;color:var(--forest-ink);font-size:13px;font-weight:600}.navigation-mission-intro .btn{padding:9px 14px;font-size:13px}.navigation-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.navigation-mission{display:flex;align-items:flex-start;gap:10px;min-height:126px;padding:16px;border:1px solid var(--sky-200);border-radius:var(--radius-md);background:var(--card-bg);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.navigation-mission:hover{transform:translateY(-2px);border-color:var(--green-300)}.navigation-mission input{position:absolute;opacity:0}.mission-number{display:grid;width:29px;height:29px;flex:none;place-items:center;border-radius:50%;background:var(--powder);color:var(--navy-700);font-family:var(--font-heading);font-size:14px;font-weight:700}.navigation-mission strong,.navigation-mission small{display:block}.navigation-mission strong{color:var(--ink);font-size:15px}.navigation-mission small{margin-top:5px;color:var(--muted);font-size:12px;line-height:1.45}.navigation-mission.is-done{border-color:var(--green-300);background:rgba(231,243,226,.5)}.navigation-mission.is-done .mission-number{background:var(--forest-700);color:#fff}.navigation-mission:has(input:focus-visible){outline:3px solid var(--sky-300);outline-offset:2px}
.navigation-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.navigation-tool-card{padding:28px;border:1px solid var(--sky-200);border-radius:var(--radius-lg);background:var(--card-bg)}.navigation-tool-card .eyebrow{margin-top:3px}.navigation-tool-card h2{margin-top:6px;font-size:25px}.navigation-tool-card>p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.bearing-practice{display:flex;align-items:center;gap:25px;margin:22px 0;padding:18px;border:1px solid var(--sky-200);border-radius:var(--radius-md);background:var(--powder)}.practice-compass{position:relative;width:148px;height:148px;flex:none;overflow:hidden;border:6px solid var(--vintage-brass);border-radius:50%;background:#fffdf3;box-shadow:inset 0 0 0 4px #dfd2a9}.practice-cardinal{position:absolute;color:#1E2530;font-family:Georgia,serif;font-size:14px;font-weight:700}.practice-n{top:7px;left:50%;transform:translateX(-50%);color:#A8500F}.practice-e{top:50%;right:8px;transform:translateY(-50%)}.practice-s{bottom:7px;left:50%;transform:translateX(-50%)}.practice-w{top:50%;left:8px;transform:translateY(-50%)}.practice-course-arrow{position:absolute;top:17px;left:50%;width:10px;height:55px;margin-left:-5px;border-radius:8px;background:#235C34;transform-origin:50% 57px;transition:transform .2s ease}.practice-course-arrow:before{content:"";position:absolute;top:-10px;left:-5px;border-right:10px solid transparent;border-bottom:14px solid #235C34;border-left:10px solid transparent}.practice-compass-center{position:absolute;top:50%;left:50%;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#A8500F;transform:translate(-50%,-50%)}.bearing-controls{flex:1;min-width:0}.bearing-controls label{display:block;color:var(--navy-ink);font-size:13px;font-weight:600}.bearing-controls output{color:var(--forest-700)}.bearing-controls input[type=range]{width:100%;margin:14px 0;accent-color:var(--forest-700)}.bearing-quick-buttons{display:flex;gap:5px;flex-wrap:wrap}.bearing-quick-buttons button{min-width:35px;min-height:31px;padding:0 8px;border:1px solid var(--sky-200);border-radius:var(--radius-full);background:var(--card-bg);color:var(--navy-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.bearing-quick-buttons button:hover{background:var(--mint);border-color:var(--green-300)}.navigation-steps{display:grid;gap:9px;margin:0;padding-left:23px;color:var(--ink);font-size:13px;line-height:1.5}.navigation-steps li::marker{color:var(--forest-700);font-weight:700}.north-star-steps li::marker{color:var(--amber-700)}.navigation-tool-note{margin:13px 0 0!important;font-size:12px!important}.north-star-card{background:linear-gradient(145deg,var(--card-bg),#fff8e7)}
.caltopo-panel{padding:28px;border:1px solid var(--navy-700);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0B3450,#164b47);color:var(--powder)}.caltopo-panel-head{display:flex;align-items:center;gap:14px}.caltopo-panel-head .ref-card-icon{flex:none;margin:0;background:rgba(232,185,35,.17);color:var(--amber-200)}.caltopo-panel .eyebrow{color:var(--amber-200)}.caltopo-panel h2{margin-top:4px;font-size:26px}.caltopo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.caltopo-steps>div{display:flex;align-items:flex-start;gap:10px;padding:16px;border:1px solid rgba(199,227,245,.26);border-radius:var(--radius-md);background:rgba(255,255,255,.06)}.caltopo-steps span{display:grid;width:26px;height:26px;flex:none;place-items:center;border-radius:50%;background:var(--amber-300);color:var(--navy-900);font-family:var(--font-heading);font-weight:700}.caltopo-steps p{margin:0;color:var(--sky-200);font-size:13px;line-height:1.5}.caltopo-steps strong{color:var(--powder)}.caltopo-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.caltopo-links .link{color:var(--sky-200);font-size:13px}.caltopo-links .link svg{width:14px;height:14px}
@media(max-width:920px){.map-editor-grid{grid-template-columns:1fr}.map-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;border-right:0;border-bottom:1px solid var(--sky-200)}.map-control-section{min-width:0}.map-waypoints-section,.map-data-actions{grid-column:1/-1}.map-data-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.navigation-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.caltopo-steps{grid-template-columns:1fr}}@media(max-width:620px){.map-maker-toolbar{display:block;padding:18px}.map-toolbar-actions{justify-content:flex-start;margin-top:12px}.map-search-row{display:block}.map-search-row .btn{width:100%;justify-content:center;margin-top:8px}.map-search-results,.map-status{padding-right:18px;padding-left:18px}.map-controls{display:block;padding:18px}.map-data-actions{display:grid;grid-template-columns:1fr 1fr}.scout-map-print{padding:8px}.map-print-heading{padding:9px;gap:8px}.map-print-brand{width:104px;grid-template-columns:27px auto;column-gap:4px}.map-print-brand svg{width:25px;height:25px}.map-print-brand strong{font-size:11px}.map-print-brand small{font-size:6px}.map-print-heading h3{font-size:14px}.map-print-heading p:last-child{font-size:10px}#scout-map{height:430px}.map-print-footer{grid-template-columns:1fr}.map-print-footer>div{border-top:1px solid #c9d8ce;border-left:0}.map-print-footer>div:first-child{border-top:0}.navigation-mission-intro{align-items:flex-start;flex-direction:column}.navigation-mission-grid,.navigation-tools-grid{grid-template-columns:1fr}.navigation-mission{min-height:auto}.navigation-tool-card,.caltopo-panel{padding:20px}.bearing-practice{flex-direction:column}.caltopo-panel-head{align-items:flex-start}.caltopo-panel h2{font-size:22px}.caltopo-links{align-items:flex-start;flex-direction:column;gap:12px}}
@media print{body:has(#map-print-sheet)>*{display:none!important}body:has(#map-print-sheet) .app-shell,body:has(#map-print-sheet) .main-col,body:has(#map-print-sheet) #field-map-maker,body:has(#map-print-sheet) .wrap,body:has(#map-print-sheet) .map-maker,body:has(#map-print-sheet) .map-editor-grid,body:has(#map-print-sheet) .scout-map-print{display:block!important}body:has(#map-print-sheet) .scout-map-print{padding:0!important;background:#fff!important}body:has(#map-print-sheet) #scout-map{height:172mm!important}body:has(#map-print-sheet) .map-print-heading,body:has(#map-print-sheet) .map-print-footer,body:has(#map-print-sheet) .map-canvas-wrap{border-color:#235C34!important}body:has(#map-print-sheet) .leaflet-control-container{display:none!important}@page{size:auto;margin:9mm}}

.map-saved-section{margin-top:18px}.map-saved-count{color:var(--muted);font-size:11px;font-weight:600}.map-saved-list{display:grid;gap:6px;max-height:260px;overflow-y:auto}.map-saved-row{display:flex;align-items:stretch;min-width:0;border:1px solid var(--powder);border-radius:var(--radius-sm);overflow:hidden}.map-saved-row.is-current{border-color:var(--green-300)}.map-saved-open{display:grid;gap:2px;min-width:0;flex:1;padding:8px 9px;border:0;background:var(--card-bg);color:var(--ink);font:inherit;text-align:left;cursor:pointer}.map-saved-open:hover{background:var(--mint)}.map-saved-open strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.map-saved-open small{color:var(--muted);font-size:10px}.map-saved-delete{width:31px;flex:none;border:0;border-left:1px solid var(--powder);background:var(--card-bg);color:var(--muted);font-size:19px;cursor:pointer}.map-saved-delete:hover{background:var(--maroon-200);color:var(--maroon)}.caltopo-simple{max-width:65ch;margin:20px 0 0;color:var(--sky-200);font-size:14px;line-height:1.55}@media(max-width:920px){.map-saved-section{grid-column:1/-1}}@media(max-width:620px){.map-saved-section{margin-top:0}}

/* The light blended surfaces are intentionally roomy, not low-contrast.
   Support copy gets an inkier tone than the site-wide muted color. */
#field-map-maker,#navigation-trail,#compass-practice{--map-supporting:#3E4C58}.map-search-help,.map-search-results,.map-status,.map-control-help,.map-empty-points,.map-point-row small,.map-saved-count,.map-saved-open small,.navigation-mission small,.navigation-tool-card>p{color:var(--map-supporting)}.map-search-help,.map-control-help,.map-empty-points,.map-point-row small,.map-saved-open small,.navigation-mission small{font-weight:500}.map-status{font-weight:500}.navigation-tool-card>p{font-weight:500}.map-search-result:focus-visible,.map-search-row input:focus-visible,.map-control-section input[type=text]:focus-visible,.map-point-row input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.bearing-practice .bearing-controls label{color:#1E2530}.bearing-practice .bearing-controls output{color:#143726;font-weight:700}.caltopo-simple,.caltopo-links .link{color:#EAF4FB;font-weight:500}:root[data-theme="night"] #field-map-maker,:root[data-theme="night"] #navigation-trail,:root[data-theme="night"] #compass-practice{--map-supporting:#D2DFEA}:root[data-theme="night"] .bearing-practice .bearing-controls label{color:#1E2530}:root[data-theme="night"] .bearing-practice .bearing-controls output{color:#143726}