/* fm-svc-strip.css — global cross-link service strip used by 6900+ pages.
   Renders as a card grid panel above the footer. Works on both dark and
   light page backgrounds because it brings its own deep-glass container.
   v=20260526 */

.fm-svc-strip{
  max-width:1160px;
  margin:36px auto 24px;
  padding:26px 24px 22px;
  border-radius:20px;
  background:linear-gradient(165deg,rgba(12,25,52,0.72) 0%,rgba(10,22,46,0.78) 100%);
  border:1px solid rgba(146,183,239,0.22);
  box-shadow:0 18px 38px rgba(2,10,28,0.32);
  color:#cbd9f4;
  font-family:"Noto Sans SC","Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.fm-svc-strip .fm-panel-title,
.fm-svc-strip h3{
  margin:0 0 6px;
  font-size:18px;
  font-weight:800;
  letter-spacing:-0.01em;
  color:#f6fbff;
}
.fm-svc-strip .fm-svc-sub{
  margin:0 0 16px;
  color:#9eb4d8;
  font-size:13.5px;
  line-height:1.65;
  max-width:74ch;
}
.fm-svc-strip .fm-svc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.fm-svc-strip .fm-svc-pill{
  display:block;
  padding:13px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(146,183,239,0.20);
  text-decoration:none;
  color:#e8efff;
  transition:transform .15s ease,border-color .15s ease,background .15s ease;
}
.fm-svc-strip .fm-svc-pill:hover{
  transform:translateY(-2px);
  border-color:rgba(34,211,238,0.5);
  background:rgba(34,211,238,0.08);
}
.fm-svc-strip .fm-svc-pill b{
  display:block;
  font-size:14px;
  font-weight:800;
  color:#f6fbff;
  letter-spacing:-0.01em;
}
.fm-svc-strip .fm-svc-pill span{
  display:block;
  margin-top:4px;
  font-size:12.5px;
  line-height:1.5;
  color:#9eb4d8;
  font-weight:500;
}

/* Collapsed variant: wrap inside <details><summary>; keep summary clean */
.fm-svc-strip--collapsed{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  margin:36px auto 24px;
}
.fm-svc-strip--collapsed > details{
  background:linear-gradient(165deg,rgba(12,25,52,0.72) 0%,rgba(10,22,46,0.78) 100%);
  border:1px solid rgba(146,183,239,0.22);
  border-radius:20px;
  padding:18px 24px;
  box-shadow:0 18px 38px rgba(2,10,28,0.32);
}
.fm-svc-strip--collapsed > details > summary{
  cursor:pointer;
  font-weight:800;
  font-size:15px;
  color:#a5f3fc;
  list-style:none;
  padding:6px 0;
}
.fm-svc-strip--collapsed > details > summary::-webkit-details-marker{display:none}
.fm-svc-strip--collapsed > details > summary::after{
  content:"▾";
  margin-left:6px;
  font-size:11px;
  opacity:0.8;
  transition:transform .2s ease;
}
.fm-svc-strip--collapsed > details[open] > summary::after{transform:rotate(180deg)}
.fm-svc-strip--collapsed > details h3{margin-top:14px}

/* Companion: fm-price-band (some pages render an inline price reference list) */
.fm-price-band{
  max-width:1160px;
  margin:24px auto;
  padding:22px 24px;
  border-radius:18px;
  background:linear-gradient(165deg,rgba(14,30,60,0.78),rgba(11,22,44,0.78));
  border:1px solid rgba(146,183,239,0.22);
  box-shadow:0 14px 30px rgba(2,10,28,0.28);
  color:#cbd9f4;
  font-family:"Noto Sans SC","Plus Jakarta Sans",Inter,system-ui,sans-serif;
}
.fm-price-band h3{
  margin:0 0 4px;
  font-size:17px;
  font-weight:800;
  color:#f6fbff;
}
.fm-price-band .fm-pb-sub{
  margin:0 0 14px;
  color:#9eb4d8;
  font-size:13px;
}
.fm-price-band ul{
  list-style:none;
  margin:0 0 14px;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:8px;
}
.fm-price-band ul li{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:10px;
  padding:10px 14px;
  border-radius:10px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(146,183,239,0.16);
}
.fm-price-band ul li b{color:#f4f8ff;font-weight:700;font-size:13.5px}
.fm-price-band ul li span{color:#a5f3fc;font-weight:800;font-size:13.5px;white-space:nowrap;font-family:"Space Grotesk",monospace}
.fm-price-band .fm-pb-more{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 14px;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(34,211,238,0.18),rgba(20,40,80,0.05));
  border:1px solid rgba(34,211,238,0.45);
  color:#f6fbff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.fm-price-band .fm-pb-more:hover{background:linear-gradient(135deg,rgba(34,211,238,0.32),rgba(20,40,80,0.12))}

@media(max-width:640px){
  .fm-svc-strip,.fm-svc-strip--collapsed,.fm-price-band{margin-left:14px;margin-right:14px}
  .fm-svc-strip{padding:20px 18px 18px}
  .fm-svc-strip .fm-svc-grid{grid-template-columns:1fr 1fr;gap:8px}
  .fm-svc-strip .fm-svc-pill{padding:11px 12px}
  .fm-svc-strip .fm-svc-pill b{font-size:13px}
  .fm-svc-strip .fm-svc-pill span{font-size:11.5px}
  .fm-price-band{padding:18px}
  .fm-price-band ul{grid-template-columns:1fr}
}