/* Final UI journey only. Earlier case analysis and shared styles are unchanged. */
.final-experience {color:#272031}
.final-experience > .container > .section-heading {max-width:900px}
.final-journey-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 64px}
.final-journey-nav a {display:flex;flex-direction:column;gap:10px;padding:22px 24px;border:1px solid #d9d0e1;border-radius:14px;background:#ffffff60;color:#382845;text-decoration:none}
.final-journey-nav a:hover {border-color:#8758ae;background:#fff}
.final-journey-nav span {font-size:12px;letter-spacing:.06em;color:#81529b;font-weight:700}
.final-journey-nav strong {font-size:18px;line-height:1.55}
.final-journey-nav small {font-size:12px;color:#7c7084}
.final-journey-nav a:last-child {border-color:#c9dcd8}
.final-journey-nav a:last-child span {color:#24766a}
.final-journey-nav a:focus-visible {outline:2px solid #7939d1;outline-offset:5px}
.final-chapter {padding-top:48px;margin-top:58px;border-top:1px solid #dcd3e2;scroll-margin-top:100px}
.final-chapter-heading {display:grid;grid-template-columns:62px 1fr;gap:20px;align-items:start;max-width:940px}
.final-chapter-number {font-size:40px;font-weight:500;line-height:1.2;color:#ab91bd}
.final-experience .final-version {font-size:11px;line-height:1.8;letter-spacing:.08em;color:#7d5196;font-weight:700;margin:0 0 10px}
.final-experience .final-version--bank {color:#267568}
.final-experience .final-chapter h3 {font-size:clamp(25px,2.8vw,34px);line-height:1.4;letter-spacing:-.025em;color:#33243e;margin:0 0 14px;text-wrap:balance}
.final-chapter-heading div > p:last-child {font-size:15px;line-height:1.85;color:#74687d;margin:0;max-width:780px}
.final-path {display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;list-style:none;padding:0;margin:28px 0;font-size:13px;color:#6b527c;line-height:1.8}
.final-path li:not(:last-child)::after {content:"→";margin-left:26px;color:#aa91bb}
.final-role-strip {display:grid;grid-template-columns:1fr 2fr;gap:25px;margin:28px 0;color:#74687d;font-size:13px;line-height:1.9}
.final-role-strip b {color:#5f3b76;margin-right:10px}
.final-ui-board {padding:34px 38px;border:1px solid #ded4e6;border-radius:22px;background:linear-gradient(145deg,#eee6f2,#faf7fb)}
.final-ui-board--roles {background:linear-gradient(150deg,#f1edf5,#e9e6f2)}
.final-ui-board--bank {background:linear-gradient(145deg,#e4f0ed,#eeebf6);border-color:#cdded8}
.final-ui-grid {display:grid;gap:30px;align-items:start}
.final-ui-grid--three {grid-template-columns:1.2fr 1fr 1fr;max-width:930px;margin:auto;gap:44px}
.final-ui-grid--four {grid-template-columns:1.18fr 1fr 1fr 1fr}
.final-ui-grid figure {margin:0;min-width:0}
.final-ui-grid figure:not(.final-featured) {margin-top:36px}
.final-ui-grid--three figure:not(.final-featured) {margin-top:52px}
.final-screen-label {display:block;font-size:11px;line-height:1.8;color:#776185;font-weight:600;margin-bottom:12px}
.final-ui-grid figure > img {display:block;width:100%;height:auto;aspect-ratio:1080/2340;object-fit:contain;border:1px solid #34263c33;border-radius:12px;background:#e8e0ee;box-shadow:0 14px 28px #3724421c}
.final-ui-grid figcaption {margin-top:18px;line-height:1.8;color:#75657d}
.final-ui-grid figcaption strong {display:block;font-size:15px;line-height:1.6;color:#493255;margin-bottom:6px}
.final-ui-grid figcaption span {display:block;font-size:13px}
.case-page main .final-experience figure[data-lightbox-ready]::after {position:static;display:block;width:auto;padding:8px 0 0;text-align:right;border:0;border-radius:0;background:transparent;box-shadow:none;color:#80668e;font-size:11px;opacity:1;transform:none;pointer-events:none}
.final-experience .final-small-note {font-size:12px;line-height:1.85;color:#85758e;margin:16px 0 0}
.final-gallery-footer {margin-top:42px;padding-top:24px;border-top:1px solid #dcd3e2}
.final-gallery-footer > p {max-width:930px;font-size:12px;line-height:1.9;color:#7a6c84;margin:0}
.final-gallery-footer .gallery-credit {margin-top:18px}
@media(max-width:1000px) {
  .final-ui-board {padding:28px 24px}
  .final-ui-grid {gap:20px}
  .final-ui-grid--three {gap:28px}
  .final-ui-grid--four {grid-template-columns:repeat(4,minmax(0,1fr))}
  .final-ui-grid--four figure:not(.final-featured) {margin-top:24px}
  .final-journey-nav {gap:16px}
  .final-journey-nav a {padding:20px 18px}
  .final-journey-nav strong {font-size:16px}
}
@media(max-width:700px) {
  .final-journey-nav {grid-template-columns:1fr;gap:12px;margin:28px 0 40px}
  .final-journey-nav a {padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}
  .final-journey-nav span {grid-column:1;grid-row:1}
  .final-journey-nav strong {grid-column:1;grid-row:2;font-size:16px}
  .final-journey-nav small {grid-column:2;grid-row:1/3;font-size:10px}
  .final-chapter {padding-top:30px;margin-top:40px}
  .final-chapter-heading {grid-template-columns:34px 1fr;gap:12px}
  .final-chapter-number {font-size:29px}
  .final-experience .final-chapter h3 {font-size:25px}
  .final-experience .final-version {font-size:10px}
  .final-chapter-heading div > p:last-child {font-size:14px}
  .final-path {font-size:12px;gap:8px 12px;margin:22px 0}
  .final-path li:not(:last-child)::after {margin-left:12px}
  .final-role-strip {grid-template-columns:1fr;gap:8px;font-size:12px;margin:22px 0}
  .final-ui-board {padding:22px 15px;border-radius:18px}
  .final-ui-grid,.final-ui-grid--three,.final-ui-grid--four {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
  .final-ui-grid--three .final-featured {grid-column:1/-1;width:230px;max-width:100%;justify-self:center}
  .final-ui-grid figure:not(.final-featured),.final-ui-grid--three figure:not(.final-featured),.final-ui-grid--four figure:not(.final-featured) {margin-top:0}
  .final-ui-grid figure > img {border-radius:8px}
  .final-screen-label {font-size:10px;margin-bottom:9px}
  .final-ui-grid figcaption {margin-top:12px}
  .final-ui-grid figcaption strong {font-size:13px;line-height:1.65}
  .final-ui-grid figcaption span {font-size:12px}
  .final-gallery-footer .gallery-credit {gap:10px;font-size:11px;line-height:1.8}
}