/* Accessible overview link and native disclosure menu on all main pages. */
.work-nav{display:flex;align-items:center;gap:4px;position:relative}
.work-submenu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:26px;height:36px;font-size:18px;line-height:1}
.work-submenu summary::-webkit-details-marker{display:none}
.work-submenu[open] summary span{transform:rotate(180deg)}
.work-submenu-links{position:absolute;z-index:20;top:100%;left:-14px;min-width:190px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:var(--cream);border:1px solid var(--rule);box-shadow:0 5px 15px #0e0e0e12}
.desktop-nav .work-submenu-links a{padding:12px 10px;font-size:14px;letter-spacing:0;text-transform:none;white-space:nowrap}
.work-submenu-links a:hover{background:#90a7c425}
.work-nav-active>a{color:var(--link-coral)}
.mobile-menu .work-nav{display:grid;grid-template-columns:1fr auto;width:100%;gap:0}
.mobile-menu .work-submenu{display:contents}
.mobile-menu .work-submenu summary{grid-column:2;grid-row:1;width:44px;height:44px;background:none;font-size:22px}
.mobile-menu .work-submenu:not([open]) .work-submenu-links{display:none}
.mobile-menu .work-submenu-links{position:static;grid-column:1/-1;min-width:0;box-shadow:none;border:0;border-left:1px solid var(--rule);padding:4px 0 4px 18px;margin:3px 0 8px}
.mobile-menu .work-submenu-links a{font-size:15px;padding:7px 4px;min-height:40px}
