body.developed .service-group-tabs{display:flex;gap:8px;margin:0 0 24px;border-bottom:1px solid #dfc4b0;background:transparent!important}
body.developed .service-group-tabs a{padding:18px 30px;flex:0 1 220px;text-align:center;font-size:21px;font-weight:650;color:#856c77!important;border-bottom:3px solid transparent;text-decoration:none;background:transparent!important}
body.developed .service-group-tabs a[aria-current="page"]{background:#fff3e9!important;color:#cc4a0c!important;border-color:#f0642b}
body.developed [data-service-list]{display:flex!important;flex-wrap:wrap!important;gap:9px!important;border:0!important;margin-bottom:28px!important}
body.developed [data-service-list] button{flex:0 0 auto!important;padding:10px 16px!important;font-size:14px!important;white-space:nowrap;border:1px solid #d8beca!important;border-radius:4px!important;background:#fff!important;color:#71485b!important}
body.developed [data-service-list] button[aria-selected="true"]{background:#f0642b!important;color:#fff!important;border-color:#f0642b!important}
body.developed [data-service-list][hidden],body.developed .room-panel[hidden]{display:none!important}
body.developed .situation-service-art{margin:0!important;background:#fff!important}
body.developed .situation-service-art img{width:100%!important;height:auto!important;aspect-ratio:900/560!important;object-fit:contain!important}
body.developed .situation-service-art figcaption{display:block!important;font-size:12px;line-height:1.7;padding:12px 6px;color:#795969;text-align:center;background:transparent!important}
body.developed .service-detail-page .room-elements{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-group-tabs a:focus-visible{outline:2px solid #f0642b;outline-offset:3px}
@media(max-width:650px){body.developed .service-group-tabs a{flex:1;padding:15px 8px;font-size:18px}body.developed [data-service-list] button{padding:9px 12px!important;font-size:13px!important}}
body.sage-design.developed.service-detail-page .room-browser .room-tabs button[aria-selected="true"]{background:#f0642b!important;background-image:none!important;color:#fff!important;border-color:#f0642b!important}
body.sage-design.developed.service-detail-page .room-elements{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sage-design.developed.service-detail-page .situation-service-art img{aspect-ratio:3/2!important;object-fit:cover!important;border-radius:8px}

/* Mobile service screen: choose a space, see it, then explore its topics. */
.mobile-service-picker,
.mobile-service-dialog:not([open]) { display: none; }
@media (max-width: 760px) {
  body.developed:has(.mobile-service-dialog[open]) { overflow: hidden; }
  body.developed.service-detail-page main#main { width: 100%; max-width: 560px; margin-inline: auto; }
  body.developed.service-detail-page .unified-page-heading { margin: 0; padding: 16px 20px 12px; }
  body.developed.service-detail-page .unified-page-heading > :is(nav,p) { display: none; }
  body.developed.service-detail-page .unified-page-heading nav { margin-bottom: 8px; }
  body.developed.service-detail-page .unified-page-heading h1 { margin-bottom: 8px; font-size: 26px; line-height: 1.35; }
  body.developed.service-detail-page .unified-page-heading p { font-size: 14px; line-height: 1.6; }
  body.developed.service-detail-page #cases.chapter { margin: 0; padding: 0 20px 24px; border: 0; }
  body.developed.service-detail-page #cases > .chapter-content { padding: 0; }
  body.developed.service-detail-page .room-browser .service-group-tabs { gap: 4px; padding: 4px; margin: 0 0 16px; border: 0; border-radius: 12px; background: var(--mobile-surface)!important; }
  body.developed.service-detail-page .room-browser .service-group-tabs a { flex: 1; min-height: 44px; padding: 11px 8px; font-size: 15px; line-height: 1.4; border: 0; border-radius: 8px; color: var(--mobile-muted)!important; }
  body.developed.service-detail-page .room-browser .service-group-tabs a[aria-current] { background: var(--white)!important; color: var(--mobile-brand)!important; box-shadow: 0 1px 4px #332c2712; font-weight: 700; }
  body.developed.service-detail-page [data-mobile-service-ready] [data-service-list] { display: none!important; }
  body.developed.service-detail-page .mobile-service-picker { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 48px; padding: 0 0 12px; margin: 0 0 12px; border: 0; background: transparent!important; color: var(--mobile-text)!important; font: inherit; text-align: left; cursor: pointer; }
  body.developed.service-detail-page .mobile-service-picker strong { background: transparent!important; color: inherit!important; font-size: 20px; font-weight: 750; }
  body.developed.service-detail-page .mobile-service-picker span { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--mobile-line); border-radius: 24px; background: var(--white)!important; color: var(--mobile-brand)!important; font-size: 13px; font-weight: 650; }
  body.developed.service-detail-page .mobile-service-picker span::after { content: "⌄"; font-size: 16px; }
  body.developed.service-detail-page .room-panel .room-layout { display: flex!important; flex-direction: column; align-items: stretch; gap: 12px; }
  body.developed.service-detail-page .room-layout > .case-review-card { order: -1!important; min-width: 0; padding: 0; border: 0; border-radius: 16px; overflow: hidden; background: transparent!important; }
  body.developed.service-detail-page .case-review-card figure { margin: 0!important; }
  body.developed.service-detail-page .case-review-card img { display: block; width: 100%!important; height: auto!important; max-height: 260px; aspect-ratio: 3 / 2!important; object-fit: cover!important; border-radius: 16px; }
  body.developed.service-detail-page .room-story .case-top { display: none; }
  body.developed.service-detail-page .room-story h2 { margin: 0 0 12px!important; font-size: 21px!important; line-height: 1.5!important; letter-spacing: -.035em; word-break: keep-all; overflow-wrap: break-word; }
  body.sage-design.developed.service-detail-page .room-elements { display: grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; gap: 8px!important; margin: 0!important; padding: 0!important; }
  body.developed.service-detail-page .room-elements > div { margin: 0!important; padding: 0!important; border: 0!important; background: transparent!important; }
  body.developed.service-detail-page .room-elements dt { height: 100%; }
  body.developed.service-detail-page .room-elements dt a { display: flex!important; justify-content: space-between; align-items: center; gap: 8px; min-height: 64px; height: 100%; padding: 12px!important; border: 1px solid var(--mobile-line); border-radius: 12px; text-decoration: none!important; font-size: 14px!important; line-height: 1.5!important; color: var(--mobile-text)!important; background: var(--white)!important; word-break: keep-all; overflow-wrap: break-word; }
  body.developed.service-detail-page .room-elements dt a::after { display: block!important; content: "›"!important; flex: none; color: var(--mobile-brand); font-size: 18px; }
  body.developed.service-detail-page[data-page="index"] #cases .room-elements dt a { display: flex!important; justify-content: space-between!important; gap: 8px; min-width: 0; min-height: 64px; padding: 12px!important; border: 1px solid var(--mobile-line)!important; border-radius: 12px; background: var(--white)!important; color: var(--mobile-text)!important; white-space: normal!important; overflow-wrap: break-word!important; }
  body.developed .mobile-service-dialog { position: fixed; inset: auto 0 0; width: min(100%,560px); max-width: 100%; max-height: calc(90dvh - env(safe-area-inset-top)); margin: 0 auto; padding: 0 20px max(24px,env(safe-area-inset-bottom)); border: 0; border-radius: 24px 24px 0 0; overflow-y: auto; overscroll-behavior: contain; background: var(--white); color: var(--mobile-text); }
  body.developed .mobile-service-dialog::backdrop { background: #2c1e2866; }
  body.developed .mobile-service-dialog > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 0 16px; background: var(--white)!important; }
  body.developed .mobile-service-dialog h2 { margin: 0; padding: 0; font-size: 20px; line-height: 1.4; word-break: keep-all; color: var(--mobile-text)!important; background: transparent!important; }
  body.developed .mobile-service-close { flex: none; min-width: 44px; min-height: 44px; border: 0; border-radius: 24px; font: inherit; font-size: 14px; color: var(--mobile-brand)!important; background: var(--mobile-surface)!important; cursor: pointer; }
  body.developed .mobile-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; background: transparent!important; }
  body.developed .mobile-service-grid button { display: grid; grid-template-rows: auto 1fr; width: 100%; min-width: 0; margin: 0; padding: 0; overflow: hidden; border: 2px solid var(--mobile-line); border-radius: 14px; color: var(--mobile-text)!important; background: var(--white)!important; font: inherit; cursor: pointer; }
  body.developed .mobile-service-grid button[aria-pressed="true"] { border-color: var(--mobile-brand); }
  body.developed .mobile-service-grid button img { display: block; width: 100%; height: auto; aspect-ratio: 10 / 7; object-fit: cover; border-radius: 0; }
  body.developed .mobile-service-grid button span { display: flex; align-items: center; justify-content: center; gap: 4px; min-height: 44px; padding: 10px 6px; font-size: 14px; line-height: 1.4; color: inherit!important; background: transparent!important; word-break: keep-all; }
  body.developed .mobile-service-grid button[aria-pressed="true"] span::before { content: "✓"; }
  body.developed :is(.mobile-service-picker,.mobile-service-grid button,.mobile-service-close,.room-elements dt a):focus-visible { outline: 3px solid var(--mobile-brand); outline-offset: 3px; }
  body.developed :is(.mobile-service-picker,.mobile-service-grid button,.mobile-service-close,.room-elements dt a):active { opacity: .75; }
  body.developed :is(.mobile-service-picker,.mobile-service-grid button,.mobile-service-close,.room-elements dt a) { touch-action: manipulation; }
}