.remote-page[hidden],.remote-page [hidden]{display:none!important}

.remote-page .remote-hero[data-hero-form="centered-text"]{display:block;background:#FFFFFF;color:#3B4260}
.remote-page .remote-hero .c-hero-copy{min-width:0;text-align:center}
.remote-page .remote-hero h1{color:#161B33;font-size:var(--text-display);line-height:var(--lh-display)}
.remote-page .remote-hero .sub{max-width:var(--width-narrow);margin-inline:auto;color:#5D6481}
.remote-page .remote-hero .c-kicker{margin-inline:auto}
.remote-page .remote-hero .c-actions{justify-content:center}
.remote-hero-note{max-width:var(--width-narrow);margin:var(--space-4) auto 0;color:#5D6481;font-size:var(--text-sm)}
.remote-page .c-head{min-width:0}
.remote-page .c-head .sub{margin-top:var(--space-2)}
.remote-page .c-card{gap:var(--space-2)}
.remote-page .c-card .c-badge{align-self:flex-start;margin-top:auto}
.remote-page .c-card p:last-of-type{padding-bottom:var(--space-3)}

.remote-rows{display:grid;gap:var(--space-4);list-style:none;margin:0;padding:0}
.remote-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start}
.remote-row>*{min-width:0;overflow-wrap:break-word}
.remote-row h3{font-size:var(--text-card);line-height:var(--lh-title)}
.remote-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:#FFFFFF;color:#161B33;font-size:var(--text-sm);line-height:1}
.surface-paper .remote-number{background:#F2F5F8;color:#161B33}
.remote-page .surface-sand .remote-row h3{color:#4A3414}
.remote-page .surface-sand .remote-row p{color:#4A3414}

.remote-command{min-width:0;margin-top:var(--space-5);border-radius:var(--r-l);overflow:hidden;background:#161B33;color:#C4C9DC}
.remote-command-label{padding:var(--space-4);background:#F2F5F8;color:#3B4260;font-size:var(--text-sm)}
.remote-command pre{position:relative;max-width:100%;overflow-x:auto;padding:var(--space-4);background:#161B33;color:#C4C9DC}
.remote-command code{color:#C4C9DC}
.remote-terminal{width:100%;height:auto}
.remote-terminal pre{position:relative;overflow-x:auto}
.remote-terminal .c-terminal-ok{color:#79B18D}
.remote-follow{margin-top:var(--space-4)}
.remote-page .surface-sage .remote-follow{color:#1F3A2A}
.remote-page .surface-sand .remote-follow{color:#4A3414}

.remote-measure{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--r-l);background:#FFFFFF;color:#3B4260}
.remote-measure h3{color:#161B33;font-size:var(--text-card)}
.remote-measure p{color:#3B4260}

.remote-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr);gap:var(--space-7);align-items:center;padding:var(--space-7);border-radius:var(--r-l);background:#161B33;color:#C4C9DC}
.remote-closing-copy{display:grid;gap:var(--space-3);min-width:0}
.remote-closing h2{color:#FFFFFF}
.remote-closing p{color:#C4C9DC}
.remote-closing .remote-closing-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3);min-width:0;margin-top:0}
.remote-closing .c-btn-primary{background:#FFFFFF;color:#5A3A9A;border-color:#FFFFFF}
.remote-closing .c-btn-primary:hover{background:#F2F5F8;color:#482E80;border-color:#F2F5F8}
.remote-closing .c-btn-secondary{background:#161B33;color:#FFFFFF;border-color:color-mix(in srgb,#FFFFFF 45%,transparent)}
.remote-closing .c-btn-secondary:hover{background:#343B58;color:#FFFFFF;border-color:color-mix(in srgb,#FFFFFF 45%,transparent)}

@media(max-width:42rem){
.remote-row{grid-template-columns:2.25rem minmax(0,1fr)}
.remote-row>:nth-child(3){grid-column:2}
.remote-number{width:2.25rem;height:2.25rem}
.remote-command-label,.remote-command pre{padding:var(--space-4)}
.remote-measure{padding:var(--space-4)}
.remote-closing{grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-4)}
.remote-closing .remote-closing-actions{align-items:stretch}
.remote-page .remote-hero .c-actions{gap:var(--action-gap)}
}
