/* Motive exemplar-font: brief.md Product/Material supplies a CLI and relational table history. Archivo's rectangular forms repeat the drawn table geometry; its licensed local font is independent of the exemplar layouts and motifs. */
@font-face{font-family:Archivo;src:url('fonts/archivo.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Source Sans;src:url('fonts/source-sans-3.woff2') format('woff2');font-weight:200 900;font-display:swap}
@font-face{font-family:Courier Prime;src:url('fonts/courier-prime.woff2') format('woff2');font-weight:400;font-display:swap}
:root{
  --color-ink:#182329;--color-canvas:#eef3ed;--color-light:#f0f3ed;
  --color-mint:#b7ded4;--color-coral:#fa7048;--color-muted:#b4c9c6;
  --color-light-muted:#3b5750;--color-border:#738581;--color-light-border:#56716c;
  --color-hero-muted:#d1dfdc;--color-highlight:#d1eae0;
  --gutter:clamp(22px,4.4vw,64px);--ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;scroll-padding-top:95px}
body{margin:0;background:var(--color-ink);color:var(--color-light);font:18px/1.5 'Source Sans',sans-serif;font-kerning:normal;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:active{transform:translateY(1px)}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,figure,ol{margin:0}
h1,h2,h3{font-family:Archivo,sans-serif;text-wrap:balance}
p{ text-wrap:pretty }
code{font-family:'Courier Prime',monospace;font-weight:400}
img{display:block;max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-mint);outline-offset:5px}
.trace-section :focus-visible,.commands-section :focus-visible,.team-section :focus-visible{outline-color:var(--color-ink)}
::selection{background:var(--color-coral);color:var(--color-ink)}
[id]{scroll-margin-top:100px}
.js-only{display:none!important}
.js-enabled .js-only{display:inline-flex!important}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;top:10px;left:var(--gutter);transform:translateY(-160%);z-index:50;background:var(--color-mint);color:var(--color-ink);padding:12px 20px}
.skip-link:focus-visible{transform:none}
.site-header{height:88px;margin:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);position:relative;z-index:5}
.brand{display:inline-flex;align-items:center;gap:11px;font:650 23px Archivo,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.brand svg{width:29px;height:29px}
.site-header nav{display:flex;align-items:center;gap:30px;font-size:15px}
.text-link{position:relative;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:text-decoration-color 160ms ease,color 160ms ease}
.text-link:hover{text-decoration-thickness:2px}
.nav-install{padding:10px 20px;border:1px solid var(--color-muted);transition:color 160ms ease,background-color 160ms ease}
.nav-install:hover{background:var(--color-mint);color:var(--color-ink)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center;position:relative;min-height:690px;padding:48px var(--gutter) 56px;isolation:isolate;overflow:hidden}
.hero-copy{position:relative;min-width:0;max-width:550px}
.context{font-size:17px;color:var(--color-mint);margin-bottom:27px}
h1{font-size:clamp(80px,8vw,96px);line-height:.94;font-weight:600;letter-spacing:-.055em;word-spacing:.055em;margin-bottom:30px}
h1 span{display:block;white-space:nowrap}
.hero-lede{font-size:19px;color:var(--color-hero-muted);max-width:445px;line-height:1.48;margin-bottom:32px}
.hero-visual{width:calc(100% + var(--gutter));max-width:700px;min-width:0;margin-right:calc(-1 * var(--gutter));pointer-events:none}
.hero-visual figcaption{font-size:13px;color:var(--color-muted);text-align:right;margin:12px var(--gutter) 0 0}
.install-block{max-width:445px}
.command-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--color-mint);color:var(--color-ink);border-left:4px solid var(--color-coral);min-height:60px}
.hero-command{box-shadow:4px 4px 0 #354948}
.hero-command .copy-button{width:70px}
.command-bar code{font-size:17px;white-space:nowrap;min-width:0}
.hero-command code{flex:1;white-space:normal;overflow-wrap:anywhere}
.copy-button{background:transparent;border:1px solid transparent;color:inherit;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:5px 8px;font-size:15px;flex-shrink:0;transition:background-color 160ms ease,border-color 160ms ease}
.copy-button:hover{border-color:currentColor;background:rgba(24,35,41,.06)}
.command-bar .copy-button:focus-visible{outline-color:var(--color-ink);outline-offset:2px}
.init-line{font-size:15px;color:var(--color-muted);margin-top:17px}
.init-line code{font-size:15px;color:var(--color-light);margin-left:4px}
.alternate-install{display:inline-block;margin-top:15px;font-size:14px;color:var(--color-muted);text-decoration:underline;text-underline-offset:4px}
.compatibility{padding:23px var(--gutter);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}
.compatibility p:nth-child(2){color:var(--color-muted)}
.compatibility strong{font-weight:500;color:var(--color-light)}
.compatibility a{text-decoration:underline;text-underline-offset:4px}
.compatibility a span{display:inline-block;margin-left:17px;transition:transform 200ms var(--ease)}
.compatibility a:hover span{transform:translateY(3px)}
.trace-section{background:var(--color-mint);color:var(--color-ink);padding:78px var(--gutter) 70px}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:45px}
h2{font-size:64px;font-weight:600;line-height:1.03;letter-spacing:-.045em;word-spacing:.025em}
.section-heading>p{font-size:20px;line-height:1.55;max-width:360px;justify-self:end;margin-bottom:3px}
.trace-scene{background:var(--color-ink);color:var(--color-light);position:relative;padding:22px 24px 26px;overflow:hidden}
.scene-label{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--color-muted)}
.lineage-object{margin:42px 22px 38px;display:grid;grid-template-columns:minmax(0,1.15fr) 96px minmax(0,1fr);align-items:center;position:relative}
.migration-source{position:relative;min-width:0;border:2px solid var(--color-mint);padding:26px 28px 24px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);background:var(--color-ink)}
.migration-source:after{content:'';position:absolute;right:0;top:0;width:28px;height:28px;background:var(--color-mint);clip-path:polygon(0 0,100% 100%,0 100%)}
.migration-label{font:22px 'Courier Prime',monospace;color:var(--color-mint);padding-bottom:22px;border-bottom:1px solid var(--color-border)}
.migration-sql{margin:28px 0 25px;font:20px/1.7 'Courier Prime',monospace;white-space:pre-wrap}
.sql-change{display:block;background:var(--color-coral);color:var(--color-ink);margin:8px 0 0;padding:4px 8px}
.source-note{font-size:14px;color:var(--color-muted)}
.source-connector{width:100%;height:200px;display:block;overflow:visible}
.connector-mobile{display:none}
.lineage-path{fill:none;stroke:var(--color-coral);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0}
.record-detail{min-width:0;padding-left:8px}
.record-target{font-size:30px;line-height:1.15;color:var(--color-mint);margin-bottom:26px;transition:color 200ms ease}
.record-detail dl,.record-detail dd{margin:0}
.record-detail dl{display:grid;gap:20px}
.record-detail dt{font-size:14px;color:var(--color-muted);margin-bottom:3px}
.record-detail dd{font:21px/1.4 'Courier Prime',monospace}
.is-traced .record-target{color:var(--color-coral)}
.is-traced .lineage-path{animation:follow-line 1100ms var(--ease)}
@keyframes follow-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.trace-control{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:14px;border-top:1px solid var(--color-border);font-size:15px}
.trace-control p{max-width:450px}
.trace-button{padding:12px 17px;border:1px solid var(--color-mint);background:var(--color-mint);color:var(--color-ink);font-size:15px;align-items:center;gap:25px;white-space:nowrap;min-height:48px;transition:background-color 160ms ease}
.trace-button[aria-pressed=true]{background:var(--color-coral)}
.trace-button:focus-visible{outline-color:var(--color-mint)}
.trace-button span{font-size:22px;line-height:1}
.example-output{margin-top:42px;padding:28px 30px 30px;background:var(--color-ink);color:var(--color-light);border-top:3px solid var(--color-border)}
.output-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}
.output-heading code{font-size:25px}
.output-heading>span{font-size:14px;color:var(--color-muted)}
.prompt{color:var(--color-coral);margin-right:5px;font-family:'Courier Prime',monospace}
table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;font:14px/1.5 'Courier Prime',monospace}
th{font-weight:400;color:var(--color-muted);padding:12px 16px;border-bottom:1px solid var(--color-border)}
td{padding:23px 16px;border-bottom:1px solid var(--color-light-border);vertical-align:middle}
td:first-child,th:first-child{padding-left:0}
td:last-child,th:last-child{padding-right:0}
td code{font-size:14px}
time{white-space:nowrap}
time span{display:block;font-size:13px;color:var(--color-muted)}
.status-record{transition:background-color 200ms ease}
.is-highlighted .status-record{background:var(--color-highlight);color:var(--color-ink);box-shadow:inset 4px 0 0 var(--color-coral)}
.is-highlighted .status-record time span{color:var(--color-light-muted)}
.is-highlighted .status-record td:first-child{padding-left:16px}
.commands-section{background:var(--color-canvas);color:var(--color-ink);padding:82px var(--gutter) 85px}
.compact-heading{margin-bottom:50px}
.command-list{list-style:none;padding:0;border-top:1px solid var(--color-light-border);position:relative}
.command-list:before{content:'';position:absolute;left:52px;top:0;bottom:0;border-left:1px solid var(--color-light-muted)}
.command-list li{display:grid;grid-template-columns:60px 1fr 1.2fr;gap:26px;align-items:center;padding:34px 0;border-bottom:1px solid var(--color-light-border)}
.step{font:300 40px Archivo,sans-serif;color:var(--color-light-muted);letter-spacing:-.03em;position:relative;width:48px}
.command-description h3{font-size:23px;font-weight:600;letter-spacing:-.03em;margin-bottom:4px}
.command-description p{font-size:16px;color:var(--color-light-muted)}
.command-value{display:flex;justify-content:space-between;align-items:center;gap:12px}
.command-value code{font-size:20px;min-width:0;white-space:nowrap}
.command-value .copy-button{color:var(--color-light-muted)}
.team-section{background:var(--color-coral);color:var(--color-ink);display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:80px var(--gutter) 83px;position:relative}
.section-label{font-size:16px;margin-bottom:26px}
.team-intro>p:not(.section-label){font-size:20px;max-width:360px;margin:26px 0 21px}
.team-intro .text-link{font-size:16px}
.team-plan{border-top:2px solid var(--color-ink);padding:24px 0 0;max-width:445px;align-self:center}
.plan-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.plan-title h3{font-size:28px;letter-spacing:-.035em}
.plan-title>span{font-size:15px}
.price{display:flex;align-items:center;gap:25px;margin-top:21px}
.price>span:first-child{font:500 108px/1 Archivo,sans-serif;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.price-unit{font-size:17px;line-height:1.45}
.trial-row{display:flex;align-items:center;gap:15px;margin:20px 0 26px;font-size:17px}
.trial-line{flex:1;border-top:1px solid var(--color-ink)}
.team-button{background:var(--color-ink);color:var(--color-light);padding:16px 23px;border:1px solid var(--color-ink);min-height:55px;align-items:center;justify-content:center;width:100%;transition:background-color 160ms ease,color 160ms ease}
.team-button:hover{background:var(--color-light);color:var(--color-ink)}
.example-note{font-size:14px;margin-top:14px;text-align:center}
.closing-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;padding:81px var(--gutter) 80px;position:relative;isolation:isolate;overflow:hidden}
.closing-content{position:relative;min-width:0;max-width:620px}
.closing-content h2{font-size:80px;line-height:1;letter-spacing:-.05em;margin-bottom:24px}
.closing-content>p{color:var(--color-muted);font-size:19px;max-width:430px;margin-bottom:37px}
.closing-art{width:calc(100% + var(--gutter));max-width:650px;min-width:0;margin-right:calc(-1 * var(--gutter));pointer-events:none}
.installation-options{max-width:540px}
.install-option{display:grid;grid-template-columns:98px 1fr;gap:13px;align-items:center;margin-top:12px}
.installer{font-size:15px;color:var(--color-muted)}
.install-option .command-bar{border-left:3px solid var(--color-coral);min-height:57px;padding:7px 14px;background:var(--color-ink);color:var(--color-light);border-top:1px solid var(--color-border);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.install-option .command-bar code{font-size:16px}
.install-option .copy-button:focus-visible{outline-color:var(--color-mint)}
.init-option .command-bar{border-left-color:var(--color-mint)}
.site-footer{border-top:1px solid var(--color-border);padding:27px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--color-muted)}
.site-footer .brand{font-size:20px;color:var(--color-light)}
.fictional{color:var(--color-light);border-left:2px solid var(--color-coral);padding-left:14px}
.copy-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--color-mint);color:var(--color-ink);padding:14px 20px;max-width:min(540px,calc(100% - 32px));width:max-content;z-index:30;font-size:16px;border:1px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink)}
.copy-status:empty{display:none}
dialog{background:var(--color-mint);color:var(--color-ink);border:1px solid var(--color-ink);padding:30px;max-width:530px;width:calc(100% - 40px);max-height:calc(100% - 40px)}
dialog::backdrop{background:rgba(10,24,29,.85)}
.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:16px}
.close-dialog{background:transparent;border:1px solid var(--color-light-border);padding:9px 13px;font-size:14px;min-height:44px;color:inherit}
dialog h2{font-size:42px;margin-bottom:18px}
dialog>p{font-size:17px;margin-bottom:27px}
dialog :focus-visible{outline-color:var(--color-ink)}
form label{display:block;font-size:17px;margin-bottom:7px;font-weight:500}
input{background:var(--color-canvas);color:var(--color-ink);width:100%;border:1px solid var(--color-light-border);padding:13px;min-height:52px;border-radius:0}
input[aria-invalid=true]{border:2px solid var(--color-ink)}
.input-hint{font-size:14px;margin-top:8px;color:var(--color-light-muted)}
.form-error{font-size:15px;font-weight:600;margin-top:8px;min-height:0}
.form-error:empty,.form-result:empty{display:none}
.submit-preview{width:100%;min-height:53px;padding:12px 20px;border:1px solid var(--color-ink);background:var(--color-ink);color:var(--color-light);margin-top:22px}
.form-result{border-left:3px solid var(--color-ink);padding:12px 0 12px 16px;margin-top:20px;font-size:16px}
.form-result:focus{outline:3px solid var(--color-ink);outline-offset:5px}
.no-script-note{font-size:16px;padding:15px 0}
@media(min-width:1300px){h1{font-size:106px}.hero-lede{max-width:475px}}
@media(max-width:1100px) and (min-width:701px){
  h1{font-size:clamp(56px,7.3vw,80px)}.hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:650px}
  .hero-lede{font-size:17px}.context{font-size:15px}.section-heading{gap:25px}h2{font-size:clamp(43px,5.8vw,54px)}
  .command-list li{grid-template-columns:60px 1fr 1.3fr;gap:20px}.command-value code{font-size:16px}
  .team-section{gap:45px}.team-intro h2{font-size:clamp(43px,5.8vw,56px)}.closing-content h2{font-size:64px}
}
@media(min-width:701px) and (max-width:1000px){
  .closing-section{display:block}.closing-content{max-width:620px}.closing-art{width:100%;max-width:560px;margin:40px 0 0 auto}
  .lineage-object{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-inline:0}
  .migration-source{padding:20px 18px}.migration-label{font-size:18px}.migration-sql{font-size:16px}.record-target{font-size:24px}.record-detail dd{font-size:17px}
  .example-output table,.example-output tbody{display:block;width:100%}
  .example-output thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .example-output tr{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding:22px 0;border-bottom:1px solid var(--color-border)}
  .example-output td{display:block;border:0;padding:0}
  .example-output td:before{content:attr(data-label);display:block;font:12px 'Courier Prime',monospace;color:var(--color-muted);margin-bottom:5px}
  .is-highlighted .status-record{padding-inline:16px}
  .is-highlighted .status-record td:before{color:var(--color-light-muted)}
}

@media(max-width:700px){
  html{scroll-padding-top:20px}body{font-size:16px}[id]{scroll-margin-top:25px}
  .site-header{height:70px}.brand{font-size:20px;gap:9px}.brand svg{width:26px;height:26px}
  .site-header nav{gap:0}.site-header .text-link{display:none}.nav-install{padding:8px 12px;font-size:14px;min-height:40px}
  .hero{padding:26px var(--gutter) 24px;min-height:0;display:block}
  .hero-copy{max-width:none}.context{font-size:15px;margin-bottom:20px}
  h1{font-size:64px;letter-spacing:-.055em;word-spacing:.035em;line-height:.94;margin-bottom:22px}
  .hero-lede{font-size:17px;line-height:1.4;max-width:340px;margin-bottom:24px}
  .install-block{max-width:none}.command-bar{min-height:53px;padding:5px 12px;gap:5px}
  .command-bar code{font-size:14px}.copy-button{font-size:14px;min-width:43px;padding:4px}
  .hero-command .copy-button{width:60px}
  .init-line{font-size:14px;margin-top:16px}.init-line code{font-size:14px;margin-left:1px}
  .alternate-install{font-size:13px;margin-top:11px}
  .hero-visual{width:calc(100% + 16px);max-width:none;margin:18px -8px 0}
  .hero-visual figcaption{margin:8px 8px 0 0;font-size:12px}
  .compatibility{padding:17px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}
  .compatibility p:nth-child(2){text-align:right}.compatibility a{grid-column:1/-1;font-size:13px;text-align:center}
  .compatibility a span{margin-left:8px}
  .trace-section{padding:49px var(--gutter) 44px}.section-heading{display:block;margin-bottom:29px}
  h2{font-size:43px;line-height:1.04;letter-spacing:-.045em;word-spacing:.01em}
  .section-heading>p{font-size:17px;line-height:1.5;max-width:none;margin-top:23px}
  .trace-scene{padding:17px 14px 20px;overflow:visible}.scene-label{font-size:12px;gap:20px}.scene-label span:last-child{text-align:right}
  .lineage-object{display:block;margin:26px 0 25px}
  .migration-source{padding:22px 18px 20px}.migration-label{font-size:19px;padding-bottom:18px}
  .migration-sql{font-size:16px;margin:22px 0 20px}.source-note{font-size:13px}
  .connector-desktop{display:none}.connector-mobile{display:block;height:72px}
  .record-detail{padding-left:32px}.record-target{font-size:25px;margin-bottom:22px}
  .record-detail dl{gap:15px}.record-detail dd{font-size:18px}.record-detail dt{font-size:13px}
  .trace-control{display:block;font-size:14px;padding-top:18px}.trace-control p{line-height:1.45;margin-bottom:18px}
  .trace-button{font-size:14px;width:100%;justify-content:space-between;padding:10px 13px;min-height:47px}
  .example-output{margin-top:32px;padding:23px 16px 22px}.output-heading{display:block;margin-bottom:26px}.output-heading code{font-size:18px}
  .output-heading>span{display:block;font-size:13px;margin-top:11px}
  table,tbody{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  tr{display:block;padding:21px 0;border-top:1px solid var(--color-light-border)}
  td{display:block;border:0;padding:5px 0!important;font-size:14px;line-height:1.4}
  td:before{content:attr(data-label);display:block;font:12px 'Courier Prime',monospace;color:var(--color-muted);margin-bottom:3px}
  td:first-child{margin-bottom:8px}time span{display:inline;font-size:14px;margin-left:7px;color:inherit}
  td code{font-size:13px;overflow-wrap:anywhere}
  .is-highlighted .status-record{padding:21px 13px}
  .is-highlighted .status-record td:before{color:var(--color-light-muted)}
  .commands-section{padding:49px var(--gutter) 51px}.compact-heading{margin-bottom:30px}
  .command-list li{grid-template-columns:46px 1fr;gap:4px 17px;padding:26px 0}
  .command-list:before{left:39px;top:0;bottom:0}
  .step{font-size:28px;align-self:start;width:46px}.step:after{left:35px}.command-description h3{font-size:21px}.command-description p{font-size:15px}
  .command-value{grid-column:2;margin-top:9px;gap:6px}.command-value code{font-size:13.5px;white-space:normal;overflow-wrap:anywhere}
  .command-value .copy-button{font-size:13px}
  .team-section{display:block;padding:48px var(--gutter) 50px}.section-label{font-size:14px;margin-bottom:21px}
  .team-intro>p:not(.section-label){font-size:17px;max-width:320px;margin:24px 0 20px}.team-intro .text-link{font-size:15px}
  .team-plan{margin-top:41px;padding-top:21px}.plan-title h3{font-size:26px}.plan-title>span{font-size:14px}
  .price{gap:22px;margin-top:18px}.price>span:first-child{font-size:99px}.price-unit{font-size:16px}
  .trial-row{font-size:16px;margin:18px 0 23px}.team-button{font-size:16px}.example-note{font-size:13px}
  .closing-section{display:block;padding:48px var(--gutter) 48px}.closing-content h2{font-size:56px;line-height:1.02;margin-bottom:24px}
  .closing-content>p{font-size:17px;max-width:280px;margin-bottom:30px}.closing-art{width:100%;margin:30px 0 0;opacity:1}
  .installation-options{max-width:none}.install-option{display:block;margin-top:19px}.installer{display:block;font-size:13px;margin-bottom:7px}
  .install-option .command-bar{min-height:54px;padding:5px 10px}.install-option .command-bar code{font-size:14px}
  .site-footer{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:25px var(--gutter);font-size:12px}
  .site-footer .brand{font-size:18px}.site-footer>p:nth-child(2){text-align:right}.site-footer>.text-link{text-align:right}
  .fictional{padding-left:11px}.copy-status{font-size:14px;bottom:16px;padding:12px 15px}
  dialog{padding:23px;max-height:calc(100% - 24px);width:calc(100% - 24px)}dialog h2{font-size:36px}dialog>p{font-size:16px}
}
@media(max-width:360px){.brand{font-size:18px;gap:7px}.nav-install{padding:8px 10px;font-size:13px}h1{font-size:55px}.context{font-size:13px}.hero-lede{font-size:16px}.hero{padding-top:29px;min-height:650px}.command-bar code,.install-option .command-bar code{font-size:12.5px}.command-bar{padding-inline:9px}.copy-button{font-size:13px}.closing-content h2{font-size:49px}h2{font-size:37px}.trace-scene{padding-inline:11px}.output-heading code{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}button:active{transform:none}}
@media(forced-colors:active){
  button,a,input{forced-color-adjust:auto}.trace-scene,.command-bar,.team-plan,dialog{border:1px solid CanvasText}
  .hero-visual,.closing-art{opacity:1}.fictional{border-color:CanvasText}
  .migration-source{border-color:CanvasText}.migration-source:after{background:CanvasText}.sql-change{outline:1px solid CanvasText}
  .lineage-path{stroke:CanvasText}.record-target{color:CanvasText}
  button:focus-visible,a:focus-visible,input:focus-visible,.form-result:focus{outline:3px solid Highlight}.copy-status{border:2px solid CanvasText}
}

/* Original drawn schema strata. Text remains vector text set in the local fonts. */
.schema-art,.closing-trail{display:block;width:100%;height:auto}
.schema-art-mobile{display:none}
.slab-edge,.trail-edge{fill:var(--color-mint);opacity:.4}
.slab-old{fill:var(--color-ink);stroke:var(--color-mint);stroke-width:2}
.ancestry-layer .slab-grid{opacity:.65}
.slab-current{fill:var(--color-ink);stroke:var(--color-mint);stroke-width:2.5}
.slab-change{fill:var(--color-coral)}
.slab-grid{fill:none;stroke:var(--color-border);stroke-width:1}
.slab-rim{fill:none;stroke:var(--color-mint);stroke-width:4}
.art-trace{fill:none;stroke:var(--color-coral);stroke-width:3}
.art-node{fill:var(--color-coral)}
.art-leader{fill:none;stroke:var(--color-mint);stroke-width:1.5}
.art-table-label{fill:var(--color-mint)}
.art-table-name{font:600 30px Archivo,sans-serif;fill:var(--color-ink)}
.art-field-names{font:18px 'Courier Prime',monospace;fill:var(--color-light)}
.art-field-types{font:16px 'Courier Prime',monospace;fill:var(--color-light)}
.art-field-details{font:16px 'Courier Prime',monospace;fill:var(--color-muted)}
.art-history-file{font:19px 'Courier Prime',monospace;fill:var(--color-mint)}
.art-history-detail{font:17px 'Courier Prime',monospace;fill:var(--color-muted)}
.art-change-text{fill:var(--color-ink)}
.art-source-label{fill:var(--color-ink);stroke:var(--color-coral);stroke-width:2}
.art-source-name{font:28px 'Courier Prime',monospace;fill:var(--color-light)}
.art-source-caption{font:18px 'Source Sans',sans-serif;fill:var(--color-muted)}
.step:after{content:'';position:absolute;left:48px;top:calc(50% - 4px);width:8px;height:8px;border:1px solid var(--color-ink);background:var(--color-coral);border-radius:50%}
.trail-record{fill:var(--color-ink);stroke:var(--color-mint);stroke-width:1.5}
.trail-latest{fill:var(--color-mint);stroke:var(--color-mint);stroke-width:2}
.trail-fold{fill:none;stroke:var(--color-ink);stroke-width:1.5}
.trail-file{font:28px 'Courier Prime',monospace;fill:var(--color-light)}
.trail-change{font:22px 'Courier Prime',monospace;fill:var(--color-muted)}
.trail-latest~.trail-file,.trail-latest~.trail-change{fill:var(--color-ink)}
@media(max-width:700px){
  .schema-art-desktop{display:none}.schema-art-mobile{display:block}.step:after{left:35px}
  .schema-art-mobile .art-table-name{font-size:24px}.schema-art-mobile .art-field-names{font-size:18px}
  .schema-art-mobile .art-field-types{font-size:16px}.schema-art-mobile .art-source-name{font-size:20px}
  .schema-art-mobile .art-history-file{font-size:18px}.schema-art-mobile .art-history-detail{font-size:15px}
}
@media(forced-colors:active){
  .slab-current,.slab-old,.trail-record,.trail-latest,.art-table-label,.art-source-label,.slab-edge,.trail-edge,.slab-change{fill:Canvas;stroke:CanvasText}
  .slab-grid,.slab-rim,.art-leader,.art-trace,.trail-fold{stroke:CanvasText}
  .schema-art text,.closing-trail text,.art-node{fill:CanvasText}.step:after,.command-list:before{border-color:CanvasText}
}

@media print{body{background:#fff;color:#000}.hero-visual,.closing-art,.copy-button,.trace-button,.team-button,dialog,.copy-status{display:none!important}.hero{min-height:auto}.hero-copy{max-width:none}.hero-lede,.context,.init-line,.installer{color:#000}.site-header nav{display:none}.trace-section,.commands-section,.team-section,.closing-section{background:#fff;color:#000;padding:25px 0;break-inside:avoid}.section-heading{display:block}.trace-scene{background:#fff;color:#000;border:1px solid #000}.command-list li{padding:14px 0}.team-section{display:block}.command-bar,.install-option .command-bar{background:#fff;color:#000;border:1px solid #000}.site-footer{color:#000}.fictional{color:#000}.site-header{margin:0}h1{font-size:64px}h2,.closing-content h2{font-size:38px}button{display:none}.compatibility{color:#000;padding-inline:0}@page{margin:1.5cm}}
@media print{
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js-enabled .js-only{display:none!important}
  .init-line code,.alternate-install,.compatibility p:nth-child(2),.compatibility strong,.closing-content>p,.site-footer .brand{color:inherit}
  .migration-source,.example-output{background:transparent;color:inherit;border-color:currentColor}
  .migration-label,.source-note,.lineage-object .record-target,.record-detail dt,.scene-label,.output-heading>span,.prompt,.example-output th,.example-output time span,.example-output td:before{color:inherit}
  .migration-label,.example-output th,.example-output td{border-color:currentColor}
  .migration-source:after{background:currentColor}
  .sql-change,.is-highlighted .status-record{background:transparent;color:inherit;box-shadow:none}
  .sql-change{outline:1px solid currentColor}
  .example-output.is-highlighted time span,.example-output.is-highlighted td:before{color:inherit}
  .source-connector .lineage-path{stroke:currentColor}
  .source-connector .art-node{fill:currentColor}
}