/* EducTools social share — v1.0 */
body.social-share-open{overflow:hidden}
.social-share-sheet{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:18px}
.social-share-sheet[hidden]{display:none!important}
.social-share-backdrop{position:absolute;inset:0;border:0;background:rgba(22,18,45,.64);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:pointer}
.social-share-card{position:relative;z-index:1;width:min(560px,100%);max-height:min(92dvh,760px);overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:#fff;box-shadow:0 28px 90px rgba(31,20,74,.34);color:#241d39}
.social-share-close{position:absolute;z-index:4;top:23px;right:23px;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(27,20,53,.72);color:#fff;font-size:1.55rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.social-share-preview{position:relative;aspect-ratio:1.904/1;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#e9e2ff,#dff5ff)}
.social-share-preview img{display:block;width:100%;height:100%;object-fit:cover}
.social-share-preview:after{position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(22,15,49,.72));content:""}
.social-share-preview>span{position:absolute;z-index:2;right:16px;bottom:13px;padding:6px 10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(29,21,61,.62);color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.social-share-copy{padding:17px 5px 8px;text-align:center}
.social-share-copy>small{display:inline-block;margin-bottom:4px;color:#6b52c9;font-size:.78rem;font-weight:900;letter-spacing:.04em}
.social-share-copy h2{margin:3px auto 7px;font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.25;color:#281e4c}
.social-share-copy p{max-width:470px;margin:0 auto;color:#6c657c;font-size:.92rem;line-height:1.55}
.social-share-score{display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:100%;margin:9px auto 8px;padding:8px 13px;border:1px solid #d9cdfd;border-radius:14px;background:#f5f1ff;color:#5136a6}
.social-share-score[hidden]{display:none!important}
.social-share-score strong{font-size:1.5rem;line-height:1}
.social-share-score span{font-size:.85rem;font-weight:800}
.social-share-channels{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:7px 2px 4px}
.share-channel{display:grid;min-width:0;gap:7px;place-items:center;padding:11px 5px 9px;border:1px solid #e6e1ef;border-radius:17px;background:#fff;color:#332a46;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.share-channel:hover,.share-channel:focus-visible{transform:translateY(-2px);border-color:#c9bbf4;box-shadow:0 9px 22px rgba(50,35,95,.11);outline:none}
.share-channel b{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;font-size:1.1rem;font-weight:950}
.share-channel span{overflow:hidden;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:850}
.share-channel.is-facebook b{background:#e8f0ff;color:#1d5cc6;font-size:1.65rem}
.share-channel.is-line b{background:#e5fbe9;color:#008f33;font-size:.7rem;letter-spacing:-.02em}
.share-channel.is-x b{background:#17151c;color:#fff;font-size:1.25rem}
.share-channel.is-native b{background:#eee9ff;color:#5a3ac8;font-size:1.35rem}
.share-channel.is-copy b{background:#fff2d9;color:#9a6200;font-size:1.12rem}
.social-share-note{display:block;padding:10px 8px 3px;color:#91899f;text-align:center;font-size:.72rem;line-height:1.45}

.share-landing-page{min-height:calc(100dvh - 80px);padding:34px 16px 60px;background:linear-gradient(155deg,#f6f1ff 0%,#edf8ff 48%,#fff7e7 100%)}
.share-landing-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);width:min(1040px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(111,84,190,.16);border-radius:32px;background:#fff;box-shadow:0 30px 90px rgba(70,47,130,.16)}
.share-landing-cover{position:relative;min-height:470px;background:#eee7ff}
.share-landing-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.share-landing-cover:after{position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(26,19,54,.78));content:""}
.share-landing-brand{position:absolute;z-index:2;right:20px;bottom:18px;padding:8px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(27,19,58,.68);color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(8px)}
.share-landing-content{display:flex;flex-direction:column;justify-content:center;padding:44px 42px}
.share-landing-content>small{color:#6847c6;font-weight:900;letter-spacing:.05em}
.share-landing-content h1{margin:8px 0 12px;color:#281c4f;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.16}
.share-landing-content>p{margin:0 0 20px;color:#6c6579;line-height:1.7}
.share-landing-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;margin:4px 0 22px;padding:17px 19px;border:1px solid #ddd0ff;border-radius:20px;background:linear-gradient(135deg,#f5f0ff,#eef8ff)}
.share-landing-score strong{grid-row:1/3;color:#5937c7;font-size:2.7rem;line-height:1}
.share-landing-score b{color:#30234f;font-size:1rem}
.share-landing-score span{color:#746d80;font-size:.84rem}
.share-landing-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.share-landing-meta span{padding:6px 9px;border:1px solid #e7e1f0;border-radius:999px;background:#faf9fc;color:#655b73;font-size:.78rem;font-weight:750}
.share-landing-actions{display:flex;flex-wrap:wrap;gap:9px}
.share-landing-actions .btn{flex:1 1 170px;text-align:center}
.share-landing-promo{margin-top:18px;padding-top:16px;border-top:1px dashed #ddd5e8;color:#8a8295;font-size:.78rem;line-height:1.55}

@media(max-width:720px){
  .social-share-sheet{align-items:end;padding:0}
  .social-share-card{width:100%;max-height:88dvh;border-radius:26px 26px 0 0;padding:12px 12px max(14px,env(safe-area-inset-bottom))}
  .social-share-close{top:18px;right:18px;width:36px;height:36px}
  .social-share-copy{padding-top:13px}
  .social-share-channels{grid-template-columns:repeat(5,minmax(64px,1fr));gap:5px;overflow-x:auto;padding-bottom:6px}
  .share-channel{min-width:64px;padding:9px 4px 8px}
  .share-channel b{width:40px;height:40px;border-radius:13px}
  .share-channel span{font-size:.67rem}
  .share-landing-page{padding:18px 12px 38px}
  .share-landing-card{grid-template-columns:1fr;border-radius:24px}
  .share-landing-cover{min-height:0;aspect-ratio:1.904/1}
  .share-landing-content{padding:26px 20px 28px}
}