:root {
  --digodiso-ink: #0b0c0d;
  --digodiso-graphite: #111315;
  --digodiso-steel: #1b1e20;
  --digodiso-line: rgba(234, 228, 216, 0.16);
  --digodiso-line-strong: rgba(234, 228, 216, 0.3);
  --digodiso-paper: #eae4d8;
  --digodiso-muted: #a9a59c;
  --digodiso-rust: #9b3e2d;
  --digodiso-width: 1440px;
  --digodiso-gutter: clamp(1.25rem, 5vw, 5.5rem);
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
body.digodiso-site {
  margin: 0;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  background: var(--digodiso-ink);
  color: var(--digodiso-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}

.digodiso-site main,
.digodiso-site header,
.digodiso-site footer,
.digodiso-site section { min-width: 0; }

.digodiso-site a { color: inherit; }
.digodiso-site a:focus-visible { outline: 2px solid var(--digodiso-paper); outline-offset: 5px; }
.digodiso-skip { position: fixed; z-index: 100; top: 1rem; left: 1rem; padding: .65rem 1rem; background: var(--digodiso-paper); color: var(--digodiso-ink); transform: translateY(-180%); }
.digodiso-skip:focus { transform: translateY(0); }

.digodiso-header,
.digodiso-footer {
  width: min(100%, var(--digodiso-width));
  margin: 0 auto;
  padding-left: calc(var(--digodiso-gutter) + env(safe-area-inset-left));
  padding-right: calc(var(--digodiso-gutter) + env(safe-area-inset-right));
}

.digodiso-header {
  position: absolute;
  z-index: 10;
  inset: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 6.5rem;
  border-bottom: 1px solid var(--digodiso-line);
}

.digodiso-wordmark { flex: 0 0 auto; min-width: clamp(8rem, 14vw, 11rem); text-decoration: none; }
.digodiso-wordmark span { display: inline-block; font-size: .82rem; font-weight: 700; letter-spacing: .25em; }
.digodiso-nav { display: flex; min-width: 0; align-items: center; justify-content: flex-end; gap: clamp(1.2rem, 3vw, 3rem); }
.digodiso-nav a { color: var(--digodiso-muted); font-size: .7rem; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; transition: color 160ms ease; }
.digodiso-nav a:hover { color: var(--digodiso-paper); }
.digodiso-nav .digodiso-nav-garage { padding: .55rem .75rem; border: 1px solid var(--digodiso-line-strong); color: var(--digodiso-paper); }
.digodiso-nav .digodiso-nav-garage:hover { border-color: var(--digodiso-paper); background: var(--digodiso-paper); color: var(--digodiso-ink); }

.digodiso-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(19rem, .9fr);
  align-items: end;
  width: min(100%, var(--digodiso-width));
  min-height: max(760px, 100svh);
  margin: 0 auto;
  padding: 10rem calc(var(--digodiso-gutter) + env(safe-area-inset-right)) clamp(4rem, 8vh, 7rem) calc(var(--digodiso-gutter) + env(safe-area-inset-left));
}

.digodiso-hero::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: radial-gradient(circle at 76% 34%, rgba(155, 62, 45, .13), transparent 28%), linear-gradient(145deg, #111315 0%, #0b0c0d 58%, #141618 100%);
  content: "";
}

.digodiso-hero-copy { position: relative; z-index: 2; min-width: 0; max-width: 48rem; }
.digodiso-eyebrow { margin: 0 0 1.5rem; color: #c3bdb2; font-size: .68rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.digodiso-hero h1 { max-width: 100%; margin: 0; font-size: clamp(4rem, 8vw, 8rem); font-weight: 750; letter-spacing: -.065em; line-height: .79; }
.digodiso-hero h1 span { display: block; }
.digodiso-hero h1 span:nth-child(2) { color: transparent; -webkit-text-stroke: 1px var(--digodiso-line-strong); }
.digodiso-hero-lead { margin: 3.25rem 0 .3rem; font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 500; }
.digodiso-hero-statement { max-width: 34rem; margin: 0; color: #d5cfc4; font-size: clamp(1rem, 1.5vw, 1.25rem); }
.digodiso-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.25rem; }
.digodiso-action { display: inline-flex; min-width: 0; min-height: 3.35rem; align-items: center; justify-content: space-between; gap: clamp(1rem, 3vw, 2.25rem); margin-top: 2.25rem; padding: .7rem 1.35rem; border: 1px solid var(--digodiso-line-strong); color: var(--digodiso-paper); font-size: .73rem; font-weight: 700; letter-spacing: .12em; text-decoration: none; white-space: nowrap; transition: background 160ms ease, color 160ms ease, border-color 160ms ease; }
.digodiso-action::after { flex: 0 0 auto; color: var(--digodiso-rust); content: "→"; font-size: 1.1rem; }
.digodiso-action-primary::after { content: none; }
.digodiso-action-label { display: block; flex: 1 1 auto; min-width: 0; }
.digodiso-action-icon { display: block; flex: 0 0 auto; color: var(--digodiso-rust); font-size: 1.1rem; }
.digodiso-action:hover { border-color: var(--digodiso-paper); background: var(--digodiso-paper); color: var(--digodiso-ink); }
.digodiso-actions .digodiso-action { margin-top: 0; }
.digodiso-site .digodiso-action-primary { border-color: var(--digodiso-paper); background: var(--digodiso-paper); color: var(--digodiso-ink); }
.digodiso-site .digodiso-action-primary:hover { border-color: var(--digodiso-rust); background: var(--digodiso-rust); color: var(--digodiso-paper); }
.digodiso-action-secondary { border-color: transparent; color: var(--digodiso-muted); }

.digodiso-media { position: relative; overflow: hidden; border: 1px solid var(--digodiso-line); background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.005)); }
.digodiso-media::before { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(255,255,255,.035) 25%); content: ""; }
.digodiso-media span { position: absolute; inset: auto 0 0; height: 36%; border-top: 1px solid var(--digodiso-line); background: linear-gradient(160deg, rgba(155,62,45,.12), transparent 65%); }
.digodiso-media-hero {
  min-width: 0;
  align-self: stretch;
  min-height: 33rem;
  margin-left: clamp(-2rem, -2vw, 0rem);
  background-image: url("/public/images/Digodiso/hero-garage.webp");
  background-position: 52% center;
  background-size: cover;
  opacity: .88;
}
.digodiso-media-hero::before { background: linear-gradient(90deg, rgba(11, 12, 13, .42), transparent 48%); }

.digodiso-section {
  display: grid;
  grid-template-columns: minmax(14rem, .85fr) minmax(18rem, 1.15fr);
  gap: clamp(2rem, 7vw, 8rem);
  width: min(100%, var(--digodiso-width));
  margin: 0 auto;
  padding: clamp(6rem, 10vw, 9rem) calc(var(--digodiso-gutter) + env(safe-area-inset-right)) clamp(6rem, 10vw, 9rem) calc(var(--digodiso-gutter) + env(safe-area-inset-left));
  border-top: 1px solid var(--digodiso-line);
}

.digodiso-section-heading h2,
.digodiso-final h2 { max-width: 13em; margin: 0; font-size: clamp(2.5rem, 5.6vw, 5.5rem); font-weight: 600; letter-spacing: -.055em; line-height: .98; }
.digodiso-section-content { align-self: end; max-width: 39rem; color: var(--digodiso-muted); }
.digodiso-section-content p { margin: 0; }
.digodiso-section-content p + p { margin-top: 1.3rem; }
.digodiso-section-content .digodiso-lead { color: var(--digodiso-paper); font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.65; }
.digodiso-section-content-narrow { max-width: 31rem; }

.digodiso-labels { display: flex; flex-wrap: wrap; gap: .55rem 1rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.digodiso-labels li { color: #918d84; font-size: .61rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.digodiso-labels li + li::before { margin-right: 1rem; color: #524f4a; content: "/"; }

.digodiso-knowledge { background: var(--digodiso-graphite); }
.digodiso-sequence,
.digodiso-workflow,
.digodiso-actors { grid-column: 1 / -1; display: grid; margin: clamp(3rem, 7vw, 6rem) 0 0; padding: 0; border-top: 1px solid var(--digodiso-line); list-style: none; }
.digodiso-sequence { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.digodiso-sequence li,
.digodiso-actors li { min-width: 0; padding: 1.4rem 1rem 1.4rem 0; border-right: 1px solid var(--digodiso-line); font-size: clamp(.76rem, 1vw, .9rem); }
.digodiso-sequence li:last-child,
.digodiso-actors li:last-child { border-right: 0; }
.digodiso-sequence span,
.digodiso-workflow summary span { display: block; margin-bottom: 1rem; color: var(--digodiso-rust); font-size: .61rem; font-weight: 700; letter-spacing: .15em; }
.digodiso-sequence strong,
.digodiso-actors strong { display: block; color: var(--digodiso-paper); font-size: .72rem; letter-spacing: .08em; }
.digodiso-sequence p,
.digodiso-actors p { margin: .65rem 0 0; color: var(--digodiso-muted); font-size: .78rem; line-height: 1.6; }

.digodiso-service { background: linear-gradient(135deg, #0b0c0d, #121416); }
.digodiso-workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.digodiso-workflow details { min-width: 0; border-right: 1px solid var(--digodiso-line); border-bottom: 1px solid var(--digodiso-line); }
.digodiso-workflow details:nth-child(3n) { border-right: 0; }
.digodiso-workflow summary { display: grid; grid-template-columns: 1fr auto; min-height: 7.5rem; align-content: center; gap: 0 1rem; padding: 1.25rem; cursor: pointer; list-style: none; }
.digodiso-workflow summary::-webkit-details-marker { display: none; }
.digodiso-workflow summary span { grid-column: 1 / -1; }
.digodiso-workflow summary strong { font-size: clamp(.86rem, 1.2vw, 1rem); letter-spacing: .04em; }
.digodiso-workflow summary i { align-self: center; width: .6rem; height: .6rem; border-right: 1px solid var(--digodiso-paper); border-bottom: 1px solid var(--digodiso-paper); transform: rotate(45deg); transition: transform 160ms ease; }
.digodiso-workflow details[open] summary i { transform: rotate(225deg); }
.digodiso-workflow details > p { margin: 0; padding: 0 1.25rem 1.5rem; color: var(--digodiso-muted); font-size: .85rem; }
.digodiso-workflow summary:focus-visible { outline: 2px solid var(--digodiso-paper); outline-offset: -4px; }

.digodiso-evidence { position: relative; background: #151719; }
.digodiso-evidence::after { position: absolute; right: 0; bottom: 0; width: 38%; height: 1px; background: var(--digodiso-rust); content: ""; }
.digodiso-meta-label { margin-top: 2rem !important; color: #77746d; font-size: .6rem; font-weight: 700; letter-spacing: .18em; }
.digodiso-metadata { display: flex; flex-wrap: wrap; gap: .45rem 1.25rem; margin: .7rem 0 0; padding: 0; color: #918d84; list-style: none; }
.digodiso-metadata li { font-size: .61rem; font-weight: 700; letter-spacing: .11em; }
.digodiso-metadata li + li::before { margin-right: 1.25rem; color: #524f4a; content: "/"; }
.digodiso-principle { grid-column: 1 / -1; margin: clamp(3rem, 6vw, 5rem) 0 0; padding-top: 2rem; border-top: 1px solid var(--digodiso-line); }
.digodiso-principle p { margin: 0; color: var(--digodiso-paper); font-size: clamp(1.65rem, 3.5vw, 3.25rem); font-weight: 350; letter-spacing: -.04em; line-height: 1.05; }
.digodiso-principle span { display: block; max-width: 32rem; margin-top: 1.25rem; color: var(--digodiso-muted); font-size: .92rem; line-height: 1.75; }

.digodiso-network { background: var(--digodiso-ink); }
.digodiso-actors { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.digodiso-actors li { letter-spacing: 0; }

.digodiso-final { display: flex; min-height: min(620px, 75svh); flex-direction: column; align-items: center; justify-content: center; padding: 7rem calc(var(--digodiso-gutter) + env(safe-area-inset-right)) 7rem calc(var(--digodiso-gutter) + env(safe-area-inset-left)); border-top: 1px solid var(--digodiso-line); background: radial-gradient(circle at 50% 56%, rgba(155,62,45,.11), transparent 32%), #0d0f10; text-align: center; }
.digodiso-final h2 { max-width: none; }
.digodiso-final > p:not(.digodiso-eyebrow) { max-width: 43rem; margin: 2rem 0 0; color: var(--digodiso-muted); }

.digodiso-footer { display: flex; align-items: center; justify-content: space-between; min-height: 8rem; border-top: 1px solid var(--digodiso-line); color: var(--digodiso-muted); }
.digodiso-footer p { margin: 0; font-size: .65rem; letter-spacing: .12em; }

.digodiso-garage-page { width: min(100%, var(--digodiso-width)); min-height: 100svh; margin: 0 auto; padding: 11rem var(--digodiso-gutter) 7rem; }
.digodiso-garage-intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1.5rem 3rem; padding-bottom: clamp(3rem, 7vw, 6rem); border-bottom: 1px solid var(--digodiso-line); }
.digodiso-garage-intro .digodiso-eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.digodiso-garage-intro h1 { margin: 0; font-size: clamp(3.6rem, 9vw, 8.5rem); font-weight: 650; letter-spacing: -.065em; line-height: .85; }
.digodiso-garage-intro > p:not(.digodiso-eyebrow) { grid-column: 1; margin: 0; color: var(--digodiso-muted); font-size: clamp(1rem, 1.7vw, 1.25rem); }
.digodiso-garage-logout { grid-column: 2; grid-row: 2 / 4; align-self: end; margin: 0; }
.digodiso-garage-logout button { padding: .7rem 0; border: 0; background: transparent; color: var(--digodiso-paper); cursor: pointer; font: inherit; font-size: .7rem; font-weight: 700; letter-spacing: .15em; }
.digodiso-garage-logout button::after { margin-left: 1rem; color: var(--digodiso-rust); content: "→"; }
.digodiso-garage-tabs { display: flex; gap: clamp(1.25rem, 4vw, 3.5rem); overflow-x: auto; padding: 1.25rem 0; border-bottom: 1px solid var(--digodiso-line); scrollbar-width: thin; }
.digodiso-garage-tabs a { flex: 0 0 auto; color: var(--digodiso-muted); font-size: .7rem; font-weight: 700; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.digodiso-garage-tabs a[aria-current="page"] { color: var(--digodiso-paper); }
.digodiso-garage-panel { padding-top: clamp(3rem, 7vw, 6rem); scroll-margin-top: 2rem; }
.digodiso-panel-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(15rem, 24rem); gap: 2rem; align-items: end; margin-bottom: 2rem; }
.digodiso-panel-heading h2, .digodiso-garage-placeholder h2 { margin: 0; font-size: clamp(2rem, 4.5vw, 4rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.1; }
.digodiso-disabled-action { justify-self: end; max-width: 24rem; text-align: right; }
.digodiso-disabled-action button, .digodiso-garage-placeholder button { padding: .75rem 1rem; border: 1px solid var(--digodiso-line); background: transparent; color: var(--digodiso-muted); font: inherit; font-size: .72rem; letter-spacing: .08em; }
.digodiso-disabled-action p { margin: .75rem 0 0; color: var(--digodiso-muted); font-size: .75rem; line-height: 1.5; }
.digodiso-garage-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 1px 0 0; background: var(--digodiso-line); list-style: none; }
.digodiso-vehicle-card { min-width: 0; min-height: 17rem; padding: clamp(1.5rem, 4vw, 3.5rem); background: var(--digodiso-graphite); }
.digodiso-vehicle-kind { margin: 0 0 4rem; color: var(--digodiso-rust); font-size: .66rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.digodiso-vehicle-card h2, .digodiso-vehicle-card h3 { margin: 0; overflow-wrap: anywhere; font-size: clamp(1.7rem, 3.5vw, 3rem); font-weight: 550; letter-spacing: -.04em; line-height: 1.05; }
.digodiso-vehicle-card h2 span, .digodiso-vehicle-card h3 span { display: block; margin-top: .45rem; color: var(--digodiso-muted); font-size: .55em; letter-spacing: 0; }
.digodiso-vehicle-card h3 a { text-decoration: none; }
.digodiso-vehicle-year { margin: 1.5rem 0 0; color: var(--digodiso-muted); font-size: .72rem; letter-spacing: .12em; }
.digodiso-garage-empty { max-width: 42rem; padding: clamp(4rem, 10vw, 9rem) 0; }
.digodiso-garage-empty h2 { margin: 0; font-size: clamp(2rem, 4.5vw, 4rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.1; }
.digodiso-garage-empty p { margin: 2rem 0 0; color: var(--digodiso-muted); }
.digodiso-garage-placeholder { max-width: 52rem; margin-top: clamp(3rem, 7vw, 6rem); border-top: 1px solid var(--digodiso-line); }
.digodiso-garage-placeholder > p:not(.digodiso-eyebrow) { max-width: 42rem; margin: 1.5rem 0 2rem; color: var(--digodiso-muted); }
.digodiso-app-action, .digodiso-app-form button { display: inline-flex; min-height: 2.9rem; align-items: center; justify-content: center; padding: .65rem 1rem; border: 1px solid var(--digodiso-paper); background: var(--digodiso-paper); color: var(--digodiso-ink); cursor: pointer; font: inherit; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-decoration: none; }
.digodiso-notice, .digodiso-error, .digodiso-provenance { margin: 1.5rem 0 0; padding: .85rem 1rem; border-left: 3px solid var(--digodiso-rust); background: var(--digodiso-graphite); }
.digodiso-error { color: #ffd4c8; }
.digodiso-form-page { max-width: 64rem; }
.digodiso-form-page h1, .digodiso-detail-heading h1 { margin: 0 0 2rem; font-size: clamp(2.5rem, 7vw, 5rem); line-height: .95; }
.digodiso-back { display: inline-block; margin-bottom: 3rem; color: var(--digodiso-muted) !important; text-decoration: none; }
.digodiso-app-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; padding-top: 2rem; border-top: 1px solid var(--digodiso-line); }
.digodiso-app-form label { display: grid; gap: .45rem; color: var(--digodiso-muted); font-size: .75rem; font-weight: 700; letter-spacing: .06em; }
.digodiso-app-form input, .digodiso-app-form select, .digodiso-app-form textarea { width: 100%; min-width: 0; padding: .8rem; border: 1px solid var(--digodiso-line-strong); border-radius: 0; background: var(--digodiso-graphite); color: var(--digodiso-paper); font: inherit; }
.digodiso-app-form textarea { min-height: 8rem; resize: vertical; }.digodiso-field-wide,.digodiso-form-actions { grid-column: 1/-1; }.digodiso-form-actions { display: flex; align-items: center; gap: 1rem; }.digodiso-form-actions a { color: var(--digodiso-muted); }
.digodiso-archive-form { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--digodiso-line); }.digodiso-archive-form button { padding: .5rem 0; border: 0; background: transparent; color: #d39a8d; cursor: pointer; font: inherit; text-decoration: underline; }
.digodiso-record-list { margin: 0; padding: 0; border-top: 1px solid var(--digodiso-line); list-style: none; }.digodiso-record-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--digodiso-line); }.digodiso-record-list span { display: block; color: var(--digodiso-muted); font-size: .75rem; }.digodiso-record-list a { color: var(--digodiso-muted); }
.digodiso-compact-empty { padding: 2.5rem 0; }.digodiso-compact-empty h3 { margin: 0; font-size: 1.5rem; }.digodiso-muted-copy { max-width: 44rem; color: var(--digodiso-muted); }
.digodiso-detail-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--digodiso-line); }.digodiso-detail-heading h1 { margin-bottom: .5rem; }.digodiso-detail-heading p { margin: 0; color: var(--digodiso-muted); }
.digodiso-timeline { margin: 0; padding: 0; list-style: none; }.digodiso-timeline li { display: grid; grid-template-columns: 8rem minmax(0,1fr); gap: 1.5rem; padding: 1.5rem 0; border-top: 1px solid var(--digodiso-line); }.digodiso-timeline time,.digodiso-timeline p { color: var(--digodiso-muted); font-size: .75rem; }.digodiso-timeline h3,.digodiso-timeline p { margin: .25rem 0 0; }.digodiso-timeline strong { color: var(--digodiso-rust); font-size: .7rem; letter-spacing: .1em; }

@media (max-width: 900px) {
  .digodiso-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-bottom: 5rem; }
  .digodiso-media-hero { min-height: clamp(22rem, 60vw, 32rem); margin: 3.5rem 0 0; background-position: 56% center; opacity: .88; }
  .digodiso-section { gap: 3rem; }
  .digodiso-sequence { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .digodiso-workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .digodiso-actors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .digodiso-sequence li:nth-child(3), .digodiso-actors li:nth-child(3) { border-right: 0; }
}

@media (max-width: 640px) {
  .digodiso-header { min-height: 5rem; gap: 1rem; }
  .digodiso-nav { flex: 0 0 auto; gap: 0; }
  .digodiso-nav > a:not(.digodiso-nav-garage) { display: none; }
  .digodiso-nav .digodiso-nav-garage { padding: .45rem .6rem; font-size: .6rem; letter-spacing: .08em; white-space: nowrap; }
  .digodiso-wordmark { min-width: 0; }
  .digodiso-wordmark span { font-size: .7rem; letter-spacing: .18em; }
  .digodiso-hero { min-height: 0; padding-top: 8rem; padding-bottom: 4rem; }
  .digodiso-hero h1 { font-size: clamp(3.1rem, 16vw, 4.6rem); }
  .digodiso-hero-lead { margin-top: 2.4rem; }
  .digodiso-hero br { display: none; }
  .digodiso-actions { align-items: stretch; flex-direction: column; width: 100%; max-width: 20rem; }
  .digodiso-actions .digodiso-action { justify-content: space-between; width: 100%; }
  .digodiso-media-hero { width: 100%; min-height: clamp(16rem, 78vw, 22rem); margin-top: 3rem; background-position: 58% center; }
  .digodiso-app-form { grid-template-columns: minmax(0, 1fr); }.digodiso-field-wide,.digodiso-form-actions { grid-column: auto; }.digodiso-detail-heading { align-items: flex-start; flex-direction: column; }.digodiso-timeline li { grid-template-columns: minmax(0,1fr); gap: .35rem; }
  .digodiso-section { grid-template-columns: minmax(0, 1fr); gap: 2.25rem; padding-top: clamp(4rem, 18vw, 5.5rem); padding-bottom: clamp(4rem, 18vw, 5.5rem); }
  .digodiso-sequence, .digodiso-workflow, .digodiso-actors, .digodiso-principle { grid-column: auto; }
  .digodiso-section-content br { display: none; }
  .digodiso-sequence, .digodiso-workflow, .digodiso-actors { grid-template-columns: 1fr; margin-top: 2rem; }
  .digodiso-sequence li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); align-items: start; padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--digodiso-line); }
  .digodiso-sequence span { grid-row: 1 / 3; margin: .1rem 0 0; }
  .digodiso-sequence p { margin-top: .3rem; }
  .digodiso-workflow details { border-right: 0; }
  .digodiso-workflow summary { min-height: 5.75rem; padding: 1rem 0; }
  .digodiso-workflow details > p { padding: 0 2rem 1.25rem 2.6rem; }
  .digodiso-workflow summary:focus-visible { outline-offset: 3px; }
  .digodiso-actors li { padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--digodiso-line); }
  .digodiso-actors p { margin-top: .3rem; }
  .digodiso-principle { margin-top: 2.5rem; }
  .digodiso-principle p { font-size: clamp(1.65rem, 8vw, 2.5rem); line-height: 1.08; }
  .digodiso-metadata { gap: .55rem 1rem; }
  .digodiso-metadata li + li::before { margin-right: 1rem; }
  .digodiso-final { min-height: 0; padding-top: 5.5rem; padding-bottom: 5.5rem; }
  .digodiso-final br { display: none; }
  .digodiso-footer { align-items: flex-start; flex-direction: column; justify-content: center; gap: .5rem; }
  .digodiso-footer p { max-width: 17rem; }
  .digodiso-garage-page { padding-top: 8rem; padding-bottom: 4rem; }
  .digodiso-garage-intro { grid-template-columns: minmax(0, 1fr); }
  .digodiso-garage-intro .digodiso-eyebrow, .digodiso-garage-intro > p:not(.digodiso-eyebrow), .digodiso-garage-logout { grid-column: 1; grid-row: auto; }
  .digodiso-garage-logout { justify-self: start; }
  .digodiso-garage-tabs { flex-wrap: wrap; margin-right: 0; padding-right: 0; }
  .digodiso-panel-heading { grid-template-columns: minmax(0, 1fr); }
  .digodiso-disabled-action { justify-self: start; text-align: left; }
  .digodiso-garage-list { grid-template-columns: minmax(0, 1fr); }
  .digodiso-vehicle-card { min-height: 14rem; }
}

@media (max-width: 360px) {
  .digodiso-hero h1 { font-size: clamp(2.9rem, 15.5vw, 3.45rem); }
  .digodiso-section-heading h2, .digodiso-final h2 { font-size: 2.35rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .digodiso-site *, .digodiso-site *::before, .digodiso-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}