/* CMS v3.5: Accessible, responsive article-share panel. */
.rich-article .article-share {
  position: relative;
  isolation: isolate;
  margin: 30px 0 0;
  padding: clamp(19px, 3vw, 27px);
  border: 1px solid #243f70;
  border-radius: 23px;
  overflow: hidden;
  background: radial-gradient(circle at 99% 0%, rgba(93, 147, 232, .17), transparent 35%), linear-gradient(135deg, #0c1b3c 0%, #122d5a 60%, #1a4075 100%);
  color: #f6f9ff;
  box-shadow: 0 16px 39px rgba(15, 39, 78, .17);
}
.rich-article .article-share::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #ffe39c 0%, #f6b74b 52%, #ff893c 100%);
  z-index: 1;
}
.article-share-lead { display:flex; align-items:center; gap:14px; margin:0 0 17px; }
.article-share-emblem {
  width: 50px; height: 50px; flex: 0 0 50px;
  display:grid;place-items:center;border-radius:15px;
  background: linear-gradient(145deg, rgba(255, 224, 158, .25), rgba(255, 255, 255, .06));
  border: 1px solid rgba(255, 224, 158, .29);
  color: #ffd788;
}
.article-share-emblem svg { width: 25px; height: 25px; }
.article-share-overline { display:block; color:#ffd78a; font-size:.71rem; line-height:1.4; font-weight:900; letter-spacing:.09em; }
.rich-article .article-share h2 {
  margin:3px 0 3px;
  padding:0;
  border:0;
  font-size:clamp(1.24rem,2.35vw,1.47rem);
  line-height:1.4;
  color:#fff;
}
.rich-article .article-share p { color:#c8d6ed; line-height:1.65; font-size:.85rem; margin:0; }
.article-share-link-label {display:block;font-size:.77rem;font-weight:900;color:#dce7fa;margin:0 0 7px;}
.article-share-linkrow {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  margin:0 0 15px;
}
.article-share-permalink {
  width:100%; min-width:0; height:46px; padding:0 13px;
  border-radius:11px; border:1px solid #5a749e;
  background:rgba(255,255,255,.09);
  color:#fff; font: 500 .83rem/1.4 system-ui,Tahoma,sans-serif;
  text-overflow: ellipsis;
  outline-offset:3px;
}
.article-share-permalink:focus-visible { outline:2px solid #ffcd77; }
.article-share-button, .article-share-platform {
  min-height:46px; display:inline-flex; align-items:center;justify-content:center;gap:8px;
  padding:10px 13px; border:1px solid transparent; border-radius:11px;
  font:900 .84rem/1.4 Tahoma,"Segoe UI",sans-serif;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
.article-share-button svg, .article-share-platform svg { width:19px;height:19px;flex:0 0 19px; }
.article-share-button:hover, .article-share-platform:hover {transform:translateY(-2px)}
.article-share-button:focus-visible, .article-share-platform:focus-visible {outline:2px solid #ffd484;outline-offset:3px;}
.article-share-button-copy {color:#1d2e4e;background:linear-gradient(135deg,#ffe3a3,#f8bc54); box-shadow:0 7px 17px rgba(0,0,0,.12);}
.article-share-button-copy:hover {background:linear-gradient(135deg,#ffebba,#ffd17e);}
.article-share-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.article-share-platform { width:100%; background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);color:#fff; }
.rich-article .article-share .article-share-platform {color:#fff;}
.article-share-platform:hover {background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);}
.article-share-platform.line-share {background:rgba(24,183,92,.17);border-color:rgba(43,211,117,.43)}
.article-share-platform.line-share:hover {background:rgba(24,183,92,.28)}
.article-share-platform.facebook-share {background:rgba(50,120,225,.21);border-color:rgba(113,164,241,.35)}
.article-share-platform.x-share {background:rgba(6,12,27,.35)}
.article-share-platform.whatsapp-share {background:rgba(32,167,115,.14);border-color:rgba(56,195,136,.3)}
.article-share-platform.native-share {grid-column:1/-1;background:rgba(255,211,128,.12);border-color:rgba(255,214,135,.38)}
.article-share-platform[hidden] {display:none!important;}
.article-share-platform .share-letter {font-size:1.09rem;font-weight:950;line-height:1;}
.article-share-platform .share-line-icon {font-size:.57rem;letter-spacing:-.04em;padding:5px 3px;border-radius:6px;background:#26bf67;color:white;}
.article-share-status {min-height:1.1rem;margin:11px 0 0!important;color:#c6d5ec!important;font-size:.78rem!important;}
.article-share-status[data-result=success] {color:#97efbf!important;}
.article-share-status[data-result=error] {color:#ffcf92!important;}
@media (max-width:620px) {
  .article-share-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .article-share-platform.native-share{grid-column:1/-1}
}
@media(max-width:335px){
  .article-share-grid {grid-template-columns:1fr}
}
@media(max-width:580px){
  .article-share-linkrow {grid-template-columns:minmax(0,1fr)}
  .article-share-button-copy {width:100%}
  .article-share-emblem {width:42px;height:42px;flex-basis:42px}
  .article-share-grid {gap:8px}
  .article-share-platform {padding:9px 5px;font-size:.79rem}
}
@media(prefers-reduced-motion:reduce){.article-share-button,.article-share-platform{transition:none}}