/* Section navigation shared by every page on marathon-pace-calculator.com. */
.subnav{position:relative;border-top:1px solid var(--border);background:#fff}
.subnav-inner{max-width:var(--content-width);margin-inline:auto;padding:0 var(--space-6);display:flex;align-items:center;gap:24px}
.subnav-inner>a,.subnav-dd>summary{display:inline-flex;align-items:center;padding:10px 0;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;white-space:nowrap;list-style:none}
.subnav-dd>summary::-webkit-details-marker{display:none}
.subnav-dd>summary::after{content:"";width:6px;height:6px;margin:0 0 3px 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.subnav-dd[open]>summary::after{margin:3px 0 0 7px;transform:rotate(-135deg)}
.subnav-inner>a:hover,.subnav-dd>summary:hover,.subnav-dd[open]>summary,.subnav a[aria-current="page"]{color:var(--text-primary)}
.subnav-dd{position:relative}
.subnav-panel{position:absolute;top:100%;left:-12px;z-index:110;display:grid;min-width:300px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg)}
.subnav-panel a{display:block;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-primary)}
.subnav-panel a span{display:block;font-size:12px;font-weight:400;color:var(--text-muted)}
.subnav-panel a:hover,.subnav-panel a[aria-current="page"]{background:var(--surface-hover)}
@media(max-width:600px){
  .subnav-inner{gap:16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}
  .subnav-inner::-webkit-scrollbar{display:none}
  .subnav-inner>a,.subnav-dd>summary{font-size:13px}
  .subnav-dd{position:static}
  .subnav-panel{left:12px;right:12px;min-width:0}
}