/* Home page header (logo, nav, theme, call), shared by the résumé page. Extracted from index.html. */
.top-actions{position:absolute;z-index:10;top:28px;left:50%;display:flex;align-items:center;gap:12px;transform:translateX(-50%);white-space:nowrap}
.nav-dock{display:flex;align-items:center;gap:2px;height:58px;padding:6px;border:1px solid rgba(255,255,255,.9);border-radius:99px;background:rgba(255,255,255,.53);box-shadow:0 10px 26px rgba(90,98,102,.12),inset 0 1px 1px #fff;backdrop-filter:blur(20px)}
.nav-dock a,.nav-dock button{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;height:44px;padding:0 12px;border:0;border-radius:99px;background:transparent;color:#44484a;white-space:nowrap;transition:background .22s,transform .22s,color .22s}
.nav-dock a:hover,.nav-dock button:hover,.nav-dock .active{background:rgba(255,255,255,.68);color:#141719;transform:translateY(-1px)}
.nav-dock svg,.theme-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav-dock svg{flex:none}
.nav-label{display:block;max-width:0;overflow:hidden;opacity:0;font-size:13px;font-weight:500;transition:max-width .42s cubic-bezier(.16,1,.3,1),margin-left .42s cubic-bezier(.16,1,.3,1),opacity .22s}
.nav-dock:hover .nav-label,.nav-dock:focus-within .nav-label{max-width:115px;margin-left:8px;opacity:1}
.theme-button{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(255,255,255,.43);color:#414548;box-shadow:0 10px 26px rgba(90,98,102,.12),inset 0 1px 1px #fff;backdrop-filter:blur(20px);transition:transform .22s,background .22s}
.theme-button:hover{transform:rotate(-17deg);background:rgba(255,255,255,.75)}
.call-button{display:flex;align-items:center;gap:12px;height:56px;padding:6px 20px 6px 6px;border-radius:99px;background:#131313;color:#fff;font-size:15px;font-weight:500;box-shadow:0 10px 26px rgba(50,50,50,.14);transition:transform .22s,box-shadow .22s}
.call-button:hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(50,50,50,.21)}
.call-mark{position:relative;display:block;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#fff}
.call-mark i{position:absolute;width:4px;height:4px;border-radius:50%;background:#171717}
.call-mark i:nth-child(1){top:9px;left:16px}
.call-mark i:nth-child(2){top:15px;left:25px}
.call-mark i:nth-child(3){top:24px;left:28px}
.call-mark i:nth-child(4){top:31px;left:20px}
.call-mark i:nth-child(5){top:25px;left:12px}
@media(max-width:760px){.top-actions{position:relative;top:auto;left:auto;transform:none;justify-content:center;gap:6px;padding:18px 10px 0}.nav-dock{height:50px;gap:0;padding:4px}.nav-dock a,.nav-dock button{flex-basis:40px;min-width:40px;width:40px;height:40px;padding:0}.nav-dock svg,.theme-button svg{width:18px;height:18px}.nav-label,.nav-dock:hover .nav-label,.nav-dock:focus-within .nav-label{display:none}.theme-button{flex-basis:50px;width:50px;height:50px}.call-button{height:50px;gap:6px;padding:5px 11px 5px 5px;font-size:12px}.call-mark{flex-basis:40px;width:40px;height:40px}.call-mark i{transform:scale(.85);transform-origin:top left}}
@media(max-width:440px){.top-actions{gap:4px;padding-left:6px;padding-right:6px}.nav-dock a,.nav-dock button{flex-basis:36px;min-width:36px;width:36px;height:36px}.nav-dock{height:44px;padding:4px}.nav-dock svg,.theme-button svg{width:16px;height:16px}.theme-button{flex-basis:44px;width:44px;height:44px}.call-button{height:44px;font-size:11px;padding-right:9px}.call-mark{flex-basis:34px;width:34px;height:34px}}

/* Résumé, desktop: the shared header is a full-width bar above the résumé toolbar. */
@media(min-width:961px){
  body.resume-page .top-actions{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;translate:none!important;display:flex!important;align-items:center;gap:12px;width:auto!important;max-width:1220px;margin:20px auto 0;padding:0 24px;box-sizing:border-box}
  body.resume-page .top-actions .site-signature{display:flex!important;width:200px!important;min-width:200px;margin-right:auto}
  body.resume-page .top-actions .site-signature svg{width:100%;height:auto}
}