.rcp{
  color:var(--rcp-text); font-family:var(--rcp-sans); font-weight:400; line-height:var(--ui-lh-dense);
  display:flex; flex-direction:column; gap: var(--sp-16);
  /* clear: Material's float:right edit pencil narrows a flex BFC beside it */
  clear:both;
}
.rcp *{box-sizing:border-box}
.md-typeset pre.rbln-recipe-data,.rbln-recipe-data{display:none !important}

.rcp-head{display:flex;gap: var(--sp-16);align-items:flex-start}
.rcp-title{font-family:var(--rcp-mono);font-size:var(--fs-24);font-weight:var(--ui-fw-strong);letter-spacing:var(--ui-ls-section);margin: var(--sp-2) 0 var(--sp-4);text-wrap:balance}
.rcp-title .prov{color:var(--rcp-muted)}
.rcp-sub{font-size:var(--fs-14);margin: 0 0 var(--sp-2)}
.rcp-tag{color:var(--rcp-muted);font-size:var(--fs-14);font-style:italic;margin: 0}
.rcp .rcp-hf{display:inline-flex;gap: var(--sp-6);align-items:center;text-decoration:none;font-size:var(--ui-fs-mono);margin-top: var(--sp-8)}
.rcp-hf:hover{text-decoration:underline}
.rcp-badges{display:flex;flex-wrap:wrap;gap: var(--sp-8);margin-top: var(--sp-12)}
.rcp .badge{font-family:var(--rcp-mono);font-size:var(--ui-fs-mono);line-height:var(--ui-lh-control);padding: var(--ui-chip-pad);border-radius:var(--ui-radius-pill);
  border:var(--ui-hairline);background:var(--rcp-surface);color:var(--rcp-text);white-space:nowrap}
.rcp .badge.hl{color:var(--rcp-accent);border-color:var(--rcp-accent);background:var(--rcp-brand-tint)}

.rcp .card{background:var(--rcp-surface);border:var(--ui-hairline);border-radius:var(--ui-radius-lg)}
.rcp-install{overflow:hidden;background:var(--rcp-surface)}
.rcp-install-head{width:100%;display:flex;align-items:center;gap: var(--sp-10);padding: var(--sp-12) var(--sp-16);background:transparent;border:0;cursor:pointer;font:inherit;color:inherit;text-align:left}
.rcp-install-head:hover{background:var(--rcp-surface2)}
.rcp-install .k{font-size:var(--ui-label-fs);font-weight:var(--ui-label-fw);letter-spacing:var(--ui-label-ls);text-transform:uppercase;color:var(--ui-label-fg)}
.rcp-install .v{font-family:var(--rcp-mono);font-size:var(--ui-fs-mono);color:var(--rcp-muted)}
.rcp-caret{
  margin-left: auto; width:var(--fs-16); height:var(--fs-16); flex:none;
  background-color:var(--rcp-muted);
  -webkit-mask-image:var(--md-details-icon); mask-image:var(--md-details-icon);
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  transition:transform var(--ui-t-surface)}
.rcp-install-head[aria-expanded="true"] .rcp-caret{transform:rotate(90deg)}
.rcp-install-body{display:flex;flex-direction:column;gap: var(--sp-12);padding: var(--sp-8) var(--sp-16) var(--sp-10);border-top:var(--ui-hairline)}
.rcp-install-body>*{min-width:0}
.rcp-install-body p{margin: 0;font-size:var(--fs-14);color:var(--rcp-muted)}
.rcp .rcp-install-body :is(pre, code){font-size:var(--ui-fs-mono);line-height:var(--ui-lh-code)}
/* Material's margin: 1em on .highlighttable collapses through .highlight and beats the flex gap */ .rcp .rcp-install-body :is(.highlight, .highlighttable){margin:0}
.rcp-install-src{display:none}

.rcp .term{background:var(--rcp-term-bg);border:var(--ui-hairline-w) solid var(--rcp-term-bd);border-radius:var(--ui-radius-lg);overflow:hidden;font-family:var(--rcp-mono)}
.rcp .term-bar{display:flex;align-items:center;gap: var(--sp-10);padding: var(--sp-10) var(--sp-16);background:var(--rcp-term-bar);border-bottom:var(--ui-hairline-w) solid var(--rcp-term-bd);flex-wrap:wrap}
.rcp .term-meta{font-size:var(--fs-12);color:var(--rcp-term-dim)}
.rcp .term-meta b{color:var(--rcp-term-text);font-weight:var(--ui-fw-strong)}
.rcp .term-meta .j-sku,.rcp .term-meta .j-ver.ok{background:var(--rcp-pill-bg);color:var(--rcp-accent);padding: var(--sp-2) var(--sp-8);border-radius:var(--ui-radius-sm)}
.rcp .term-meta .j-ver.no{color:var(--rcp-term-dim)}
.rcp .chip .vdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rcp-muted);margin-right: var(--sp-6);vertical-align:middle}
.rcp .term-tabs{display:inline-flex;gap: var(--sp-2);margin-left: var(--sp-6);padding: var(--sp-2);border-radius:var(--ui-radius);background:var(--rcp-term-btn);border:var(--ui-hairline-w) solid var(--rcp-term-bd)}
.rcp .ttab{font-family:var(--rcp-mono);font-size:var(--fs-12);line-height:var(--ui-lh-control);color:var(--rcp-term-dim);background:transparent;border:0;padding: var(--sp-4) var(--sp-10);border-radius:var(--ui-radius-sm);cursor:pointer}
.rcp .ttab[aria-selected="true"]{color:var(--rcp-term-text);background:var(--rcp-term-on);box-shadow:var(--ui-shadow-sm)}
.rcp .ttab:hover{color:var(--rcp-term-text)}
.rcp .term-actions{margin-left: auto}
.rcp .tbtn{font-family:var(--rcp-sans);font-size:var(--fs-12);line-height:var(--ui-lh-control);color:var(--rcp-term-dim);background:var(--rcp-term-btn);border:var(--ui-hairline-w) solid var(--rcp-term-bd);padding: var(--sp-4) var(--sp-10);border-radius:var(--ui-radius-sm);cursor:pointer;display:inline-flex;gap: var(--sp-6);align-items:center}
.rcp .tbtn:hover{color:var(--rcp-term-text);border-color:var(--rcp-accent)}
.rcp .tbtn:is(.j-copy, .j-step-copy)::before{
  content:""; flex:none; width:1.05em; height:1.05em;
  background-color:currentcolor;
  -webkit-mask-image:var(--md-code-copy-icon); mask-image:var(--md-code-copy-icon);
  -webkit-mask-size:contain; mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center}
.rcp .tbtn:is(.j-copy, .j-step-copy).is-copied::before{
  -webkit-mask-image:var(--rcp-check-icon); mask-image:var(--rcp-check-icon)}

.rcp .tbtn.is-copied{background:var(--rcp-pill-bg);color:var(--rcp-accent);border-color:var(--rcp-pill-bg)}
.rcp .term pre{margin: 0;padding: var(--sp-16);overflow-x:auto;font-size:var(--ui-fs-mono);line-height:var(--ui-lh-code);color:var(--rcp-term-text);tab-size:2}
.rcp .term .env{color:var(--rcp-term-env)}
.rcp .term .pr::before{content:"$ ";color:var(--rcp-accent);font-weight:var(--ui-fw-strong)}
.rcp .term .steps{display:flex;flex-direction:column}
.rcp .term .step-head{display:flex;align-items:center;gap: var(--sp-8);padding: var(--sp-10) var(--sp-12) 0 var(--sp-16);flex-wrap:wrap}
.rcp .term .step-role{font-size:var(--fs-12);font-weight:var(--ui-fw-strong);letter-spacing:var(--ui-label-ls);text-transform:uppercase;color:var(--rcp-term-dim)}
.rcp .term .step-head .tbtn{margin-left: auto;padding: var(--sp-2) var(--sp-8)}
.rcp .term .steps pre{padding-top: var(--sp-10)}
.rcp .term .node{border-left:2px solid var(--rcp-term-bd);margin: var(--sp-8) var(--sp-12) 0 var(--sp-16)}
.rcp .term .node-head{display:flex;align-items:center;gap: var(--sp-8);padding: var(--sp-6) var(--sp-10) 0}
.rcp .term .node-label{font-size:var(--fs-12);color:var(--rcp-accent)}
.rcp .term .node-head .tbtn{margin-left: auto;padding: var(--sp-2) var(--sp-8)}
.rcp .term .node pre{padding: var(--sp-8) var(--sp-10) var(--sp-10)}
.rcp .hidden{display:none}

.rcp .rows{display:flex;flex-direction:column}
.rcp .row{display:grid;grid-template-columns:120px 1fr;gap: var(--sp-16);padding: var(--sp-12) var(--sp-16);border-top:var(--ui-hairline);align-items:start}
.rcp .row:first-child{border-top:0}
.rcp .row-k{font-size:var(--ui-label-fs);font-weight:var(--ui-label-fw);letter-spacing:var(--ui-label-ls);text-transform:uppercase;color:var(--ui-label-fg);padding-top: var(--sp-6)}
.rcp .chips{display:flex;flex-wrap:wrap;gap: var(--sp-8)}
.rcp .chip{font-family:var(--rcp-mono);font-size:var(--ui-fs-mono);line-height:var(--ui-lh-control);padding: var(--ui-chip-pad);border-radius:var(--ui-radius);border:var(--ui-hairline-w) solid var(--rcp-chip-bd);background:var(--rcp-chip-bg);color:var(--rcp-text);cursor:pointer;display:inline-flex;gap: var(--sp-8);align-items:center}
.rcp .chip .n{color:var(--rcp-muted);font-size:var(--fs-12)}
.rcp .chip:hover{border-color:var(--rcp-accent)}
.rcp .chip.static,.rcp .chip.static:hover{cursor:default;border-color:transparent;background:var(--rcp-surface2);color:var(--rcp-text)}
.rcp .chip.static .n{color:var(--rcp-muted)}
.rcp .chip[aria-pressed="true"],.rcp .j-hw .chip.static,.rcp .chip.static.j-hwsku{border-color:var(--rcp-chip-on-bd);background:var(--rcp-chip-on-bg);color:var(--rcp-chip-on-fg)}
.rcp .chip[aria-pressed="true"] .n,.rcp .j-hw .chip.static .n,.rcp .chip.static.j-hwsku .n{color:color-mix(in srgb,var(--rcp-accent) 72%,var(--rcp-text))}
.rcp .chip.on{border-color:transparent;background:var(--rcp-surface2);color:var(--rcp-muted)}
.rcp .chip.off{color:var(--rcp-muted)}
.rcp .chip.unavailable{cursor:not-allowed}
.rcp .row-note{color:var(--rcp-muted);font-size:var(--fs-14);margin: var(--sp-10) 0 0;line-height:var(--ui-lh-dense)}
.rcp :not(pre)>code,.rcp-guide :not(pre)>code{background:var(--rcp-surface2);color:var(--rcp-text)}

@media (max-width:640px){ .rcp .row{grid-template-columns:1fr;gap: var(--sp-8)} }

.rcp .chip,.rcp .ttab,.rcp .tbtn,.rcp .rank-tab,.rcp-install-head,
.md-typeset details.rcp-guide>summary{
  transition:background-color var(--ui-t-control),border-color var(--ui-t-control),color var(--ui-t-control)}

.md-typeset details.rcp-guide{
  margin: var(--sp-24) 0; padding: 0; overflow:hidden;
  background:var(--rcp-surface); color:var(--rcp-term-text);
  font-family:var(--rcp-sans);
}
.md-typeset details.rcp-guide>summary{
  list-style:none; cursor:pointer; margin: 0; padding: var(--sp-16) var(--sp-16);
  display:flex; align-items:center; gap: var(--sp-8); font-weight:var(--ui-fw-strong);
  color:var(--rcp-term-text);
}
.md-typeset details.rcp-guide>summary::-webkit-details-marker{display:none}
.md-typeset details.rcp-guide>summary::before{display:none}
.md-typeset details.rcp-guide>summary::after{
  /* static/top/right undo Material's absolute chevron */
  content:""; margin-left: auto; position:static; flex:none;
  width:var(--fs-16); height:var(--fs-16); top:auto; right:auto;
  background-color:var(--rcp-muted);
  transition:transform var(--ui-t-surface);
}
.md-typeset details.rcp-guide[open]>summary::after{transform:rotate(90deg)}
.rcp-guide-hint{font-weight:400; color:var(--rcp-muted); font-size:var(--fs-14)}
.md-typeset details.rcp-guide>*:not(summary){margin-left: var(--sp-16); margin-right: var(--sp-16)}
.md-typeset details.rcp-guide>summary+*{margin-top: var(--sp-20)}
.md-typeset details.rcp-guide>*:last-child{margin-bottom: var(--sp-20)}
.md-typeset details.rcp-guide h3{margin-top: var(--sp-24); margin-bottom: var(--sp-8)}
.md-typeset details.rcp-guide h3:first-of-type{margin-top: var(--sp-4)}

.md-typeset:has(.rbln-recipe) h1{display:none}

.rcp .term .rank-pick{display:flex;flex-wrap:wrap;gap: var(--sp-6);padding: var(--sp-6) var(--sp-12) 0 var(--sp-16)}
.rcp .term .step-pick{padding-top: var(--sp-10)}
.rcp .term .rank-tab{font-family:var(--rcp-mono);font-size:var(--fs-12);padding: var(--sp-2) var(--sp-8);
  background:transparent;color:var(--rcp-term-dim);border:var(--ui-hairline-w) solid var(--rcp-term-bd);
  border-radius:var(--ui-radius-pill);cursor:pointer}
.rcp .term .rank-tab[aria-pressed="true"]{color:var(--rcp-accent);
  background:var(--rcp-brand-tint);border-color:var(--rcp-accent)}
.rcp .term .rank-note{margin: var(--sp-4) var(--sp-12) 0 var(--sp-16);font-size:var(--fs-12);
  color:var(--rcp-term-dim)}