.share-panel{margin:22px 0 0;padding:18px 20px;border:1px solid #cfe0ef;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#fff);box-shadow:0 6px 18px rgba(22,56,96,.05)}
.article-detail>.share-panel{max-width:820px;margin:18px auto 0}
.share-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.share-heading h2{margin:5px 0 0;color:#0b2e59;font-size:21px;line-height:1.4}
.share-heading p{margin:0;color:#5d6e83;font-size:13px;line-height:1.6;text-align:right}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.share-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid #b9cadb;border-radius:10px;background:#fff;color:#083b76;font:inherit;font-size:14px;font-weight:800;line-height:1.3;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.share-button:hover,.share-button:focus-visible{border-color:#0b63ce;box-shadow:0 5px 14px rgba(22,56,96,.12);transform:translateY(-1px)}
.share-button-facebook{border-color:#c9d9f7;background:#eef4ff;color:#1459b8}
.share-button-line{border-color:#b6dfce;background:#effbf5;color:#08783e}
.share-button-x{border-color:#18212c;background:#18212c;color:#fff}
.share-button-native{border-color:#0b63ce;background:#0b5fc6;color:#fff}
.share-button-copy{background:#fff;color:#315b88}
.share-status{min-height:1.4em;margin:8px 0 0;color:#0b63ce;font-size:13px;line-height:1.5}
.share-status.is-error{color:#b42318}
@media (max-width:760px){
  .share-panel{margin-top:18px;padding:16px}
  .share-heading{align-items:flex-start;flex-direction:column;gap:4px}
  .share-heading p{text-align:left}
  .share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .share-button{width:100%;padding-inline:8px}
}
@media (max-width:380px){
  .share-actions{grid-template-columns:1fr}
}