/* Agar & Co. - site extras v1: social buttons + tax videos. Additive; does not change any existing rule. */

/* ---------- floating contact / social rail ---------- */
.xs-rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:9990;display:flex;flex-direction:column;gap:10px}
.xs-b{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;
  box-shadow:0 8px 22px -6px rgba(15,33,56,.45);transition:transform .18s ease,box-shadow .18s ease}
.xs-b:hover,.xs-b:focus-visible{transform:scale(1.09);box-shadow:0 12px 26px -6px rgba(15,33,56,.55);color:#fff}
.xs-b:focus-visible{outline:3px solid #e0bd7c;outline-offset:3px}
.xs-b svg{width:24px;height:24px;display:block}
.xs-b span{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(6px);background:#0f2138;color:#fff;
  font:600 13px/1 var(--sans,'Manrope',Arial,sans-serif);padding:9px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s ease}
.xs-b:hover span,.xs-b:focus-visible span{opacity:1;transform:translateY(-50%)}
.xs-b.xs-wa{background:#25d366}
.xs-b.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 62%,#285aeb 92%)}
.xs-b.li{background:#0a66c2}
.xs-b.ai{background:#b8893b}
.xs-b.xs-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:xs-ping 2.6s ease-out infinite;pointer-events:none}
/* the site's own round WhatsApp button is replaced by the one in this rail */
body>a.wa{display:none}
@keyframes xs-ping{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
@media(max-width:700px){
  .xs-rail{top:auto;bottom:14px;right:10px;transform:none;flex-direction:column-reverse;gap:8px}
  .xs-b{width:42px;height:42px}.xs-b svg{width:21px;height:21px}.xs-b span{display:none}
}
@media print{.xs-rail{display:none}}
@media(prefers-reduced-motion:reduce){.xs-b,.xs-b span{transition:none}.xs-b.xs-wa::after{animation:none;display:none}}

/* ---------- tax videos ---------- */
.xv-hero{background:linear-gradient(135deg,#16304f 0%,#0d1c33 100%);color:#fff;padding:68px 0 60px;position:relative;overflow:hidden}
.xv-hero::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:#b8893b;opacity:.22;filter:blur(70px)}
.xv-hero .wrap{position:relative;z-index:1}
.xv-crumbs{font:600 13px/1 var(--sans,'Manrope',Arial,sans-serif);color:#c9d2de;margin-bottom:18px}
.xv-crumbs a{color:#e0bd7c;text-decoration:none}
.xv-hero h1{font:600 clamp(36px,5vw,58px)/1.06 var(--serif,'Cormorant Garamond',Georgia,serif);color:#fff;margin:0 0 12px}
.xv-hero p{font:500 18px/1.6 var(--sans,'Manrope',Arial,sans-serif);color:#c9d2de;max-width:640px;margin:0}
.xv-sec{padding:64px 0 72px;background:#f7f8fa}
.xv-home{background:#fff;padding:80px 0}
.xv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.xv-kicker{font:700 12px/1 var(--sans,'Manrope',Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--gold,#b8893b)}
.xv-head h2{font:600 clamp(32px,4vw,46px)/1.1 var(--serif,'Cormorant Garamond',Georgia,serif);color:var(--navy,#16304f);margin:8px 0 0}
.xv-more{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--sans,'Manrope',Arial,sans-serif);color:var(--navy,#16304f);text-decoration:none;border:1.5px solid var(--navy,#16304f);border-radius:8px;padding:13px 20px;transition:.18s}
.xv-more:hover{background:var(--navy,#16304f);color:#fff}
.xv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.xv-card{background:#fff;border:1px solid #e3e6ea;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 34px -24px rgba(15,33,56,.55);scroll-margin-top:110px}
.xv-card video{width:100%;aspect-ratio:16/9;display:block;background:#0d1c33;object-fit:cover}
.xv-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.xv-meta{display:flex;align-items:center;gap:10px;font:700 11.5px/1 var(--sans,'Manrope',Arial,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--gold,#b8893b)}
.xv-meta i{font-style:normal;color:#8a95a3;letter-spacing:.04em}
.xv-card h3{font:600 26px/1.15 var(--serif,'Cormorant Garamond',Georgia,serif);color:var(--navy,#16304f);margin:0}
.xv-card p{font:500 15px/1.55 var(--sans,'Manrope',Arial,sans-serif);color:#5b6673;margin:0}
.xv-share{margin-top:auto;padding-top:10px;font:700 13px/1 var(--sans,'Manrope',Arial,sans-serif)}
.xv-share a{color:var(--navy,#16304f);text-decoration:none;border-bottom:1.5px solid #e0bd7c;padding-bottom:2px}
.xv-share a:hover{color:var(--gold,#b8893b)}
.xv-note{margin:34px 0 0;font:500 13px/1.6 var(--sans,'Manrope',Arial,sans-serif);color:#6b7684;max-width:760px}
.xv-cta{margin-top:44px;background:var(--navy,#16304f);color:#fff;border-radius:20px;padding:34px 36px;display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}
.xv-cta h3{font:600 32px/1.1 var(--serif,'Cormorant Garamond',Georgia,serif);color:#fff;margin:0 0 6px}
.xv-cta p{color:#c9d2de;margin:0;font:500 15px/1.5 var(--sans,'Manrope',Arial,sans-serif)}
.xv-cta .acts{display:flex;gap:12px;flex-wrap:wrap}
.xv-cta a{font:700 14px/1 var(--sans,'Manrope',Arial,sans-serif);text-decoration:none;padding:14px 22px;border-radius:8px;border:1.5px solid rgba(255,255,255,.45);color:#fff}
.xv-cta a.g{background:var(--gold,#b8893b);border-color:var(--gold,#b8893b)}
.xv-cta a:hover{filter:brightness(1.08)}
@media(max-width:640px){.xv-hero{padding:48px 0 44px}.xv-sec,.xv-home{padding:52px 0}.xv-grid{grid-template-columns:1fr}.xv-cta{padding:26px 22px}}

/* video play overlay (added by site-extras.js) */
.xv-media{position:relative;line-height:0}
.xv-play{position:absolute;left:84%;top:46%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:rgba(201,153,74,.96);display:grid;place-items:center;
  box-shadow:0 12px 30px -8px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.14);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.xv-play::before{content:"";border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #0d1c33;margin-left:5px}
.xv-card.playing .xv-play{opacity:0;transform:scale(.8)}