/* Wonder Platform 共通シリーズフッター */
.wp-series{
  padding:52px 0 38px;
  background:
    radial-gradient(circle at 10% 0%,rgba(39,217,255,.10),transparent 28%),
    radial-gradient(circle at 90% 8%,rgba(139,92,255,.10),transparent 30%),
    linear-gradient(180deg,#040b17,#020711);
  border-top:1px solid rgba(65,231,255,.18);
  color:#dbeaff;
}
.wp-series *{box-sizing:border-box}
.wp-series__inner{width:min(1400px,94vw);margin:0 auto}
.wp-series__head{text-align:center;max-width:980px;margin:0 auto 26px}
.wp-series__eyebrow{margin:0 0 5px;color:#f3c85d;font-size:13px;font-weight:950;letter-spacing:.12em}
.wp-series__head h2{margin:0;color:#fff;font-size:clamp(26px,3vw,40px);line-height:1.35}
.wp-series__lead{margin:13px auto 0;color:#b8cbe2;font-size:14px;line-height:1.8}

.wp-series__cards{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
}
.wp-series__card{
  min-height:252px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:20px 13px 17px;
  border:1px solid var(--accent);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(8,25,48,.94),rgba(3,10,21,.98));
  color:#fff;
  text-decoration:none;
  box-shadow:inset 0 0 30px color-mix(in srgb,var(--accent) 8%,transparent);
  transition:transform .18s ease,box-shadow .18s ease;
}
.wp-series__card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 0 36px color-mix(in srgb,var(--accent) 14%,transparent)}
.wp-series__card--cyan{--accent:#25d9ff}
.wp-series__card--blue{--accent:#2497ff}
.wp-series__card--purple{--accent:#b65cff}
.wp-series__card--sky{--accent:#48a7ff}
.wp-series__card--green{--accent:#57df7c}
.wp-series__card--green2{--accent:#77d68c}
.wp-series__card--gold{--accent:#eab94a}
.wp-series__icon{
  width:42px;height:42px;border:1px solid var(--accent);border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:var(--accent);font-size:21px;font-weight:950;margin-bottom:12px;
}
.wp-series__card strong{color:var(--accent);font-size:15px;line-height:1.35}
.wp-series__card small{display:block;margin-top:2px;color:#dceaff;font-size:10px;font-weight:800}
.wp-series__card p{margin:20px 0 12px;color:#d1def0;font-size:12px;line-height:1.75}
.wp-series__arrow{
  margin-top:auto;width:38px;height:25px;border:1px solid var(--accent);
  border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;
}

.wp-series__summary{
  margin-top:18px;padding:25px 28px 24px;
  border:1px solid rgba(190,216,246,.30);border-radius:15px;
  background:rgba(5,16,32,.86);
}
.wp-series__summary-title{
  margin:0 0 22px;text-align:center;color:#f3c85d;
  font-size:16px;font-weight:900;line-height:1.7;
}
.wp-series__summary-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
}
.wp-series__summary-grid>div{padding:0 22px;border-left:1px solid rgba(255,255,255,.18)}
.wp-series__summary-grid>div:first-child{border-left:0}
.wp-series__summary-grid h3{margin:0 0 11px;color:#41e7ff;font-size:16px}
.wp-series__summary-grid>div:nth-child(2) h3{color:#57df7c}
.wp-series__summary-grid>div:nth-child(3) h3{color:#b65cff}
.wp-series__summary-grid>div:nth-child(4) h3{color:#f3c85d}
.wp-series__summary-grid p{margin:0;color:#cad8e9;font-size:12px;line-height:1.9}

@media(max-width:1200px){
  .wp-series__cards{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:850px){
  .wp-series__cards{grid-template-columns:repeat(2,1fr)}
  .wp-series__summary-grid{grid-template-columns:1fr 1fr;gap:22px}
  .wp-series__summary-grid>div{border-left:0;padding:0}
}
@media(max-width:560px){
  .wp-series{padding-top:38px}
  .wp-series__cards{grid-template-columns:1fr}
  .wp-series__card{min-height:auto}
  .wp-series__summary{padding:22px 18px}
  .wp-series__summary-grid{grid-template-columns:1fr}
}

.wp-series__search-message{
  width:min(1180px,92vw);
  margin:24px auto 0;
  padding:22px 26px;
  text-align:center;
  border:1px solid rgba(65,231,255,.22);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(7,23,44,.86),rgba(3,10,21,.92));
  box-shadow:0 16px 44px rgba(0,0,0,.22);
}
.wp-series__search-message strong{
  display:block;
  color:#f3c85d;
  font-size:16px;
  line-height:1.65;
}
.wp-series__search-message p{
  margin:8px 0 0;
  color:#c8d9ec;
  font-size:14px;
  line-height:1.9;
}
.wp-series__copyright{
  text-align:center;
  padding:28px 20px 18px;
  color:#8fa3bf;
  font-size:14px;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:28px;
}
@media(max-width:560px){
  .wp-series__search-message{padding:18px 16px}
  .wp-series__search-message strong{font-size:15px}
  .wp-series__search-message p{font-size:13px}
}