.dim-share-panel{width:min(1180px,calc(100% - 40px));margin:34px auto 48px;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#1d2733}
.dim-share-panel-inner{display:flex;align-items:center;gap:22px;padding:20px 22px;border:1px solid #dfe4e9;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(7,17,31,.07)}
.dim-share-logo{width:48px;height:48px;flex:0 0 48px;object-fit:contain;border-radius:10px}
.dim-share-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:2px}
.dim-share-kicker{color:#9a6c2e;font-size:10px;font-weight:900;letter-spacing:.14em}
.dim-share-copy strong{color:#142033;font-size:16px;line-height:1.45}
.dim-share-copy small{color:#6d7783;font-size:12px;line-height:1.6}
.dim-share-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dim-share-links a,.dim-share-links button,.dim-share-native{appearance:none;border:1px solid #d8dee6;border-radius:999px;background:#fff;color:#243247!important;padding:9px 14px;min-height:40px;font:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.dim-share-links a:hover,.dim-share-links button:hover,.dim-share-native:hover{transform:translateY(-1px);border-color:#b89252;background:#fbf7ee}
.dim-share-links a:focus-visible,.dim-share-links button:focus-visible,.dim-share-native:focus-visible{outline:3px solid rgba(16,47,102,.25);outline-offset:3px}
.dim-share-native{display:none;background:#102f66;color:#fff!important;border-color:#102f66;padding:12px 18px}
.dim-share-status{min-height:1.4em;margin:7px 4px 0;color:#657180;font-size:11px;text-align:right}
body.dim-official-share-page .dim-share-panel{margin-top:28px;margin-bottom:36px}
@media (max-width:767px){
  .dim-share-panel{width:min(100% - 28px,720px);margin:26px auto 36px}
  .dim-share-panel-inner{align-items:center;padding:18px;gap:14px}
  .dim-share-logo{width:44px;height:44px;flex-basis:44px}
  .dim-share-copy small{display:none}
  .dim-share-links{display:none}
  .dim-share-native{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
  .dim-share-status{text-align:center}
}
@media (max-width:420px){
  .dim-share-panel-inner{align-items:center;flex-direction:column;text-align:center}
  .dim-share-logo{width:48px;height:48px;flex-basis:48px}
  .dim-share-copy{align-items:center}
  .dim-share-native{width:100%}
}