.ra-page [hidden]{display:none!important}
.ra-page{overflow-x:clip}
.ra-page :is(section,article,figure,div,li,dt,dd){min-width:0}
.ra-page :is(h1,h2,h3,p,li,dt,dd){overflow-wrap:break-word}
.ra-page :is(code,kbd){font-variant-numeric:tabular-nums}
.ra-page kbd{padding:var(--space-1) var(--space-2);border-radius:var(--r-inner);background:#303740;color:#E7EBEE;font-family:var(--fm)}
.ra-hero{padding-block:var(--hero-pad) var(--space-section);background:var(--hero-gradient);color:#E7EBEE;--muted:#A0A9B1;--line:rgba(255,255,255,.18)}
.ra-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:var(--space-8)}
.ra-copy{min-width:0;text-align:left}
.ra-copy h1{max-width:none}
.ra-copy .ra-intro{margin-top:var(--space-4);color:#E7EBEE}
.ra-hero-actions{margin-top:var(--action-gap);justify-content:flex-start}
.ra-hero-note{margin-top:var(--action-gap);font-size:var(--text-sm);color:#E7EBEE}
.ra-hero-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-3) var(--space-4);margin-block:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.18)}
.ra-hero-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-2)}
.ra-hero-facts dt{flex:1 0 auto;min-width:min(100%,4.5rem);color:#E7EBEE}
.ra-hero-facts dd{flex:0 0 auto;margin:0;white-space:nowrap;color:#E7EBEE}
.ra-desktop{width:100%;max-width:none;height:auto;min-height:0;padding:0;border:0;border-radius:var(--r-card);overflow:hidden;text-align:left;background:#EEF0F2;color:#14181D;--muted:#545D67;--line:rgba(20,24,29,.14);box-shadow:var(--shadow-float)}
.ra-desktop-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);background:#E7EAED;color:#14181D;font-size:var(--text-sm);border-bottom:1px solid rgba(20,24,29,.14)}
.ra-desktop-top span{color:#545D67}
.ra-desktop-content{padding:var(--space-4)}
.ra-desktop-context{display:grid;justify-items:start;gap:var(--field-gap)}
.ra-desktop-context strong{font:var(--weight-medium) var(--text-lg)/1.35 var(--fh);color:#14181D}
.ra-desktop-context p{font-size:var(--text-sm);color:#545D67}
.ra-desktop-tag{display:inline-flex;align-items:center;gap:.4em;padding:.4em .9em;line-height:1;width:fit-content;border-radius:var(--r-pill);background:#D7DDE2;color:#14181D;font-size:var(--text-xs)}
.ra-desktop-context .ra-desktop-tag{margin-bottom:var(--space-1)}
.ra-desktop-work{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4)}
.ra-editor{border-radius:var(--r-inner);overflow:hidden;background:#1E2230;color:#E6E9F2;--muted:#A7ADC2;--line:rgba(255,255,255,.18)}
.ra-editor-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);font:var(--text-xs)/1.5 var(--fm);border-bottom:1px solid rgba(255,255,255,.18)}
.ra-editor pre{position:relative;margin:0;padding:var(--space-4);max-width:100%;overflow-x:auto;color:#E6E9F2}
.ra-editor code{font-size:var(--text-xs)}
.ra-editor-foot{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}
.ra-editor-foot span{padding:var(--space-1) var(--space-2);border-radius:var(--r-pill);background:#343D49;color:#E7EBEE;font-size:var(--text-xs)}
.ra-simulator{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--r-inner);background:#DDE1E5;color:#14181D;--muted:#545D67;--line:rgba(20,24,29,.14)}
.ra-simulator-label{font-size:var(--text-sm);color:#545D67}
.ra-device{width:8rem;max-width:60%;padding:var(--space-2);border-radius:var(--r-card);background:#14181D;color:#E7EBEE}
.ra-device-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--field-gap);min-height:8rem;padding:var(--space-3);border-radius:var(--r-inner);text-align:center;background:#F7F8F9;color:#14181D}
.ra-device-screen svg{display:block;width:2rem;height:2rem;color:#14645F}
.ra-device-screen strong{font-size:var(--text-sm)}
.ra-device-screen span{font-size:var(--text-xs);color:#545D67}
.ra-desktop-bottom{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);font-size:var(--text-xs);color:#545D67}
.ra-desktop figcaption{padding:var(--space-4);border-top:1px solid rgba(20,24,29,.14);background:#E7EAED;color:#545D67}
.ra-section{padding-block:var(--space-section)}
.ra-soft-section{background:#14181D;color:#E7EBEE;--muted:#A0A9B1;--line:rgba(255,255,255,.18)}
.ra-indigo-section{background:#1E2230;color:#E6E9F2;--muted:#A7ADC2;--line:rgba(255,255,255,.18)}
.ra-section-head{max-width:52rem;margin-bottom:var(--space-5)}
.ra-section-head h2{margin-top:var(--kicker-gap)}
.ra-section-head>p{margin-top:var(--space-3);color:var(--muted)}
.ra-page h3{font-size:var(--text-md);line-height:1.5}
.ra-entry-grid,.ra-viewer-grid,.ra-security-grid{align-items:stretch}
.ra-entry-grid,.ra-viewer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ra-security-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.ra-soft-section .c-card-grid>.c-card{background:var(--s1);color:var(--s1-ink)}
.ra-entry-card,.ra-viewer-card,.ra-security-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%;min-width:0;padding:var(--card-pad);border-radius:var(--r-card);background:#1C2127;color:#E7EBEE;--muted:#A0A9B1;--line:rgba(255,255,255,.18)}
.ra-entry-card p,.ra-viewer-card p,.ra-security-card p{color:#A0A9B1}
.ra-card-mark{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.ra-card-mark+h3{margin-top:var(--space-1)}
.ra-list{margin:0;padding-left:var(--space-4);display:grid;gap:var(--field-gap);color:#A0A9B1}
.ra-card-foot{margin-top:auto;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.18);font-size:var(--text-sm);color:#E7EBEE}
.ra-note{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--r-card);background:#1E2230;color:#E6E9F2;--muted:#A7ADC2;--line:rgba(255,255,255,.18)}
.ra-note svg{width:1.25rem;height:1.25rem;flex:none;margin-top:var(--space-1)}
.ra-note p{color:#E6E9F2}
.ra-steps{list-style:none;margin:0;padding:0}
.ra-step{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-4) 0;border-top:1px solid rgba(255,255,255,.18)}
.ra-step-number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-pill);background:#343D49;color:#E7EBEE;font:var(--text-sm)/1 var(--fm)}
.ra-step p{color:var(--muted)}
.ra-settings-table,.ra-node-table{margin-top:var(--space-5)}
.ra-page .c-table{display:table;width:100%;min-width:42rem}
.ra-page .c-table :is(th,td){text-align:left}
.ra-page .c-table th:first-child{width:22%;min-width:11rem}
.ra-tunnel-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.ra-tunnel-route>div{display:flex;flex-direction:column;gap:var(--field-gap);padding:var(--space-4);border-radius:var(--r-card);background:#343D49;color:#E7EBEE;--muted:#E7EBEE;--line:rgba(255,255,255,.18)}
.ra-tunnel-route strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}
.ra-tunnel-route span:not(.ra-route-arrow){font-size:var(--text-xs);overflow-wrap:break-word}
.ra-route-arrow{color:#E6E9F2;text-align:center}
.ra-command{padding:0;border-radius:var(--r-card);overflow:hidden;background:#12151E;color:#D8DDEA;--muted:#A7ADC2;--line:rgba(255,255,255,.18)}
.ra-command-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.18)}
.ra-command-head strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}
.ra-command-head button{flex:none}
.ra-command pre{position:relative;margin:0;max-width:100%;overflow-x:auto;padding:var(--space-4);color:#D8DDEA}
.ra-copy-status{padding:0 var(--space-4) var(--space-4);font-size:var(--text-xs);color:#A7ADC2}
.ra-copy-status:empty{display:none}
.ra-tunnel-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-5);margin-top:var(--space-5);align-items:start}
.ra-tunnel-notes>div{display:grid;align-content:start;gap:var(--field-gap)}
.ra-tunnel-notes p{color:#A7ADC2}
.ra-key-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-5);margin-top:var(--space-7)}
.ra-key-copy{display:grid;align-content:start;gap:var(--field-gap)}
.ra-key-copy p{color:#A7ADC2}
.ra-section-note{margin-top:var(--space-4);color:var(--muted)}
.ra-support-note{margin-top:var(--space-5);padding:var(--card-pad);border-radius:var(--r-card);background:#241F27;color:#ECE4EE;--muted:#B8ACBB;--line:rgba(255,255,255,.18)}
.ra-support-note>div:first-child{display:grid;gap:var(--field-gap)}
.ra-support-note p{color:#B8ACBB}
.ra-support-actions{justify-content:flex-start;margin-top:var(--action-gap)}
.ra-final-section{padding-bottom:var(--space-close)}
.ra-close{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:center;gap:var(--space-6);width:100%;padding:var(--card-pad);border-radius:var(--r-card);background:#1E2230;color:#E6E9F2;--muted:#A7ADC2;--line:rgba(255,255,255,.18)}
.ra-close-copy{display:grid;gap:var(--field-gap);text-align:left}
.ra-close-copy h2{font-size:var(--text-section);line-height:var(--lh-heading);color:#E6E9F2}
.ra-close-copy p{font-size:var(--text-base);line-height:var(--lh-body);color:#A7ADC2}
.ra-close-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-3);margin-top:0}
.ra-close-actions .c-btn{width:100%}
@media(max-width:64rem){
.ra-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
.ra-desktop{height:auto;max-width:none}
.ra-key-block{grid-template-columns:minmax(0,1fr)}
.ra-close{grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}
}
@media(max-width:42rem){
.ra-hero-grid{gap:var(--space-5)}
.ra-entry-grid,.ra-viewer-grid{grid-template-columns:minmax(0,1fr)}
.ra-entry-card,.ra-viewer-card,.ra-security-card{padding:var(--space-4)}
.ra-step{grid-template-columns:2.25rem minmax(0,1fr)}
.ra-step>:nth-child(3){grid-column:2}
.ra-step-number{width:2.25rem;height:2.25rem}
.ra-tunnel-route{grid-template-columns:minmax(0,1fr)}
.ra-route-arrow{transform:rotate(90deg);justify-self:center}
.ra-tunnel-route>div{width:100%}
.ra-desktop{height:auto;min-height:0}
.ra-desktop-content{padding:var(--space-4)}
.ra-editor-label{overflow-wrap:anywhere}
.ra-hero-actions{align-items:stretch}
.ra-hero-actions .c-btn{width:100%}
.ra-close{grid-template-columns:minmax(0,1fr)}
.ra-close,.ra-support-note{padding:var(--space-4)}
.ra-close-actions{align-items:stretch}
.ra-close-actions .c-btn{width:100%}
.ra-command-head{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
.ra-page *{scroll-behavior:auto}
}