/* Native tasks use the existing type, spacing and color tokens. */
.collection-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.collection-nav a{padding:.75rem 1rem;color:var(--ink);font-weight:700;border-bottom:3px solid transparent}.collection-nav a[aria-current]{color:var(--red);border-color:var(--red)}.collection-nav a:hover{background:var(--warm)}
.league-grid,.rating-grid,.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.league-record{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.75rem;padding:1.5rem;border:1px solid var(--line);border-radius:.375rem;min-width:0}.league-record h3{text-wrap:initial}.record-location{font-weight:600}.record-note{font-size:var(--meta);color:var(--muted)}.record-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-top:.5rem}.record-actions .button{font-size:var(--meta)}.league-record:focus-within{border-color:var(--red)}
.native-detail{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);padding-bottom:3rem;align-items:start}.instruction-content{padding-top:calc(1.5rem + 1px)}.instruction-content section+section{margin-top:2rem}.instruction-content h2{margin-bottom:1rem}.instruction-content p{max-width:62ch}.instruction-steps{padding-left:1.4rem;margin:0}.instruction-steps li{padding-left:.35rem;margin-bottom:1rem}.instruction-steps li::marker{font-weight:700;color:var(--red)}
.task-panel{padding:1.5rem;border:1px solid var(--line);border-radius:.375rem;background:var(--warm);min-width:0}.task-panel h2{margin-bottom:1.5rem}.task-panel .button{display:block;width:100%;margin-top:1rem}.task-panel .button span{white-space:nowrap}.task-panel p+.button{margin-top:1.5rem}.task-facts{display:grid;gap:1.25rem;margin:0 0 1.5rem}.task-facts dt{font-size:var(--meta);color:var(--muted);margin-bottom:.25rem}.task-facts dd{margin:0;font-weight:700}.task-panel .tool-save-status{margin-top:.75rem}
.native-tool{padding-bottom:3rem}.planner-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:2rem;align-items:start}.plan-library,.plan-workspace{min-width:0}.plan-library>h2{margin:1.5rem 0 1.5rem}.plan-workspace{background:var(--warm);border:1px solid var(--line);border-radius:.375rem;padding:1.5rem}.plan-workspace .section-heading{margin:0 0 1.5rem;gap:.75rem}.plan-workspace .section-heading .button{font-size:var(--meta)}.plan-pick{padding:1rem 0;border-top:1px solid var(--line);display:flex;gap:1rem;align-items:center;justify-content:space-between}.plan-pick h3{line-height:1.3;text-wrap:initial}.plan-pick h3 a{color:var(--ink)}.plan-pick h3 a:hover{color:var(--red)}.plan-pick p{font-size:var(--meta);color:var(--muted);margin:.25rem 0 0}.plan-pick .button{font-size:var(--meta);flex-shrink:0}.plan-editing>label{margin-top:1rem}.plan-editing{margin-bottom:1rem}.plan-editing .button{font-size:var(--meta);margin-top:1rem}.plan-workspace textarea{resize:vertical}
.plan-rows{padding:0;list-style:none}.plan-row{background:var(--paper);border:1px solid var(--line);padding:1rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(5rem,6rem);gap:1rem;margin-top:1rem}.plan-row h3{line-height:1.3;text-wrap:initial}.plan-row h3 a{color:var(--ink)}.minutes-label{font-size:var(--meta);margin:0}.minutes-label input{margin-top:.25rem}.plan-row-actions{grid-column:1/-1;display:flex;gap:.5rem;flex-wrap:wrap}.plan-row-actions .button{font-size:var(--meta);padding:.5rem;min-height:2.75rem;overflow-wrap:normal}.plan-empty{padding:1.5rem 0;color:var(--muted)}.tool-save-status{font-size:var(--meta);color:var(--muted)}.print-plan{display:none}
.checklist-content{padding-top:calc(1.5rem + 1px)}.checklist-group{margin-bottom:2rem}.checklist-group h2{margin-bottom:1.25rem}.checklist-item{display:flex;align-items:start;gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-bottom:0;cursor:pointer}.checklist-item:last-child{border-bottom:1px solid var(--line)}.checklist-item:hover{background:var(--warm)}.checklist-item:focus-within{outline:2px solid var(--red);outline-offset:-2px}.checklist-item input{width:1.25rem;height:1.25rem;flex:0 0 1.25rem;margin:.2rem 0 0;accent-color:var(--red)}.checklist-item strong{display:block;font-size:var(--body)}.checklist-item span span{display:block;font-size:var(--meta);font-weight:400;color:var(--muted);margin-top:.35rem}.checklist-item.is-checked{background:var(--warm)}.checklist-item.is-checked strong{text-decoration:line-through;text-decoration-thickness:1px}
.rating-method{max-width:70ch;margin-top:1.25rem;font-size:var(--meta);color:var(--muted)}.rating-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:.875rem;border:1px solid var(--line);border-radius:.375rem;padding:1.5rem;min-width:0}.rating-card h3{text-wrap:initial}.rating-value{display:flex;align-items:baseline;gap:.6rem}.rating-value strong{font-size:var(--h2)}.rating-value span{font-size:var(--meta);color:var(--muted)}.rating-card dl{margin:0;font-size:var(--meta)}.rating-card dl>div{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding:.55rem 0}.rating-card dt{color:var(--muted)}.rating-card dd{margin:0;text-align:right;max-width:60%}
.position-section+.position-section{margin-top:2.5rem}.position-section h2{margin-bottom:1.5rem}.position-card,.route-tile{border:1px solid var(--line);border-radius:.375rem;padding:1.5rem;min-width:0}.position-card h3{margin-bottom:.75rem}.position-card p{margin-bottom:.5rem}.route-tile{display:grid;grid-template-rows:auto auto 1fr;gap:1rem}.route-tile svg{width:100%;max-height:15rem;background:var(--warm)}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);margin:0}.rules-grid>div{border:1px solid var(--line);padding:1.5rem;border-radius:.375rem}.rules-grid dt{font-size:var(--h3);font-weight:700;margin-bottom:.75rem;line-height:1.2}.rules-grid dd{margin:0}.camp-context{margin-bottom:1.5rem;padding:1.5rem;background:var(--warm);border:1px solid var(--line);border-radius:.375rem}.camp-context h2{margin-bottom:.75rem}.camp-context p{margin-top:.5rem}.camp-dates{margin:0 0 1.5rem}.camp-dates div{border-top:1px solid var(--line);padding:1rem 0}.camp-dates dt{font-weight:700}.camp-dates dd{margin:.5rem 0 0}
@supports(grid-template-rows:subgrid){.league-record{grid-row:span 5;grid-template-rows:subgrid}.rating-card{grid-row:span 4;grid-template-rows:subgrid}.route-tile{grid-row:span 3;grid-template-rows:subgrid}}
@media(max-width:48rem){.league-grid,.rating-grid,.native-detail,.planner-layout,.rules-grid{grid-template-columns:minmax(0,1fr)}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-detail{gap:1rem}.instruction-content,.checklist-content{padding-top:0}.league-record,.rating-card,.task-panel,.plan-workspace,.position-card,.route-tile,.rules-grid>div{padding:1.25rem}.plan-library>h2{margin-top:0}.plan-workspace .section-heading{align-items:start;flex-wrap:wrap}.plan-pick{align-items:start}}
@media(max-width:48rem){.checklist-item{padding-inline:.5rem;gap:.5rem}.plan-pick{flex-wrap:wrap}.plan-pick>div{flex:1 1 12rem}}
@media(max-width:25rem){.route-grid{grid-template-columns:minmax(0,1fr)}.plan-row{grid-template-columns:minmax(0,1fr)}.minutes-label{max-width:8rem}}
@media print{.site-header,.site-footer,.breadcrumb,.collection-nav,.directory-filters,.button,.task-panel .text-link,.tool-save-status{display:none!important}.wrap{max-width:none;padding-inline:0}.native-detail,.planner-layout{display:block}.native-detail .task-panel{background:white;border:0;padding:1rem 0}.instruction-content{padding:0}.native-detail .task-panel h2{display:none}.task-facts{display:flex;flex-wrap:wrap;gap:1rem}.plan-library,.plan-workspace{display:none}.print-plan{display:block}.print-plan section{break-inside:avoid;margin-top:1.5rem}.printed-notes{white-space:pre-wrap}.print-plan h3{margin-bottom:.5rem}.checklist-item{break-inside:avoid}.checklist-item input{appearance:auto}.route-grid,.rules-grid,.rating-grid,.league-grid{display:block}.route-tile,.rules-grid>div,.rating-card,.league-record{break-inside:avoid;margin-bottom:1rem}.route-tile svg{max-height:8rem}.page-heading{padding:0 0 1rem}.native-tool{padding-bottom:0}}
/* Same card tracks remain aligned when a record has no useful note. */
.record-actions{grid-row:5}.team-actions{grid-row:4}.collection-note{font-size:var(--meta);color:var(--muted);margin-top:1.5rem;max-width:65ch}
/* A diagram explains the setup; its legend uses real text and the site type scale. */
.drill-diagram{margin:0 0 1.25rem;border:1px solid var(--line);border-radius:.375rem;background:var(--warm);overflow:hidden;break-inside:avoid}.drill-diagram svg{display:block;width:100%;height:auto;max-height:20rem}.diagram-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;list-style:none;margin:0;padding:1rem 1.25rem;border-top:1px solid var(--line);font-size:var(--meta)}.diagram-legend li{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:100%;line-height:1.45}.diagram-key{flex:0 0 2.3rem;min-width:2.3rem;font-weight:700;text-align:center;color:var(--ink)}.diagram-key-ball{border-top:3px dashed #b01b27}.diagram-key-move{border-top:3px solid var(--ink)}.diagram-key-face{display:none}
@media(max-width:48rem){.diagram-legend{padding:1rem;gap:.75rem 1rem}.drill-diagram svg{max-height:none}}
@media print{.drill-diagram{max-width:32rem}.drill-diagram svg{max-height:12rem}.diagram-legend{padding:.5rem;font-size:.8rem}}

.diagram-key-marker::before{content:"";display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid #b01b27}
.position-overview{margin-bottom:2.5rem}.position-overview h2{margin-bottom:1.25rem}.position-map{margin:0;border:1px solid var(--line);border-radius:.375rem;background:var(--warm);overflow:hidden}.position-map svg{display:block;width:100%;height:auto;max-height:24rem}.scrimmage-key{text-align:center;font-size:var(--meta);padding:.5rem}.position-map-key{justify-content:center;list-style:none;padding:1rem;margin:0;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--line)}.position-map-key a{display:flex;align-items:center;gap:.6rem;color:var(--ink);font-size:var(--meta);padding:.5rem;border-radius:.25rem}.position-map-key a>span{font-weight:700}.position-map-key a:hover{background:#e7dfd5;color:#981722}.position-map-key a:focus-visible{outline:2px solid var(--red);outline-offset:2px}.position-card{scroll-margin-top:1rem}

/* Recognition belongs in the collection as well as the detail page. */
.ui-icon{inline-size:1.25rem;block-size:1.25rem;flex-shrink:0}
.icon-label,.location-line{display:flex;align-items:center;gap:.5rem}
.location-line{align-items:flex-start;font-size:var(--body);font-weight:400}
.location-line>.ui-icon{margin-top:.18rem;color:var(--muted)}
.organization-card{grid-template-rows:auto auto 1fr auto;gap:1rem}
.organization-card .organization-heading{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:start;gap:1.25rem}
.organization-mark{inline-size:5rem;block-size:5rem;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);border-radius:.375rem;padding:.35rem}
.organization-mark img{display:block;max-inline-size:100%;max-block-size:100%;inline-size:auto;block-size:auto;object-fit:contain}
.organization-mark-fallback{background:var(--warm);color:var(--muted)}
.organization-mark-fallback .ui-icon{width:2.5rem;height:2.5rem}
.identity-copy{min-width:0}.identity-copy .resource-meta,.identity-copy .league-tag{margin-bottom:.5rem;display:flex;flex-wrap:wrap}
.organization-card h3{font-size:var(--h3);line-height:1.3;margin:0;text-wrap:initial}
.organization-card .record-actions,.organization-card .team-actions{grid-row:4;margin:0;padding-top:.25rem}
.organization-card .record-note,.joining-details{grid-row:3;margin:0}
.organization-card .record-note:empty,.joining-details:empty{display:none}
.team-area>p{margin:0}.team-area>p>span{display:block;font-size:var(--meta);color:var(--muted);margin-bottom:.2rem}
.organization-card:focus-within{border-color:var(--red);box-shadow:0 2px 8px #261c1910}
.drill-card{overflow:hidden;grid-template-rows:auto auto auto 1fr auto}
.drill-preview{height:13rem;background:var(--warm);border-bottom:1px solid var(--line);margin:-1.5rem -1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.drill-preview svg{display:block;width:100%;height:10rem;min-height:0;padding:.25rem 1.25rem}.preview-key{font-size:var(--meta);color:var(--muted);padding:.5rem 1rem;text-align:center;line-height:1.45}
.drill-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr));align-items:start;align-content:center;gap:1rem;padding:1rem 1.5rem}
.preview-step{display:grid;gap:.75rem;justify-items:center;text-align:center;font-size:var(--meta);line-height:1.4;min-width:0}
.preview-step b{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;background:white;color:var(--red);font-size:var(--h3)}
.drill-card .category-bottom{border-top:1px solid var(--line);padding-top:.875rem}
.drill-card:hover .drill-preview,.drill-card:focus-visible .drill-preview{background:#eee5db}
.tool-mark{min-height:3.5rem;display:flex;align-items:center;color:var(--red)}
.tool-mark .directory-icon,.tool-mark .ui-icon{width:2.75rem;height:2.75rem}
@supports(grid-template-rows:subgrid){.organization-card{grid-row:span 4;grid-template-rows:subgrid}.drill-card,.tool-card{grid-row:span 5;grid-template-rows:subgrid}}
@media(max-width:48rem){.organization-card .organization-heading{grid-template-columns:4rem minmax(0,1fr);gap:1rem}.organization-mark{width:4rem;height:4rem}.drill-preview{margin:-1.25rem -1.25rem 0;height:auto;min-height:12rem}.drill-preview svg{height:9rem}.preview-key{padding-inline:.75rem}.drill-sequence{padding:1rem;gap:.75rem}.drill-card .resource-meta{gap:.5rem 1rem}}
@media print{.organization-card,.drill-card,.tool-card{display:block;break-inside:avoid}.organization-heading{margin-bottom:.75rem}.drill-preview{height:8rem;margin:0 0 1rem}.organization-mark{width:3rem;height:3rem}.organization-heading{grid-template-columns:3rem 1fr}}

.rating-value{flex-wrap:wrap}.rating-stars{display:flex;gap:.2rem;align-items:center;margin-left:auto}.rating-stars .directory-icon{width:1.25rem;height:1.25rem}.rating-stars .filled .directory-icon{color:var(--red)}.rating-stars .unfilled .directory-icon{color:var(--line)}

/* Programs, places and sessions: one shared camp card at every result count. */
.camp-directory .directory-filters{display:grid;grid-template-columns:minmax(0,1fr) 10rem;gap:1.25rem;padding:1.5rem;background:var(--warm);border:1px solid var(--line);border-radius:.5rem}
.camp-directory .directory-filters[hidden]{display:none}.camp-directory .directory-filter-groups{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1rem 2rem}
.camp-age{min-width:0}.camp-age label{display:block;font-size:var(--meta);font-weight:600;margin-bottom:.5rem}.camp-age input{width:100%;min-height:3rem;border:1px solid var(--muted);background:white;border-radius:.25rem;padding:.65rem .75rem;font:inherit;color:var(--ink)}
.camp-age-note{font-size:var(--meta);max-width:65ch;color:var(--muted);margin-top:1rem}
.camp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.camp-card{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:1rem;min-width:0;padding:1.5rem;border:1px solid var(--line);border-radius:.5rem;color:var(--ink);text-decoration:none;background:white;transition:border-color .15s,box-shadow .15s,background-color .15s}
.camp-card[hidden]{display:none}.camp-card:hover,.camp-card:focus-visible{color:var(--ink);background:#fcfaf7;border-color:var(--red);box-shadow:0 3px 12px #261c1912;text-decoration:none}.camp-card:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.camp-identity{display:flex;gap:.875rem;align-items:center;min-width:0}.camp-identity>div{min-width:0}.camp-symbol{width:3rem;height:3rem;flex-shrink:0;display:grid;place-items:center;background:var(--warm);border-radius:.375rem;color:var(--red)}.camp-symbol .directory-icon{width:1.8rem;height:1.8rem}
.camp-type{font-size:var(--meta);font-weight:700;display:block}.camp-provider{font-size:var(--meta);color:var(--muted);display:block;margin-top:.15rem}
.camp-card h3{font-size:var(--h3);line-height:1.3;margin:0;text-wrap:initial}.camp-place{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--body);margin:0}.camp-place svg{color:var(--muted);margin-top:.2rem}
.camp-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.camp-fit dt{font-size:var(--meta);color:var(--muted);margin-bottom:.25rem}.camp-fit dd{margin:0;font-size:var(--body);line-height:1.5}
.camp-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:.25rem;font-size:var(--meta);font-weight:600}.camp-card-bottom>span:first-child{display:flex;align-items:flex-start;gap:.5rem}.camp-card-bottom svg{margin-top:.1rem;color:var(--muted)}.camp-arrow{color:var(--red);font-size:1.5rem;line-height:1;padding:.15rem .4rem;border-radius:.25rem}.camp-card:hover .camp-arrow,.camp-card:focus-visible .camp-arrow{background:var(--red);color:white}
.camp-sessions{list-style:none;padding:0;margin:0}.camp-session{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.camp-session h3{font-size:var(--h3);margin:0 0 .5rem}.camp-session p{margin:.35rem 0 0}.camp-session .camp-fee{flex-shrink:0;font-weight:700}.camp-session-kind{font-size:var(--meta);color:var(--muted)}.camp-booking .button{line-height:1.4}.camp-past{color:var(--muted)}
@supports(grid-template-rows:subgrid){.camp-card{grid-row:span 5;grid-template-rows:subgrid}}
@media(max-width:48rem){.camp-grid{grid-template-columns:minmax(0,1fr)}.camp-card{padding:1.25rem}.camp-directory .directory-filters{grid-template-columns:minmax(0,1fr);padding:1.25rem}.camp-age{max-width:12rem}.camp-session{flex-direction:column;gap:.5rem}}
@media(max-width:25rem){.camp-fit{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.camp-card{transition:none}}
.camp-directory .directory-query{max-width:none}.camp-directory .directory-query label,.camp-directory .camp-age label{font-size:var(--meta);font-weight:700;margin:0 0 .5rem}.camp-directory .directory-query input,.camp-directory .camp-age input{font-size:var(--body);line-height:1.4;padding:.65rem .75rem;min-height:3rem;border:1px solid var(--muted);border-radius:.25rem}
.camp-directory .directory-result-line{flex-wrap:wrap;gap:.75rem}.camp-directory [data-directory-count]{margin-left:auto}.camp-clear{font-size:var(--meta);padding:.5rem .75rem;min-height:2.75rem}