/* Homes with Rajib — Share Kit (same sharing system as UPractice.org), in Homes with Rajib navy + gold. */
:root{
  --hwrsk-ink:#17212b; --hwrsk-muted:#65717d; --hwrsk-line:#dbe4ed; --hwrsk-soft:#f5f8fb;
  --hwrsk-navy:#061827; --hwrsk-blue:#176f9f; --hwrsk-blue-soft:#e8f2f9; --hwrsk-gold:#d5a341; --hwrsk-gold-light:#f4d389;
}

/* Share card (bottom of pages, transactions) */
.hwrsk-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:38px 0 10px;padding:22px 24px;border:1px solid #d6e4f0;border-left:4px solid var(--hwrsk-gold);border-radius:18px;background:linear-gradient(160deg,#f0f6fb,#fff 70%);font-family:inherit}
.hwrsk-card-copy{flex:1 1 260px;min-width:0}
.hwrsk-card h3{margin:0 0 4px;font-size:1.2rem;color:var(--hwrsk-navy);line-height:1.25}
.hwrsk-card p{margin:0;color:var(--hwrsk-muted);font-size:.95rem}
.hwrsk-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1 1 380px;max-width:520px}
.hwrsk-quick-btn{padding:11px 8px;border-radius:10px;border:0;background:var(--net);color:#fff;font:700 .86rem/1.1 inherit;font-family:inherit;cursor:pointer;transition:filter .15s,transform .15s}
.hwrsk-quick-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hwrsk-quick-copy{background:#fff;color:var(--hwrsk-ink);box-shadow:inset 0 0 0 1px var(--hwrsk-line)}
.hwrsk-more{flex-basis:100%;display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;padding:0;border:0;background:none;color:var(--hwrsk-blue);font-weight:700;font-size:.9rem;font-family:inherit;cursor:pointer}
.hwrsk-more:hover{text-decoration:underline}

/* Primary share buttons */
.hwrsk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border-radius:999px;border:0;background:#1877F2;color:#fff;font:700 .95rem/1 inherit;font-family:inherit;cursor:pointer;box-shadow:0 8px 18px -8px rgba(24,119,242,.7);transition:filter .15s,transform .15s}
.hwrsk-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.hwrsk-btn svg{width:18px;height:18px}
.hwrsk-btn-ghost{background:#fff;color:var(--hwrsk-navy);box-shadow:inset 0 0 0 1px var(--hwrsk-line)}
.hwrsk-f{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#1877F2;font:900 15px/1 Arial,sans-serif}
.hwrsk-intake-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Floating share button */
.hwrsk-float-wrap{position:fixed;left:18px;bottom:22px;z-index:9997;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.hwrsk-float-wrap.hwrsk-float-right{left:auto;right:18px;bottom:150px}
.hwrsk-float-wrap.is-visible{opacity:1;transform:none;pointer-events:auto}
.hwrsk-float{box-shadow:0 12px 28px -8px rgba(6,24,39,.45)}
@media (max-width:900px){.hwrsk-float-wrap,.hwrsk-float-wrap.hwrsk-float-right{left:12px;right:auto;bottom:calc(84px + env(safe-area-inset-bottom));z-index:9999}.hwrsk-float{min-height:46px;padding:0 16px}}

/* Share window */
html.hwrsk-open,html.hwrsk-open body{overflow:hidden}
.hwrsk-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;font-family:inherit}
.hwrsk-modal[hidden]{display:none}
.hwrsk-backdrop{position:absolute;inset:0;background:rgba(6,24,39,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .18s}
.hwrsk-dialog{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 40px 80px -24px rgba(6,24,39,.55);transform:translateY(16px) scale(.98);opacity:0;transition:transform .2s ease,opacity .2s ease;color:var(--hwrsk-ink)}
.hwrsk-modal.is-in .hwrsk-backdrop{opacity:1}
.hwrsk-modal.is-in .hwrsk-dialog{transform:none;opacity:1}
.hwrsk-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:#f1f5f9;color:var(--hwrsk-ink);font-size:1.5rem;line-height:1;display:grid;place-items:center;padding:0 0 2px;cursor:pointer}
.hwrsk-x:hover{background:#e2e8f0}
.hwrsk-h{font-size:1.35rem;margin:0 40px 4px 0;color:var(--hwrsk-navy);line-height:1.25}
.hwrsk-sub{color:var(--hwrsk-muted);margin:0 0 18px;font-size:.95rem}
.hwrsk-preview{border:1px solid var(--hwrsk-line);border-radius:14px;overflow:hidden;margin-bottom:20px;background:#f0f2f5}
.hwrsk-preview img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:var(--hwrsk-navy)}
.hwrsk-meta{padding:10px 14px;display:grid;gap:2px}
.hwrsk-meta span{font-size:.72rem;color:#65676b;letter-spacing:.02em}
.hwrsk-meta strong{color:#050505;font-size:.95rem;line-height:1.3}
.hwrsk-nets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;margin-bottom:20px}
.hwrsk-net{display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 2px;border:0;background:none;color:var(--hwrsk-ink);font-size:.78rem;font-weight:600;font-family:inherit;border-radius:12px;cursor:pointer}
.hwrsk-net:hover{background:var(--hwrsk-soft)}
.hwrsk-net-i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--net);color:#fff;box-shadow:0 8px 16px -8px var(--net);transition:transform .15s}
.hwrsk-net:hover .hwrsk-net-i{transform:translateY(-2px)}
.hwrsk-net-i svg{width:24px;height:24px}
.hwrsk-net-copy .hwrsk-net-i,.hwrsk-net-email .hwrsk-net-i,.hwrsk-net-more .hwrsk-net-i{background:#f1f5f9;color:var(--hwrsk-ink);box-shadow:none}
.hwrsk-net-fbphoto .hwrsk-net-i{background:#fff;color:#1877F2;box-shadow:inset 0 0 0 2px #1877F2}
.hwrsk-guide{background:#eaf3ff;border:1px solid #bfd8fd;color:#0b3c8c;border-radius:14px;padding:12px 16px;margin:-6px 0 18px;font-size:.9rem}
.hwrsk-guide ol{margin:6px 0 0;padding-left:20px}
.hwrsk-guide li{margin:2px 0}
.hwrsk-cap-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.hwrsk-cap-head label{font-weight:700;color:var(--hwrsk-ink);font-size:.92rem}
.hwrsk-copycap{border:0;background:var(--hwrsk-blue-soft);color:var(--hwrsk-blue);font-weight:700;font-size:.85rem;font-family:inherit;padding:7px 12px;border-radius:9px;cursor:pointer}
.hwrsk-copycap:hover{background:#d6e8f4}
.hwrsk-cap textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--hwrsk-line);border-radius:12px;padding:12px 14px;font:inherit;font-size:.9rem;line-height:1.55;color:var(--hwrsk-ink);background:var(--hwrsk-soft)}
.hwrsk-cap textarea:focus{outline:none;border-color:#9dc3dc;background:#fff}
.hwrsk-note{font-size:.8rem;color:var(--hwrsk-muted);margin:8px 0 0}
.hwrsk-toast{position:fixed;left:50%;bottom:28px;z-index:100001;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--hwrsk-navy);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;font-size:.92rem;box-shadow:0 20px 40px -12px rgba(0,0,0,.4);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);text-align:center}
.hwrsk-toast.is-on{opacity:1;transform:translate(-50%,0)}
.hwrsk-modal :focus-visible,.hwrsk-card :focus-visible,.hwrsk-btn:focus-visible{outline:3px solid var(--hwrsk-gold);outline-offset:2px}

@media (max-width:640px){
  .hwrsk-card{padding:18px}
  .hwrsk-quick{grid-template-columns:1fr 1fr;max-width:none}
  .hwrsk-more{justify-content:flex-start}
  .hwrsk-modal{align-items:flex-end;padding:0}
  .hwrsk-dialog{border-radius:22px 22px 0 0;max-height:92vh;padding:22px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(40px)}
  .hwrsk-nets{gap:10px 2px}
  .hwrsk-net-i{width:48px;height:48px}
}
@media print{.hwrsk-card,.hwrsk-float-wrap,.hwrsk-modal{display:none!important}}
@media (prefers-reduced-motion:reduce){.hwrsk-dialog,.hwrsk-backdrop,.hwrsk-float-wrap,.hwrsk-toast{transition:none}}