/* Shared reading hierarchy for the seven live cases. Content layouts stay project-specific. */
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin:0 0 16px;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row > * {
  float:none; width:auto; margin:0; padding:0; line-height:1.5;
}
body.human-interface-v2 #page-projects #featuredProjects .project-capabilities {
  display:flex; flex-wrap:wrap; gap:8px; flex:0 1 auto;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row .project-client {
  margin-left:auto; text-align:right;
}
body.human-interface-v2 #page-projects #featuredProjects .project-meta-row :is(.project-year,.project-client,.project-capability) {
  font-size:12px; letter-spacing:.03em;
}
body.human-interface-v2 #page-projects #featuredProjects .project-card[data-project-id="sleepace"] .project-img {
  width:100%; height:auto; min-height:0; aspect-ratio:16 / 9; object-fit:contain; object-position:center;
}
body.human-interface-v2 #page-projects #featuredProjects .project-card[data-project-id="sleepace"] .project-media {
  height:auto; aspect-ratio:16 / 9;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) {
  --case-title-size:clamp(1.8rem,2.6vw,2.5rem);
  --case-chapter-size:clamp(2.2rem,3.6vw,3.25rem);
  --case-section-space:72px;
  --case-gutter:48px;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.process-section,.deliverable-section,.impact-section,.method-detail-section,.sleepace-method-section,.rb-overview,.hyd-overview,.wl-overview) {
  box-sizing:border-box; width:calc(100% - var(--case-gutter) * 2) !important;
  max-width:1220px !important; margin-inline:auto !important;
  padding-top:var(--case-section-space) !important; padding-bottom:var(--case-section-space) !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.section-header h2,.part-title,.sleepace-method-lead h2,.deliverable-section > h2,.impact-section > h2) {
  font-family:var(--font-serif-cn) !important; font-size:var(--case-title-size) !important;
  font-weight:500 !important; line-height:1.22 !important; letter-spacing:-.03em;
  margin-top:0 !important; margin-bottom:12px !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.part-badge,.part-pill) {
  display:inline-block; border:0 !important; border-left:2px solid var(--accent) !important;
  border-radius:0 !important; padding:2px 0 2px 12px !important;
  background:transparent !important; color:var(--accent) !important;
  font:500 12px/1.5 var(--font-body) !important; letter-spacing:.1em;
  margin:0 0 20px !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
figure:not(.case-slide):not(.hnr-example) > figcaption:not(.lkk-screen-caption) {
  box-sizing:border-box; width:100%; max-width:none; margin:0;
  font:500 16px/1.6 var(--font-serif-cn) !important;
  padding:14px 16px !important; background:#faf8f3 !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
figure:not(.case-slide):not(.hnr-example) > figcaption:not(.lkk-screen-caption) strong { font:inherit !important; }
#lkkDetail .lkk-evidence-group-heading { grid-column:1 / -1; margin:16px 0 0; padding-top:24px; border-top:1px solid var(--divider); }
#lkkDetail p.lkk-evidence-group-heading { font:400 16px/1.75 var(--font-body); color:var(--text-secondary); }
#lkkDetail .lkk-evidence-group-heading:first-child { margin-top:0; }
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
:is(.method-detail-section,.sleepace-method-section) article h3 {
  font:500 19px/1.55 var(--font-serif-cn) !important; margin:8px 0 !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
.deliverable-section > :is(.hnr-evidence-pair,.hyd-evidence-pair,.wl-evidence-pair,.sfd-evidence-pair,.sfd-core-evidence,.rb-pair,.gc-pair,.lkk-evidence-grid) {
  margin-top:32px;
}
@media(max-width:1100px) {
  /* Desktop and narrow pages share the same hierarchy; only the scale changes. */
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) { --case-gutter:32px; }
}
@media(max-width:700px) {
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) {
    --case-gutter:20px; --case-section-space:48px; --case-title-size:clamp(1.5rem,4.5vw,1.85rem); --case-chapter-size:clamp(1.85rem,5.6vw,2.3rem);
  }
}
@media(max-width:420px) {
  body.human-interface-v2.detail-page-active #page-detail :is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail) { --case-gutter:14px; }
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.process-section,.impact-section,.rb-overview,.hyd-overview,.wl-overview) > .section-header h2,
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
> :is(.gc-delivery-summary,.rb-delivery-summary,.hyundai-deliverable-summary-section,.case-delivery-chapter) > .section-header h2 {
  font-size:var(--case-chapter-size) !important;
}
body.human-interface-v2.detail-page-active #page-detail
:is(#lkkDetail,#honorDetail,#gacDetail,#sleepaceDetail,#robamDetail,#hyundaiDetail,#wulingDetail)
.impact-section article h3 {
  font:500 20px/1.5 var(--font-serif-cn) !important; margin:0 0 10px !important;
}