/* Readable titles and native disclosures, grounded in the approved brand palette. */
.ma-storybook .readable-banner {
  --banner-ink:var(--story-red);
  --banner-wash:#fff0f0;
  margin:-8px -8px 20px;
  padding:24px 20px;
  border-radius:16px;
  background:var(--banner-wash);
  text-align:left;
}
.ma-storybook .readable-banner--blue {
  --banner-ink:var(--story-blue-text);
  --banner-wash:var(--story-blue-wash);
}
.ma-storybook .readable-banner--yellow {
  --banner-ink:var(--ink);
  --banner-wash:var(--story-yellow-wash);
}
.ma-storybook .readable-banner .readable-title {
  position:static;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
  color:var(--banner-ink)!important;
  font-family:Inter,'Outfit',system-ui,sans-serif;
  font-size:clamp(1.625rem,2.3vw,2rem);
  font-weight:700;
  line-height:1.13;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.ma-storybook .training-grid .readable-title .readable-overline {
  display:block;
  margin-bottom:10px;
  color:var(--ink)!important;
  font-size:.75rem;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ma-storybook .readable-title .readable-title-join {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
}
.ma-storybook .training-grid .readable-title .readable-subtitle {
  display:block;
  margin-top:14px;
  color:var(--ink)!important;
  font-size:1rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0;
}
.ma-storybook .readable-banner--yellow .readable-subtitle {
  text-decoration:underline;
  text-decoration-color:var(--story-yellow);
  text-decoration-thickness:4px;
  text-underline-offset:5px;
  text-decoration-skip-ink:auto;
}
.ma-storybook .service-top .readable-banner--service {
  margin:-8px -8px 24px;
  padding:24px 20px;
}
.ma-storybook .service-top .readable-banner-copy {
  margin:16px 0 0;
  color:var(--ink)!important;
  font-size:1rem;
  font-weight:400;
  line-height:1.55;
  text-wrap:pretty;
}
.ma-storybook .service-top .readable-banner-note {
  margin:14px 0 0;
  color:var(--banner-ink)!important;
  font-size:.875rem;
  font-weight:500;
  line-height:1.55;
  letter-spacing:.015em;
  text-wrap:pretty;
}
.ma-storybook .service-top .readable-banner-note strong {
  color:var(--ink)!important;
  background:var(--story-yellow);
  padding:1px 3px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

/* The original lead stays visible; every original explanation remains available. */
.ma-storybook .training-grid { align-items:start; }
.ma-storybook .way-details { margin-bottom:22px; }
.ma-storybook .way-detail { border-bottom:1px solid var(--story-border); }
.ma-storybook .way-detail:last-child { border-bottom:0; }
.ma-storybook .way-detail summary {
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 14px;
  align-items:start;
  gap:10px;
  min-height:60px;
  padding:16px 2px;
  border-radius:6px;
  list-style:none;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(0,153,221,.12);
}
.ma-storybook .way-detail summary::-webkit-details-marker { display:none; }
.ma-storybook .way-detail summary::marker { content:''; }
.ma-storybook .training-grid .way-detail summary strong {
  display:block;
  margin:0;
  color:var(--accent-text)!important;
  font-size:1rem!important;
  font-weight:600;
  line-height:1.5;
  letter-spacing:0;
  text-wrap:pretty;
}
.ma-storybook .way-detail summary .way-check { margin-top:1px; }
.ma-storybook .way-detail-toggle {
  width:8px;
  height:8px;
  margin:7px 3px 0;
  border-right:2px solid var(--accent-text);
  border-bottom:2px solid var(--accent-text);
  transform:rotate(45deg);
}
.ma-storybook .way-detail[open] .way-detail-toggle {
  margin-top:11px;
  transform:rotate(225deg);
}
.ma-storybook .training-grid .way-detail p {
  margin:0;
  padding:0 2px 20px 36px;
  color:var(--muted)!important;
  font-size:1rem;
  font-weight:400;
  line-height:1.65;
  text-wrap:pretty;
}
.ma-storybook .way-detail summary:focus-visible {
  outline:3px solid var(--story-blue-text);
  outline-offset:3px;
  background:var(--accent-wash);
}
@media (hover:hover) {
  .ma-storybook .way-detail summary:hover { background:var(--accent-wash); }
}

.ma-storybook .why-combined-row .readable-quote {
  margin:0;
  padding:clamp(28px,5vw,60px);
  background:var(--story-yellow-wash);
  border-left:5px solid var(--story-yellow);
  text-align:left;
}
.ma-storybook .why-combined-row .readable-quote blockquote {
  max-width:38ch;
  margin:0;
  color:var(--story-blue-text)!important;
  font-family:Inter,'Outfit',system-ui,sans-serif;
  font-size:clamp(1.375rem,2.7vw,2rem);
  font-weight:500;
  line-height:1.5;
  letter-spacing:-.015em;
  text-wrap:pretty;
}
.ma-storybook .why-combined-row .readable-quote .readable-quote-motto {
  margin:24px 0 18px;
  color:var(--story-red)!important;
  font-size:clamp(1.125rem,2vw,1.5rem);
  font-weight:700;
  line-height:1.4;
  text-wrap:balance;
}
.ma-storybook .why-combined-row .readable-quote figcaption {
  max-width:65ch;
  color:var(--ink)!important;
  font-size:.875rem;
  line-height:1.65;
  letter-spacing:.015em;
}
.ma-storybook .why-combined-row .readable-quote cite { font-style:normal; }

@media (max-width:480px) {
  .ma-storybook .readable-banner { padding:22px 18px; }
  .ma-storybook .service-top .readable-banner--service { padding:22px 18px; }
  .ma-storybook .training-grid .way-detail p { padding-left:2px; }
  .ma-storybook .why-combined-row .readable-quote { padding:28px 22px; }
}