/* Final brief is the visual authority. References inform hierarchy, not brand/content. */
body.developed {
  --ui-brand: #f0642b;
  --ui-ink: #332c27;
  --ui-muted: #66594f;
  --ui-line: #e7d8ce;
  --ui-soft: #fff8f2;
}
body.developed .room-practical-action h4 {
  color: #a63c12;
  font-weight: 650;
}
body.developed
  :is(.hero-entry .button.dark, .unified-contact-actions a[href="/estimate"]) {
  background: var(--ui-brand) !important;
  color: #fff !important;
  border-color: var(--ui-brand) !important;
}
body.developed .hero-entry .button {
  min-height: 48px;
  padding: 12px 20px !important;
  border-radius: 8px;
  font-size: 15px !important;
  line-height: 1.5;
}
body.developed .unified-contact-actions a {
  min-height: 48px;
  border-radius: 8px;
  font-size: 15px;
}
body.developed .unified-contact-actions a[href="/visit-estimate"] {
  color: var(--ui-brand) !important;
  background: transparent !important;
  border: 1px solid #ab623e;
}
body.developed
  :is(.hero-entry .button, .unified-contact-actions a):focus-visible {
  outline: 3px solid var(--ui-brand);
  outline-offset: 4px;
}
body.developed .footer-customer {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
}
body.developed .footer-customer a {
  color: var(--ui-brand);
  text-underline-offset: 4px;
}
body.developed nav.content-hub {
  display: flex;
  align-items: stretch;
  gap: 24px;
  border-bottom: 1px solid var(--ui-line);
}
body.developed nav.content-hub a {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  min-height: 48px;
  white-space: nowrap;
  font-size: 15px;
}
body.developed nav.content-hub a[aria-current="page"] {
  color: var(--ui-brand) !important;
  border-bottom: 3px solid var(--ui-brand);
  font-weight: 650;
}
/* Before/after photography must be real. A not-yet-published record stays compact. */
body.developed .case-project-photo-empty {
  min-height: 144px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  padding: 24px !important;
}
body.developed .case-project-photo-empty > span {
  display: none;
}
body.developed
  .case-project-photos:has(.case-project-photo-empty):not(:has(img)) {
  align-items: start;
  min-height: 0;
}
body.developed .case-report[data-empty-report] .report-changes {
  display: none;
}
body.developed .customer-letter-paper:has(.case-review-pending) {
  min-height: 0 !important;
  height: auto !important;
  padding: 24px !important;
  background-image: none !important;
}
body.developed .case-review-pending {
  margin: 0 !important;
}
@media (min-width: 761px) {
  body.developed main#main {
    max-width: 1240px;
    width: calc(100% - 48px);
    margin-inline: auto;
  }
  body.developed .unified-page-heading {
    padding: 0;
    margin: 40px 0;
  }
  body.developed .unified-page-heading h1 {
    font-size: 40px;
    line-height: 1.3;
  }
  body.developed .unified-page-heading p {
    font-size: 16px;
    line-height: 1.7;
  }
  body.developed[data-final-home] .hero {
    gap: 48px;
    padding-block: 40px 56px;
  }
  body.developed[data-final-home] #team.pledge-section {
    padding: 32px;
    margin-bottom: 56px;
  }
  body.developed[data-final-home] #team .manager-preview {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
    gap: 48px;
  }
  body.developed[data-final-home] #team figure img {
    max-height: 520px;
    object-fit: cover;
    object-position: center 20%;
  }
  body.developed[data-final-home]
    #team
    :is(
      .chapter-content,
      .manager-preview,
      .manager-preview > div,
      .pledge-list li,
      .pledge-list li > div,
      .pledge-list h3,
      .pledge-list p,
      .manager-section-footer
    ) {
    background: transparent !important;
  }
  body.developed[data-final-home] .journey-steps h3 {
    font-size: 15px;
  }
  body.developed[data-final-home] .journey-steps p {
    font-size: 14px;
    line-height: 1.7;
  }
}
/* Dedicated manager page: content fit, not a fixed-size presentation slide. */
body.developed:not([data-final-home]) #team.chapter {
  height: auto !important;
  min-height: 0 !important;
  width: 100%;
  max-width: none;
  margin: 40px 0 48px;
  padding: 32px !important;
  border: 0;
  background: var(--ui-soft) !important;
  border-radius: 16px;
}
body.developed:not([data-final-home]) #team .manager-preview {
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr) !important;
  gap: 40px;
}
body.developed:not([data-final-home])
  #team
  :is(
    .chapter-content,
    .manager-preview,
    .manager-preview > div,
    .manager-preview > figure,
    .care-principles li,
    .care-principles,
    .care-principles b,
    .care-principles span,
    h1,
    h2,
    p,
    figcaption
  ) {
  background: transparent !important;
}
body.developed #team .manager-section-footer span {
  background: transparent !important;
}
body.developed[data-final-home] #team .manager-section-footer a {
  background: transparent !important;
  color: var(--ui-brand) !important;
}
body.developed:not([data-final-home]) #team h1 {
  font-size: 40px;
  line-height: 1.35;
  margin: 0 0 20px;
}
body.developed:not([data-final-home]) #team .manager-preview h2 {
  font-size: 24px;
  line-height: 1.5;
}
body.developed:not([data-final-home]) #team .manager-preview > div > p {
  font-size: 16px;
  line-height: 1.75;
}
body.developed:not([data-final-home]) #team .care-principles :is(b, span) {
  font-size: 15px;
  line-height: 1.7;
}
body.developed:not([data-final-home]) #team .manager-preview > figure img {
  aspect-ratio: 4/3 !important;
}
@media (max-width: 760px) {
  body.developed nav.content-hub {
    overflow-x: auto;
    gap: 20px;
    flex-wrap: nowrap;
    scrollbar-width: thin;
    padding-bottom: 2px;
  }
  body.developed nav.content-hub a {
    font-size: 14px;
  }
  body.developed:not([data-final-home]) #team.chapter {
    margin: 24px 0;
    padding: 20px !important;
    border-radius: 12px;
  }
  body.developed:not([data-final-home]) #team .manager-preview {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px;
  }
  body.developed:not([data-final-home]) #team h1 {
    font-size: 28px;
    margin-bottom: 0;
  }
  body.developed:not([data-final-home]) #team .manager-preview h2 {
    font-size: 20px;
    margin: 0 0 16px;
  }
  body.developed:not([data-final-home]) #team .manager-preview > div > p {
    margin-bottom: 16px;
  }
  body.developed:not([data-final-home]) #team .manager-preview figcaption {
    font-size: 12px;
  }
  body.developed[data-mobile-price-ready] [data-mobile-price-supplement] p,
  body.developed[data-mobile-price-ready] [data-mobile-price-supplement] img {
    display: none;
  }
  body.developed[data-mobile-price-ready]
    [data-mobile-price-supplement][data-mobile-price-expanded="true"]
    p,
  body.developed[data-mobile-price-ready]
    [data-mobile-price-supplement][data-mobile-price-expanded="true"]
    img {
    display: block;
  }
  body.developed[data-mobile-price-ready] .visual-price-check-grid {
    gap: 0;
  }
  body.developed[data-mobile-price-ready] .visual-price-check-grid article {
    padding: 16px 0;
    border-top: 0;
  }
  body.developed[data-mobile-price-ready] .visual-price-check-grid h3 {
    padding: 0;
    margin: 4px 0 8px;
    font-size: 18px;
  }
  body.developed[data-mobile-price-ready] .visual-price-check-grid img {
    position: static;
    width: 48px;
    height: 48px;
    margin-top: 12px;
  }
  body.developed[data-mobile-price-ready]
    [data-mobile-price-supplement]
    .mobile-price-toggle {
    position: absolute;
    inset: 0 0 auto;
    height: 72px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0 8px;
    border: 0;
    background: transparent;
    font-size: 0;
    justify-content: flex-end;
  }
  body.developed[data-mobile-price-ready] [data-mobile-price-supplement] {
    position: relative;
    margin: 0;
    padding: 12px 36px 12px 0;
    min-height: 72px;
    border-bottom: 1px solid var(--ui-line);
  }
  body.developed[data-mobile-price-ready] [data-mobile-price-supplement] h3 {
    margin: 4px 0 0;
    font-size: 16px;
  }
  body.developed[data-mobile-price-ready] [data-mobile-price-supplement] p {
    margin-top: 16px;
  }
  body.developed[data-mobile-price-ready]
    .visual-price-check-grid
    article
    > div
    > span {
    font-size: 11px;
  }
  body.developed[data-mobile-price-ready] .visual-price-checks h2,
  body.developed[data-mobile-price-ready] .price-examples h2 {
    font-size: 18px;
    line-height: 1.5;
  }
  body.developed[data-page="organizing"]
    :is(
      #cases,
      .chapter-content,
      .chapter-heading,
      .home-service-groups,
      .home-service-group,
      .home-group-links
    ) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.developed[data-page="organizing"] .home-service-group {
    padding: 16px;
  }
  body.developed[data-page="organizing"] .home-group-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }
  body.developed[data-page="organizing"] .home-group-links a {
    flex: 0 0 auto;
  }
}