/* Task-based entry lists, scoped to the selected directory sections. */
.scene-paths { scroll-margin-top: 110px; }
.scene-paths .scene-path-heading { max-width: 860px; margin-bottom: 26px; }
.scene-paths .scene-path-heading h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.35; text-wrap: balance; }
.scene-paths .scene-path-heading p { color: #4b5c6e; line-height: 1.8; }
.scene-paths .scene-path-list { display: block; list-style: none; padding: 0; margin: 0; }
.scene-paths .scene-path-list > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(270px, .7fr); gap: 32px; align-items: center; padding: 24px 0; margin: 0; border-top: 1px solid #cedae3; }
.scene-paths .scene-path-list > li:last-child { border-bottom: 1px solid #cedae3; }
.scene-paths .scene-path-list h3 { color: #15283c; font-size: 21px; line-height: 1.45; margin: 0 0 8px; text-wrap: balance; }
.scene-paths .scene-path-list p { color: #4b5c6e; font-size: 16px; line-height: 1.8; margin: 0; max-width: 65ch; }
.scene-paths .scene-path-actions { display: flex; flex-wrap: wrap; gap: 4px 20px; align-content: center; }
.scene-paths .scene-path-actions a { display: inline-flex; align-items: center; min-height: 44px; color: #096783; font-size: 15px; line-height: 1.6; text-underline-offset: 4px; text-decoration: underline; overflow-wrap: anywhere; }
.scene-paths .scene-path-actions a:first-child { font-weight: 700; }
.scene-paths .scene-path-actions a:hover { text-decoration-thickness: 2px; }
.scene-paths a:focus-visible { outline: 3px solid #087d98; outline-offset: 4px; border-radius: 2px; }
.scene-paths .scene-path-footer { margin-top: 24px; }
.scene-paths .scene-path-footer a { color: #096783; text-decoration: underline; text-underline-offset: 4px; }
.scene-jump { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 24px; }
.scene-jump a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.scene-content #design-engagement { scroll-margin-top: 112px; }
.scene-content .design-engagement-list { margin: 28px 0; max-width: 900px; }
.scene-content .design-engagement-list dt { margin: 24px 0 8px; color: #15283c; font-size: 20px; font-weight: 700; }
.scene-content .design-engagement-list dd { margin: 0; color: #394254; font-size: 16px; line-height: 1.85; }
.scene-content main figure { margin-inline: 0; max-width: 100%; }
.scene-content main figure img { display: block; max-width: 100%; height: auto; }
.scene-content main figcaption { margin-top: 12px; color: #536176; font-size: 14px; line-height: 1.8; }
@media (max-width: 760px) {
  html body:not(.home-page) main .scene-paths { padding-block: 32px !important; }
  html body:not(.home-page) main .scene-paths .scene-path-heading h2 { color: #fff !important; font-size: 25px !important; line-height: 1.4 !important; }
  html body:not(.home-page) main .scene-paths .scene-path-heading p,
  html body:not(.home-page) main .scene-paths .scene-path-list p,
  html body:not(.home-page) main .scene-paths .scene-path-footer { color: #ccddf0 !important; font-size: 15px !important; line-height: 1.85 !important; }
  html body:not(.home-page) main .scene-paths .scene-path-list > li { display: block; padding: 22px 0; border-color: #344d6b; }
  html body:not(.home-page) main .scene-paths .scene-path-list h3 { color: #fff !important; font-size: 20px !important; line-height: 1.5 !important; margin: 0 0 8px; }
  .scene-paths .scene-path-actions { margin-top: 10px; gap: 2px 20px; }
  html body:not(.home-page) main .scene-paths .scene-path-actions a,
  html body:not(.home-page) main .scene-paths .scene-path-footer a { color: #79dff5 !important; font-size: 15px !important; }
  .scene-paths a:focus-visible { outline-color: #79dff5; }
  .scene-jump { gap: 4px 20px; }
  html body.scene-content main .design-engagement-list dt { color: #fff; font-size: 20px; }
  html body.scene-content main .design-engagement-list dd { color: #deebfa; font-size: 15px; }
  html body.scene-content main figcaption { color: #adbed4 !important; font-size: 14px !important; line-height: 1.85 !important; }
  html body.scene-content.case-detail-page main .reading-table { min-width: 512px !important; }
  html body.scene-content.case-detail-page main .reading-table[data-columns="4"] { min-width: 712px !important; }
}
@media (max-width: 359px) {
  html body.scene-content.case-detail-page main .reading-table { min-width: 440px !important; }
  html body.scene-content.case-detail-page main .reading-table[data-columns="4"] { min-width: 608px !important; }
}