/* MSID homepage discovery hero — 6.6.95.
   Visual marketplace-first hero inspired by the approved mockup: one field search,
   editable image collage, bilingual domain cards and compact popular shortcuts. */

body.home .msid-directory-home{background:var(--msid-surface)}

body.home .msid-home-hero-v3{
  position:relative;
  overflow:visible;
  padding:30px 0 18px;
  direction:rtl;
  color:var(--msid-text);
  background:
    radial-gradient(circle at 74% 25%,rgba(118,105,255,.11),transparent 28%),
    radial-gradient(circle at 90% 50%,rgba(255,151,60,.10),transparent 24%),
    linear-gradient(180deg,#fff 0%,#fffdfa 57%,#fafcff 100%);
  border-bottom:1px solid rgba(18,49,91,.06);
}

body.home .msid-home-hero-v3>.container{max-width:1240px}

body.home .msid-home-hero-layout{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);
  gap:46px;
  align-items:center;
  min-height:390px;
}
body.home .msid-home-hero-layout.is-text-only{grid-template-columns:minmax(0,1fr);min-height:330px}
body.home .msid-home-hero-layout.is-text-only .msid-home-hero-main{max-width:760px;margin-inline:auto;width:100%}

body.home .msid-home-hero-main{
  direction:rtl;
  min-width:0;
  padding:22px 0 8px;
}

body.home .msid-home-hero-v3 h1{
  max-width:650px;
  margin:0;
  color:#071c45;
  font-size:clamp(2.7rem,4.4vw,4.65rem);
  line-height:1.12;
  letter-spacing:-.045em;
  font-weight:900;
}
body.home .msid-home-hero-v3 .mc-hero-title-accent{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:4px;
  color:#7a55df;
  background:linear-gradient(90deg,#ff7c18 0%,#e64f8b 48%,#7257e8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
body.home .msid-home-hero-lead{
  max-width:570px;
  margin:17px 0 24px;
  color:#34445f;
  font-size:1rem;
  line-height:1.85;
  font-weight:600;
}

/* Single discovery search: the picker itself contains the bilingual searchable tree. */
body.home .msid-home-discovery-search{
  position:relative;
  z-index:20;
  width:min(100%,570px);
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 48px;
  align-items:center;
  gap:2px;
  padding:5px 7px;
  border:1px solid rgba(20,50,90,.10);
  border-radius:999px;
  background:#fff;
  box-shadow:0 14px 34px rgba(21,44,80,.11),0 2px 8px rgba(21,44,80,.04);
}
body.home .msid-home-discovery-search-icon{
  width:38px;height:38px;display:grid;place-items:center;color:#70809b;
}
body.home .msid-home-discovery-search-icon svg,
body.home .msid-home-discovery-submit svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.home .msid-home-discovery-submit{
  width:44px;height:44px;display:grid;place-items:center;
  border:0;border-radius:50%;background:#0a2e62;color:#fff;cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
body.home .msid-home-discovery-submit:hover,
body.home .msid-home-discovery-submit:focus-visible{background:#123f7f;transform:translateY(-1px);box-shadow:0 8px 18px rgba(10,46,98,.18)}
body.home .msid-home-search-control{min-width:0;margin:0}
body.home .msid-home-search-control--field{position:relative;z-index:30}
body.home .msid-home-field-smart-filter{position:relative;width:100%;min-width:0}
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn,
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn:hover,
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn:focus,
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn:focus-visible,
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn.open,
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn.has-selection{
  width:100%;min-width:0;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 6px;border:0;border-radius:0;background:transparent;color:#4c5870;-webkit-text-fill-color:#4c5870;
  box-shadow:none;transform:none;font:inherit;font-size:.92rem;font-weight:650;text-align:right;cursor:pointer;
}
body.home .msid-home-field-smart-filter .msid-home-field-smart-btn.has-selection{color:#071c45;-webkit-text-fill-color:#071c45;font-weight:800}
body.home .msid-home-field-smart-filter .tfb-arr{font-size:.72rem;color:#97a2b4}
body.home .msid-home-field-smart-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
body.home .msid-home-field-smart-dd{
  position:absolute;z-index:80;top:calc(100% + 14px);right:-48px;
  width:min(590px,calc(100vw - 28px));min-width:min(590px,calc(100vw - 28px));
  max-height:min(68vh,610px);overflow:auto;padding:12px;border:1px solid rgba(20,50,90,.10);border-radius:20px;
  background:#fff;box-shadow:0 24px 60px rgba(18,42,78,.18);text-align:right;
}
body.home .msid-home-field-smart-dd .tfb-filter-search{position:sticky;top:0;z-index:3;background:#fff}
body.home .msid-home-field-smart-dd .msid-home-field-all-choice{margin:7px 0;border:1px solid var(--msid-line-soft);border-radius:12px;background:var(--msid-surface-soft)}
body.home .msid-home-field-smart-dd .tfb-field-label small{direction:ltr;text-align:left}
body.home .msid-home-field-radio{accent-color:#0a2e62}
body.home .msid-home-discovery-search select{width:100%;min-height:50px;border:0;background:transparent;color:#4c5870;font:inherit}

/* Editable image collage */
body.home .msid-home-hero-visual{direction:ltr;min-width:0;display:flex;align-items:center;justify-content:center}
body.home .msid-home-hero-collage{
  position:relative;
  width:min(100%,530px);
  height:350px;
  display:grid;
  grid-template-columns:1.26fr .9fr .62fr;
  grid-template-rows:1fr 1fr;
  gap:13px;
  padding:10px;
  isolation:isolate;
}
body.home .msid-home-hero-collage::before,
body.home .msid-home-hero-collage::after{
  content:"";position:absolute;z-index:-1;border-radius:48% 52% 58% 42%/47% 38% 62% 53%;filter:saturate(.9)
}
body.home .msid-home-hero-collage::before{inset:20px 32px 18px 12px;background:linear-gradient(135deg,#e9f6ff 0%,#f0eaff 48%,#fff0e0 100%)}
body.home .msid-home-hero-collage::after{width:170px;height:150px;right:-5px;bottom:3px;background:#ffe9ed;opacity:.75}
body.home .msid-home-collage-tile{
  position:relative;display:block;overflow:hidden;border-radius:23px;background:#eef3f8;
  box-shadow:0 10px 25px rgba(28,47,76,.08);transform:translateZ(0)
}
body.home .msid-home-collage-tile--1{grid-column:1;grid-row:1/3;border-radius:31px}
body.home .msid-home-collage-tile--2{grid-column:2/4;grid-row:1}
body.home .msid-home-collage-tile--3{grid-column:2;grid-row:2}
body.home .msid-home-collage-tile--4{grid-column:3;grid-row:2}
body.home .msid-home-collage-tile picture{display:block;width:100%;height:100%}
body.home .msid-home-collage-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
body.home .msid-home-collage-tile:hover .msid-home-collage-image{transform:scale(1.035)}

/* Bilingual domain cards */
body.home .msid-home-domain-strip{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
  padding:10px;
  border:1px solid rgba(20,50,90,.07);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 10px 28px rgba(22,44,78,.06);
  backdrop-filter:blur(8px);
}
body.home .msid-home-domain-card{
  min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:10px 6px;border:1px solid rgba(20,50,90,.08);border-radius:16px;background:#fff;color:#0c2852;text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease
}
body.home .msid-home-domain-card:hover,
body.home .msid-home-domain-card:focus-visible{transform:translateY(-2px);border-color:rgba(72,96,220,.22);box-shadow:0 10px 24px rgba(22,44,78,.09);background:#fefeff}
body.home .msid-home-domain-icon{width:34px;height:34px;display:grid;place-items:center;color:#26569d}
body.home .msid-home-domain-card:nth-child(2) .msid-home-domain-icon{color:#ec8a1b}
body.home .msid-home-domain-card:nth-child(3) .msid-home-domain-icon{color:#e35572}
body.home .msid-home-domain-card:nth-child(4) .msid-home-domain-icon{color:#278ec5}
body.home .msid-home-domain-card:nth-child(5) .msid-home-domain-icon{color:#4c67c8}
body.home .msid-home-domain-card:nth-child(6) .msid-home-domain-icon{color:#7568d9}
body.home .msid-home-domain-card:nth-child(7) .msid-home-domain-icon{color:#d85e91}
body.home .msid-home-domain-card:nth-child(8) .msid-home-domain-icon{color:#ed9a32}
body.home .msid-home-domain-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.home .msid-home-domain-card strong{display:block;max-width:100%;color:#0d274f;font-size:.78rem;line-height:1.35;font-weight:900;text-align:center}
body.home .msid-home-domain-card small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#687793;font-size:.62rem;line-height:1.2;font-weight:650;white-space:nowrap}
body.home .msid-home-domain-card--all .msid-home-domain-icon{color:#2464b2}

/* Popular strip */
body.home .msid-home-popular-row{
  display:flex;align-items:center;gap:14px;margin-top:13px;padding:10px 4px 2px
}
body.home .msid-home-popular-title{flex:0 0 auto;display:flex;align-items:center;gap:6px;color:#0b2854}
body.home .msid-home-popular-title strong{font-size:.9rem;font-weight:900;white-space:nowrap}
body.home .msid-home-popular-title span{color:#7d66df;font-size:1.15rem}
body.home .msid-home-popular-chips{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}
body.home .msid-home-popular-chips::-webkit-scrollbar{display:none}
body.home .msid-home-popular-chips a{
  flex:0 0 auto;min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:5px 13px;
  border:1px solid rgba(20,50,90,.11);border-radius:999px;background:#fff;color:#243858;text-decoration:none;
  font-size:.72rem;font-weight:750;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease
}
body.home .msid-home-popular-chips a:hover,
body.home .msid-home-popular-chips a:focus-visible{border-color:#8e7be4;background:#f7f4ff;color:#4f3bb4}

@media (max-width:1180px){
  body.home .msid-home-hero-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:28px}
  body.home .msid-home-hero-collage{height:330px}
  body.home .msid-home-domain-card{min-height:98px}
  body.home .msid-home-domain-card strong{font-size:.72rem}
  body.home .msid-home-domain-card small{font-size:.58rem}
}

@media (max-width:900px){
  body.home .msid-home-hero-v3{padding-top:22px}
  body.home .msid-home-hero-layout{grid-template-columns:1fr;min-height:0;gap:0}
  body.home .msid-home-hero-main{padding:8px 0 0}
  body.home .msid-home-hero-visual{display:none}
  body.home .msid-home-hero-v3 h1{max-width:660px;margin-inline:auto;text-align:center}
  body.home .msid-home-hero-lead{margin-inline:auto;text-align:center}
  body.home .msid-home-discovery-search{margin-inline:auto}
  body.home .msid-home-domain-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media (max-width:760px){
  body.home .msid-home-hero-v3{padding:16px 0 10px;background:linear-gradient(180deg,#fff 0%,#fffdfa 52%,#fafcff 100%)}
  body.home .msid-home-hero-v3>.container{padding-inline:12px}
  body.home .msid-home-hero-main{padding-top:5px}
  body.home .msid-home-hero-v3 h1{max-width:390px;font-size:clamp(1.9rem,8.5vw,2.5rem);line-height:1.25;letter-spacing:-.03em}
  body.home .msid-home-hero-v3 .mc-hero-title-accent{margin:1px auto 0}
  body.home .msid-home-hero-lead{max-width:360px;margin-top:9px;margin-bottom:17px;font-size:.78rem;line-height:1.75;font-weight:600}
  body.home .msid-home-discovery-search{width:100%;min-height:54px;grid-template-columns:35px minmax(0,1fr) 40px;padding:4px 6px;box-shadow:0 9px 24px rgba(21,44,80,.10)}
  body.home .msid-home-discovery-search-icon{width:32px;height:32px}
  body.home .msid-home-discovery-search-icon svg{width:18px;height:18px}
  body.home .msid-home-discovery-submit{width:38px;height:38px}
  body.home .msid-home-discovery-submit svg{width:18px;height:18px}
  body.home .msid-home-field-smart-filter .msid-home-field-smart-btn,
  body.home .msid-home-field-smart-filter .msid-home-field-smart-btn:hover,
  body.home .msid-home-field-smart-filter .msid-home-field-smart-btn:focus-visible,
  body.home .msid-home-field-smart-filter .msid-home-field-smart-btn.open,
  body.home .msid-home-field-smart-filter .msid-home-field-smart-btn.has-selection{min-height:44px;font-size:.76rem}
  body.home .msid-home-field-smart-dd{position:fixed;top:74px;right:10px;left:10px;width:auto;min-width:0;max-width:none;max-height:calc(100vh - 92px);border-radius:18px}

  body.home .msid-home-domain-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  body.home .msid-home-domain-card{min-height:86px;padding:8px 4px;border-radius:14px;box-shadow:0 6px 16px rgba(22,44,78,.045)}
  body.home .msid-home-domain-card:nth-child(7),
  body.home .msid-home-domain-card:nth-child(8){display:none}
  body.home .msid-home-domain-card--all{grid-column:1/-1;min-height:42px;flex-direction:row;gap:8px;border-color:rgba(37,87,157,.12);background:#fff}
  body.home .msid-home-domain-card--all .msid-home-domain-icon{width:24px;height:24px}
  body.home .msid-home-domain-card--all small{display:none}
  body.home .msid-home-domain-icon{width:30px;height:30px}
  body.home .msid-home-domain-icon svg{width:25px;height:25px}
  body.home .msid-home-domain-card strong{font-size:.67rem}
  body.home .msid-home-domain-card small{font-size:.54rem}

  body.home .msid-home-popular-row{display:block;margin-top:12px;padding-inline:0}
  body.home .msid-home-popular-title{justify-content:flex-start;margin-bottom:7px}
  body.home .msid-home-popular-title strong{font-size:.78rem}
  body.home .msid-home-popular-chips{margin-inline:-12px;padding-inline:12px}
  body.home .msid-home-popular-chips a{min-height:32px;padding-inline:11px;font-size:.64rem}

  body.home .mc-discovery{padding-top:18px}
}

@media (max-width:390px){
  body.home .msid-home-hero-v3 h1{font-size:1.82rem}
  body.home .msid-home-domain-card{min-height:82px}
}

/* 6.6.96 — the hero is a real universal search, not a taxonomy dropdown. */
.msid-home-universal-input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--msid-ink);font:inherit;font-weight:600;padding:0 4px;direction:rtl}
.msid-home-universal-input::placeholder{color:var(--text-mid);font-weight:500}
.tfb-field-filter-group.is-field-scoped .tfb-field-children--scoped{display:block;padding-top:.2rem}


/* 6.6.97 — complete two-row domain discovery + one visual language across home sections. */
body.home .msid-home-domain-strip{
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:10px;
  padding:12px;
}
body.home .msid-home-domain-card{
  --domain-tone:#3467a8;
  min-height:108px;
  border-radius:18px;
  border-color:rgba(20,50,90,.085);
  box-shadow:0 3px 12px rgba(22,44,78,.025);
}
body.home .msid-home-domain-icon{color:var(--domain-tone)}
body.home .msid-home-domain-card.is-sport{--domain-tone:#3567a8}
body.home .msid-home-domain-card.is-arts{--domain-tone:#e58a25}
body.home .msid-home-domain-card.is-craft{--domain-tone:#db526f}
body.home .msid-home-domain-card.is-kids{--domain-tone:#2d90b5}
body.home .msid-home-domain-card.is-language{--domain-tone:#5365c7}
body.home .msid-home-domain-card.is-tech{--domain-tone:#7564d7}
body.home .msid-home-domain-card.is-school{--domain-tone:#d85489}
body.home .msid-home-domain-card.is-beauty{--domain-tone:#e19a27}
body.home .msid-home-domain-card.is-food{--domain-tone:#3c72ae}
body.home .msid-home-domain-card.is-growth{--domain-tone:#5b9a6d}
body.home .msid-home-domain-card.is-marketing{--domain-tone:#1c9b99}
body.home .msid-home-domain-card.is-media{--domain-tone:#d36363}
body.home .msid-home-domain-card.is-business{--domain-tone:#4f63a8}
body.home .msid-home-domain-card.is-finance{--domain-tone:#397db3}
body.home .msid-home-domain-card.is-agri{--domain-tone:#55954d}
body.home .msid-home-domain-card.is-fashion{--domain-tone:#a35792}
body.home .msid-home-domain-card.is-quran{--domain-tone:#36836b}
body.home .msid-home-domain-card.is-all{--domain-tone:#2f66ad}
body.home .msid-home-domain-card:hover,
body.home .msid-home-domain-card:focus-visible{
  border-color:rgba(72,96,160,.22);
  box-shadow:0 10px 24px rgba(22,44,78,.075);
}

/* Reuse the approved domain-card language in all homepage modules. */
body.home .msid-directory-home{
  background:linear-gradient(180deg,#fff 0%,#fbfcff 38%,#fff 100%);
}
body.home .msid-directory-home>.mc-section{
  background:transparent;
  padding-block:24px;
}
body.home .msid-home-panel,
body.home .msid-home-proof-panel{
  border:1px solid rgba(20,50,90,.075);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(22,44,78,.045);
}
body.home .msid-home-panel{padding:24px}
body.home .msid-home-proof-panel{padding:20px 24px}
body.home .msid-home-panel .mc-section-head{
  align-items:center;
  margin-bottom:20px;
}
body.home .msid-home-panel .mc-section-head h2{
  color:#0d274f;
  font-size:clamp(1.25rem,1.7vw,1.55rem);
  font-weight:900;
  letter-spacing:-.02em;
}
body.home .msid-home-panel .mc-section-head p{font-size:.85rem;color:#6d7890}
body.home .msid-home-panel .mc-section-head>a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 13px;
  border:1px solid rgba(20,50,90,.11);
  border-radius:999px;
  background:#fff;
  color:#24456f;
  font-size:.74rem;
  font-weight:850;
  text-decoration:none;
}
body.home .msid-home-panel .mc-section-head>a:hover,
body.home .msid-home-panel .mc-section-head>a:focus-visible{border-color:#9eacd0;background:#fafbff;color:#17375f}
body.home .msid-home-panel :is(.sp-teacher-card,.trainer-card-editorial,.msid-book-card,.msid-home-article,.msid-specialty-card){
  border-color:rgba(20,50,90,.09);
  border-radius:18px;
  box-shadow:0 4px 14px rgba(22,44,78,.035);
}
body.home .msid-home-panel :is(.sp-teacher-card,.trainer-card-editorial,.msid-book-card,.msid-home-article,.msid-specialty-card):hover{
  border-color:rgba(58,91,150,.18);
  box-shadow:0 10px 24px rgba(22,44,78,.065);
}

/* The supporting controls use the same soft border/radius vocabulary. */
body.home .msid-school-levels{gap:9px;margin-bottom:18px}
body.home .msid-school-levels a{
  min-height:40px;
  padding:7px 14px;
  border-color:rgba(20,50,90,.10);
  border-radius:14px;
  color:#24456f;
}
body.home .mc-proof{padding:22px 0;background:transparent;border:0}
body.home .mc-proof-title{font-weight:800;color:#455772}
body.home .mc-proof-grid{border-color:rgba(20,50,90,.08);border-radius:18px}
body.home .mc-proof-grid>div{border-color:rgba(20,50,90,.08)}
body.home .mc-proof-grid strong{color:#0d274f}
body.home .msid-home-marketplace-btn{border-radius:14px}

@media (max-width:1180px){
  body.home .msid-home-domain-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (max-width:900px){
  body.home .msid-home-domain-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.home .msid-home-panel{padding:18px}
}
@media (max-width:760px){
  body.home .msid-directory-home>.mc-section{padding-block:14px}
  body.home .msid-home-domain-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0}
  body.home .msid-home-domain-card{min-height:86px;border-radius:15px}
  body.home .msid-home-domain-card:nth-child(7),
  body.home .msid-home-domain-card:nth-child(8){display:flex}
  body.home .msid-home-domain-card:nth-child(n+10):not(.msid-home-domain-card--all){display:none}
  body.home .msid-home-domain-card--all{display:flex;grid-column:1/-1;min-height:43px;flex-direction:row}
  body.home .msid-home-panel,
  body.home .msid-home-proof-panel{border-radius:18px;box-shadow:0 7px 20px rgba(22,44,78,.035)}
  body.home .msid-home-panel{padding:14px}
  body.home .msid-home-proof-panel{padding:14px}
  body.home .msid-home-panel .mc-section-head{margin-bottom:13px}
  body.home .msid-home-panel .mc-section-head h2{font-size:1.08rem}
}

/* 6.7.49 — managed premium quick-discovery surface. */
body.home .msid-home-specialties{padding-top:30px;padding-bottom:34px;background:transparent}
body.home .msid-home-panel.msid-home-quick-panel{
  position:relative;overflow:hidden;padding:26px;border:1px solid rgba(60,22,66,.10);border-radius:30px;
  background:
    radial-gradient(circle at 92% 12%,rgba(200,241,53,.19),transparent 23%),
    radial-gradient(circle at 7% 90%,rgba(60,22,66,.055),transparent 25%),
    linear-gradient(135deg,#fff 0%,#fbf9f4 100%);
  box-shadow:0 16px 46px rgba(60,22,66,.055)
}
body.home .msid-home-specialties-head{margin-bottom:18px}
body.home .msid-home-specialties-head>div{display:grid;gap:4px}
body.home .msid-home-quick-kicker{color:var(--msid-aubergine);font-size:.68rem;font-weight:900;letter-spacing:.02em}
body.home .msid-home-specialties-head h2{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.2}
body.home .msid-home-specialties-head p{display:block;margin:0;color:#69707d;font-size:.78rem;line-height:1.7}
body.home .msid-specialty-card-grid{display:grid;grid-template-columns:repeat(var(--quick-desktop-cols,4),minmax(0,1fr));gap:12px}
body.home .msid-specialty-card{
  --quick-accent:#6657C8;position:relative;isolation:isolate;min-height:126px;display:grid;
  grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:13px;padding:16px;
  overflow:hidden;border:1px solid color-mix(in srgb,var(--quick-accent) 18%,#e7e0e8);border-radius:20px;
  background:linear-gradient(140deg,#fff 0%,color-mix(in srgb,var(--quick-accent) 6%,#fff) 100%);
  color:var(--msid-ink);text-align:right;text-decoration:none;box-shadow:0 5px 16px rgba(38,24,42,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
body.home .msid-specialty-card::before{content:"";position:absolute;z-index:-1;inset:-45% auto auto -12%;width:115px;height:115px;border-radius:50%;background:color-mix(in srgb,var(--quick-accent) 12%,transparent);filter:blur(2px)}
body.home .msid-specialty-card::after{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:999px;background:var(--quick-accent);opacity:.72}
body.home .msid-specialty-card-icon{
  width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--quick-accent) 20%,transparent);
  border-radius:17px;background:color-mix(in srgb,var(--quick-accent) 11%,#fff);color:var(--quick-accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65)
}
body.home .msid-specialty-card-icon svg{width:27px;height:27px;stroke:currentColor}
body.home .msid-specialty-card-copy{min-width:0;display:grid;gap:5px;text-align:right;line-height:1.35}
body.home .msid-specialty-card-copy strong{font-size:.92rem;font-weight:950}
body.home .msid-specialty-card-copy small{display:block;color:#6b6670;font-size:.69rem;font-weight:650;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip}
body.home .msid-specialty-card-arrow{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--quick-accent) 10%,#fff);color:var(--quick-accent);font-size:1rem;font-weight:950;transition:transform .2s ease,background .2s ease}
body.home .msid-specialty-card:is(:hover,:focus-visible){transform:translateY(-3px);border-color:color-mix(in srgb,var(--quick-accent) 42%,#ded5e0);box-shadow:0 14px 30px rgba(45,27,50,.08);outline:none}
body.home .msid-specialty-card:is(:hover,:focus-visible) .msid-specialty-card-arrow{transform:translateX(-3px);background:color-mix(in srgb,var(--quick-accent) 17%,#fff)}

@media(max-width:760px){
  body.home .msid-home-specialties{padding:20px 0}
  body.home .msid-home-quick-panel{padding:15px;border-radius:22px}
  body.home .msid-home-specialties-head{margin-bottom:12px}
  body.home .msid-home-quick-kicker{display:block;font-size:.61rem}
  body.home .msid-home-specialties-head h2{font-size:1.2rem}
  body.home .msid-home-specialties-head p{display:block;font-size:.66rem;line-height:1.5}
  body.home .msid-specialty-card-grid{grid-template-columns:repeat(var(--quick-mobile-cols,2),minmax(0,1fr));gap:8px}
  body.home .msid-specialty-card{min-height:104px;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:11px 10px;border-radius:16px}
  body.home .msid-specialty-card::after{inset:10px auto 10px 0;width:2px}
  body.home .msid-specialty-card-icon{width:42px;height:42px;border-radius:13px}
  body.home .msid-specialty-card-icon svg{width:22px;height:22px}
  body.home .msid-specialty-card-copy{gap:3px}
  body.home .msid-specialty-card-copy strong{font-size:.78rem}
  body.home .msid-specialty-card-copy small{font-size:.58rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  body.home .msid-specialty-card-arrow{display:none}
}

@media(prefers-reduced-motion:reduce){
  body.home .msid-specialty-card,body.home .msid-specialty-card-arrow{transition:none}
  body.home .msid-specialty-card:is(:hover,:focus-visible){transform:none}
}

/* Managed per-device card counts. */
@media(min-width:761px){body.home .msid-specialty-card.is-hidden-desktop-choice{display:none}}
@media(max-width:760px){body.home .msid-specialty-card.is-hidden-mobile-choice{display:none}}
