/* eApply Smart Extras (v2.10.0) */
:root{
  --x-bg:#fff; --x-bg2:#f8fafc; --x-tx:#0f172a; --x-mut:#64748b; --x-bd:#e2e8f0; --x-acc:#2563eb; --x-accbg:#eff6ff;
  --x-up:#4338ca; --x-upbg:#eef2ff;
  --x-hot:#dc2626; --x-hotbg:#fef2f2; --x-soon:#b45309; --x-soonbg:#fffbeb; --x-sh:0 12px 30px -12px rgba(15,23,42,.35);
}
html[data-epw-theme="dark"]{
  --x-bg:#111827; --x-bg2:#1a2332; --x-tx:#e5e7eb; --x-mut:#94a3b8; --x-bd:#2b3648; --x-acc:#60a5fa; --x-accbg:#172554;
  --x-up:#a5b4fc; --x-upbg:#1e1b4b;
  --x-hot:#fca5a5; --x-hotbg:#3b1316; --x-soon:#fcd34d; --x-soonbg:#3a2a0b; --x-sh:0 12px 30px -12px rgba(0,0,0,.7);
  color-scheme:dark;
}

/* ---------- bookmark on cards ---------- */
.sy-card,.ucl-card{position:relative !important}
.epw-bm{position:absolute !important;top:9px !important;right:9px !important;z-index:6 !important;width:28px !important;height:28px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;cursor:pointer !important;background:var(--x-bg) !important;color:var(--x-mut) !important;border:1px solid var(--x-bd) !important;box-shadow:0 3px 8px -4px rgba(15,23,42,.35) !important;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease !important;-webkit-tap-highlight-color:transparent !important;padding:0 !important;margin:0 !important}
.epw-bm svg{width:15px !important;height:15px !important;display:block !important;fill:none !important;pointer-events:none !important}
.epw-bm:hover{transform:scale(1.1) !important;color:var(--x-acc) !important;border-color:var(--x-acc) !important}
.epw-bm.on{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important;transform:scale(1.04) !important}
.epw-bm.on svg path{fill:currentColor !important}
.epw-bm:focus-visible{outline:2px solid var(--x-acc) !important;outline-offset:2px !important}
/* each card type: place the button where nothing else sits, and keep the text clear of it */
a.sy-card>.epw-bm{top:50% !important;right:10px !important;transform:translateY(-50%) !important}
a.sy-card>.epw-bm:hover{transform:translateY(-50%) scale(1.1) !important}
a.sy-card>.epw-bm.on{transform:translateY(-50%) scale(1.04) !important}
a.sy-card.epw-has-bm .sy-card-body{padding-right:40px !important}
a.sy-card.epw-has-bm .sy-card-arrow{right:44px !important}
a.ucl-card>.epw-bm{top:42px !important;right:10px !important}
a.ucl-card.epw-has-bm .ucl-title{padding-right:38px !important}
.epw-save-post{display:inline-flex !important;align-items:center !important;gap:7px !important;margin:6px 0 12px !important;padding:9px 15px !important;border-radius:999px !important;border:1px solid var(--x-bd) !important;background:var(--x-bg2) !important;color:var(--x-tx) !important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;cursor:pointer !important}
.epw-save-post svg{width:15px !important;height:15px !important;fill:none !important}
.epw-save-post.on{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important}
.epw-save-post.on svg path{fill:currentColor !important}

/* ---------- floating buttons ---------- */
.epw-fabs{position:fixed !important;left:12px !important;bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important;z-index:9980 !important;display:flex !important;flex-direction:column-reverse !important;align-items:flex-start !important;gap:10px !important;pointer-events:none !important}
.epw-fabs>*{pointer-events:auto !important}
body.epw-has-dock .epw-fabs{bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important}
@media(min-width:1025px){body.epw-has-dock .epw-fabs{bottom:calc(14px + env(safe-area-inset-bottom,0px)) !important}}
.epw-sj-fab{display:inline-flex !important;align-items:center !important;gap:6px !important;height:40px !important;padding:0 14px !important;border-radius:999px !important;border:1px solid #f59e0b !important;background:#fffbeb !important;color:#92400e !important;font-family:inherit !important;font-weight:700 !important;font-size:13px !important;line-height:1 !important;cursor:pointer !important;box-shadow:var(--x-sh) !important}
.epw-sj-fab svg{width:16px !important;height:16px !important;fill:none !important;flex:none !important}
.epw-sj-fab[hidden]{display:none !important}
.epw-sj-fab b{min-width:20px !important;height:20px !important;border-radius:10px !important;background:#f59e0b !important;color:#fff !important;font-size:12px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 5px !important}
@media(max-width:480px){.epw-sj-fab span{display:none !important}.epw-sj-fab{padding:0 12px !important}}
html[data-epw-theme="dark"] .epw-sj-fab{background:#3a2a0b;color:#fcd34d}

/* ---------- saved drawer ---------- */
.epw-sj-drawer{position:fixed !important;inset:0 !important;z-index:100000 !important;display:none !important}
.epw-sj-drawer.on{display:block !important}
.epw-sj-bg{position:absolute !important;inset:0 !important;background:rgba(2,6,23,.55) !important}
.epw-sj-sheet{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;max-height:82vh !important;display:flex !important;flex-direction:column !important;background:var(--x-bg) !important;color:var(--x-tx) !important;border-radius:20px 20px 0 0 !important;box-shadow:0 -10px 40px rgba(0,0,0,.35) !important;animation:epwSj .28s cubic-bezier(.22,1,.36,1) !important}
@media(min-width:700px){.epw-sj-sheet{left:50% !important;right:auto !important;width:520px !important;transform:translateX(-50%) !important;bottom:5vh !important;border-radius:20px !important;max-height:80vh !important}}
@keyframes epwSj{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:700px){@keyframes epwSj{from{opacity:0}to{opacity:1}}}
.epw-sj-head{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:14px 16px !important;border-bottom:1px solid var(--x-bd) !important}
.epw-sj-head h3 svg{width:18px !important;height:18px !important;fill:none !important;vertical-align:-3px !important;margin-right:4px !important;color:#f59e0b !important}
.epw-sj-head h3{margin:0 !important;font-size:16px !important;color:var(--x-tx) !important}
.epw-sj-close{width:34px !important;height:34px !important;border-radius:50% !important;border:0 !important;background:var(--x-bg2) !important;color:var(--x-tx) !important;cursor:pointer !important}
.epw-sj-list{overflow:auto !important;padding:8px 12px !important;flex:1 !important;-webkit-overflow-scrolling:touch !important}
.epw-sj-row{display:flex !important;align-items:center !important;gap:8px !important;padding:8px 4px !important;border-bottom:1px solid var(--x-bd) !important}
.epw-sj-row a{flex:1 !important;text-decoration:none !important;color:var(--x-tx) !important;min-width:0 !important}
.epw-sj-row b{display:block !important;font-size:14px !important;line-height:1.35 !important;font-weight:600 !important}
.epw-sj-row small{color:var(--x-mut) !important;font-size:11.5px !important}
.epw-sj-row button{border:0 !important;background:transparent !important;color:var(--x-mut) !important;font-size:16px !important;width:34px !important;height:34px !important;cursor:pointer !important}
.epw-sj-empty{text-align:center !important;color:var(--x-mut) !important;padding:30px 10px !important;font-size:14px !important}
.epw-sj-foot{display:flex !important;gap:8px !important;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px)) !important;border-top:1px solid var(--x-bd) !important}
.epw-sj-foot button svg{vertical-align:-3px !important;margin-right:4px !important}
.epw-sj-foot button{flex:1 !important;height:40px !important;border-radius:12px !important;border:1px solid var(--x-bd) !important;background:var(--x-bg2) !important;color:var(--x-tx) !important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;cursor:pointer !important}

/* ---------- toast ---------- */
.epw-toast{position:fixed !important;left:50% !important;bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;transform:translate(-50%,16px) !important;z-index:100001 !important;background:#0f172a !important;color:#fff !important;padding:9px 16px !important;border-radius:999px !important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1.2 !important;opacity:0 !important;pointer-events:none !important;transition:opacity .2s ease,transform .2s ease !important;max-width:86vw !important}
.epw-toast.on{opacity:1 !important;transform:translate(-50%,0) !important}

/* ---------- add to calendar box ---------- */
.epw-cal{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;margin:0 0 18px !important;padding:12px 14px !important;border-radius:14px !important;border:1px solid #bfdbfe !important;background:var(--x-accbg) !important;color:var(--x-tx) !important}
.epw-cal-l{display:flex !important;align-items:center !important;gap:10px !important}
.epw-cal-ic{font-size:24px !important;line-height:1 !important}
.epw-cal-l b{display:block !important;font-size:15px !important;color:var(--x-acc) !important}
.epw-cal-l small{display:block !important;color:var(--x-mut) !important;font-size:12.5px !important;margin-top:2px !important}
.epw-cal-b{display:flex !important;gap:8px !important;flex-wrap:wrap !important}
.epw-cal-b a{display:inline-flex !important;align-items:center !important;height:36px !important;padding:0 14px !important;border-radius:999px !important;background:var(--x-bg) !important;border:1px solid var(--x-bd) !important;color:var(--x-tx)!important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;text-decoration:none!important}
.epw-cal-b .epw-save-post{background:var(--x-acc) !important;border-color:var(--x-acc) !important;color:#fff!important}
html[data-epw-theme="dark"] .epw-cal-b .epw-save-post{color:#0b1220!important}
.epw-cal.is-soon{background:var(--x-soonbg) !important;border-color:#fde68a !important}.epw-cal.is-soon b{color:var(--x-soon) !important}
.epw-cal.is-hot{background:var(--x-hotbg) !important;border-color:#fecaca !important}.epw-cal.is-hot b{color:var(--x-hot) !important}

/* ---------- live search ---------- */
.epw-us{max-width:760px !important;margin:0 auto 18px !important;color:var(--x-tx) !important}
.epw-us-box{display:flex !important;align-items:center !important;gap:8px !important;height:52px !important;padding:0 14px !important;border-radius:16px !important;border:1px solid var(--x-bd) !important;background:var(--x-bg) !important;box-shadow:0 6px 20px -12px rgba(15,23,42,.35) !important}
.epw-us-box:focus-within{border-color:var(--x-acc) !important;box-shadow:0 0 0 3px rgba(37,99,235,.15) !important}
.epw-us-in{flex:1 !important;min-width:0 !important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px !important;color:var(--x-tx)!important;height:100% !important;padding:0!important}
.epw-us-x{border:0 !important;background:var(--x-bg2) !important;color:var(--x-mut) !important;width:28px !important;height:28px !important;border-radius:50% !important;cursor:pointer !important}
.epw-us-chips,.epw-us-recent{display:flex !important;gap:6px !important;overflow-x:auto !important;padding:10px 2px 2px !important;scrollbar-width:none !important}
.epw-us-chips::-webkit-scrollbar,.epw-us-recent::-webkit-scrollbar{display:none !important}
.epw-us-recent[hidden]{display:none !important}
.epw-us-recent span{font-size:12px !important;color:var(--x-mut) !important;align-self:center !important;flex:none !important}
.epw-us-chip,.epw-us-recent button{flex:none !important;border:1px solid var(--x-bd) !important;background:var(--x-bg2) !important;color:var(--x-tx) !important;padding:6px 12px !important;border-radius:999px !important;font-family:inherit !important;font-weight:600 !important;font-size:12.5px !important;line-height:1 !important;cursor:pointer !important}
.epw-us-chip:hover,.epw-us-recent button:hover{border-color:var(--x-acc) !important;color:var(--x-acc) !important}
.epw-us-res{margin-top:10px !important}
.epw-us-g{background:var(--x-bg) !important;border:1px solid var(--x-bd) !important;border-radius:14px !important;margin-bottom:10px !important;overflow:hidden !important}
.epw-us-g h4{margin:0 !important;padding:9px 14px !important;font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--x-mut) !important;background:var(--x-bg2) !important;border-bottom:1px solid var(--x-bd) !important}
.epw-us-i{display:flex !important;justify-content:space-between !important;gap:12px !important;align-items:flex-start !important;padding:11px 14px !important;border-bottom:1px solid var(--x-bd) !important;text-decoration:none!important;color:var(--x-tx)!important;font-size:14.5px !important;line-height:1.4 !important}
.epw-us-i:last-child{border-bottom:0 !important}
.epw-us-i:hover{background:var(--x-bg2) !important}
.epw-us-i small{flex:none !important;color:var(--x-mut) !important;font-size:12px !important;margin-top:2px !important}
.epw-us-st{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-bottom:10px !important}
.epw-us-st a{display:inline-flex !important;gap:6px !important;align-items:center !important;padding:7px 12px !important;border-radius:999px !important;background:var(--x-accbg) !important;color:var(--x-acc)!important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;text-decoration:none!important}
.epw-us-st small{opacity:.7 !important}
.epw-us-none,.epw-us-load{text-align:center !important;color:var(--x-mut) !important;padding:18px 8px !important;font-size:14px !important}
.epw-ts{margin:10px 0 !important}

@media (prefers-reduced-motion:reduce){.epw-sj-sheet,.epw-toast,.epw-bm{animation:none!important;transition:none!important}}

.epw-us-ic{display:flex !important;color:var(--x-mut) !important}
.epw-cal-ic{display:flex !important;color:var(--x-acc) !important}

.epw-cal.is-upcoming{background:var(--x-upbg) !important;border-color:#c7d2fe !important}
.epw-cal.is-upcoming .epw-cal-l b,.epw-cal.is-upcoming .epw-cal-ic{color:var(--x-up) !important}
.epw-cal.is-upcoming .epw-cal-b .epw-save-post{background:#4f46e5 !important;border-color:#4f46e5 !important}
html[data-epw-theme="dark"] .epw-cal.is-upcoming{border-color:#312e81 !important}


/* ---------- Save button inside the dates box + compact spacing ---------- */
.epw-cal{margin:0 0 12px !important;padding:11px 13px !important;gap:8px 10px !important}
.epw-cal-b{display:flex !important;gap:8px !important;flex-wrap:wrap !important;align-items:center !important}
.epw-cal-b .epw-save-slot{display:contents !important}
.epw-cal-b .epw-save-post{display:inline-flex !important;align-items:center !important;gap:6px !important;height:36px !important;margin:0 !important;padding:0 15px !important;border-radius:999px !important;
  background:var(--x-acc) !important;border:1px solid var(--x-acc) !important;color:#fff !important;font-family:inherit !important;font-weight:600 !important;font-size:13px !important;line-height:1 !important;cursor:pointer !important}
.epw-cal-b .epw-save-post.on{background:#f59e0b !important;border-color:#f59e0b !important;color:#fff !important}
.epw-save-post.is-solo{margin:2px 0 8px !important}
.epw-cal-l small{line-height:1.35 !important}

/* ---------- theme switch: ONE round button (Light <-> Dark) ---------- */
.epw-th{position:relative !important;width:44px !important;height:44px !important;min-width:44px !important;padding:0 !important;margin:0 !important;border-radius:50% !important;overflow:hidden !important;cursor:pointer !important;
  border:1px solid #fde68a !important;background:linear-gradient(145deg,#fffbeb,#fef3c7) !important;color:#f59e0b !important;box-shadow:var(--x-sh) !important;
  transition:background .45s ease,border-color .45s ease,color .45s ease,transform .2s ease !important;-webkit-tap-highlight-color:transparent}
.epw-th:active{transform:scale(.92) !important}
.epw-th svg{position:absolute !important;top:50% !important;left:50% !important;width:22px !important;height:22px !important;margin:-11px 0 0 -11px !important;display:block !important;
  transition:transform .55s cubic-bezier(.34,1.45,.5,1),opacity .3s ease !important}
.epw-th .i-moon{opacity:0 !important;transform:rotate(-120deg) scale(.3) !important}
html[data-epw-theme="dark"] .epw-th{background:linear-gradient(145deg,#1e1b4b,#312e81) !important;border-color:#4f46e5 !important;color:#c7d2fe !important;box-shadow:0 0 0 1px rgba(99,102,241,.25),0 10px 26px -10px rgba(79,70,229,.7) !important}
html[data-epw-theme="dark"] .epw-th .i-sun{opacity:0 !important;transform:rotate(120deg) scale(.3) !important}
html[data-epw-theme="dark"] .epw-th .i-moon{opacity:1 !important;transform:none !important}
.epw-th:focus-visible{outline:2px solid var(--x-acc) !important;outline-offset:3px !important}

/* ---------- home page on phones: no bookmarks / Saved button (save inside the post instead) ---------- */
@media(max-width:768px){body.epw-home .epw-bm,body.epw-home .epw-sj-fab{display:none !important}}

/* ---------- bottom menu: ONE font / size on every page ---------- */
html body .eh-bbar .eh-bb-lb{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;font-size:10.5px !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:0 !important;text-transform:none !important;font-style:normal !important}
html body .eh-bbar .eh-bb-item.is-active .eh-bb-lb{font-weight:700 !important}
html body .eh-bbar.is-min .eh-bb-item.is-pin .eh-bb-lb{font-size:10px !important}
html body .eh-bbar .eh-bb-ic{font-size:20px !important}
html body .eh-bbar .eh-bb-ic img{width:22px !important;height:22px !important}
html body .eh-nav-label{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important}

/* the home page on phones has no bookmark, so the text gets the FULL card width (no reserved gap on the right) */
@media(max-width:768px){
  body.epw-home a.sy-card .sy-card-body,body.epw-home a.sy-card.epw-has-bm .sy-card-body,body.epw-home a.ucl-card .ucl-title,body.epw-home a.ucl-card.epw-has-bm .ucl-title{padding-right:0 !important}
}
@media(max-width:700px){
  .eh-cat-grid a.sy-card .sy-card-body,.eh-cat-grid a.sy-card.epw-has-bm .sy-card-body{padding-right:0 !important}
}


/* =====================================================================
   v2.10.9 — NEW tag / Save overlap fix + modern home-page polish
   ===================================================================== */

/* 1) NEW tag now "hangs" on the card's top edge (like a ribbon tab) so it never
      shares space with the Save button, which stays centred on the right. */
body .sy-card > .sy-badge-new.sy-new-corner{
  top:5px !important; right:11px !important;
  border:1px solid color-mix(in srgb,var(--x-bg,#fff) 55%,transparent) !important;
  padding:1px 7px !important; line-height:1.4 !important;
  box-shadow:0 2px 5px -2px rgba(213,94,0,.45) !important;
  animation:none !important; z-index:7 !important;
}
body .sy-card.sy-has-new .sy-post-title{ padding-right:0 !important; }
body .sy-card.sy-has-new .sy-card-arrow{ margin-top:2px !important; }
/* keep a little air so a one-line card still clears both tag and button */
body .sy-card.sy-has-new{ min-height:0; }
body .sy-card.sy-has-new > .epw-bm{ top:calc(50% + 6px) !important; }

/* 2) Modern look: softer glass cards, rounder corners, calmer shadows */
body .sy-box{
  border-radius:22px !important;
  box-shadow:0 18px 40px -18px rgba(15,23,42,.28), 0 2px 6px rgba(15,23,42,.05) !important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease !important;
}
body .sy-box:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 50px -20px rgba(15,23,42,.34), 0 2px 8px rgba(15,23,42,.06) !important;
}
body .sy-glow-border{ opacity:.22 !important; }
body .sy-header{
  padding:16px 18px !important;
  backdrop-filter:saturate(1.4) blur(6px);
  -webkit-backdrop-filter:saturate(1.4) blur(6px);
}
body .sy-header-orb{ width:40px !important; height:40px !important; }
body .sy-header-text{ font-size:18px !important; font-weight:800 !important; letter-spacing:-.1px !important; }
body .sy-header-count{ font-weight:800 !important; padding:4px 11px !important; }

body .sy-card{
  border-radius:14px !important;
  padding:14px 16px !important;
  border-color:color-mix(in srgb, var(--sy-c2,#14b8a6) 14%, #e8edf3) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04), 0 6px 14px -10px rgba(15,23,42,.18) !important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease, background .28s ease !important;
}
body .sy-card:hover{
  transform:translateY(-3px) !important;
  border-color:color-mix(in srgb, var(--sy-c2,#14b8a6) 55%, #ffffff) !important;
  box-shadow:0 14px 28px -14px color-mix(in srgb, var(--sy-c1,#0f766e) 55%, transparent), 0 2px 6px rgba(15,23,42,.06) !important;
}
body .sy-post-title{ font-size:14.5px !important; line-height:1.4 !important; letter-spacing:-.1px !important; }
body .sy-tag{ padding:3px 10px !important; font-size:10px !important; }
body .sy-dot{ box-shadow:0 0 0 3px var(--x-bg,#fff), 0 0 0 4px rgba(148,163,184,.25); }

body .sy-footer{ border-radius:0 0 20px 20px !important; }
body .sy-btn{
  padding:11px 30px !important;
  box-shadow:0 8px 18px -12px color-mix(in srgb, var(--sy-c1,#0f766e) 70%, transparent);
}
body .sy-btn:hover{ transform:translateY(-1px); }

/* bookmark button: a touch softer */
body .epw-bm{ width:30px !important; height:30px !important; box-shadow:0 4px 10px -5px rgba(15,23,42,.4) !important; }

@media (max-width:600px){
  body .sy-card{ padding:13px 14px !important; }
  body .sy-card > .sy-badge-new.sy-new-corner{ right:12px !important; }
}
@media (prefers-reduced-motion:reduce){
  body .sy-box,body .sy-card,body .sy-btn{ transition:none !important; }
  body .sy-box:hover,body .sy-card:hover,body .sy-btn:hover{ transform:none !important; }
}

/* v2.10.9 - scroll-hint arrow on the bottom dock: sits on the last visible button, clear of the label, dark-mode friendly */
html body .eh-bbar .epw-ar{right:8px !important;width:30px !important;height:30px !important;margin-top:-15px !important}
html[data-epw-theme="dark"] .eh-bbar .epw-ar{background:rgba(30,41,59,.96) !important;border-color:rgba(148,163,184,.4) !important;color:#c7d2fe !important}

/* v2.10.9 - State / UT page: category chips wrap inside the page width (no more sticking out on the right), phone too */
body .epw-sp .epw-sp-pills{display:flex !important;flex-wrap:wrap !important;width:100% !important;max-width:100% !important;min-width:0 !important;overflow:visible !important;box-sizing:border-box !important}
body .epw-sp .epw-sp-pill{flex:0 1 auto !important;max-width:100% !important;white-space:nowrap}
@media(max-width:640px){body .epw-sp .epw-sp-pills{gap:5px !important}body .epw-sp .epw-sp-pill{padding:5px 9px !important;font-size:11.5px !important}}

/* =====================================================================
   v2.10.9 - skeleton loading + dark-mode polish
   (colours come from the --x-* variables, so light AND dark both work)
   ===================================================================== */

/* ---------- Skeleton loading (load-more / filter in category lists) ---------- */
.ucl-loading-state{opacity:1 !important}
.ucl-skel{pointer-events:none !important;min-height:112px;display:flex !important;flex-direction:column;gap:10px;justify-content:flex-start}
.ucl-sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--x-bg2,#f1f5f9) 25%,var(--x-bd,#e2e8f0) 37%,var(--x-bg2,#f1f5f9) 63%);background-size:400% 100%;animation:epw-sk 1.3s ease infinite}
.ucl-sk-tag{width:34%;height:14px;border-radius:99px}
.ucl-sk-l1{width:92%;height:14px}
.ucl-sk-l2{width:64%;height:14px}
.ucl-sk-date{width:42%;height:11px;margin-top:auto}
@keyframes epw-sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
@media(prefers-reduced-motion:reduce){.ucl-sk{animation:none}}

/* ---------- Dark mode: NEW tab, cards, boxes, dock arrow ---------- */
html[data-epw-theme="dark"] .eh-bbar .eh-bb-item.is-active::after{background:#6f90ec !important}
html[data-epw-theme="dark"] .eh-bbar .epw-ar{background:rgba(30,41,59,.96) !important;border-color:rgba(148,163,184,.4) !important;color:#c7d2fe !important}
html[data-epw-theme="dark"] body .sy-card > .sy-badge-new.sy-new-corner{border-color:var(--x-bg) !important;box-shadow:0 3px 10px -2px rgba(251,146,60,.45) !important}
html[data-epw-theme="dark"] body .sy-box{box-shadow:0 18px 40px -18px rgba(0,0,0,.75),0 0 0 1px rgba(148,163,184,.12) !important}
html[data-epw-theme="dark"] body .sy-box:hover{box-shadow:0 26px 50px -20px rgba(0,0,0,.85),0 0 0 1px rgba(148,163,184,.2) !important}
html[data-epw-theme="dark"] body .sy-card{border-color:rgba(148,163,184,.16) !important;box-shadow:0 1px 2px rgba(0,0,0,.4),0 6px 14px -10px rgba(0,0,0,.6) !important}
html[data-epw-theme="dark"] body .sy-card:hover{box-shadow:0 14px 28px -14px rgba(0,0,0,.8) !important}
html[data-epw-theme="dark"] body .sy-dot{box-shadow:0 0 0 3px var(--x-bg),0 0 0 4px rgba(148,163,184,.25)}
html[data-epw-theme="dark"] body .epw-bm{box-shadow:0 4px 10px -5px rgba(0,0,0,.7) !important}


/* =====================================================================
   v2.11.1 - smaller post text (home boxes, PC + phone), Save / arrow overlap fix
   ===================================================================== */
/* ---- home category boxes ---- */
html body .sy-post-title{font-size:13.2px !important;line-height:1.38 !important;font-weight:650 !important}
html body .sy-card{padding:11px 14px !important;border-radius:13px !important}
html body .sy-header-text{font-size:16px !important}
html body .sy-header{padding:13px 16px !important}
html body .sy-header-orb{width:36px !important;height:36px !important}
html body .sy-meta,html body .sy-card .sy-date{font-size:11px !important}
html body .sy-tag{font-size:9.5px !important;padding:2px 8px !important}
@media(max-width:600px){
  html body .sy-post-title{font-size:12px !important;line-height:1.34 !important}
  html body .sy-card{padding:9px 11px !important;border-radius:12px !important}
  html body .sy-card.epw-has-bm .sy-card-body{padding-right:30px !important}
  html body .sy-header{padding:10px 11px !important;gap:6px !important}
  html body .sy-header-orb{width:28px !important;height:28px !important}
  html body .sy-header-text{font-size:13px !important;letter-spacing:-.2px !important}
  html body .sy-header-count{font-size:10.5px !important;padding:2px 8px !important}
  html body .sy-meta,html body .sy-card .sy-date{font-size:10px !important}
  html body .sy-tag{font-size:8.5px !important;padding:1px 7px !important}
  html body .epw-bm{width:26px !important;height:26px !important}
  html body .sy-card > .sy-badge-new.sy-new-corner{font-size:8px !important;padding:0 6px !important;right:10px !important}
}
/* ---- category list cards (e.g. /all-services) ---- */
html body .ucl-title{font-size:13.6px !important;line-height:1.35 !important}
@media(max-width:600px){html body .ucl-title{font-size:12.4px !important}}

/* ---- Save button vs. arrow: the Save button now sits in the TOP row (next to the category tag),
        the arrow keeps the bottom-right corner to itself ---- */
html body a.ucl-card > .epw-bm{top:8px !important;right:10px !important;width:26px !important;height:26px !important}
html body a.ucl-card.epw-has-bm .ucl-card-top{padding-right:34px !important}
html body a.ucl-card.epw-has-bm .ucl-title{padding-right:0 !important}


/* =====================================================================
   v2.11.6 - NEW tag without extra height, modern headings + font, dark headings, "View All Updates" on phones
   ===================================================================== */

/* ---- NEW tag: PC keeps its place; the title keeps room on the right ---- */
html body .sy-card.sy-has-new.epw-has-bm .sy-card-body{padding-right:52px !important}
@media(max-width:600px){
  /* phone: the NEW tag is a small corner tab (flush in the top-right corner of the card): it takes NO extra row,
     so every card keeps exactly the height it had before */
  html body .sy-card.sy-has-new{padding-top:9px !important;min-height:0 !important}
  html body .sy-card > .sy-badge-new.sy-new-corner{top:0 !important;right:0 !important;border:0 !important;border-radius:0 12px 0 8px !important;padding:1px 6px 2px !important;font-size:7.5px !important;line-height:1.35 !important;box-shadow:none !important;animation:none !important}
  html body .sy-card.sy-has-new .sy-card-body{padding-right:8px !important}
  html body .sy-card.sy-has-new.epw-has-bm .sy-card-body{padding-right:40px !important}
  html body .sy-card.sy-has-new > .epw-bm{top:calc(50% + 8px) !important}
}

/* ---- modern heading font (Poppins) for every heading ---- */
.epw-qu-head .epw-qu-title,.epw-qu-head .epw-qu-t,
html body .sy-header-text,html body .epw-sp-h,html body .ucl-page-title,html body .epw-st-h,html body .eh-nav-label{font-family:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',sans-serif !important}
.epw-qu-head .epw-qu-title{font-weight:800;letter-spacing:-.3px}
html body .sy-header-text{font-weight:700 !important;letter-spacing:-.2px !important}
html body .ucl-page-title,html body .epw-st-h{font-weight:700;letter-spacing:-.2px}
html body .eh-nav-label{font-weight:700;letter-spacing:-.1px}
html body .epw-sp-h{font-weight:800;letter-spacing:-.4px}

/* ---- dark mode: headings that were too dim ---- */
html[data-epw-theme="dark"] .epw-qu-head .epw-qu-t{background-image:linear-gradient(90deg,#e0e7ff 0%,#a5b4fc 32%,#fcd34d 68%,#fff7d6 100%) !important}
html[data-epw-theme="dark"] .epw-qu-head .epw-qu-sub{color:#a5b4cc !important}
html[data-epw-theme="dark"] .epw-qu-head .epw-qu-title::after{background:linear-gradient(90deg,#818cf8,#fbbf24,#818cf8)}
html[data-epw-theme="dark"] body .sy-header-text{color:color-mix(in srgb,var(--sy-c2,#14b8a6) 62%,#ffffff) !important;text-shadow:0 0 18px color-mix(in srgb,var(--sy-c2,#14b8a6) 35%,transparent)}
html[data-epw-theme="dark"] body .ucl-page-title,html[data-epw-theme="dark"] body .epw-st-h{color:#f1f5f9 !important}
html[data-epw-theme="dark"] body .eh-nav-label{color:#f1f5f9 !important}

/* ---- "View All Updates" button: clean, single line, full width on phones ---- */
@media(max-width:600px){
  html body .sy-footer{padding:10px 10px 12px !important}
  html body .sy-btn{display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;width:100% !important;padding:9px 6px !important;border-radius:12px !important;
    font-size:11.5px !important;font-weight:750 !important;letter-spacing:.1px !important;white-space:nowrap !important;line-height:1.2 !important;
    background:color-mix(in srgb,var(--sy-c2,#14b8a6) 10%,transparent) !important;border:1px solid color-mix(in srgb,var(--sy-c2,#14b8a6) 38%,transparent) !important;box-shadow:none !important}
  html body .sy-btn-arrow{font-size:13px !important;line-height:1 !important}
  html[data-epw-theme="dark"] body .sy-btn{color:color-mix(in srgb,var(--sy-c2,#14b8a6) 62%,#ffffff) !important}
}
@media(max-width:380px){html body .sy-btn{font-size:10.5px !important;gap:4px !important}}


/* =====================================================================
   v2.11.7 - phone home boxes: the text gets the FULL card width (no empty gap on the right), titles in 2-3 rows
   ===================================================================== */
@media(max-width:768px){
  /* the v2.11.6 "room for Save" padding must not come back on the home page, where Save is hidden on phones */
  html body.epw-home a.sy-card.sy-has-new.epw-has-bm .sy-card-body,
  html body.epw-home a.sy-card.epw-has-bm .sy-card-body,
  html body .eh-cat-grid a.sy-card.sy-has-new.epw-has-bm .sy-card-body,
  html body .eh-cat-grid a.sy-card.epw-has-bm .sy-card-body{padding-right:0 !important}
  /* a little less empty space at the right edge of every box list */
  html body.epw-home .sy-list,html body .eh-cat-grid .sy-list{padding-right:9px !important}
  html body.epw-home .sy-post-title,html body .eh-cat-grid .sy-post-title{font-size:12px !important;line-height:1.36 !important}
}


/* =====================================================================
   v2.11.8 - phone: a post title shows in 3 lines at most (then "..."), nothing longer
   ===================================================================== */
@media(max-width:768px){
  html body .sy-card .sy-title-text,
  html body a.ucl-card .ucl-title{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:3 !important;line-clamp:3 !important;overflow:hidden !important;text-overflow:ellipsis !important}
  /* NEW corner tab a little smaller so it never touches the first line of the title */
  html body .sy-card > .sy-badge-new.sy-new-corner{font-size:7px !important;padding:1px 5px !important;line-height:1.25 !important}
}
@media(max-width:480px){
  html body.epw-home .sy-post-title,html body .eh-cat-grid .sy-post-title{font-size:11.8px !important;line-height:1.33 !important}
}

/* =====================================================================
   v2.12.2 - ONE tidy right-hand layout for every post card (PC + phone)
     top-right ........ NEW tag          (corner tab on phones)
     bottom-right ..... [ Save ] [ -> ]  (the arrow is always visible now, not only on hover)
   The date / status row keeps clear of the bottom-right cluster, the title keeps clear of the NEW tag.
   ===================================================================== */

/* ---- arrow: always visible, a small round chip ---- */
html body a.sy-card>.sy-card-arrow,
html body a.sy-card.sy-has-new>.sy-card-arrow,
html body a.sy-card.epw-has-bm>.sy-card-arrow{position:absolute !important;right:10px !important;bottom:9px !important;margin:0 !important;width:22px;height:22px;display:flex !important;align-items:center;justify-content:center;
  border-radius:50%;font-size:12.5px;line-height:1;opacity:1 !important;transform:none !important;background:color-mix(in srgb,var(--sy-c2,#14b8a6) 13%,transparent);color:var(--sy-c2,#14b8a6) !important;transition:background .2s ease,color .2s ease,transform .2s ease}
html body a.sy-card:hover>.sy-card-arrow{background:var(--sy-c2,#14b8a6);color:#fff !important;transform:translateX(2px) !important}

/* ---- Save: bottom row, just left of the arrow ---- */
html body a.sy-card>.epw-bm,
html body a.sy-card.sy-has-new>.epw-bm{top:auto !important;bottom:7px !important;right:38px !important;transform:none !important;width:26px !important;height:26px !important}
html body a.sy-card>.epw-bm:hover{transform:scale(1.08) !important}
html body a.sy-card>.epw-bm.on{transform:scale(1.04) !important}

/* ---- text keeps clear: title clear of NEW (PC), date row clear of Save + arrow ---- */
html body a.sy-card .sy-card-body,
html body a.sy-card.epw-has-bm .sy-card-body,
html body a.sy-card.sy-has-new.epw-has-bm .sy-card-body,
html body.epw-home a.sy-card.epw-has-bm .sy-card-body,
html body.epw-home a.sy-card.sy-has-new.epw-has-bm .sy-card-body,
html body .eh-cat-grid a.sy-card.epw-has-bm .sy-card-body,
html body .eh-cat-grid a.sy-card.sy-has-new.epw-has-bm .sy-card-body{padding-right:0 !important}
html body a.sy-card.sy-has-new .sy-post-title{padding-right:40px !important}
html body a.sy-card .sy-meta{padding-right:34px}
html body a.sy-card.epw-has-bm .sy-meta{padding-right:68px}
@media(max-width:768px){
  html body a.sy-card.sy-has-new .sy-post-title{padding-right:0 !important}             /* phones: the NEW corner tab is tiny */
  html body.epw-home a.sy-card.epw-has-bm .sy-meta,
  html body .eh-cat-grid a.sy-card.epw-has-bm .sy-meta{padding-right:34px}               /* Save is hidden on the phone home page */
  html body a.sy-card>.sy-card-arrow{width:20px;height:20px;font-size:11.5px;right:9px !important;bottom:8px !important}
}

/* ---- category list cards: Save top-right (already), arrow bottom-right, now visible on phones too ---- */
html body a.ucl-card>.ucl-arrow{display:flex !important;opacity:1 !important;transform:none !important;right:12px !important;bottom:10px !important;width:24px;height:24px;font-size:13px}
html body a.ucl-card:hover>.ucl-arrow{transform:translateX(2px) !important}
html body a.ucl-card .ucl-meta{padding-right:38px}

/* =====================================================================
   v2.12.3 - PC: the Save button shows ONLY on the card you are pointing at (no card shows it otherwise).
   Touch screens (phones / tablets have no hover) keep Save visible as before, so it can still be used.
   ===================================================================== */
@media (hover:hover) and (pointer:fine){
  html body a.sy-card>.epw-bm,
  html body a.ucl-card>.epw-bm{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:scale(.82) !important;
    transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s !important}
  html body a.sy-card:hover>.epw-bm,
  html body a.ucl-card:hover>.epw-bm,
  html body a.sy-card:focus-within>.epw-bm,
  html body a.ucl-card:focus-within>.epw-bm{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;transition-delay:0s !important}
  html body a.sy-card>.epw-bm:hover,
  html body a.ucl-card>.epw-bm:hover{transform:scale(1.08) !important}
}