/* ===== Design Tokens to match site (sky/gold + glass) ===== */
      .sabil-author-wrap.constellation{
        --ink:#0f2333; --muted:#2a3d4a;
        --sky:#0a6aa1; --sky-2:#0e4f78;
        --gold:#f5c76d; --gold-2:#e7ad38;
        --white:#fff;
        --radius:26px; --r-sm:16px;
        --shadow-lg:0 24px 48px rgba(6,55,94,.14);
        --shadow-md:0 14px 28px rgba(6,55,94,.10);
        --yt:#ff0000; --li:#0a66c2; --fb:#1877f2;
        margin: 24px 0 0;
        padding: 0 0 6px;
      }

      /* ===== Card (glassy like Join banner) ===== */
      .sabil-author-card{
        position:relative; isolation:isolate; overflow:hidden;
        display:grid; grid-template-columns:112px 1fr; gap:16px; align-items:center;
        background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.60));
        border:1px solid rgba(14,79,120,.18);
        border-radius: var(--radius);
        box-shadow: var(--shadow-lg);
        padding: 16px 18px;
      }
      @media (max-width:640px){
        .sabil-author-card{ grid-template-columns:84px 1fr; }
      }

      /* subtle constellation glow */
      .sabil-author-card::before{
        content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.35;
        background:
          radial-gradient(800px 420px at 110% -20%, rgba(10,106,161,.10), transparent 60%),
          radial-gradient(680px 360px at -10% -25%, rgba(231,173,56,.10), transparent 55%),
          linear-gradient(180deg,#f7fbff,#eff6ff);
        mix-blend-mode:multiply;
      }
      /* golden inner stroke */
      .sabil-author-stroke{
        content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:0;
        background: linear-gradient(180deg, rgba(245,199,109,.55), rgba(231,173,56,.15));
        -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
        -webkit-mask-composite:xor; mask-composite:exclude; padding:1px;
      }

      /* media */
      .sabil-author-media{ position:relative; z-index:1; }
      .sabil-author-img{
        width:100%; max-width:96px; aspect-ratio:1/1; border-radius:20px; object-fit:cover; display:block;
        background:#fff;
        box-shadow: var(--shadow-md), 0 0 0 8px rgba(10,106,161,.06) inset;
        border:1px solid rgba(14,79,120,.16);
      }

      /* body */
      .sabil-author-body{ position:relative; z-index:1; }
      .sabil-author-name{
        margin:0; color:var(--sky-2); font-weight:900; line-height:1.2;
        font-size: clamp(18px,2vw,22px); letter-spacing:.2px;
      }

      /* email line */
      .sabil-author-email{
        margin: 4px 0 2px;
        font-size: 14px;
        line-height: 1.6;
      }
      .sabil-author-email a{
        color: var(--sky-2);
        text-decoration: none;
        font-weight: 600;
        border-bottom: 1px dashed rgba(14,79,120,.35);
      }
      .sabil-author-email a:hover{
        text-decoration: none;
        border-bottom-color: transparent;
        filter: brightness(1.05);
      }

      .sabil-author-underline{
        width:min(220px,38%); height:8px; border-radius:999px;
        background:linear-gradient(90deg,var(--gold),var(--gold-2));
        box-shadow:0 12px 24px rgba(231,173,56,.30);
        margin:8px 0 6px;
      }
      .sabil-author-text{
        color:var(--muted); font-size:15px; line-height:1.85;
      }

      /* Actions */
      .sabil-author-actions{ margin-top:10px; display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px }
      .sabil-author-btn{
        appearance:none; border:0; cursor:pointer; text-decoration:none;
        padding:10px 16px; border-radius:14px; font-weight:900;
        background:linear-gradient(180deg,var(--gold),var(--gold-2)); color:#4b3000;
        box-shadow:0 10px 22px rgba(229,170,62,.30);
        transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
        border:1px solid rgba(14,79,120,.10);
      }
      .sabil-author-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(229,170,62,.38) }
      .sabil-author-btn:active{ transform:none; filter:brightness(.98) }
      .sabil-author-btn:focus{ outline:none; box-shadow:0 0 0 4px rgba(231,173,56,.28), 0 12px 24px rgba(229,170,62,.34) }

      /* ===== Socials (Glass + Glow + Soft Ring) ===== */
      .sabil-author-socials{
        display:flex; gap:10px; align-items:center;
      }
      .sabil-author-socials .sabil-social{
        --bg:#888; --ring:rgba(0,0,0,.18);
        width:40px; height:40px; border-radius:50%;
        display:grid; place-items:center; text-decoration:none; color:#fff;
        position:relative; overflow:hidden; isolation:isolate;
        background:
          linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, #ffffff 8%), var(--bg));
        border:1px solid color-mix(in srgb, var(--bg) 78%, #ffffff 22%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 18px rgba(6,55,94,.12);
        transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
      }
      .sabil-author-socials .sabil-social::before{
        content:""; position:absolute; inset:-60% -60% auto auto; width:140%; height:140%;
        background:
          radial-gradient(60% 50% at 10% 10%, rgba(255,255,255,.28), transparent 55%),
          radial-gradient(50% 40% at 70% 0%, rgba(255,255,255,.16), transparent 60%);
        pointer-events:none; z-index:0; opacity:.9; mix-blend-mode:soft-light;
      }
      .sabil-author-socials .sabil-social::after{
        content:""; position:absolute; inset:-2px; border-radius:inherit; z-index:-1; opacity:0;
        box-shadow:0 0 0 6px var(--ring);
        transition: opacity .18s ease;
      }
      .sabil-author-socials .sabil-social:hover{
        transform: translateY(-2px) scale(1.04);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 14px 24px rgba(6,55,94,.16);
      }
      .sabil-author-socials .sabil-social:hover::after,
      .sabil-author-socials .sabil-social:focus-visible::after{ opacity:1; }
      .sabil-author-socials .sabil-icon svg{
        width:18px; height:18px; display:block;
        filter: drop-shadow(0 1px 0 rgba(255,255,255,.22));
        transition: transform .18s ease;
      }
      .sabil-author-socials .sabil-social:hover .sabil-icon svg{ transform: translateY(-.5px); }

      /* Network colors */
      .sabil-author-socials .sabil-youtube  { --bg:#ff0000; --ring:rgba(255,0,0,.28); }
      .sabil-author-socials .sabil-linkedin { --bg:#0a66c2; --ring:rgba(10,102,194,.26); }
      .sabil-author-socials .sabil-facebook { --bg:#1877f2; --ring:rgba(24,119,242,.26); }

      /* RTL safety */
      [dir="rtl"] .sabil-author-card{ direction:rtl }
      [dir="rtl"] .sabil-author-socials{ justify-content:flex-start; }