.page-share { width: 100%; max-width: 720px; box-sizing: border-box; margin: 16px 0 24px; padding: 16px 0; border-top: 1px solid #d8dfda; border-bottom: 1px solid #d8dfda; font-size: 14px; }
.page-share > strong { display: block; margin-bottom: 10px; color: #303d34; font-size: 15px; }
.page-share__panel { display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; }
.page-share__panel > button, .page-share__panel > a { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; box-sizing: border-box; padding: 11px; border: 1px solid #b8c7be; border-radius: 50%; background: #f3f7f4; color: #234c35; text-decoration: none; cursor: pointer; }
.page-share__panel > button:hover, .page-share__panel > a:hover { background: #dfece3; border-color: #53755e; }
.page-share__panel img { display: block; width: 20px; height: 20px; min-height: 0; object-fit: contain; }
.page-share__panel [data-icon="facebook"] { background: #eaf1ff; border-color: #b8cdf3; }
.page-share__panel [data-icon="whatsapp"] { background: #e6f7ed; border-color: #b3dcc4; }
.page-share__panel [data-icon="linkedin"] { background: #e7f2f8; border-color: #b6d4e4; }
.page-share__tooltip { position: absolute; z-index: 40; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); visibility: hidden; pointer-events: none; white-space: nowrap; padding: 5px 8px; border-radius: 4px; background: #26352c; color: white; font: 12px/1.4 sans-serif; }
.page-share__panel > :first-child .page-share__tooltip { left: 0; transform: none; }
.page-share__panel > :hover .page-share__tooltip, .page-share__panel > :focus-visible .page-share__tooltip { visibility: visible; }
.page-share :focus-visible { outline: 2px solid #39654c; outline-offset: 2px; }
.page-share__panel p { flex-basis: 100%; margin: 4px 0 0; font-size: 12px; line-height: 1.5; color: #626262; }
.page-share__panel p:empty { display: none; }
.page-share__panel input { width: 100%; box-sizing: border-box; margin-top: 8px; }