/* Contextual paths between an outing's time, route, and preparation. */
.sj-panel{margin:2.5rem 0;color:#244634;overflow-wrap:anywhere}
.sj-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.sj-eyebrow{font-size:.72rem;line-height:1.6;letter-spacing:.04em;font-weight:700;color:#657855;margin:0 0 .45rem}
.sj-panel h2{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:750;line-height:1.5;letter-spacing:-.035em;margin:0;color:#244634;word-break:keep-all}
.sj-date,.sj-external-note{flex-shrink:0;font-size:.76rem;line-height:1.7;color:#66745e}
.sj-date{padding:.4rem .7rem;border:1px solid #dce3d3;border-radius:20px;background:#f2f5ea;font-variant-numeric:tabular-nums}
.sj-intro{font-size:.88rem;line-height:1.85;color:#5b6c54;margin:0 0 1.2rem;max-width:80ch;word-break:keep-all}
.sj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sj-panel a.sj-card{display:flex;flex-direction:column;min-width:0;min-height:44px;padding:1.4rem;border:1px solid #dce4d3;border-radius:14px;background:#fff;color:#244634;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s}
.sj-panel a.sj-card:hover{background:#f4f7ee;border-color:#9db591;color:#193d27;text-decoration:none;box-shadow:0 6px 20px #23442f0a}
.sj-panel .sj-card-label{display:flex;align-items:center;gap:.65rem;font-size:.75rem;line-height:1.7;font-weight:600;color:#627950;margin-bottom:.85rem}
.sj-number{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#edf2e5;color:#527444;font-size:.68rem;font-weight:750}
.sj-panel .sj-card h3{font-size:1.1rem;line-height:1.55;font-weight:750;letter-spacing:-.025em;word-break:keep-all;margin:0 0 .65rem;padding:0;border:0;color:inherit}
.sj-panel .sj-card p{font-size:.86rem;line-height:1.85;word-break:keep-all;color:#5d6d56;margin:0 0 1.2rem}
.sj-card-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;margin-top:auto;padding-top:.7rem;border-top:1px solid #e5ebdd;font-size:.8rem;line-height:1.7;font-weight:700;color:#345d35}
.sj-card-link>span{flex-shrink:0;font-size:1rem}
.sj-related .sj-card{padding:1.2rem 1.35rem}
.sj-related .sj-card h3{font-size:1.2rem}
.sj-related .sj-card p{font-size:.79rem}
.sj-official{padding:1.5rem;border:1px solid #dce4d3;border-radius:16px;background:#edf2e6}
.sj-official .sj-heading{margin-bottom:1rem}
.sj-official h2{font-size:1.2rem}
.sj-official-links{display:flex;flex-wrap:wrap;gap:.75rem}
.sj-panel .sj-official-links>a{display:flex;flex-direction:column;gap:.45rem;flex:1 1 220px;min-width:0;min-height:44px;padding:1rem 1.1rem;border:1px solid #d6e1ce;border-radius:10px;background:#fff;color:#244634;text-decoration:none;transition:background .16s,border-color .16s}
.sj-panel .sj-official-links>a:hover{background:#f7faf1;border-color:#a4ba98;color:#193d27;text-decoration:none}
.sj-official-title{display:flex;justify-content:space-between;gap:.8rem;font-size:.88rem;font-weight:750;line-height:1.7}
.sj-official-title>span{flex-shrink:0}
.sj-official-links>a>span:not(.sj-official-title):not(.visually-hidden){font-size:.78rem;line-height:1.8;color:#607154;word-break:keep-all}
.sj-panel a:focus-visible{outline:3px solid #a77830;outline-offset:4px}
@media(max-width:767px){.sj-panel{margin:2rem 0}.sj-heading{align-items:flex-start;flex-direction:column;gap:.6rem}.sj-panel h2{font-size:1.3rem}.sj-grid{grid-template-columns:minmax(0,1fr);gap:.8rem}.sj-panel a.sj-card{padding:1.2rem}.sj-card-link{font-size:.82rem}.sj-intro{font-size:.84rem;margin-bottom:1rem}.sj-card-label{margin-bottom:.65rem}.sj-official{padding:1.2rem}.sj-official-links{flex-direction:column}.sj-panel .sj-official-links>a{flex-basis:auto}.sj-external-note{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.sj-panel a{transition:none}}