[data-mado-sns-ready] .-w-load-wrapper { display:none !important; }
.mado-sns-gallery { margin:24px auto 36px; width:100%; max-width:1200px; color:#173b52; text-align:left; }
.mado-sns-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.mado-sns-card { min-width:0; margin:0; background:#fff; border:1px solid #dce9e9; border-radius:12px; overflow:hidden; box-shadow:0 3px 10px #173b5210; }
.mado-sns-card-button { display:block; appearance:none; width:100%; height:100%; padding:0; border:0; border-radius:inherit; background:#fff; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.mado-sns-thumbnail { position:relative; display:block; aspect-ratio:9/16; overflow:hidden; background:#eaf3f2; }
.mado-sns-thumbnail img { display:block; width:100% !important; height:100% !important; margin:0 !important; object-fit:cover; transition:transform .2s ease; }
.mado-sns-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin:auto; padding-left:3px; box-sizing:border-box; border:2px solid #fff; border-radius:50%; color:#fff; font:22px/1 system-ui,sans-serif; background:#173b52bb; box-shadow:0 2px 10px #0002; }
.mado-sns-card-title { display:block; padding:13px 12px 15px; color:#173b52; font-size:15px !important; font-weight:700; line-height:1.65 !important; overflow-wrap:anywhere; }
.mado-sns-card-button:hover .mado-sns-thumbnail img { transform:scale(1.025); }
.mado-sns-card-button:focus-visible { outline:3px solid #eb8012; outline-offset:-3px; }
html.mado-sns-modal-open { overflow:hidden; }
dialog.mado-sns-dialog { position:fixed; inset:0; width:min(1040px,calc(100vw - 32px)); max-width:1040px; max-height:calc(100dvh - 40px); margin:auto; padding:0; overflow:auto; border:0; border-radius:16px; background:#fff; color:#173b52; font-family:inherit; box-shadow:0 20px 80px #0005; }
.mado-sns-dialog::backdrop { background:#102936d9; }
.mado-sns-dialog-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); }
.mado-sns-player { display:flex; position:relative; align-items:center; justify-content:center; min-height:300px; background:#10171b; }
.mado-sns-video { display:block; width:100%; max-height:calc(100dvh - 40px); aspect-ratio:9/16; object-fit:contain; background:#10171b; }
.mado-sns-description { padding:44px 28px 28px; min-width:0; max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box; }
.mado-sns-brand { margin:0 0 10px !important; color:#008d9b; font-size:13px !important; font-weight:700; letter-spacing:.04em; }
.mado-sns-date { display:block; color:#71828c; font-size:13px; margin:0 0 10px; }
.mado-sns-date[hidden],.mado-sns-original[hidden] { display:none !important; }
.mado-sns-original { display:inline-block; margin-top:20px; color:#007e9b; font-size:14px; text-decoration:underline; }
.mado-sns-more { text-align:center; margin:24px 0 0 !important; }
.mado-sns-more a { display:inline-block; padding:11px 30px; border:1px solid #008d9b; border-radius:8px; color:#007e9b !important; background:#fff; font-size:15px; text-decoration:none; }
.mado-sns-description #mado-sns-dialog-title { margin:0 0 20px !important; padding:0 0 18px !important; border:0 !important; border-bottom:2px solid #d8ecec !important; background:none !important; color:#173b52; font-size:22px !important; line-height:1.65 !important; }
.mado-sns-caption { margin:0 !important; color:#364d5a; font-size:15px !important; line-height:1.9 !important; white-space:pre-line; overflow-wrap:anywhere; }
.mado-sns-close { position:absolute; z-index:2; top:10px; right:10px; display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:0; border-radius:50%; background:#fff; color:#173b52; box-shadow:0 1px 8px #0003; font:28px/1 system-ui,sans-serif; cursor:pointer; }
.mado-sns-close:focus-visible { outline:3px solid #eb8012; outline-offset:2px; }
.mado-sns-error { position:absolute; inset:auto 16px 54px; margin:0; padding:12px; border-radius:8px; color:#fff; background:#173b52e8; font-size:14px; line-height:1.6; }
.mado-sns-error[hidden] { display:none !important; }
@media(max-width:1000px) { .mado-sns-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }
@media(max-width:640px) {
  .mado-sns-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .mado-sns-card-title { font-size:14px !important; padding:10px; }
  dialog.mado-sns-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); border-radius:12px; }
  .mado-sns-dialog-layout { display:block; }
  .mado-sns-player { min-height:0; }
  .mado-sns-video { max-height:70dvh; }
  .mado-sns-description { max-height:none; padding:22px 18px; }
  .mado-sns-description #mado-sns-dialog-title { font-size:19px !important; }
}
@media(prefers-reduced-motion:reduce) { .mado-sns-thumbnail img { transition:none; } }