.ra-page [hidden]{display:none!important}
.ra-page :is(article,aside,figure,li,dl,dt,dd){min-width:0}
.ra-hero{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,var(--stage-min));background:#756E66;color:#FAF8F5;--muted:#FAF8F5;--muted-2:#FAF8F5;--line:rgba(250,248,245,.25)}
.ra-hero .ra-copy{min-width:0;text-align:left}
.ra-hero .ra-copy h1{color:#FAF8F5;font-size:var(--text-display);line-height:var(--lh-display)}
.ra-hero .ra-copy .ra-intro{margin-top:var(--space-3);color:#FAF8F5}
.ra-hero .ra-copy .ra-hero-note{margin-top:var(--space-3);color:#FAF8F5}
.ra-hero .ra-copy .c-btn-ghost{background:transparent;color:#FAF8F5;border-color:rgba(250,248,245,.45)}
.ra-hero .ra-ledger{height:auto;min-height:0;max-width:none;padding:0;overflow:hidden;border-radius:var(--r-lg);background:#FFFFFF;color:#1A1714;--muted:#5E574F;--muted-2:#655D55;--line:rgba(26,23,20,.12);text-align:left}
.ra-ledger-head{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:#E8EEEC;color:#1F2A27}
.ra-ledger-head :is(h2,p,span){color:#1F2A27}
.ra-ledger-lines{height:auto;width:100%;max-width:none;padding-inline:var(--space-4)}
.ra-ledger-lines>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3);padding-block:var(--space-3);border-bottom:1px solid rgba(26,23,20,.12)}
.ra-ledger-lines dt{color:#5E574F}
.ra-ledger-lines dd{color:#1A1714}
.ra-ledger-lines dd span{display:block;margin-top:var(--space-1);color:#5E574F;font-size:var(--text-sm)}
.ra-ledger-foot{padding:var(--space-4);display:grid;gap:var(--space-1);background:#FFFFFF;color:#1A1714}
.ra-ledger-foot .small{color:#5E574F}
.ra-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.ra-step{display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-4);border-radius:var(--r-lg);background:#EFECE7;color:#1A1714}
.ra-step-number{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.4em .9em;border-radius:var(--r-pill);line-height:1;background:#FFFFFF;color:#1A1714}
.ra-step h3{font-size:var(--text-card)}
.ra-browser-notes{margin-top:var(--space-3)}
.ra-fields{display:grid}
.ra-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid rgba(26,23,20,.12)}
.ra-fields>div:first-child{padding-top:0}
.ra-fields dt{font-weight:500}
.ra-fields dd{overflow-wrap:break-word}
.ra-list{padding-left:var(--space-3);display:grid;gap:var(--space-2)}
.ra-command-block{margin-top:var(--space-3);border-radius:var(--r-lg);overflow:hidden;padding:0;background:#F4F1EC;color:#1A1714}
.ra-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:#E8EEEC;color:#1F2A27}
.ra-command-head>div{min-width:0}
.ra-command-head>button{flex:none}
.ra-command-block pre{position:relative;margin:0;padding:var(--space-3);border-radius:0;background:#F4F1EC;color:#1A1714;max-width:100%;overflow-x:auto}
.ra-command-block pre code{position:relative}
.ra-command-note{padding:0 var(--space-3) var(--space-3);color:#5E574F}
.ra-copy-status:not(:empty){margin-top:var(--space-2);color:#5E574F}
.ra-view{display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-3);border-radius:var(--r-lg);background:#FFFFFF;color:#1A1714}
.ra-view-sample{display:flex;flex-direction:column;gap:var(--space-3);flex:1;padding:var(--space-3);border-radius:var(--r-md);background:#F4F1EC;color:#1A1714}
.ra-view-heading{font-family:var(--f-head);font-size:var(--text-card);line-height:var(--lh-heading);overflow-wrap:break-word}
.ra-view-data{display:grid;gap:var(--space-1)}
.ra-view-data>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--space-1);min-width:0}
.ra-view-data dt,.ra-view-data dd{min-width:0;overflow-wrap:break-word;font-size:var(--text-sm)}
.ra-view-label{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.4em .9em;border-radius:var(--r-pill);background:#E6ECF2;color:#1C2733;font-size:var(--text-sm);line-height:1}
.ra-view-checks{padding-left:var(--space-3);display:grid;gap:var(--space-1)}
.ra-view-checks li{font-size:var(--text-sm)}
.ra-view-sample pre{position:relative;margin:0;padding:0;border-radius:0;background:#F4F1EC;color:#1A1714}
.ra-view figcaption{color:#5E574F}
.ra-view figcaption strong{display:block;margin-bottom:var(--space-1);color:#1A1714;font-weight:500}
.ra-boundary-note{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--r-lg);background:#E6ECF2;color:#1C2733}
.ra-final{padding-bottom:var(--space-close)}
.ra-close.c-close{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--r-lg);background:#1A1714;color:#FAF8F5;--muted:#FAF8F5;--muted-2:#FAF8F5;--line:rgba(250,248,245,.25)}
.ra-close .ra-close-copy{min-width:0}
.ra-close .ra-close-copy h2{color:#FAF8F5;font-size:var(--text-section);line-height:var(--lh-heading)}
.ra-close .ra-close-copy p{margin-top:var(--space-2);color:#FAF8F5;font-size:var(--text-base)}
.ra-close .ra-close-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-2);margin-top:0}
.ra-close .c-btn-ghost{background:transparent;color:#FAF8F5;border-color:rgba(250,248,245,.45)}
.ra-close .c-btn-ghost:hover{background:#756E66;color:#FAF8F5}
@media(max-width:64rem){
.ra-hero{grid-template-columns:minmax(0,1fr);align-items:start}
.ra-hero .ra-ledger{height:auto;min-height:0}
.ra-steps{grid-template-columns:minmax(0,1fr)}
.ra-close.c-close{grid-template-columns:minmax(0,1fr)}
.ra-close .ra-close-actions{align-items:flex-start}
}
@media(max-width:42rem){
.ra-ledger-head,.ra-ledger-foot,.ra-step,.ra-boundary-note{padding:var(--space-3)}
.ra-ledger-lines{padding-inline:var(--space-3)}
.ra-ledger-lines>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
.ra-command-head{flex-direction:column;align-items:flex-start}
.ra-fields>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
.ra-view-sample{padding:var(--space-3)}
.ra-close.c-close{padding:var(--space-3)}
.ra-close .ra-close-actions{align-items:stretch}
}
