/* A top-navigation disclosure for individual Skill pages. */
.skills-nav{position:relative}
.skills-nav summary{list-style:none;display:flex;align-items:center;gap:7px;padding:12px 0;cursor:pointer;white-space:nowrap}
.skills-nav summary::-webkit-details-marker{display:none}
.skills-nav summary svg{transition:transform .18s}
.skills-nav[open] summary svg{transform:rotate(180deg)}
.skills-dropdown{position:absolute;top:100%;left:-20px;width:228px;padding:9px;border:1px solid #d5dacd;border-radius:14px;background:#f8f8f1;box-shadow:0 16px 35px -14px #25332640;animation:skills-menu-in .18s ease-out;z-index:40}
.skills-dropdown a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 12px;border-radius:8px;font-size:13px}
.skills-dropdown a:hover{background:#e8eddf;color:#34492e}
.skills-dropdown-all{border-top:1px solid #d5dacd;margin-top:3px;font-size:11px!important;color:#7a8271}
@keyframes skills-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.skills-nav summary{font-size:10px;gap:4px}.skills-dropdown{left:auto;right:-80px;width:218px}header nav{gap:5px}}
@media(prefers-reduced-motion:reduce){.skills-dropdown{animation:none}.skills-nav summary svg{transition:none}}

.skills-dropdown a[aria-current="page"]{background:#e8eddf;color:#34492e}
.skills-nav summary:focus-visible{outline:2px solid var(--accent,#657356);outline-offset:5px;border-radius:3px}
@media(max-width:600px){header:has(.skills-nav) .brand{font-size:15.5px;gap:2px;white-space:nowrap}header:has(.skills-nav) .brand-symbol{font-size:21px;margin-right:1px}header:has(.skills-nav) .brand-light{display:inline}.skills-dropdown{position:fixed;top:70px;left:auto;right:5%;width:min(280px,90vw)}header:has(.skills-nav) nav{gap:12px}.skills-nav summary{font-size:11px}header:has(.skills-nav) .nav-buy{padding:9px 11px;gap:10px}}

/* Consistent repository access on every landing and purchase page. */
header nav>a.nav-github{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;flex:0 0 auto;border-radius:6px}
header nav>a.nav-github svg{display:block;width:21px;height:21px}
header nav>a.nav-github:hover{background:#61705912;color:#283923}
header nav>a.nav-github:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:600px){header nav>a.nav-github{width:26px}header nav>a.nav-github svg{width:19px;height:19px}header:has(.skills-nav) nav{gap:5px}}
@media(max-width:360px){header:has(.skills-nav) nav{gap:5px}header:has(.skills-nav) .nav-buy{padding:8px;gap:6px;font-size:9px}}
@media(max-width:360px){header:has(.skills-nav){height:auto;min-height:86px;flex-wrap:wrap;align-content:center;row-gap:4px;padding-block:8px}header:has(.skills-nav) nav{width:100%;justify-content:space-between}}