/* The comparison studio shell shared by setup, ecosystem and council routes. */
.studio-page .companion-content { margin: 0 0 0 var(--sidebar); width: calc(100% - var(--sidebar)); padding: 30px clamp(18px,4vw,64px); color: var(--ink); background: var(--paper); min-height: 100vh; }
.studio-page .companion-content .site-header { background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--rule); }
.studio-page .companion-content main { padding-top: 28px; }
.studio-page .companion-content h1 { letter-spacing: -.055em; color: var(--ink); }
.studio-page .companion-content .button.primary { background: var(--canvas); color: var(--on-canvas); }
.studio-page .companion-content a { color: var(--link); }
.studio-page .companion-content .sidebar a { color: var(--on-canvas); }
.live-price-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.live-price-table th,.live-price-table td { padding: 12px; text-align: left; border-bottom: 1px solid var(--rule); vertical-align: top; }
.live-price-table code { overflow-wrap: anywhere; }
.live-price-table td small { display: block; color: var(--muted); }
.live-source-note { color: var(--muted); line-height: 1.6; }

/* Package discovery shares the studio's mint / ink palette. */
.npm-install-callout { margin: 22px 0; padding: 18px; border: 1px solid #3b244c; background: #b8e0c5; color: #3b244c; min-width: 0; }
.npm-install-callout a { display: inline-block; font-weight: 800; color: inherit; text-decoration: underline; text-underline-offset: 4px; font-size: 18px; }
.npm-install-callout p { margin: 10px 0; font-size: 14px; line-height: 1.5; }
.npm-install-callout code { display: block; font-size: 13px; overflow-wrap: anywhere; }