header[data-social-header]{flex-wrap:wrap;row-gap:.35rem}
header[data-social-header]>.site-sharing.site-sharing{position:relative;display:flex;flex:0 0 100%;grid-column:1/-1;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:.25rem 0 0;margin:0;border:0;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:0;background:none;color:inherit;font:400 .7rem/1.25 system-ui,sans-serif;isolation:isolate}
.site-sharing .site-sharing-actions,.site-sharing .site-social-actions{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0;max-width:100%;margin:0;padding:0}
.site-sharing :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:32px;min-width:32px;max-width:100%;margin:0;padding:.25rem;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;text-decoration:none;font:inherit;line-height:1.25;letter-spacing:normal;text-transform:none;cursor:pointer;box-sizing:border-box;overflow-wrap:anywhere}
.site-sharing .share-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:4px;background:var(--share-color,#accabc);color:#08171c;font:800 .82rem/1 system-ui,sans-serif}
.site-sharing [data-share-network=facebook]{--share-color:#9bc7ff}
.site-sharing [data-share-network=whatsapp]{--share-color:#80e1a5}
.site-sharing [data-share-network=linkedin]{--share-color:#97ccf4}
.site-sharing [data-share-network=telegram]{--share-color:#8cddf2}
.site-sharing [data-share-network=x]{--share-color:#e9e9ed}
.site-sharing [data-share-network=email]{--share-color:#efc487}
.site-sharing :is(a,button){transition:background .18s,border-color .18s}
.site-sharing :is(a,button):hover{background:color-mix(in srgb,currentColor 10%,transparent);border-color:var(--accent,currentColor)}
.site-sharing button[hidden]{display:none}
.site-sharing .site-social-actions a{padding-inline:.45rem;font-size:.7rem}
.site-sharing .channel-mark{font:bold .8rem/1 system-ui,sans-serif;color:var(--accent,currentColor)}
@media(pointer:coarse){.site-sharing :is(a,button){min-height:36px;min-width:36px}.site-sharing .site-sharing-actions{gap:1px}}
@media(prefers-reduced-motion:reduce){.site-sharing :is(a,button){transition:none}}
[data-motion=off] .site-sharing :is(a,button){transition:none}
.site-sharing :focus-visible,.site-measurement :focus-visible{outline:3px solid #608dff;outline-offset:3px}
.site-sharing [role=status]{position:absolute;inset-block-start:100%;inset-inline-start:0;max-width:100%;margin:.2rem 0 0;padding:.5rem .7rem;border:1px solid currentColor;border-radius:5px;background:var(--surface,#101823);color:var(--text,var(--ink,#f4f7fc));font:inherit;overflow-wrap:anywhere;z-index:2}.site-sharing [role=status]:empty{display:none}
.site-measurement button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.6rem .85rem;border:1px solid currentColor;border-radius:.6rem;background:transparent;color:inherit;font:inherit;cursor:pointer;box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}
.site-measurement{position:fixed;inset:auto 1rem 1rem auto;max-width:min(36rem,calc(100vw - 2rem));padding:1.1rem;border:1px solid #627491;border-radius:.8rem;background:#101823;color:#f4f7fc;z-index:10010;box-shadow:0 10px 50px #0007;font:400 14px/1.5 system-ui,sans-serif}
.site-measurement[hidden]{display:none}.site-measurement h2{color:inherit;font:700 1.05rem/1.3 system-ui;margin:0 0 .7rem}.site-measurement p{color:inherit;margin:.5rem 0;font:inherit}
.site-measurement label{display:flex;gap:.7rem;align-items:center;padding:.6rem 0;color:inherit}.site-measurement input{width:1.15rem;height:1.15rem;margin:0;accent-color:#608dff}
.site-measurement-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}
.site-measurement-actions button{flex:1 1 7rem}.site-measurement a{color:#b9d6ff}
.measurement-reopen{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:.5rem;padding:.6rem .85rem;cursor:pointer}
@media print{.site-sharing,.site-measurement,.measurement-reopen{display:none!important}}
@media(forced-colors:active){.site-measurement{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}}
@media(forced-colors:active){.site-sharing.site-sharing{background:Canvas;color:CanvasText;border:1px solid CanvasText}.site-sharing .share-mark{background:Canvas;color:CanvasText;border:1px solid CanvasText}}