/* Light gradients and a consistent response-panel treatment across MINT. */
:root { --panel-start: #e9f8f1; --panel-end: #edf3ff; }
.snippet-detail, .preview-info, .insight, .sample-notice, .contact-expect,
.trial-grid li, .setup-grid article, .roles article, .faq details p,
#arena-feedback, #learner-response {
  background: linear-gradient(125deg, var(--panel-start), #ffffff 58%, var(--panel-end));
}
.snippet-detail {
  border: 1px solid #c9e3d8;
  border-left: 4px solid #007f60;
  border-radius: 10px;
  padding: 23px;
  box-shadow: 0 6px 18px #174b3b08;
}
.snippet-detail small { font-size: 14px; }
.snippet-detail p { color: #405b6b; line-height: 1.7; }
.snippet-list button {
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.snippet-list button[aria-pressed=true] {
  background: linear-gradient(115deg, #d4f2e4, #e4efff);
  border-color: #62b99c;
  box-shadow: 0 3px 10px #007f6010;
}
.trial-grid li, .setup-grid article, .roles article {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #d0e2df;
  border-top: 3px solid #77bca6;
}
.trial-grid li:nth-child(2), .setup-grid article:nth-child(2), .roles article:nth-child(2) { border-top-color: #7faac5; }
.trial-grid li:nth-child(3), .setup-grid article:nth-child(3), .roles article:nth-child(3) { border-top-color: #a29ccf; }
.trial-grid li p { margin-bottom: 18px; }
.preview-info { border-bottom: 1px solid #d3e3e5; }
.price-card { background: linear-gradient(145deg, #fff 45%, #f0f6ff); }
.price-card.featured { background: linear-gradient(140deg, #eaf8ef, #fff 60%, #eff3ff); }
.contact-expect { border: 1px solid #d0e2df; border-radius: 12px; padding: 22px; }
.contact-expect h3 { margin-top: 0; }
.contact-expect p { margin-bottom: 0; }
.enquiry-form { background: linear-gradient(135deg, #edf9f3, #fbfdff 55%, #eef2fc); }
.faq details p { padding: 20px; border-radius: 10px; border-left: 3px solid #007f60; }
#arena-feedback, #learner-response {
  color: #17384b;
  border: 1px solid #c4dfd6;
  border-left: 4px solid #6fc6a3;
  border-radius: 8px;
  padding: 16px 18px;
  font-size: 15px;
  line-height: 1.65;
}
#arena-feedback { min-height: 112px; }
#team-score { display: inline-block; }
.hero-slide { animation: mint-slide-enter .44s cubic-bezier(.22,1,.36,1); }
@keyframes mint-slide-enter { from { opacity: .55; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media(max-width:760px) {
  .trial-grid li, .setup-grid article, .roles article { padding: 22px; }
  .snippet-detail { padding: 20px; }
  #arena-feedback { min-height: 130px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-slide { animation: none; }
  .snippet-list button { transition: none; }
}

/* Team Arena: a compact marketing spotlight, with practice in its own workspace. */
.arena-marketing{background:radial-gradient(ellipse at 100% 0%,#155c66 0%,transparent 55%),linear-gradient(130deg,#09273d,#0c3449 60%,#0b4148);overflow:hidden}
.arena-spotlight{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}
.arena-story h2{font-size:clamp(36px,3.8vw,52px);line-height:1.12;max-width:570px;letter-spacing:-1.7px;margin:20px 0 24px}
.arena-story h2 span{color:#a4edcf}.arena-lead{max-width:490px;font-size:18px;line-height:1.65}
.arena-marketing .arena-cta{margin-top:8px;background:linear-gradient(110deg,#b5f3d8,#d9edff);color:#092c3b;box-shadow:0 8px 25px #051b3820}
.arena-marketing .arena-access{font-size:14px;color:#b8cfd8;margin:14px 0 0}
.arena-showcase{min-width:0;margin:0;padding:22px;border:1px solid #77b3b955;border-radius:18px;background:linear-gradient(145deg,#e4f7ef,#edf3ff);box-shadow:0 20px 55px #03172d40;color:#0e243d}
.arena-preview-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.7px;padding-bottom:18px;color:#35616a}
.arena-product-name{white-space:nowrap;font-size:11px;color:#547485}.arena-product-image{border:1px solid #c6dadb;border-radius:9px;overflow:hidden;background:#fff;aspect-ratio:16/10}
.arena-product-image img{width:100%;height:100%;display:block;object-fit:contain}
.arena-showcase figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;font-size:14px;line-height:1.5}
.arena-showcase figcaption span{font-size:12px;color:#526879}
.arena-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:44px}
.arena-benefits article{padding:22px 0 0;border-top:1px solid #8fc5c05c}
.arena-benefit-label{font-size:12px;letter-spacing:1px;font-weight:700;color:#93debf}
.arena-benefits h3{font-size:21px;line-height:1.3;letter-spacing:-.3px;margin:12px 0}
.arena-marketing .arena-benefits p{font-size:15px;line-height:1.6;color:#c1d5dd;margin:0;max-width:340px}
.arena-connection{display:flex;align-items:center;gap:35px;margin-top:36px;padding:22px 24px;border:1px solid #7eb5b43d;border-radius:10px;background:linear-gradient(115deg,#c3f4e210,#c4dcff12)}
.arena-connection>span{font-size:12px;letter-spacing:.6px;font-weight:700;color:#a6e3cf;max-width:210px;flex-shrink:0}
.arena-marketing .arena-connection p{font-size:15px;color:#d0e0e5;margin:0}
@media(max-width:1000px){.arena-spotlight{gap:30px}.arena-preview-label{font-size:11px}.arena-product-name{display:none}.arena-showcase{padding:18px}.arena-showcase figcaption{display:block}.arena-showcase figcaption span{display:block;margin-top:5px}.arena-benefits{gap:22px}}
@media(max-width:760px){.arena-marketing .section{padding-top:46px;padding-bottom:46px}.arena-spotlight{grid-template-columns:1fr;gap:28px}.arena-story h2{font-size:clamp(34px,9.3vw,43px);letter-spacing:-1.2px;margin:16px 0 18px}.arena-lead{font-size:16px;margin-bottom:18px}.arena-story h2 br{display:none}.arena-marketing .arena-cta{width:100%;margin-top:0}.arena-marketing .arena-access{text-align:center;font-size:13px}.arena-showcase{padding:16px;border-radius:13px}.arena-preview-label{padding-bottom:12px;font-size:11px;letter-spacing:.4px}.arena-showcase figcaption{padding-top:12px;font-size:15px}.arena-showcase figcaption span{font-size:12px}.arena-benefits{grid-template-columns:1fr;gap:18px;margin-top:28px}.arena-benefits article{padding-top:18px}.arena-benefits h3{font-size:20px;margin:8px 0}.arena-benefit-label{font-size:11px}.arena-marketing .arena-benefits p{max-width:none;font-size:15px}.arena-connection{display:block;margin-top:24px;padding:18px}.arena-connection>span{display:block;max-width:none;font-size:11px;margin-bottom:9px}.arena-marketing .arena-connection p{font-size:14px}}