.spolight-search{--sl-border:#b8b8b8;--sl-bg:#fff;--sl-muted:#646970;max-width:1200px;margin:0 auto}.spolight-search *{box-sizing:border-box}.spolight-search__form{background:transparent;border:0;padding:0;margin:0 0 14px}.spolight-search__main-row{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;gap:12px;max-width:900px}.spolight-search__main-row>label{font-weight:400;margin:0;white-space:nowrap}.spolight-search input[type="search"]{width:100%;height:34px;min-height:34px;padding:4px 9px;border:1px solid #555;border-radius:0;background:#fff;font-size:16px}.spolight-search__help{font-size:12px;color:var(--sl-muted);margin:4px 0 0 72px}.spolight-search__detail-toggle{appearance:none;border:0;background:transparent;padding:2px 0;margin:4px 0 0;cursor:pointer;font:inherit;color:inherit}.spolight-search__detail-toggle:hover{text-decoration:underline}.spolight-search__triangle{display:inline-block;width:1em}.spolight-search__details{display:flex;align-items:end;gap:8px 10px;flex-wrap:wrap;margin:0 0 2px 72px}.spolight-search__details[hidden]{display:none!important}.spolight-search__field{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px}.spolight-search__field label{font-weight:400;margin:0;white-space:nowrap}.spolight-search select{height:30px;min-height:30px;padding:2px 26px 2px 6px;border:1px solid #777;border-radius:0;background:#fff;font-size:15px;max-width:220px}.spolight-search__reset{cursor:pointer;height:30px;padding:2px 9px;border:1px solid #777;background:#fff;color:#222;border-radius:0}.spolight-search__status{min-height:28px;margin:10px 0 12px;font-weight:700}.spolight-search__status.is-loading{opacity:.7}.spolight-search__results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spolight-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;background:var(--sl-bg);border:1px solid #dcdcde;border-radius:12px;padding:14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.spolight-card__media{min-width:0}.spolight-card__image{display:block;width:100%;height:auto;border-radius:8px}.spolight-card__no-image{aspect-ratio:5/7;display:flex;align-items:center;justify-content:center;background:#f0f0f1;border-radius:8px;color:var(--sl-muted)}.spolight-card__number{font-size:13px;color:var(--sl-muted);font-weight:700}.spolight-card__name{font-size:20px;line-height:1.35;margin:3px 0 7px}.spolight-card__meta{font-size:13px;color:#3c434a;margin-bottom:7px}.spolight-card__format,.spolight-card__limited{font-size:13px;margin-bottom:6px}.spolight-card__text{white-space:normal;font-size:14px;line-height:1.65;border-top:1px solid #eee;padding-top:9px;margin-top:8px}.spolight-card__flavor{font-size:13px;margin-top:10px}.spolight-card__illustrator{font-size:12px;color:var(--sl-muted);margin-top:8px}.spolight-card__footer{margin-top:10px}.spolight-card__official{display:inline-block;font-size:13px}.spolight-search__empty{grid-column:1/-1;padding:30px;text-align:center;border:1px dashed #dcdcde;border-radius:10px;color:var(--sl-muted)}.spolight-search__pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:24px 0}.spolight-search__pagination button{cursor:pointer;border-radius:7px;padding:9px 16px;border:1px solid #1d2327;background:#fff;color:#1d2327;font-weight:700;min-width:42px}.spolight-search__pagination button.is-current{background:#1d2327;color:#fff}.spolight-search__pagination span{padding:0 4px}@media(max-width:900px){.spolight-search__results{grid-template-columns:1fr}}@media(max-width:700px){.spolight-search__main-row{grid-template-columns:1fr;gap:4px}.spolight-search__help,.spolight-search__details{margin-left:0}.spolight-search__details{align-items:stretch;flex-direction:column}.spolight-search__field{grid-template-columns:110px minmax(0,1fr)}.spolight-search select{max-width:none;width:100%}}@media(max-width:600px){.spolight-card{grid-template-columns:110px minmax(0,1fr);gap:10px;padding:10px}.spolight-card__name{font-size:17px}.spolight-card__text{font-size:13px}.spolight-card__meta{font-size:12px}}

.spolight-search__details{display:block;margin-top:2px}
.spolight-search__check-row{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;margin:0 0 8px}
.spolight-search__check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-weight:400;margin:0;cursor:pointer}
.spolight-search__check input[type="checkbox"]{margin:0;width:16px;height:16px}
.spolight-search__filter-row{display:flex;align-items:end;gap:8px 10px;flex-wrap:wrap}
@media(max-width:700px){.spolight-search__details{margin-left:0}.spolight-search__check-row{align-items:flex-start;flex-direction:column;gap:6px}.spolight-search__filter-row{align-items:stretch;flex-direction:column}}

/* v0.2.5: compact detail panel matching the requested layout */
.spolight-search__details{
  box-sizing:border-box;
  width:min(100%, 720px);
  margin:2px 0 2px 72px;
  padding:0;
  border:1px solid #333;
  background:#fff;
}
.spolight-search__option-row{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:28px;
  padding:2px 14px;
  border-bottom:1px dotted #777;
}
.spolight-search__option-row--single{display:block}
.spolight-search__filter-title{
  padding:3px 14px 1px;
  font-size:14px;
  line-height:1.4;
}
.spolight-search__filter-grid{
  display:grid;
  grid-template-columns:max-content minmax(150px, 1fr) max-content minmax(150px, 1fr);
  align-items:center;
  column-gap:6px;
  row-gap:4px;
  padding:0 14px 8px;
}
.spolight-search__filter-grid .spolight-search__field{
  display:contents;
}
.spolight-search__filter-grid .spolight-search__field label{
  text-align:right;
  white-space:nowrap;
}
.spolight-search__filter-grid .spolight-search__field select{
  width:100%;
  max-width:230px;
  min-width:0;
}
.spolight-search__detail-actions{
  padding:0 14px 8px;
  text-align:right;
}
.spolight-search__check-row,.spolight-search__filter-row{display:none}
@media(max-width:700px){
  .spolight-search__details{width:100%;margin-left:0}
  .spolight-search__option-row{flex-wrap:wrap;gap:8px 14px}
  .spolight-search__filter-grid{grid-template-columns:92px minmax(0,1fr);padding:0 10px 8px}
  .spolight-search__filter-grid .spolight-search__field label{text-align:left}
  .spolight-search__filter-grid .spolight-search__field select{max-width:none}
  .spolight-search__detail-actions{padding:0 10px 8px}
}

/* v0.2.6: remove filter heading; keep the first two checkboxes on one row where space allows */
.spolight-search__filter-title{display:none!important}


/* v0.4.3: smartphone layout */
@media (max-width:700px){
  .spolight-search{
    width:100%;
    max-width:100%;
    padding:0 2px;
  }
  .spolight-search__main-row{
    display:block;
  }
  .spolight-search__main-row>label{
    display:block;
    margin:0 0 5px;
  }
  .spolight-search input[type="search"]{
    height:44px;
    min-height:44px;
    padding:7px 10px;
    font-size:16px;
  }
  .spolight-search__help{
    margin:5px 0 8px;
    line-height:1.45;
  }
  .spolight-search__detail-toggle{
    min-height:40px;
    padding:7px 2px;
  }
  .spolight-search__details{
    width:100%;
    max-width:100%;
    margin:2px 0 8px;
    overflow:visible;
  }
  .spolight-search__option-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding:8px 10px;
  }
  .spolight-search__check{
    min-height:34px;
    white-space:normal;
    line-height:1.35;
  }
  .spolight-search__check input[type="checkbox"]{
    width:20px;
    height:20px;
    flex:0 0 20px;
  }
  .spolight-search__filter-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:8px 10px 10px;
  }
  .spolight-search__filter-grid .spolight-search__field{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    align-items:center;
    gap:8px;
    margin-bottom:8px;
  }
  .spolight-search__filter-grid .spolight-search__field label{
    text-align:left;
  }
  .spolight-search__filter-grid .spolight-search__field select{
    min-height:42px;
    height:42px;
    max-width:none;
    font-size:16px;
  }
  .spolight-search__reset{
    min-height:42px;
    padding:7px 14px;
  }
  .spolight-search__status{
    margin:10px 0;
    line-height:1.4;
  }
  .spolight-search__results{
    grid-template-columns:1fr;
    gap:10px;
  }
  .spolight-card{
    grid-template-columns:120px minmax(0,1fr);
    gap:10px;
    padding:9px;
    border-radius:8px;
  }
  .spolight-card__name{
    font-size:17px;
  }
  .spolight-card__text{
    font-size:13px;
    line-height:1.55;
  }
  .spolight-search__pagination button{
    min-width:44px;
    min-height:44px;
    padding:8px 12px;
  }
}
@media (max-width:420px){
  .spolight-card{
    grid-template-columns:105px minmax(0,1fr);
  }
  .spolight-search__option-row{
    grid-template-columns:1fr;
  }
}


/* v0.4.5: independent name/dedupe rows */
.spolight-search__option-row--single{
  display:block;
}
@media (max-width:700px){
  .spolight-search__option-row--single{
    display:block;
  }
}


/* v0.4.16: Piece / Key cards use the opposite (landscape) aspect ratio */
.spolight-card__image.is-horizontal-card{
  width:100%;
  aspect-ratio:7/5;
  height:auto;
  object-fit:cover;
}
.spolight-card__no-image.is-horizontal-card{
  aspect-ratio:7/5;
}


/* v0.4.21: hide card text by default, like flavor text */
.spolight-card__text-details{
  margin-top:8px;
}
.spolight-card__text-details summary{
  cursor:pointer;
  font-size:13px;
  font-weight:700;
}
.spolight-card__text-details .spolight-card__text{
  margin-top:7px;
}


/* v0.4.38: compact card results; search controls scroll normally with the page */
.spolight-search__sticky-head{
  position:relative;
  top:auto;
  z-index:auto;
  margin:0 0 10px;
  padding:8px 10px 4px;
  background:rgba(31,35,45,.96);
  color:#fff;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);
}
.spolight-search__sticky-head .spolight-search__form{margin-bottom:4px}
.spolight-search__sticky-head .spolight-search__help{color:#c6cad2}
.spolight-search__sticky-head .spolight-search__status{margin:6px 0 2px;min-height:24px}

.spolight-search__results{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.spolight-card{
  grid-template-columns:84px minmax(0,1fr);
  gap:8px;
  padding:8px;
  border-radius:8px;
  align-items:start;
  min-height:0;
}
.spolight-card__image{border-radius:5px}
.spolight-card__no-image{border-radius:5px}
.spolight-card__number{font-size:11px;line-height:1.25}
.spolight-card__name{font-size:15px;line-height:1.25;margin:2px 0 4px}
.spolight-card__meta,.spolight-card__format,.spolight-card__limited{font-size:11px;line-height:1.35;margin-bottom:3px}
.spolight-card__text-details{margin-top:4px}
.spolight-card__text-details summary,.spolight-card__flavor summary{font-size:11px}
.spolight-card__text{font-size:12px;line-height:1.45;padding-top:5px;margin-top:4px}
.spolight-card__flavor{font-size:11px;margin-top:5px}
.spolight-card__illustrator{font-size:10px;margin-top:4px}
.spolight-card__footer{margin-top:4px}
.spolight-card__official{font-size:11px}

@media(max-width:700px){
  .spolight-search__sticky-head{
    margin-left:-2px;
    margin-right:-2px;
    padding:6px 8px 3px;
    border-radius:0 0 8px 8px;
  }
  .spolight-search__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .spolight-card{grid-template-columns:72px minmax(0,1fr);gap:7px;padding:7px}
  .spolight-card__name{font-size:14px}
}
@media(max-width:480px){
  .spolight-search__results{grid-template-columns:1fr}
  .spolight-card{grid-template-columns:82px minmax(0,1fr)}
}


/* v0.4.36: keep text readable inside white result cards even when the theme uses white body text */
.spolight-card{color:#20242e}
.spolight-card__name,
.spolight-card__meta,
.spolight-card__format,
.spolight-card__limited,
.spolight-card__text-details,
.spolight-card__text-details summary,
.spolight-card__text,
.spolight-card__flavor,
.spolight-card__flavor summary{color:#20242e}
.spolight-card__number,
.spolight-card__illustrator{color:#626a78}
.spolight-card__official{color:#1769aa}

/* v0.4.39: restore the card-search control area to the normal light page style */
.spolight-search__sticky-head{
  background:transparent;
  color:inherit;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  padding:0;
}
.spolight-search__sticky-head .spolight-search__help{color:var(--sl-muted)}

/* v0.4.73: detail-search checkbox options look and behave like toggle buttons. */
.spolight-search__details .spolight-search__check{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:5px 12px;
  border:1px solid #777;
  border-radius:7px;
  background:#fff;
  color:#20242e;
  font-weight:700;
  line-height:1.25;
  cursor:pointer;
  user-select:none;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.spolight-search__details .spolight-search__check:hover{
  background:#f1f4f7;
  border-color:#4e5968;
}
.spolight-search__details .spolight-search__check input[type="checkbox"]{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none;
}
.spolight-search__details .spolight-search__check:has(input[type="checkbox"]:checked){
  background:#2271b1;
  border-color:#2271b1;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
}
.spolight-search__details .spolight-search__check:has(input[type="checkbox"]:focus-visible){
  outline:3px solid rgba(34,113,177,.32);
  outline-offset:2px;
}
@media(max-width:700px){
  .spolight-search__details .spolight-search__check{
    width:100%;
    min-height:42px;
    padding:8px 8px;
    text-align:center;
    white-space:normal;
  }
}


/* v0.4.75: dropdown-only detail filters need enough width for their placeholder text. */
.spolight-search__filter-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(180px,1fr)) !important;
  gap:7px 10px !important;
  padding:7px 14px 8px !important;
}
.spolight-search__filter-grid .spolight-search__field{
  display:block !important;
  min-width:0 !important;
}
.spolight-search__filter-grid .spolight-search__field select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:34px !important;
  padding-right:30px !important;
}
@media(max-width:700px){
  .spolight-search__filter-grid{
    grid-template-columns:1fr !important;
    padding:7px 10px 8px !important;
  }
}


/* v0.4.76: make dropdown-only detail filters use the full available width. */
.spolight-search__details .spolight-search__filter-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px 10px !important;
  width:100% !important;
}
.spolight-search__details .spolight-search__filter-grid .spolight-search__field{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
}
.spolight-search__details .spolight-search__filter-grid .spolight-search__field > label{
  display:none !important;
}
.spolight-search__details .spolight-search__filter-grid .spolight-search__field select{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:36px !important;
  padding:4px 32px 4px 9px !important;
  font-size:15px !important;
}
@media(max-width:700px){
  .spolight-search__details .spolight-search__filter-grid{
    grid-template-columns:1fr !important;
  }
}


/* v0.4.77: fit each dropdown label without changing the control size. */
#spolight-color{font-size:15px !important;}
#spolight-card_kind{font-size:13px !important;}
#spolight-limited_condition{font-size:12.5px !important;}
#spolight-lrig_type{font-size:13px !important;}
#spolight-class{font-size:14px !important;}
#spolight-level{font-size:15px !important;}
#spolight-power{font-size:14px !important;}


/* v0.4.78: PC-only font tuning so every dropdown placeholder fits without changing control size. */
@media(min-width:701px){
#spolight-color{font-size:13px !important;}
#spolight-card_kind{font-size:10.5px !important;}
#spolight-limited_condition{font-size:11.5px !important;}
#spolight-lrig_type{font-size:10.5px !important;}
#spolight-class{font-size:12px !important;}
#spolight-level{font-size:13px !important;}
#spolight-power{font-size:12px !important;}
}


/* v0.4.79: on smartphones keep the two exclusive-choice pairs side by side. */
@media(max-width:700px){
  .spolight-search__details .spolight-search__option-row:has(input[data-exclusive-group="format-mode"]),
  .spolight-search__details .spolight-search__option-row:has(input[data-exclusive-group="deck-mode"]){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  .spolight-search__details .spolight-search__option-row:has(input[data-exclusive-group="format-mode"]) .spolight-search__check,
  .spolight-search__details .spolight-search__option-row:has(input[data-exclusive-group="deck-mode"]) .spolight-search__check{
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }
}


/* v0.4.80: match card-search detail panel sizing to deck-builder detail panel. */
.spolight-search__details{
  box-sizing:border-box !important;
  width:min(100%,720px) !important;
  margin:2px 0 2px 72px !important;
  padding:0 !important;
  border:1px solid #333 !important;
  background:#fff !important;
}
.spolight-search__details .spolight-search__option-row{
  min-height:28px !important;
  padding:2px 14px !important;
  gap:16px !important;
}
.spolight-search__details .spolight-search__check{
  min-height:30px !important;
  padding:5px 11px !important;
}
.spolight-search__details .spolight-search__filter-grid{
  padding:7px 14px 8px !important;
  gap:8px 10px !important;
}
.spolight-search__details .spolight-search__detail-actions{
  padding:0 14px 8px !important;
}
@media(max-width:700px){
  .spolight-search__details{
    width:100% !important;
    margin:2px 0 2px 0 !important;
  }
  .spolight-search__details .spolight-search__option-row{
    gap:8px 14px !important;
    padding:2px 10px !important;
  }
  .spolight-search__details .spolight-search__check{
    min-height:40px !important;
    padding:7px 7px !important;
  }
  .spolight-search__details .spolight-search__filter-grid{
    padding:7px 10px 8px !important;
  }
  .spolight-search__details .spolight-search__detail-actions{
    padding:0 10px 8px !important;
  }
}


/* v0.4.84: keep desktop detail dropdowns compact instead of stretching across the panel. */
@media(min-width:701px){
  .spolight-search__details .spolight-search__filter-grid{
    grid-template-columns:220px 220px !important;
    justify-content:start !important;
  }
  .spolight-search__details .spolight-search__filter-grid .spolight-search__field,
  .spolight-search__details .spolight-search__filter-grid .spolight-search__field select{
    width:220px !important;
    max-width:220px !important;
  }
}


/* v0.4.85: compact desktop detail panel to content width and align reset left. */
@media(min-width:701px){
  .spolight-search__details{
    width:488px !important;
    max-width:calc(100% - 72px) !important;
  }
  .spolight-search__details .spolight-search__detail-actions{
    text-align:left !important;
    display:flex !important;
    justify-content:flex-start !important;
  }
}

/* v0.4.86: card-search image-only result mode. */
.spolight-search__result-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spolight-search__result-bar .spolight-search__status{flex:0 1 auto}
.spolight-search__view-toggle{cursor:pointer;min-height:32px;padding:4px 12px;border:1px solid #777;border-radius:7px;background:#fff;color:#20242e;font-weight:700}
.spolight-search__view-toggle[aria-pressed="true"]{background:#2271b1;border-color:#2271b1;color:#fff}
.spolight-search.is-image-only .spolight-search__results{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.spolight-search.is-image-only .spolight-card--image-only{display:block;padding:0;border:0;border-radius:8px;overflow:hidden;background:transparent;box-shadow:none}
.spolight-search.is-image-only .spolight-card--image-only .spolight-card__media{width:100%}
.spolight-search.is-image-only .spolight-card--image-only .spolight-card__image{width:100%;height:auto;border-radius:8px}
.spolight-search.is-image-only .spolight-card--image-only .spolight-card__no-image{width:100%;min-height:150px}
.spolight-card__image-link{display:block;color:inherit;text-decoration:none}
@media(max-width:700px){.spolight-search.is-image-only .spolight-search__results{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px}.spolight-search__view-toggle{min-height:38px;padding:5px 10px}}


/* v0.4.89: image-only cards open an in-page detail dialog instead of the official site. */
.spolight-card__image-detail-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:inherit;color:inherit}
.spolight-card__image-detail-button:focus-visible{outline:3px solid #2271b1;outline-offset:2px;border-radius:8px}
.spolight-card-detail-modal[hidden]{display:none!important}
.spolight-card-detail-modal{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:24px}
.spolight-card-detail-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.spolight-card-detail-modal__dialog{position:relative;z-index:1;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:#f4f7fa;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35);padding:42px 16px 16px}
.spolight-card-detail-modal__close{position:absolute;top:8px;right:10px;width:34px;height:34px;border:1px solid #777;border-radius:50%;background:#fff;color:#20242e;font-size:26px;line-height:30px;cursor:pointer}
.spolight-card-detail-modal__content .spolight-card{margin:0;width:100%;max-width:none}
body.spolight-modal-open{overflow:hidden}
@media(max-width:700px){.spolight-card-detail-modal{padding:10px}.spolight-card-detail-modal__dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:42px 10px 10px}.spolight-card-detail-modal__content .spolight-card{display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:10px}.spolight-card-detail-modal__content .spolight-card__body{min-width:0}}


/* v0.6.4: card image zoom viewer for normal results and image-only detail popup. */
.spolight-card:not(.spolight-card--image-only) .spolight-card__image,
.spolight-card-detail-modal .spolight-card__image{cursor:zoom-in}
.spolight-card-image-zoom[hidden]{display:none!important}
.spolight-card-image-zoom{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px}
.spolight-card-image-zoom__backdrop{position:absolute;inset:0;background:rgba(6,12,24,.88);backdrop-filter:blur(2px)}
.spolight-card-image-zoom__dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:96vw;max-height:94dvh}
.spolight-card-image-zoom__image{display:block;max-width:94vw;max-height:92dvh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.58)}
.spolight-card-image-zoom__close{position:fixed;top:max(12px,env(safe-area-inset-top));right:14px;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(15,25,42,.82);color:#fff;font-size:30px;line-height:36px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.28)}
@media(max-width:700px){
  .spolight-card-image-zoom{padding:8px}
  .spolight-card-image-zoom__image{max-width:96vw;max-height:88dvh;border-radius:7px}
  .spolight-card-image-zoom__close{width:40px;height:40px;font-size:28px}
}