.share-buttons.share-panel{--share-border: #c8d0db;--share-ink: #172233;--share-muted: #5d6b7d;display:block;margin:38px 0;padding:24px;border:1px solid var(--share-border);border-top:4px solid var(--blue, #145ca8);background:#f8fafc;color:var(--share-ink)}.share-panel__header{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.share-panel__header>span{flex:0 0 auto;padding-top:5px;color:var(--blue, #145ca8);font-size:11px;font-weight:900;letter-spacing:.18em}.share-panel__header h2{margin:0;color:var(--share-ink);font-size:clamp(18px,2.4vw,24px);line-height:1.35}.share-panel__header p{margin:5px 0 0;color:var(--share-muted);font-size:13px;line-height:1.65}.share-panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.share-buttons.share-panel .share-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;border:1px solid var(--blue, #145ca8);border-radius:3px;background:var(--blue, #145ca8);color:#fff;font-size:14px;font-weight:800;line-height:1.3;cursor:pointer}.share-buttons.share-panel .share-action--copy{background:#fff;color:var(--blue, #145ca8)}.share-buttons.share-panel .share-action:hover{border-color:#0b3e78;background:#0b3e78;color:#fff}.share-buttons.share-panel .share-action--copy:hover{background:#eaf2fb;color:#0b3e78}.share-network-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}.share-buttons.share-panel .share-network{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid var(--share-border);border-radius:3px;background:#fff;color:var(--share-ink);font-size:12px;font-weight:800;line-height:1.25;text-decoration:none}.share-buttons.share-panel .share-network:hover{border-color:var(--blue, #145ca8);background:#f1f6fc;color:var(--blue, #145ca8)}.share-network__mark{display:inline-flex;flex:0 0 26px;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#172233;color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:-.02em}.share-network[data-network=facebook] .share-network__mark{background:#1877f2}.share-network[data-network=line] .share-network__mark{background:#06c755}.share-network[data-network=hatena] .share-network__mark{background:#008fde}.share-network[data-network=linkedin] .share-network__mark{background:#0a66c2}.share-network[data-network=bluesky] .share-network__mark{background:#1688f0}.share-network__external{margin-left:auto;color:#798698;font-size:11px}.share-panel__feedback{min-height:1.6em;margin:10px 0 -4px;color:var(--share-muted);font-size:12px;font-weight:700;line-height:1.6}.share-panel__feedback.is-success{color:#087443}.share-panel__feedback.is-error{color:#a92828}.share-buttons.share-panel button:focus-visible,.share-buttons.share-panel a:focus-visible{outline:3px solid #f4b942;outline-offset:3px}@media(max-width:720px){.share-buttons.share-panel{margin:30px 0;padding:20px}.share-network-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.share-buttons.share-panel{padding:18px 14px}.share-panel__header{display:block}.share-panel__header>span{display:block;margin-bottom:5px}.share-panel__actions,.share-network-list{grid-template-columns:1fr}.share-buttons.share-panel .share-action,.share-buttons.share-panel .share-network{min-height:48px;font-size:14px}}@media(max-width:680px){.share-buttons.share-panel{padding:18px 14px}}@media(prefers-reduced-motion:reduce){.share-buttons.share-panel *,.share-buttons.share-panel *:before,.share-buttons.share-panel *:after{scroll-behavior:auto;transition:none}}