.remote-page{padding-top:var(--hero-top)}
.remote-page [hidden]{display:none!important}
.remote-page :is(.remote-hero-copy,.remote-stage,.remote-section,.remote-step,.migration-path-card,.remote-trouble)>*{min-width:0}
.remote-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#202127;color:#F5F6F4}
.remote-hero-copy{min-width:0}
.remote-hero h1{max-width:15ch;margin:0 0 var(--space-3);color:#F5F6F4;font-size:clamp(2.15rem,3.7vw,2.85rem);line-height:1.18}
.remote-hero p{color:#D1D5D3}
.remote-hero-lead{max-width:40rem;font-size:var(--text-lg);line-height:1.65}
.remote-kicker{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;margin-bottom:var(--space-2);border-radius:999px;background:#363941;color:#F5F6F4;font-size:var(--text-sm);font-weight:700;line-height:1}
.remote-kicker::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#D8EDAB}
.remote-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.remote-hero .remote-actions{margin-bottom:var(--space-3)}
.remote-hero .c-btn-primary{background:#E0EDBB;color:#263A00}
.remote-hero .c-btn-primary:hover{background:#D8EDAB;color:#263A00}
.remote-hero .c-btn-ghost{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.remote-hero .c-btn-ghost:hover{background:#363941;color:#F5F6F4}
.remote-hero-note{margin:0;font-size:var(--text-sm)}
.remote-stage{min-width:0;text-align:left}
.remote-sheet{width:100%;height:auto;overflow:hidden;border-radius:var(--radius-md);background:#282A30;color:#F5F6F4}
.remote-sheet-head{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#E0EDBB;color:#263A00;font-size:var(--text-sm);font-weight:700}
.remote-sheet-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border-radius:var(--radius-sm);background:#FFFFFF;color:#263A00}
.remote-sheet-caption{margin-left:auto;font-size:var(--text-xs);white-space:nowrap}
.remote-sheet-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid #45474D}
.remote-sheet-number{font:700 var(--text-sm)/1 var(--font-mono);color:#D8EDAB}
.remote-sheet-row div{display:grid;gap:.25rem;min-width:0}
.remote-sheet-row strong{font-size:var(--text-base);line-height:1.4;color:#F5F6F4}
.remote-sheet-row div span{font-size:var(--text-sm);line-height:1.5;color:#CDD2CF;overflow-wrap:break-word}
.remote-sheet-tag{display:inline-flex;align-items:center;width:fit-content;padding:.4em .9em;border-radius:999px;background:#363941;color:#F5F6F4;font-size:var(--text-xs);line-height:1}
.remote-sheet p.remote-sheet-foot{margin:0;padding:var(--space-2) var(--space-3);color:#CDD2CF;font-size:var(--text-sm)}
.remote-section{margin-top:var(--space-5)}
.remote-section-head{max-width:48rem;min-width:0;margin-bottom:var(--space-3)}
.remote-section-head p{margin-bottom:0;color:#596168}
.remote-eyebrow{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;margin-bottom:var(--space-2);border-radius:999px;background:#E7EFF5;color:#233548;font-size:var(--text-sm);font-weight:700;line-height:1}
.remote-eyebrow::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#233548}
.remote-section h2{margin-bottom:var(--space-2);color:#202127}
.remote-section h3{font-size:var(--text-card);line-height:1.35;color:inherit}
.remote-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.remote-principles>div{display:flex;flex-direction:column;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#202127}
.remote-principles strong{margin-bottom:var(--space-1);font-size:var(--text-base)}
.remote-principles span{color:#596168;font-size:var(--text-sm);line-height:1.65}
.remote-checklist{border-bottom:1px solid #E4E7E5}
.remote-check-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-3);border-top:1px solid #E4E7E5}
.remote-check-index{font:700 var(--text-sm)/1.5 var(--font-mono);color:#155000}
.remote-check-row h3{margin:0;font-size:var(--text-lg)}
.remote-check-row p{margin:0;color:#596168}
.remote-steps,.migration-path,.remote-safety-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);align-items:stretch}
.remote-step,.migration-path-card,.remote-safety-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FCFCFA;color:#202127}
.remote-step-number,.migration-path-stage{display:block;margin-bottom:var(--space-2);color:#155000;font:700 var(--text-sm)/1.5 var(--font-mono);overflow-wrap:break-word}
.remote-step h3,.migration-path-card h3,.remote-safety-card h3{margin-bottom:var(--space-1)}
.remote-step>p,.migration-path-card>p,.remote-safety-card>p{color:#596168}
.remote-step-result,.migration-path-verify{margin-top:auto!important;margin-bottom:0;padding-top:var(--space-2);border-top:1px solid #E4E7E5;font-size:var(--text-sm)}
.remote-step-result strong,.migration-path-verify strong{display:block;margin-bottom:var(--space-1);color:#202127}
.remote-note{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:#E7EFF5;color:#233548}
.remote-note svg{width:1.25rem;height:1.25rem;flex:none}
.remote-note p{margin:0;color:#233548}
.remote-paired{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--space-4);align-items:start}
.remote-vnc-copy{min-width:0}
.remote-vnc-copy p{color:#596168}
.remote-use-panel{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#EEE8F5;color:#332945}
.remote-use-panel h3{margin-bottom:var(--space-2)}
.remote-use-panel dl{margin:0}
.remote-use-panel dl>div{padding:var(--space-2) 0;border-top:1px solid color-mix(in srgb,#332945 16%,transparent)}
.remote-use-panel dl>div:last-child{padding-bottom:0}
.remote-use-panel dt{color:#332945}
.remote-use-panel dd{margin-top:var(--space-1);color:#332945}
.migration-path-card{background:#F5E9E5;color:#382825}
.migration-path-stage{color:#382825}
.migration-path-card>p{color:#382825}
.migration-path-verify{border-color:color-mix(in srgb,#382825 17%,transparent)}
.migration-path-verify strong{color:#382825}
.remote-safety{padding:var(--space-4);border-radius:var(--radius-lg);background:#F4EECF;color:#3C3319}
.remote-safety .remote-section-head p,.remote-safety h2{color:#3C3319}
.remote-safety .remote-eyebrow{background:#FFFFFF;color:#3C3319}
.remote-safety .remote-eyebrow::before{background:#3C3319}
.remote-safety-card{background:#FFFFFF;color:#202127}
.remote-safety-card>p{margin-bottom:0;color:#596168}
.remote-troubles{border-bottom:1px solid #E4E7E5}
.remote-trouble{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid #E4E7E5}
.remote-trouble h3{margin-bottom:var(--space-1)}
.remote-trouble p{max-width:46rem;margin:0;color:#596168}
.remote-trouble .c-btn{max-width:16rem}
.remote-next .remote-actions{margin-top:var(--space-3)}
.remote-closing-section{margin-bottom:var(--space-3)}
.remote-closing-section .c-closing{padding:var(--space-4);background:#202127;color:#F5F6F4}
.remote-closing-section .c-closing h2{color:#F5F6F4}
.remote-closing-section .c-closing p{max-width:42rem;color:#B9BEC2}
.remote-closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);flex:none;min-width:12rem}
.remote-closing-actions .c-btn{margin:0;background:#E0EDBB;color:#263A00}
.remote-closing-actions .c-btn-ghost{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.remote-closing-actions .c-btn-ghost:hover{background:#363941;color:#F5F6F4}
.remote-page .c-btn{white-space:normal;overflow-wrap:break-word}
@media(max-width:64rem){
  .remote-hero{gap:var(--space-3)}
  .remote-steps,.migration-path,.remote-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:48rem){
  .remote-hero,.remote-paired{grid-template-columns:minmax(0,1fr)}
  .remote-stage{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;overflow:visible;transform:none}
  .remote-sheet{height:auto}
  .remote-principles,.remote-steps,.migration-path,.remote-safety-grid{grid-template-columns:minmax(0,1fr)}
  .remote-trouble{grid-template-columns:minmax(0,1fr)}
  .remote-trouble .c-btn{width:fit-content;max-width:100%}
}
@media(max-width:42rem){
  .remote-hero{padding:var(--space-3)}
  .remote-hero h1{max-width:none}
  .remote-sheet-row{grid-template-columns:2rem minmax(0,1fr)}
  .remote-sheet-tag{grid-column:2}
  .remote-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
  .remote-check-row>:nth-child(3){grid-column:2}
  .remote-safety{padding:var(--space-3)}
  .remote-closing-section .c-closing{padding:var(--space-3)}
  .remote-closing-actions{margin-top:var(--space-3)}
  .remote-page .remote-actions .c-btn{width:100%}
}