.rcomp{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r-card);gap:20px;padding:20px;display:grid}.rcomp-head{border-bottom:1px solid var(--rule-soft);gap:8px;padding-bottom:16px;display:grid}.rcomp-h{font-family:var(--font-display);color:var(--ink);margin:0;font-size:24px;line-height:1.2}.rcomp-h em{color:var(--blue);font-style:italic}.rcomp-currency{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:flex}.rcomp-placeholder-tag{margin-left:8px}.rcomp-controls{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:700px){.rcomp-controls{grid-template-columns:1fr 1fr 1fr;gap:14px}}.rcomp-ctl-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:10px}.rcomp-toggle{border:1px solid var(--rule);border-radius:var(--r-chip);display:flex;overflow:hidden}.rcomp-toggle button{appearance:none;background:var(--paper);color:var(--ink-2);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);border:none;border-right:1px solid var(--rule);flex:1;min-height:36px;padding:8px 12px;font-size:13px}.rcomp-toggle button:last-child{border-right:none}.rcomp-toggle button:hover{background:var(--paper-2);color:var(--ink)}.rcomp-toggle button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.rcomp-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.rcomp-toggle[data-tone=blue] button[aria-pressed=true]{background:var(--blue);color:var(--paper)}.rcomp-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-3);align-self:end;font-size:10px;line-height:1.4}.rcomp-rows{background:var(--rule-soft);border-radius:var(--r-chip);gap:1px;display:grid;overflow:hidden}.rcomp-row{background:var(--paper);grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.rcomp-row:last-child{border-bottom:none}.rcomp-row-name{color:var(--ink);font-weight:500}.rcomp-row-meta{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-top:2px;font-size:10px;font-weight:400;display:block}.rcomp-cell{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.rcomp-cell strong{color:var(--ink);font-size:15px;font-weight:500}.rcomp-cell-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:9px}@media (max-width:600px){.rcomp-row{grid-template-columns:1fr 1fr;gap:8px}.rcomp-row-name{grid-column:1/-1;margin-bottom:8px}.rcomp-cell{text-align:left;align-items:flex-start}}