/* Honor: source evidence with a clear hierarchy; no changes to other cases. */
#honorDetail { --hnr-blue:#54728b; }
#honorDetail .hnr-kicker { display:block; color:var(--accent); font:500 .72rem/1.6 var(--font-body); letter-spacing:.05em; }
#honorDetail .hnr-note { color:var(--text-secondary); font-size:.76rem; line-height:1.8; margin-top:20px; max-width:72em; }
#honorDetail .hnr-process-index { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; padding:0; margin:30px 0 0; gap:26px; }
#honorDetail .hnr-process-index li { border-top:1px solid var(--divider); padding-top:16px; }
#honorDetail .hnr-process-index span, #honorDetail .hnr-delivery-index article>span, #honorDetail .hnr-impact article>span { color:var(--accent); font:400 1.6rem/1.4 var(--font-display); }
#honorDetail :is(.hnr-process-index,.hnr-methods,.hnr-delivery-index) h3 { margin:12px 0 8px; font:500 1.15rem/1.5 var(--font-serif-cn); }
#honorDetail :is(.hnr-process-index,.hnr-methods,.hnr-delivery-index) p { color:var(--text-secondary); font-size:.86rem; line-height:1.85; margin:0; }
#honorDetail .hnr-methods { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin:30px 0; }
#honorDetail .hnr-methods article { border-top:1px solid var(--divider); padding-top:18px; }
#honorDetail .hnr-process-evidence { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:24px; align-items:start; margin-top:30px; }
#honorDetail .hnr-figure { margin:0; min-width:0; overflow:hidden; border:1px solid var(--divider); border-radius:12px; background:#faf9f5; }
body.human-interface-v2 #page-detail #honorDetail .hnr-figure img { display:block; width:100%; height:auto; margin:0; border:0; border-radius:0; object-fit:contain; background:#f7f7f5; box-shadow:none; }
#honorDetail .hnr-figure figcaption { box-sizing:border-box; width:100%; max-width:none; margin:0; padding:16px 20px; border-top:1px solid var(--divider); font:500 17px/1.55 var(--font-serif-cn); color:var(--text-primary); }
#honorDetail .hnr-wide { margin-bottom:26px; }
#honorDetail .hnr-scene-map { margin-top:26px; }
#honorDetail .hnr-evidence-pair, #honorDetail .hnr-story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; align-items:start; }
#honorDetail .hnr-evidence-pair img { aspect-ratio:16/9; }
#honorDetail .hnr-story-grid { gap:32px; }
#honorDetail .hnr-story-grid img { aspect-ratio:1; background:#fff; }
/* Overview scale is distinct from the full-resolution lightbox. Keep evidence inside a viewport. */
#honorDetail .deliverable-section > .hnr-figure {
  width:100%; max-width:880px; margin-inline:auto;
}
#honorDetail :is(.hnr-evidence-pair,.hnr-process-evidence) {
  width:100%; max-width:1060px; margin-inline:auto; gap:24px;
}
#honorDetail .hnr-story-grid {
  grid-column:1 / -1; width:100%; max-width:820px; margin-inline:auto; gap:24px;
}
body.human-interface-v2 #page-detail #honorDetail .hnr-figure img {
  max-height:min(440px, calc(100svh - 240px));
}
body.human-interface-v2 #page-detail #honorDetail .hnr-story-grid img {
  height:min(380px, calc(100svh - 240px)); aspect-ratio:auto;
}
#honorDetail .hnr-feature-delivery {
  display:grid; grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);
  align-items:center; column-gap:clamp(28px,4vw,56px); row-gap:28px;
}
body.human-interface-v2 #page-detail #honorDetail .hnr-feature-delivery > .section-header { margin:0; }
body.human-interface-v2 #page-detail #honorDetail .hnr-feature-delivery > .section-header h2 {
  font-size:clamp(25px,2.3vw,34px); line-height:1.45; text-wrap:balance;
}
#honorDetail .hnr-feature-delivery > .hnr-figure { margin:0; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-figure figcaption {
  width:100%; max-width:none; min-height:0; padding:13px 16px; background:#faf9f5;
  font:500 17px/1.55 var(--font-serif-cn); color:var(--text-primary);
}
@media(max-width:900px) {
  #honorDetail .hnr-feature-delivery { grid-template-columns:minmax(0,1fr); gap:24px; }
  #honorDetail .hnr-feature-delivery > .hnr-figure { max-width:760px; margin-inline:auto; }
}
#honorDetail .hnr-insight { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(28px,5vw,72px); padding:clamp(24px,4vw,44px); margin-top:28px; background:#eeeee7; border-radius:14px; }
#honorDetail .hnr-insight h3 { margin:14px 0; font:500 clamp(1.4rem,2.4vw,1.9rem)/1.6 var(--font-serif-cn); text-wrap:balance; }
#honorDetail .hnr-insight p, #honorDetail .hnr-insight li { color:var(--text-secondary); font-size:.9rem; line-height:1.9; }
#honorDetail .hnr-implications { align-self:center; border-left:1px solid #d2d4c9; padding-left:30px; }
#honorDetail .hnr-implications h4 { font-size:.92rem; font-weight:500; margin:0 0 18px; }
#honorDetail .hnr-implications ul { padding-left:18px; margin:0; }
#honorDetail .hnr-implications li+li { margin-top:10px; }
#honorDetail .hnr-delivery-index { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
#honorDetail .hnr-delivery-index article { border-top:1px solid var(--divider); padding-top:20px; }
#honorDetail .hnr-impact article { display:grid; grid-template-columns:45px 1fr; gap:22px; border-top:1px solid var(--divider); padding:24px 0; }
#honorDetail .hnr-impact h3 { margin:0 0 8px; font:500 1.25rem/1.6 var(--font-serif-cn); }
#honorDetail .hnr-impact p { margin:0; color:var(--text-secondary); font-size:.9rem; line-height:1.85; max-width:65em; }
/* Reuse the site's compact, equal-sided bezel without extra playback chrome. */
#honorDetail .hnr-screen { position:relative; aspect-ratio:16/10; overflow:hidden; border:3px solid #34332d; border-radius:9px; background:#f6f4ec; box-shadow:0 0 0 3px #b5ad9d; touch-action:pan-y; }
#honorDetail .hnr-slide { position:absolute; inset:0; display:grid; grid-template-rows:minmax(0,1fr) auto; opacity:0; transition:opacity 350ms ease; pointer-events:none; }
#honorDetail .hnr-slide.is-current { opacity:1; z-index:1; }
body.human-interface-v2 #page-detail #honorDetail .hnr-slide img { display:block; width:100%; height:100%; min-height:0; margin:0; border:0; border-radius:0; object-fit:contain; box-shadow:none; }
#honorDetail .hnr-slide p { display:flex; align-items:center; min-height:36px; margin:0; padding:7px 10px; color:#4b504a; background:#f6f4ec; font:400 clamp(.65rem,1vw,.78rem)/1.5 var(--font-body); }
#honorDetail .hnr-screen:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
#honorDetail .hnr-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:900px) {
 #honorDetail .hnr-delivery-index { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #honorDetail .hnr-process-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #honorDetail .hnr-insight { grid-template-columns:1fr; gap:24px; }
 #honorDetail .hnr-implications { border-left:0; border-top:1px solid #d2d4c9; padding:22px 0 0; }
}
@media(max-width:600px) {
 body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-figure figcaption { font-size:16px; }
 #honorDetail .hnr-process-index, #honorDetail .hnr-delivery-index { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 #honorDetail .hnr-methods, #honorDetail .hnr-process-evidence, #honorDetail .hnr-evidence-pair, #honorDetail .hnr-story-grid { grid-template-columns:1fr; gap:22px; }
 #honorDetail .hnr-methods { gap:20px; }
 #honorDetail .hnr-figure figcaption { padding:14px 16px; font-size:16px; }
 #honorDetail .hnr-insight h3 { text-wrap:pretty; }
 #honorDetail .hnr-impact article { grid-template-columns:30px 1fr; gap:12px; }
 #honorDetail .hnr-screen { border-width:2px; }
}
@media(prefers-reduced-motion:reduce) { #honorDetail .hnr-slide { transition:none; } }

/* Public hypothetical example: distinct from the report evidence below it. */
#honorDetail .hnr-example {
  width:100%; max-width:1060px; margin:32px auto 0;
  padding:26px 28px 28px; background:#eeeee7; border-radius:12px;
}
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-example > figcaption {
  display:block; position:static; width:100%; max-width:none; margin:0;
  padding:0 0 22px; border:0; background:transparent;
  font:400 14px/1.8 var(--font-body); color:var(--text-secondary);
}
#honorDetail .hnr-example > figcaption .hnr-kicker { margin-bottom:5px; }
#honorDetail .hnr-example-flow {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px;
  list-style:none; margin:0; padding:0;
}
#honorDetail .hnr-example-flow > li { position:relative; min-width:0; margin:0; padding:0; }
#honorDetail .hnr-example-flow > li + li::before {
  content:'→'; position:absolute; left:-31px; top:26px; color:#9a9d91; font-size:22px;
}
#honorDetail .hnr-example-icon {
  display:block; position:static; width:104px; height:72px; margin:0 0 22px;
  color:#59685c; overflow:visible; flex:none;
}
#honorDetail .hnr-example-step { font:500 12px/1.6 var(--font-body); color:#727a6e; }
#honorDetail .hnr-example-flow h3 { margin:8px 0; font:500 clamp(18px,1.65vw,22px)/1.5 var(--font-serif-cn); }
#honorDetail .hnr-example-flow p { margin:0; font:400 14px/1.85 var(--font-body); color:var(--text-secondary); }
#honorDetail .hnr-definition-evidence { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-definition-evidence img {
  width:100%; height:auto; aspect-ratio:16/9; object-fit:contain;
  max-height:clamp(170px,calc(100svh - 280px),300px);
}
#honorDetail .hnr-capability-delivery { align-items:start; }
body.human-interface-v2.detail-page-active #page-detail #honorDetail .hnr-capability-delivery > .hnr-figure img {
  max-height:clamp(180px,calc(100svh - 250px),340px);
}
#honorDetail .hnr-scene-delivery > .hnr-story-grid { margin-top:32px; }
@media(max-width:700px) {
  #honorDetail .hnr-example { margin-top:24px; padding:22px; }
  #honorDetail .hnr-example-flow { grid-template-columns:1fr; gap:42px; }
  #honorDetail .hnr-example-flow > li { padding-left:80px; min-height:86px; }
  #honorDetail .hnr-example-icon { position:absolute; left:0; top:0; width:62px; height:52px; margin:0; }
  #honorDetail .hnr-example-flow > li + li::before { content:'↓'; left:25px; top:-34px; }
  #honorDetail .hnr-definition-evidence { grid-template-columns:1fr; margin-top:24px; gap:22px; }
  #honorDetail .hnr-scene-delivery > .hnr-story-grid { margin-top:24px; }
}