
:root{--wif-theme:1}
.wif-frame,.wif-frame *{box-sizing:border-box}
.wif-frame{--wif-a:#2563eb;--wif-b:#7c3aed;--wif-c:#ec4899;--wif-text:#1f2937;--wif-paper:#fff;display:block;position:relative;width:fit-content;max-width:min(100%,calc(100% - 8px));margin:24px auto;isolation:isolate;transition:transform .24s ease, box-shadow .24s ease, filter .24s ease;overflow:visible}
.wif-frame img{display:block;max-width:100%;height:auto;border:0;object-fit:contain;background:#fff}
.wif-caption{position:absolute;z-index:2;max-width:min(86%,460px);font-size:14px;line-height:1.55;font-weight:700;word-break:break-word;transition:opacity .22s ease, transform .22s ease}
.wif-frame.overlay-hover .wif-caption{opacity:0;transform:translateY(8px)}
.wif-frame.overlay-hover:hover .wif-caption,.wif-frame.overlay-hover:focus-within .wif-caption{opacity:1;transform:none}
.wif-frame.overlay-off .wif-caption{display:none}
.wif-frame.overlay-above{display:flex;flex-direction:column;align-items:center}
.wif-frame.overlay-above .wif-caption{position:relative;inset:auto !important;max-width:100%;margin:0 auto 12px !important;transform:none !important}
@media (hover:hover) and (pointer:fine){.wif-frame:hover{transform:translateY(-3px)}}
@media (max-width:680px){.wif-frame{max-width:calc(100% - 4px);margin:16px auto}.wif-caption{font-size:12px;line-height:1.45;max-width:calc(100% - 20px)}}


.wif-frame{padding:16px;border-radius:32px;background:linear-gradient(180deg,#fff1f7,#fff);border:1px solid #fbcfe8;box-shadow:0 18px 40px rgba(244,114,182,.14)}
.wif-frame::before{content:"";position:absolute;inset:auto auto -8px -8px;width:120px;height:120px;border-radius:999px;background:#f9a8d422;z-index:-1}
.wif-frame::after{content:"";position:absolute;inset:-10px -4px auto auto;width:88px;height:88px;border-radius:999px;background:#fbcfe822;z-index:-1}
.wif-frame img{border-radius:24px}
.wif-caption{left:18px;bottom:18px;padding:10px 14px;border-radius:999px;background:#fff;color:#4a2236;border:1px solid #f9a8d4}

.wif-frame.theme-1{--wif-a:hsl(29 78% 54%);--wif-b:hsl(77 76% 56%);--wif-c:hsl(141 78% 58%);}
.wif-frame.theme-2{--wif-a:hsl(58 78% 54%);--wif-b:hsl(106 76% 56%);--wif-c:hsl(170 78% 58%);}
.wif-frame.theme-3{--wif-a:hsl(87 78% 54%);--wif-b:hsl(135 76% 56%);--wif-c:hsl(199 78% 58%);}
.wif-frame.theme-4{--wif-a:hsl(116 78% 54%);--wif-b:hsl(164 76% 56%);--wif-c:hsl(228 78% 58%);}
.wif-frame.theme-5{--wif-a:hsl(145 78% 54%);--wif-b:hsl(193 76% 56%);--wif-c:hsl(257 78% 58%);}
.wif-frame.theme-6{--wif-a:hsl(174 78% 54%);--wif-b:hsl(222 76% 56%);--wif-c:hsl(286 78% 58%);}
.wif-frame.theme-7{--wif-a:hsl(203 78% 54%);--wif-b:hsl(251 76% 56%);--wif-c:hsl(315 78% 58%);}
.wif-frame.theme-8{--wif-a:hsl(232 78% 54%);--wif-b:hsl(280 76% 56%);--wif-c:hsl(344 78% 58%);}
.wif-frame.theme-9{--wif-a:hsl(261 78% 54%);--wif-b:hsl(309 76% 56%);--wif-c:hsl(13 78% 58%);}
.wif-frame.theme-10{--wif-a:hsl(290 78% 54%);--wif-b:hsl(338 76% 56%);--wif-c:hsl(42 78% 58%);}
.wif-frame.theme-11{--wif-a:hsl(319 78% 54%);--wif-b:hsl(7 76% 56%);--wif-c:hsl(71 78% 58%);}
.wif-frame.theme-12{--wif-a:hsl(348 78% 54%);--wif-b:hsl(36 76% 56%);--wif-c:hsl(100 78% 58%);}
.wif-frame.theme-13{--wif-a:hsl(17 78% 54%);--wif-b:hsl(65 76% 56%);--wif-c:hsl(129 78% 58%);}
.wif-frame.theme-14{--wif-a:hsl(46 78% 54%);--wif-b:hsl(94 76% 56%);--wif-c:hsl(158 78% 58%);}
.wif-frame.theme-15{--wif-a:hsl(75 78% 54%);--wif-b:hsl(123 76% 56%);--wif-c:hsl(187 78% 58%);}
.wif-frame.theme-16{--wif-a:hsl(104 78% 54%);--wif-b:hsl(152 76% 56%);--wif-c:hsl(216 78% 58%);}
.wif-frame.theme-17{--wif-a:hsl(133 78% 54%);--wif-b:hsl(181 76% 56%);--wif-c:hsl(245 78% 58%);}
.wif-frame.theme-18{--wif-a:hsl(162 78% 54%);--wif-b:hsl(210 76% 56%);--wif-c:hsl(274 78% 58%);}
.wif-frame.theme-19{--wif-a:hsl(191 78% 54%);--wif-b:hsl(239 76% 56%);--wif-c:hsl(303 78% 58%);}
.wif-frame.theme-20{--wif-a:hsl(220 78% 54%);--wif-b:hsl(268 76% 56%);--wif-c:hsl(332 78% 58%);}
.wif-frame.theme-21{--wif-a:hsl(249 78% 54%);--wif-b:hsl(297 76% 56%);--wif-c:hsl(1 78% 58%);}
.wif-frame.theme-22{--wif-a:hsl(278 78% 54%);--wif-b:hsl(326 76% 56%);--wif-c:hsl(30 78% 58%);}
.wif-frame.theme-23{--wif-a:hsl(307 78% 54%);--wif-b:hsl(355 76% 56%);--wif-c:hsl(59 78% 58%);}
.wif-frame.theme-24{--wif-a:hsl(336 78% 54%);--wif-b:hsl(24 76% 56%);--wif-c:hsl(88 78% 58%);}
.wif-frame.theme-25{--wif-a:hsl(5 78% 54%);--wif-b:hsl(53 76% 56%);--wif-c:hsl(117 78% 58%);}
.wif-frame.theme-26{--wif-a:hsl(34 78% 54%);--wif-b:hsl(82 76% 56%);--wif-c:hsl(146 78% 58%);}
.wif-frame.theme-27{--wif-a:hsl(63 78% 54%);--wif-b:hsl(111 76% 56%);--wif-c:hsl(175 78% 58%);}
.wif-frame.theme-28{--wif-a:hsl(92 78% 54%);--wif-b:hsl(140 76% 56%);--wif-c:hsl(204 78% 58%);}
.wif-frame.theme-29{--wif-a:hsl(121 78% 54%);--wif-b:hsl(169 76% 56%);--wif-c:hsl(233 78% 58%);}
.wif-frame.theme-30{--wif-a:hsl(150 78% 54%);--wif-b:hsl(198 76% 56%);--wif-c:hsl(262 78% 58%);}
.wif-frame.theme-31{--wif-a:hsl(179 78% 54%);--wif-b:hsl(227 76% 56%);--wif-c:hsl(291 78% 58%);}
.wif-frame.theme-32{--wif-a:hsl(208 78% 54%);--wif-b:hsl(256 76% 56%);--wif-c:hsl(320 78% 58%);}
.wif-frame.theme-33{--wif-a:hsl(237 78% 54%);--wif-b:hsl(285 76% 56%);--wif-c:hsl(349 78% 58%);}
.wif-frame.theme-34{--wif-a:hsl(266 78% 54%);--wif-b:hsl(314 76% 56%);--wif-c:hsl(18 78% 58%);}
.wif-frame.theme-35{--wif-a:hsl(295 78% 54%);--wif-b:hsl(343 76% 56%);--wif-c:hsl(47 78% 58%);}
.wif-frame.theme-36{--wif-a:hsl(324 78% 54%);--wif-b:hsl(12 76% 56%);--wif-c:hsl(76 78% 58%);}
.wif-frame.theme-37{--wif-a:hsl(353 78% 54%);--wif-b:hsl(41 76% 56%);--wif-c:hsl(105 78% 58%);}
.wif-frame.theme-38{--wif-a:hsl(22 78% 54%);--wif-b:hsl(70 76% 56%);--wif-c:hsl(134 78% 58%);}
.wif-frame.theme-39{--wif-a:hsl(51 78% 54%);--wif-b:hsl(99 76% 56%);--wif-c:hsl(163 78% 58%);}
.wif-frame.theme-40{--wif-a:hsl(80 78% 54%);--wif-b:hsl(128 76% 56%);--wif-c:hsl(192 78% 58%);}
.wif-frame.theme-41{--wif-a:hsl(109 78% 54%);--wif-b:hsl(157 76% 56%);--wif-c:hsl(221 78% 58%);}
.wif-frame.theme-42{--wif-a:hsl(138 78% 54%);--wif-b:hsl(186 76% 56%);--wif-c:hsl(250 78% 58%);}
.wif-frame.theme-43{--wif-a:hsl(167 78% 54%);--wif-b:hsl(215 76% 56%);--wif-c:hsl(279 78% 58%);}
.wif-frame.theme-44{--wif-a:hsl(196 78% 54%);--wif-b:hsl(244 76% 56%);--wif-c:hsl(308 78% 58%);}
.wif-frame.theme-45{--wif-a:hsl(225 78% 54%);--wif-b:hsl(273 76% 56%);--wif-c:hsl(337 78% 58%);}
.wif-frame.theme-46{--wif-a:hsl(254 78% 54%);--wif-b:hsl(302 76% 56%);--wif-c:hsl(6 78% 58%);}
.wif-frame.theme-47{--wif-a:hsl(283 78% 54%);--wif-b:hsl(331 76% 56%);--wif-c:hsl(35 78% 58%);}
.wif-frame.theme-48{--wif-a:hsl(312 78% 54%);--wif-b:hsl(0 76% 56%);--wif-c:hsl(64 78% 58%);}
.wif-frame.theme-49{--wif-a:hsl(341 78% 54%);--wif-b:hsl(29 76% 56%);--wif-c:hsl(93 78% 58%);}
.wif-frame.theme-50{--wif-a:hsl(10 78% 54%);--wif-b:hsl(58 76% 56%);--wif-c:hsl(122 78% 58%);}
@media (min-width:782px){.wif-frame{max-width:min(100%,1240px)!important;margin-top:14px!important;margin-bottom:14px!important}.wif-frame img{max-height:min(62vh,620px)!important;width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important}}

/* Old designs: stable top-centered title. This prevents first-load vertical captions before full page paint. */
.wif-frame.old-caption-top{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;overflow:visible!important}
.wif-frame.old-caption-top .wif-caption{
  position:relative!important;
  display:block!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto 10px!important;
  text-align:center!important;
  direction:rtl!important;
  white-space:normal!important;
  writing-mode:horizontal-tb!important;
  line-height:1.55!important;
}
.wif-frame.old-caption-top.overlay-hover .wif-caption,
.wif-frame.old-caption-top.overlay-hover:hover .wif-caption,
.wif-frame.old-caption-top.overlay-hover:focus-within .wif-caption{opacity:1!important;transform:none!important}
@media (min-width:782px){
  .wif-frame.old-caption-top{max-width:min(100%,1240px)!important;margin-top:14px!important;margin-bottom:14px!important}
  .wif-frame.old-caption-top img{max-height:min(62vh,620px)!important;width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
}


/* === WIF v2 hotfix: inline-style-proof readable captions + gallery unframed === */
html body figure.wif-frame{position:relative!important;overflow:visible!important;unicode-bidi:isolate!important;isolation:isolate!important;mix-blend-mode:normal!important;filter:none!important;-webkit-filter:none!important;}
html body figure.wif-frame figcaption.wif-caption,
html body .wif-frame .wif-caption{
  position:absolute!important;z-index:2147483000!important;left:16px!important;right:auto!important;bottom:16px!important;top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:calc(100% - 32px)!important;height:auto!important;margin:0!important;padding:9px 14px!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(2,6,23,.96),rgba(15,23,42,.93))!important;background-color:#020617!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.72)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 12px 28px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.07) inset!important;backdrop-filter:blur(8px) saturate(135%)!important;-webkit-backdrop-filter:blur(8px) saturate(135%)!important;font-weight:900!important;line-height:1.55!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;direction:rtl!important;text-align:center!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;mix-blend-mode:normal!important;filter:none!important;-webkit-filter:none!important;text-indent:0!important;
}
html body .mfa-keypoints-box figure.wif-frame figcaption.wif-caption,
html body .mfa-keypoints-box .wif-frame .wif-caption{background:linear-gradient(135deg,rgba(2,6,23,.98),rgba(15,23,42,.94))!important;background-color:#020617!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.72)!important;filter:none!important;-webkit-filter:none!important;mix-blend-mode:normal!important;}
html body .wif-frame .wif-caption::before{color:#facc15!important;-webkit-text-fill-color:#facc15!important;text-shadow:0 1px 2px rgba(0,0,0,.65)!important;flex:0 0 auto!important;}
html body .wif-frame.overlay-hover .wif-caption{opacity:0!important;transform:translateY(8px)!important;}
html body .wif-frame.overlay-hover:hover .wif-caption,html body .wif-frame.overlay-hover:focus-within .wif-caption{opacity:1!important;transform:none!important;}
html body .wif-frame.overlay-off .wif-caption{display:none!important;}
html body .wif-frame.overlay-above .wif-caption{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;transform:none!important;order:-1!important;margin:0 auto 10px!important;max-width:100%!important;}
html body .wci-album-outer figure.wif-frame,html body .wci-album-box figure.wif-frame{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
html body .wci-album-outer .wif-caption,html body .wci-album-box .wif-caption{display:none!important;}
@media (max-width:781px){html body figure.wif-frame figcaption.wif-caption,html body .wif-frame .wif-caption{left:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important;padding:7px 11px!important;font-size:12px!important;}}

