/* PathMuse only. Shared site typography, grid and navigation remain in styles.css. */
.pathmuse-revision {
  --pm-paper: var(--paper);
  --pmx-route: #d6ae45;
  --pmx-label: #76580d;
  background: var(--paper);
}
.pathmuse-revision main > section { scroll-margin-top: 5.5rem; }
.pathmuse.pathmuse-revision h2,
.pathmuse.pathmuse-revision h3 { font-family: var(--sans); font-weight: 650; letter-spacing: -0.035em; }
.pathmuse-revision h2 { font-size: clamp(1.65rem, 3vw, 2.5rem); line-height: 1.16; margin-bottom: 1rem; }
.pathmuse-revision h3 { font-size: clamp(1.1rem, 1.7vw, 1.45rem); line-height: 1.3; margin-bottom: .85rem; }
.pathmuse-revision p { margin-bottom: 1.1rem; }
.pathmuse-revision .pmx-kicker,
.pathmuse-revision .pmx-label { color: var(--pmx-label); font-size: .75rem; font-weight: 700; line-height: 1.5; letter-spacing: .04em; }
.pathmuse-revision .pmx-note { color: #5d5951; font-size: .86rem; line-height: 1.65; }
.pathmuse-revision .pmx-methods { color: #5d5951; font-size: .86rem; padding-block: .85rem; border-block: 1px solid var(--rule); }
.pathmuse-revision .pmx-hero { padding: clamp(2.8rem, 5.5vw, 5rem) 0 2.5rem; }
.pathmuse-revision .pmx-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(11rem, .42fr); gap: clamp(2.5rem, 8vw, 7rem); align-items: center; }
.pathmuse-revision .pmx-hero h1 { font-family: var(--display); font-size: clamp(3.6rem, 6.9vw, 6rem); font-weight: 400; letter-spacing: -.065em; line-height: 1; margin: .9rem 0 1.3rem; }
.pathmuse-revision .pmx-deck { max-width: 36rem; font-size: clamp(1.3rem, 2.2vw, 1.9rem); font-weight: 500; line-height: 1.3; letter-spacing: -.025em; text-wrap: balance; }
.pathmuse-revision .pmx-overview { max-width: 43rem; }
.pathmuse-revision .pmx-role { margin-top: 1.7rem; padding-top: 1.1rem; border-top: 1px solid var(--rule); font-size: .88rem; max-width: 43rem; }
.pathmuse-revision .pmx-role .pmx-label { margin-bottom: .45rem; }
.pathmuse-revision .pmx-hero-screen { width: min(100%, 190px); justify-self: center; margin: 0; }
.pathmuse-revision .pmx-hero-screen img { width: 100%; height: auto; border: 1px solid var(--rule); }
.pathmuse-revision .pmx-hero-screen figcaption { text-align: center; text-wrap: balance; }
.pathmuse-revision .pmx-index { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 2.7rem; border-block: 1px solid var(--rule); }
.pathmuse-revision .pmx-index a { display: flex; align-items: baseline; gap: .65rem; padding: 1rem .75rem 1rem 0; font-size: .82rem; }
.pathmuse-revision .pmx-index a > span:first-child { font-variant-numeric: tabular-nums; color: var(--pmx-label); }
.pathmuse-revision .pmx-section { padding-block: clamp(3.6rem, 6vw, 5.5rem); border-bottom: 1px solid var(--rule); }
.pathmuse-revision .pmx-section-heading { display: grid; grid-template-columns: 2.8rem minmax(0, 1fr); gap: 1rem; margin-bottom: 1.8rem; }
.pathmuse-revision .pmx-section-number { display: grid; width: 2.7rem; height: 2.7rem; place-items: center; border: 1px solid var(--pmx-route); border-radius: 50%; font-size: .8rem; font-variant-numeric: tabular-nums; }
.pathmuse-revision .pmx-intro { max-width: 42rem; color: #5d5951; margin: 0; }
.pathmuse-revision .pmx-text { max-width: 52rem; }
.pathmuse-revision .pmx-figure { min-width: 0; margin: 0; }
.pathmuse-revision .pmx-figure img { display: block; width: 100%; height: auto; object-fit: contain; }
.pathmuse-revision figcaption { margin-top: .7rem; color: #5d5951; font-size: .8rem; line-height: 1.55; }
.pathmuse-revision .pmx-image-link { display: block; position: relative; }
.pathmuse-revision .pmx-zoom-icon { position: absolute; top: .4rem; right: .4rem; display: grid; place-items: center; width: 1.7rem; height: 1.7rem; background: var(--paper); border: 1px solid var(--rule); color: var(--ink); font-size: .9rem; }
.pathmuse-revision .pmx-zoom-hint { grid-column: 1 / -1; margin: 0; color: #5d5951; font-size: .8rem; font-weight: 400; }
.pathmuse-revision a:focus-visible,
.pathmuse-revision button:focus-visible,
.pathmuse-revision video:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.pathmuse-revision .pmx-research-layout { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(2rem, 5vw, 4rem); margin-top: 1.6rem; align-items: start; }
.pathmuse-revision .pmx-research-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pathmuse-revision .pmx-observations article { border-bottom: 1px solid var(--rule); padding-bottom: 1.2rem; margin-bottom: 1.25rem; }
.pathmuse-revision .pmx-observations h3 { font-size: 1.1rem; }
.pathmuse-revision .pmx-observations p { font-size: .91rem; margin-bottom: .7rem; }
.pathmuse-revision .pmx-response { padding-left: .85rem; border-left: 2px solid var(--pmx-route); }
.pathmuse-revision .pmx-concept { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, .38fr); align-items: center; gap: 2.5rem; }
.pathmuse-revision .pmx-concept > p { max-width: 43rem; font-size: 1.07rem; }
.pathmuse-revision .pmx-workshop { max-width: 280px; }
.pathmuse-revision .pmx-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; padding: 1.5rem 0; margin: 2rem 0 2.4rem; border-block: 1px solid var(--rule); }
.pathmuse-revision .pmx-flow li { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; font-size: .88rem; font-weight: 600; padding-right: .5rem; }
.pathmuse-revision .pmx-node { position: relative; z-index: 1; display: grid; place-items: center; width: 2rem; height: 2rem; background: var(--paper); border: 1px solid var(--pmx-route); border-radius: 50%; font-size: .72rem; }
.pathmuse-revision .pmx-flow li:not(:last-child)::after { content: ''; position: absolute; height: 1px; background: var(--pmx-route); top: 1rem; left: 2rem; right: 0; }
.pathmuse-revision .pmx-ui-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: clamp(1.2rem, 4vw, 4rem); margin-top: 1.4rem; }
.pathmuse-revision .pmx-ui-card { min-width: 0; }
.pathmuse-revision .pmx-screen { max-width: 300px; margin-inline: auto; }
.pathmuse-revision .pmx-screen img,
.pathmuse-revision .pmx-record-screen img { border: 1px solid #d2cec5; background: white; }
.pathmuse-revision .pmx-ui-card > p { max-width: 300px; margin: .9rem auto 0; font-size: .91rem; }
.pathmuse-revision .pmx-screen figcaption { font-weight: 650; color: var(--ink); }
.pathmuse-revision .pmx-visit-record { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .55fr); align-items: center; gap: clamp(2rem, 7vw, 6rem); margin-top: 3.5rem; padding-top: 3rem; border-top: 1px solid var(--rule); }
.pathmuse-revision .pmx-visit-record > div { max-width: 34rem; }
.pathmuse-revision .pmx-visit-record h3 { font-size: clamp(1.3rem, 2vw, 1.8rem); }
.pathmuse-revision .pmx-record-screen { max-width: 280px; justify-self: center; }
.pathmuse-revision .pmx-film { margin: 3.5rem 0 0; }
.pathmuse-revision .pmx-film-overview { margin-top: 3.5rem; }
.pathmuse-revision .pmx-film-overview .pmx-film { margin-top: 0; }
.pathmuse-revision .pmx-film video { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: white; border: 1px solid var(--rule); }
.pathmuse-revision .pmx-film figcaption { font-weight: 600; color: var(--ink); }
.pathmuse-revision .pmx-film .pmx-note { max-width: 52rem; margin-top: .7rem; }
.pathmuse-revision .pmx-map-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 4rem); align-items: start; margin-top: 2.2rem; }
.pathmuse-revision .pmx-map-pair .pmx-figure { width: 100%; max-width: 460px; justify-self: center; }
.pathmuse-revision .pmx-reference-details,
.pathmuse-revision .pmx-method-details { margin-block: 1.5rem; border-block: 1px solid var(--rule); padding-block: .4rem; max-width: 54rem; }
.pathmuse-revision details > summary { padding: .65rem .2rem; cursor: pointer; font-size: .86rem; font-weight: 550; min-height: 44px; }
.pathmuse-revision details > summary:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.pathmuse-revision .pmx-method-details > p { font-size: .86rem; margin: .4rem 0 .8rem; }
.pathmuse-revision .pmx-location-reference { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: start; gap: 1.5rem; max-width: 660px; margin-block: 1rem; }
.pathmuse-revision .pmx-location-reference p { font-size: .91rem; }
.pathmuse-revision .pmx-location-reference figcaption { font-size: .8rem; }
.pathmuse-revision .pmx-module-heading { margin-top: 3rem; max-width: 52rem; }
.pathmuse-revision .pmx-route-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 1rem; margin-block: 1.5rem; }
.pathmuse-revision .pmx-route-grid figcaption { font-weight: 650; color: var(--ink); }
.pathmuse-revision .pmx-route-finding { max-width: 54rem; padding-left: 1rem; border-left: 2px solid var(--pmx-route); }
.pathmuse-revision .pmx-landmark-case { padding-block: 1.6rem 2rem; border-bottom: 1px solid var(--rule); }
.pathmuse-revision .pmx-landmark-case > p { max-width: 50rem; font-size: .93rem; }
.pathmuse-revision .pmx-landmark-grid { display: grid; grid-template-columns: .7fr 1.15fr .9fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: start; margin-top: 1.6rem; }
.pathmuse-revision .pmx-symbol-source { max-width: 190px; justify-self: center; }
.pathmuse-revision .pmx-symbol { max-width: 230px; justify-self: center; }
.pathmuse-revision .pmx-cue-detail { width: 100%; max-width: 390px; justify-self: center; }
.pathmuse-revision .pmx-landmark-render { width: 100%; max-width: 290px; justify-self: center; }
.pathmuse-revision .pmx-touchpoint-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 4rem); padding-top: 2rem; }
.pathmuse-revision .pmx-touchpoint-roles article { border-top: 2px solid var(--pmx-route); padding-top: 1rem; }
.pathmuse-revision .pmx-iteration { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 5vw, 4rem); align-items: start; margin-top: 1.8rem; max-width: 870px; margin-inline: auto; }
.pathmuse-revision .pmx-iteration img { width: 100%; }
.pathmuse-revision .pmx-assembly { display: grid; grid-template-columns: .65fr .65fr 1fr; align-items: start; gap: 2rem; margin-top: 2.5rem; max-width: 1000px; margin-inline: auto; }
.pathmuse-revision .pmx-assembly .pmx-figure { max-width: 240px; }
.pathmuse-revision .pmx-assembly > div { padding-top: .4rem; font-size: .92rem; }
.pathmuse-revision .pmx-evaluation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 6vw, 5rem); }
.pathmuse-revision .pmx-evaluation-grid ul { margin: 0; padding-left: 1.1rem; }
.pathmuse-revision .pmx-evaluation-grid li { margin-bottom: .8rem; padding-left: .35rem; font-size: .93rem; }
.pathmuse-revision .pmx-reflection { max-width: 53rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.pathmuse-revision .back-to-work { margin-top: 1.7rem; font-size: .9rem; color: var(--ink); border-color: var(--rule); }
.pathmuse-revision .back-to-work i { color: inherit; }
.pathmuse-revision .pmx-image-dialog { padding: 0; border: 1px solid var(--rule); background: var(--paper); color: var(--ink); max-width: 94vw; max-height: 92vh; }
.pathmuse-revision .pmx-image-dialog::backdrop { background: rgb(20 20 18 / .8); }
.pathmuse-revision .pmx-dialog-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: .65rem 1rem; border-bottom: 1px solid var(--rule); }
.pathmuse-revision .pmx-dialog-toolbar button { padding: .55rem .9rem; border: 1px solid var(--rule); background: var(--paper); cursor: pointer; min-height: 44px; }
.pathmuse-revision .pmx-dialog-scroll { overflow: auto; max-width: 94vw; max-height: calc(92vh - 4.3rem); background: #faf9f6; }
.pathmuse-revision .pmx-dialog-scroll img { width: auto; height: auto; max-width: min(1500px, max(80vw, 720px)); margin: auto; }
@media (max-width: 980px) {
  .pathmuse-revision .pmx-hero-grid { grid-template-columns: minmax(0, 1fr) 170px; gap: 2rem; }
  .pathmuse-revision .pmx-index { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pathmuse-revision .pmx-research-layout { grid-template-columns: 1fr; }
  .pathmuse-revision .pmx-research-photos { max-width: 560px; }
  .pathmuse-revision .pmx-observations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
  .pathmuse-revision .pmx-assembly { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pathmuse-revision .pmx-assembly > div { grid-column: 1 / -1; max-width: 48rem; }
}
@media (max-width: 700px) {
  .pathmuse-revision .site-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: .1rem; padding-block: .45rem; }
  .pathmuse-revision .site-nav { display: flex; gap: .8rem; font-size: .8rem; }
  .pathmuse-revision .language-switch { margin-left: auto; }
  .pathmuse-revision .site-nav .pmx-nav-evaluation { display: none; }
  .pathmuse-revision .site-nav > a:not(.pmx-nav-evaluation) { display: inline-flex !important; }
  .pathmuse-revision .site-nav > a:not(.pmx-nav-evaluation),
  .pathmuse-revision .language-switch button { min-height: 44px; display: inline-flex; align-items: center; }
  .pathmuse-revision .pmx-hero-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .pathmuse-revision .pmx-hero-screen { width: 145px; justify-self: start; }
  .pathmuse-revision .pmx-hero-screen figcaption { text-align: left; }
  .pathmuse-revision .pmx-hero h1 { font-size: 3.8rem; }
  .pathmuse-revision .pmx-index { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 2rem; }
  .pathmuse-revision .pmx-section-heading { grid-template-columns: 2.2rem minmax(0, 1fr); gap: .8rem; }
  .pathmuse-revision .pmx-section-number { width: 2.15rem; height: 2.15rem; }
  .pathmuse-revision .pmx-observations { display: block; }
  .pathmuse-revision .pmx-concept { grid-template-columns: 1fr; gap: 1rem; }
  .pathmuse-revision .pmx-workshop { max-width: 240px; }
  .pathmuse-revision .pmx-flow { grid-template-columns: 1fr; gap: 0; padding-block: .6rem; }
  .pathmuse-revision .pmx-flow li { flex-direction: row; align-items: center; gap: 1rem; padding-block: .7rem; }
  .pathmuse-revision .pmx-flow li:not(:last-child)::after { top: 2.7rem; left: 1rem; height: 1.4rem; width: 1px; }
  .pathmuse-revision .pmx-ui-grid { grid-template-columns: 1fr; gap: 2.3rem; }
  .pathmuse-revision .pmx-screen { max-width: 330px; }
  .pathmuse-revision .pmx-ui-card > p { max-width: 330px; }
  .pathmuse-revision .pmx-visit-record { grid-template-columns: 1fr; gap: 1.5rem; }
  .pathmuse-revision .pmx-record-screen { max-width: 330px; }
  .pathmuse-revision .pmx-map-pair,
  .pathmuse-revision .pmx-route-grid,
  .pathmuse-revision .pmx-touchpoint-roles,
  .pathmuse-revision .pmx-evaluation-grid { grid-template-columns: 1fr; gap: 2rem; }
  .pathmuse-revision .pmx-location-reference { grid-template-columns: 90px minmax(0, 1fr); gap: 1rem; }
  .pathmuse-revision .pmx-landmark-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; align-items: start; }
  .pathmuse-revision .pmx-landmark-grid .pmx-landmark-render { grid-column: 1 / -1; max-width: 230px; justify-self: start; }
  .pathmuse-revision .pmx-landmark-grid .pmx-cue-detail { grid-column: 1 / -1; max-width: 350px; justify-self: start; }
  .pathmuse-revision .pmx-iteration { grid-template-columns: 1fr; gap: 2rem; }
  .pathmuse-revision .pmx-iteration .pmx-figure { max-width: 350px; }
  .pathmuse-revision .pmx-assembly { gap: 1.1rem; }
  .pathmuse-revision .site-footer { gap: 1.5rem; font-size: .75rem; }
}
@media (max-width: 390px) {
  .pathmuse-revision .site-nav { gap: .55rem; font-size: .73rem; }
  .pathmuse-revision .wordmark { font-size: .87rem; }
}
@media (prefers-reduced-motion: reduce) {
  .pathmuse-revision main { scroll-behavior: auto; }
}

/* Keep hints close to these comparison images; preserve image-to-image spacing. */
.pathmuse-revision .pmx-map-pair,
.pathmuse-revision #prototype-iteration { row-gap: .75rem; }
@media (max-width: 700px) {
  .pathmuse-revision .pmx-map-pair > .pmx-figure + .pmx-figure,
  .pathmuse-revision #prototype-iteration > .pmx-figure + .pmx-figure { margin-top: 1.25rem; }
}