/* Homepage learning tools and the complete regional canyon reference. */
.learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.learning-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:white;transition:border-color .18s,box-shadow .18s}
.learning-card:hover{border-color:var(--red);box-shadow:0 8px 24px #0000000d}
.learning-photo{position:relative;height:210px;overflow:hidden;background:var(--soft)}
.learning-photo img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.learning-card:nth-child(3) .learning-photo img{object-position:50% 30%}
.learning-number{position:absolute;bottom:14px;left:16px;color:white;background:#161616db;font:700 26px/1 var(--heading);padding:9px 10px;min-width:51px;text-align:center}
.learning-copy{padding:23px 22px 25px;display:flex;flex-direction:column;flex:1}
.learning-copy .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted)}
.learning-copy h3{font-size:27px;margin:10px 0 14px;line-height:1.14}
.learning-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:22px}
.learning-copy .text-link{margin-top:auto;align-self:flex-start;font-size:13px;gap:13px}
.learning-knot .learning-photo{background:white}
.learning-knot .learning-photo img{object-fit:contain;padding:20px 36px}
.learning-wide{grid-column:span 2;display:grid;grid-template-columns:42% 1fr}
.learning-wide .learning-photo{height:auto;min-height:280px}
.learning-wide .learning-copy{padding:30px 28px}
.learning-wide .learning-copy h3{font-size:30px}
.beta-directory .beta-note{margin-bottom:28px}
.beta-tools{background:var(--soft);border:1px solid var(--line);padding:24px;margin-bottom:24px}
.beta-search-field label{display:block;font-weight:700;margin-bottom:9px}
.beta-search-field input{width:100%;background:#fff;border:1px solid #888;border-radius:0;padding:13px 15px;min-height:48px}
.beta-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.beta-controls button{border:1px solid #777;background:white;padding:8px 14px;min-height:44px;font-size:14px;font-weight:700}
.beta-controls button:hover{border-color:var(--red);color:var(--red)}
.beta-gps-filter{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:14px;min-height:44px;cursor:pointer}
.beta-gps-filter input{width:18px;height:18px;accent-color:var(--red)}
.beta-results{font-size:14px;color:var(--muted);margin-top:14px}
.beta-jump{margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:15px}
.beta-jump>summary{font-weight:700;padding:8px 0}
.beta-jump nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 25px;padding:16px 0}
.beta-jump a{font-size:14px;text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.beta-jump a:hover{color:var(--red)}
.beta-region{border:1px solid var(--line);margin:0 0 12px;scroll-margin-top:145px}
.beta-region>summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) auto 25px;align-items:center;gap:20px;padding:24px;min-height:90px}
.beta-region>summary::-webkit-details-marker{display:none}
.beta-region>summary:hover{background:var(--soft)}
.beta-region-number{font:700 24px/1 var(--heading);color:var(--red)}
.beta-region-title{font:700 25px/1.2 var(--heading);letter-spacing:-.025em}
.beta-region-count{font-size:13px;color:var(--muted)}
.beta-chevron{font-size:28px;line-height:1;text-align:center;transition:transform .18s}
.beta-region[open]>summary{background:var(--soft);border-bottom:1px solid var(--line)}
.beta-region[open]>summary .beta-chevron{transform:rotate(45deg)}
.beta-scroll{position:relative;overflow:auto;overscroll-behavior-x:contain}
.beta-directory-table{border-collapse:collapse;width:100%;min-width:870px;font-size:14px;line-height:1.5;margin:0}
.beta-directory-table th,.beta-directory-table td{text-align:left;vertical-align:top;padding:17px 16px;border:0;border-bottom:1px solid var(--line);background:transparent}
.beta-directory-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:white;color:var(--muted)}
.beta-directory-table th[scope=row]{width:24%;font-size:16px;font-weight:700;color:var(--ink);text-transform:none;letter-spacing:normal}
.beta-directory-table td:nth-child(2){width:10%;white-space:nowrap}
.beta-directory-table td:nth-child(3){width:14%}
.beta-directory-table td:nth-child(4){width:27%;white-space:nowrap}
.beta-directory-table td:nth-child(5){width:25%}
.beta-directory-table tbody tr:nth-child(even){background:#fafaf8}
.beta-directory-table tbody tr:hover{background:#f4f4f0}
.beta-directory-table tr{scroll-margin-top:160px}
.beta-directory-table a{color:#ad150d;text-decoration:underline;text-underline-offset:3px}
.beta-source{display:inline-block;margin:0 6px 5px 0;font-size:12px;font-weight:700}
.beta-map{font-weight:700;font-size:14px;display:inline-block;padding:2px 0 5px}
.beta-point-kind{display:block;font-size:11px;line-height:1.5;color:var(--muted);white-space:normal}
.beta-unverified{font-size:13px;color:var(--muted)}
.beta-empty{padding:25px;border:1px solid var(--line);background:var(--soft)}
.beta-reading-notes{margin:42px 0 30px;max-width:850px}
.beta-reading-notes h2{font-size:27px;margin-bottom:18px}
.beta-reading-notes p{font-size:15px;line-height:1.75;margin-bottom:14px;color:#444}
.beta-reading-notes .caption{font-size:12px}
.beta-book-notes{border-top:1px solid var(--line);padding-top:18px}
.beta-book-notes>summary{font-weight:700;padding:8px 0}
.beta-book-notes article{padding-top:24px}
@media(max-width:1050px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.learning-wide{grid-column:span 1;display:flex}.learning-wide .learning-photo{height:210px;min-height:0}.learning-wide .learning-copy{padding:23px 22px 25px}.learning-wide .learning-copy h3{font-size:27px}.beta-jump nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.learning-grid{grid-template-columns:1fr;gap:22px}.learning-card,.learning-wide{display:flex;grid-column:auto}.learning-photo,.learning-wide .learning-photo{height:245px}.learning-knot .learning-photo img{padding:25px 36px}.learning-copy,.learning-wide .learning-copy{padding:24px}.learning-copy h3,.learning-wide .learning-copy h3{font-size:29px}.learning-copy>p:not(.eyebrow){font-size:15px}.learning-copy .text-link{font-size:14px}.beta-tools{padding:18px}.beta-controls{gap:8px}.beta-controls button{font-size:12px;padding-inline:12px}.beta-gps-filter{margin:4px 0 0;width:100%}.beta-jump nav{grid-template-columns:1fr}.beta-region>summary{grid-template-columns:28px minmax(0,1fr) 22px;gap:12px;padding:18px;min-height:100px}.beta-region-number{font-size:20px}.beta-region-title{font-size:22px}.beta-region-count{grid-column:2;grid-row:2}.beta-chevron{grid-column:3;grid-row:1 / span 2}.beta-region-body:before{content:'Swipe the table to see coordinates and notes →';display:block;font-size:12px;color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line)}.beta-directory-table th,.beta-directory-table td{padding:15px 14px}.beta-reading-notes h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.learning-card,.beta-chevron{transition:none}}
@media print{.beta-tools,.beta-jump{display:none}.beta-scroll{overflow:visible}.beta-directory-table{min-width:0;font-size:10px}.beta-region{break-inside:avoid}}