/* Guide pages: legal.css plus the install box, steps and comparison table. */
main { max-width: 760px; }
.lead { font-size: 19px; color: var(--muted); margin-top: 16px; }
.install { margin: 28px 0 8px; padding: 18px; border: 1.5px solid var(--ink); border-radius: 14px; background: var(--bg2); box-shadow: 5px 5px 0 var(--accent); }
.install b { display: block; margin-bottom: 8px; }
.brew { display: block; width: 100%; text-align: left; font: 13px/1.5 "JetBrains Mono", ui-monospace, Menlo, monospace; padding: 12px 14px; border: 1.5px dashed #cfc6b6; border-radius: 10px; background: var(--bg); color: var(--ink); cursor: pointer; overflow-wrap: anywhere; }
.brew::before { content: "$ "; color: var(--accent); }
.steps li { margin: 8px 0; }
.cmp { width: 100%; border-collapse: collapse; margin: 12px 0; font-size: 15px; background: var(--bg2); }
.cmp th, .cmp td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
.cmp th { background: var(--bg); }
.related { columns: 2; padding-left: 18px; }
figure { margin: 18px 0; } figure img { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); }
@media (max-width: 600px) { .related { columns: 1; } .cmp { font-size: 13px; } }