/* Product-line overview: show the planning decision, the two routes and a real case. */
.community-case-page #overview .overview-summary {align-self:center}
.community-case-page #overview .ov-tabs {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;
  width:100%;box-sizing:border-box;padding:5px;margin-bottom:18px;
  background:#edf4fc;border:0;border-radius:12px;
}
.community-case-page #overview .ov-tabs button {
  min-width:0;min-height:44px;padding:10px 8px;border:1px solid transparent;border-radius:8px;
  transition:background 160ms ease,color 160ms ease,box-shadow 160ms ease;
}
.community-case-page #overview .ov-tabs button::after {content:none}
.community-case-page #overview .ov-tabs button[aria-selected="true"] {
  color:#0067d7;background:#fff;border-color:#d5e5f8;box-shadow:0 2px 6px #284e7b0d;
}
.community-case-page #overview .ov-tabs button:hover:not([aria-selected="true"]) {background:#e2edfa;color:#122036}
.community-case-page #overview .ov-tabs button:focus-visible {outline-offset:1px}
.community-case-page #overview .ov-panel {
  position:relative;
  border-radius:16px;
  box-shadow:5px 6px 0 #e8f2ff,0 12px 28px -24px #284e7b55;
  animation:none;
}
.community-case-page #overview .ov-panel h3 {max-width:none}
.community-case-page #overview .ov-planning-panel {padding:24px;background:#f4f8fd}
.community-case-page #overview .ov-planning-routes {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 20px;
}
.community-case-page #overview .ov-product-route {
  min-width:0;padding:20px;background:#fff;border:1px solid #dde8f5;border-radius:12px;
  box-shadow:0 3px 8px #173f7205;
}
.community-case-page #overview .ov-incubation-route {background:#e4f1ff;border-color:#c6dfff}
.community-case-page #overview .ov-route-condition {
  display:block;font-size:13px;line-height:1.5;color:#526882;margin-bottom:8px;
}
.community-case-page #overview .ov-product-route h4 {
  font-size:21px;line-height:1.4;letter-spacing:0;color:#122036;font-weight:600;margin:0 0 10px;
}
.community-case-page #overview .ov-incubation-route h4 {color:#0067d7}
.community-case-page #overview .ov-product-route p {
  font-size:15px;line-height:1.7;color:#526882;margin:0;min-height:3.4em;
}
.community-case-page #overview .ov-planning-example {
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;
  padding:0;color:#122036;text-decoration:none;border:0;background:none;
}
.community-case-page #overview .ov-planning-example img {
  display:block;width:88px;height:auto;aspect-ratio:16/10;object-fit:contain;
  background:#fff;border:1px solid #dce6f2;border-radius:5px;
}
.community-case-page #overview .ov-example-copy {display:grid;gap:3px;min-width:0}
.community-case-page #overview .ov-example-copy small {font-size:12px;line-height:1.5;color:#526882}
.community-case-page #overview .ov-example-copy strong {font-size:17px;line-height:1.5;font-weight:600}
.community-case-page #overview .ov-example-copy>span {font-size:13px;line-height:1.6;color:#526882}
.community-case-page #overview .ov-example-action {
  display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.5;
  white-space:nowrap;color:#0067d7;
}
.community-case-page #overview .ov-example-action svg {
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;
  stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms ease;
}
.community-case-page #overview .ov-planning-example:hover .ov-example-action {text-decoration:underline;text-underline-offset:4px}
.community-case-page #overview .ov-planning-example:hover svg {transform:translateX(3px)}
@media(max-width:1100px) {
  .community-case-page #overview .overview-summary {align-self:start}
}
@media(max-width:680px) {
  .community-case-page #overview .ov-tabs {gap:2px;padding:4px;overflow:visible}
  .community-case-page #overview .ov-tabs button {padding:8px 4px;font-size:13px;white-space:normal}
  .community-case-page #overview .ov-planning-panel {padding:20px}
  .community-case-page #overview .ov-planning-routes {grid-template-columns:1fr;gap:12px;margin:18px 0}
  .community-case-page #overview .ov-product-route {padding:18px}
  .community-case-page #overview .ov-product-route p {min-height:0}
  .community-case-page #overview .ov-product-route h4 {font-size:20px}
  .community-case-page #overview .ov-planning-example {grid-template-columns:64px minmax(0,1fr);gap:12px}
  .community-case-page #overview .ov-planning-example img {width:64px}
  .community-case-page #overview .ov-example-action {grid-column:2;margin-top:-4px}
}
@media(prefers-reduced-motion:reduce) {
  .community-case-page #overview .ov-tabs button {transition:none}
  .community-case-page #overview .ov-example-action svg {transition:none}
  .community-case-page #overview .ov-planning-example:hover svg {transform:none}
}