.site-header{position:relative;z-index:5}
.site-header nav{align-items:center}
.site-header nav>a,.share-menu>summary{white-space:nowrap}
.share-menu{position:relative}
.share-menu>summary{list-style:none;cursor:pointer;padding:7px 0;border-bottom:1px solid transparent;display:flex;align-items:center;gap:7px}
.share-menu>summary::-webkit-details-marker{display:none}
.share-menu>summary:hover,.share-menu[open]>summary{border-color:var(--accent)}
.share-menu>summary:focus-visible{outline:2px solid #e4ac9b;outline-offset:5px}
.share-menu>summary svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
.share-panel{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-width:86vw;padding:18px;background:#161d22;border:1px solid #65716e;border-radius:4px;box-shadow:0 16px 45px #0005}
.share-controls{display:grid;gap:8px}
.site-header nav .share-control,.share-control{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #65716e;border-radius:3px;background:transparent;color:#e9ebe3;font:inherit;font-size:12px;line-height:1.6;letter-spacing:.03em;text-decoration:none;cursor:pointer;text-align:left;box-sizing:border-box}
.site-header nav .share-control:hover,.share-control:hover{background:#e8e7d914;border-color:#b4bcb5}
.share-control:focus-visible{outline:2px solid #e4ac9b;outline-offset:3px}
.share-control svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}
.share-fallback{display:block;font-size:12px;margin-top:12px;color:#c5cfc4;line-height:1.8;letter-spacing:normal}
.share-fallback input{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid #65716e;border-radius:3px;background:#101519;color:#ecefe8;font:inherit;margin-top:6px;min-height:44px}
.share-panel [hidden]{display:none!important}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:20px}.site-header nav{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.site-header nav>a,.share-menu>summary{min-height:44px;display:flex;align-items:center;padding:8px 0}.share-menu{margin-left:auto}}
@media(max-width:420px){.site-header nav{font-size:10px;letter-spacing:0;gap:8px}.share-menu>summary{gap:4px}.share-menu>summary svg{width:12px;height:12px}}