/* Community case hierarchy: quiet reading areas, substantial product surfaces,
   and compact controls. Connections inside business models remain meaningful. */
body.community-case-page {
  --case-ground:#f3f6fa;
  --case-recess:#eaf0f7;
  --case-blue-surface:#dcecff;
  --case-surface-shadow:0 2px 4px #1834510a,0 16px 40px -20px #1834513d;
  --case-control-shadow:0 1px 2px #1834510d,0 4px 10px -4px #18345126;
}

/* The directory reads as navigation rather than a ruled spreadsheet row. */
body.community-case-page .section-nav,
body.community-case-page.community-hero-visible .section-nav {
  background:#edf2f8;border-color:transparent;
  box-shadow:0 4px 12px -8px #18345133;
}
body.community-case-page .section-nav a.active {
  background:#fff;border-color:transparent;box-shadow:var(--case-control-shadow);
}

/* Two quiet chapter backgrounds establish rhythm without adding separators. */
body.community-case-page #scenarios.community-planning-case,
body.community-case-page #commercial.community-commercial-case {background:var(--case-ground)}

/* Planning: a recessed stage holds two distinct product decisions. */
body.community-case-page #overview .ov-tabs {background:var(--case-recess)}
body.community-case-page #overview .ov-tabs button[aria-selected="true"] {
  border-color:transparent;box-shadow:var(--case-control-shadow);
}
body.community-case-page #overview .ov-panel {
  background:#edf3fa;border:0;border-radius:20px;padding:24px;
  box-shadow:var(--case-surface-shadow);
}
body.community-case-page #overview .ov-product-route {
  border:0;border-radius:12px;background:#fff;padding:24px;
  box-shadow:var(--case-control-shadow);
}
body.community-case-page #overview .ov-incubation-route {
  background:var(--case-blue-surface);box-shadow:inset 0 1px #ffffffb3;
}
body.community-case-page #overview .ov-planning-example {
  background:#fff;border-radius:12px;padding:16px;
}
body.community-case-page #overview .ov-metric {
  border:0;background:#fff;border-radius:12px;padding:20px 24px;margin:20px 0 8px;
}
body.community-case-page #overview .ov-case-link {
  align-self:flex-start;justify-content:flex-start;padding:10px 16px;
  border-radius:8px;background:#fff;box-shadow:var(--case-control-shadow);
}
body.community-case-page #overview .ov-case-link:hover {background:#e4f1ff}

/* Narrative relies on spacing. Its labels no longer sit on dividing rules. */
body.community-case-page #scenarios .incubation-journey {border:0;gap:24px}
body.community-case-page #scenarios .incubation-journey article {border:0;padding:0}
body.community-case-page #shared-capabilities .reuse-case-decision,
body.community-case-page #commercial .commerce-decision,
body.community-case-page #outcome .delivery-case-judgment {border:0;padding-top:0;margin-top:24px}
body.community-case-page #shared-capabilities .reuse-examples article+article {border:0}

/* Real evidence is the main object; do not add another frame to the screenshot. */
body.community-case-page #scenarios .incubation-outcome {
  background:#fff;border:0;border-radius:20px;padding:24px;
  box-shadow:var(--case-surface-shadow);
}
body.community-case-page #scenarios .incubation-results {
  padding:20px;background:#edf4fd;border-radius:12px;gap:16px;
}
body.community-case-page #scenarios .incubation-results>div+div {border:0;padding-left:0}
body.community-case-page #scenarios .incubation-results strong {font-size:40px}
body.community-case-page #scenarios .planning-evidence>a {border:0;border-radius:0;background:transparent}
body.community-case-page #scenarios .planning-progression {border:0;padding-top:0}
body.community-case-page #scenarios .planning-progression>span+span {border:0;padding-left:0}

/* Results have more weight than the adjacent explanatory copy. */
body.community-case-page #shared-capabilities .reuse-result,
body.community-case-page #commercial .commerce-result,
body.community-case-page #outcome .delivery-case-results {
  width:fit-content;max-width:100%;box-sizing:border-box;padding:20px 24px;
  background:#edf4fd;border-radius:12px;gap:24px;
}
body.community-case-page #outcome .delivery-iteration-result {border:0;padding-left:0}

/* Reuse comparison: column tone carries before/after; rows stay easy to match. */
body.community-case-page #shared-capabilities .reuse-comparison-surface {
  border:0;border-radius:16px;box-shadow:var(--case-surface-shadow);
}
body.community-case-page #shared-capabilities .reuse-comparison-table th,
body.community-case-page #shared-capabilities .reuse-comparison-table td {border-bottom:0}
body.community-case-page #shared-capabilities .reuse-comparison-table thead th {background:#eaf0f7}
body.community-case-page #shared-capabilities .reuse-comparison-table thead th:last-child {background:#dcecff}
body.community-case-page #shared-capabilities .reuse-comparison-table thead th:last-child strong {color:#122036}
body.community-case-page #shared-capabilities .reuse-after-column {background:#e4f1ff}
body.community-case-page #shared-capabilities .reuse-comparison-table tbody tr:nth-child(even)>:not(:last-child) {background:#12203605}
body.community-case-page #shared-capabilities .reuse-business-boundary {
  border-top:8px solid #fff;background:#edf2f8;
}

/* Subscription is a product composition, with a base and two optional groups. */
body.community-case-page #commercial .commerce-subscription-map {
  border:0;border-radius:20px;background:#fff;box-shadow:var(--case-surface-shadow);
}
body.community-case-page #commercial .subscription-base {background:transparent;border-radius:20px 20px 0 0}
body.community-case-page #commercial .subscription-product {border:0;border-radius:10px}
body.community-case-page #commercial .subscription-foundation {background:var(--case-blue-surface);box-shadow:none}
body.community-case-page #commercial .subscription-extension {box-shadow:var(--case-control-shadow)}
body.community-case-page #commercial .subscription-extension::before {border:0;background:#dcecff}
body.community-case-page #commercial .subscription-options {
  gap:12px;margin:0 16px;padding:0 0 16px;border:0;
}
body.community-case-page #commercial .subscription-options>.subscription-layer {
  padding:20px 16px;border:0;border-radius:12px;background:#f0f4fa;
}
body.community-case-page #commercial .subscription-tiers li {border-radius:6px;background:#fff;box-shadow:none}
body.community-case-page #commercial .subscription-tiers li:nth-child(2) {background:#e4f1ff;box-shadow:none}
body.community-case-page #commercial .subscription-tiers li:nth-child(3) {background:#cfe5ff;color:#122036;box-shadow:none}
body.community-case-page #commercial .subscription-resources {gap:8px}
body.community-case-page #commercial .subscription-resources li,
body.community-case-page #commercial .subscription-resources li+li {border:0;border-radius:6px;background:#fff}

/* The delivery model has a quiet backing and three white rule groups. */
body.community-case-page #outcome .delivery-rule-sheet {
  border:0;border-radius:20px;background:#edf2f8;padding:0 16px;
  box-shadow:var(--case-surface-shadow);
}
body.community-case-page #outcome .delivery-rule-columns {border:0;padding:16px}
body.community-case-page #outcome .delivery-rule-row {
  padding:20px 16px;background:#fff;border:0;border-radius:12px;
}
body.community-case-page #outcome .delivery-rule-row+.delivery-rule-row {margin-top:12px;border:0}
body.community-case-page #outcome .delivery-scope-root {border-color:transparent;background:#dcecff;color:#122036;box-shadow:none}
body.community-case-page #outcome .delivery-scope-branches>span {border-color:transparent;background:#edf2f8;box-shadow:none}
body.community-case-page #outcome .delivery-service-map>div {border-color:transparent;background:#e4f1ff}
body.community-case-page #outcome .delivery-service-map>div+div {border-color:transparent;background:#edf2f8}
body.community-case-page #outcome .delivery-model-foot {border:0;padding:16px}

/* Compact disclosure buttons are visibly actionable, without full-width lines. */
body.community-case-page :is(#shared-capabilities,#commercial,#outcome) details.case-disclosure>summary {
  background:#e6effa;box-shadow:var(--case-control-shadow);border-radius:10px;
}
body.community-case-page :is(#shared-capabilities,#commercial,#outcome) details.case-disclosure>summary:hover,
body.community-case-page :is(#shared-capabilities,#commercial,#outcome) details.case-disclosure[open]>summary {background:#e4f1ff}

@media(min-width:1101px) and (max-height:850px) {
  body.community-case-page #scenarios .incubation-outcome {padding:16px}
  body.community-case-page #scenarios .incubation-results {padding:16px;margin:16px 0}
  body.community-case-page #shared-capabilities .reuse-result,
  body.community-case-page #commercial .commerce-result,
  body.community-case-page #outcome .delivery-case-results {padding:16px}
  body.community-case-page #outcome .delivery-rule-row {padding:16px}
  body.community-case-page #commercial .subscription-options>.subscription-layer {padding:16px}
}
@media(max-width:680px) {
  body.community-case-page #overview .ov-panel,
  body.community-case-page #overview .ov-product-route,
  body.community-case-page #scenarios .incubation-outcome {padding:16px}
  body.community-case-page #overview .ov-planning-example {padding:12px}
  body.community-case-page #scenarios .incubation-results {padding:16px 12px;gap:8px}
  body.community-case-page #scenarios .incubation-results strong {font-size:32px}
  body.community-case-page #scenarios .incubation-results small {font-size:14px}
  body.community-case-page #scenarios .incubation-results>div>span {font-size:12px}
  body.community-case-page #scenarios .planning-progression {gap:12px}
  body.community-case-page #shared-capabilities .reuse-result,
  body.community-case-page #commercial .commerce-result,
  body.community-case-page #outcome .delivery-case-results {padding:16px;gap:16px}
  body.community-case-page #commercial .subscription-options {margin:0 12px;padding-bottom:12px}
  body.community-case-page #commercial .subscription-options>.subscription-layer {padding:16px}
  body.community-case-page #outcome .delivery-rule-sheet {padding:12px}
  body.community-case-page #outcome .delivery-rule-row {padding:16px}
  body.community-case-page #outcome .delivery-model-foot {padding:16px 4px 4px}
}