.callout{padding:1rem;margin:1.5rem 0;border-left:4px solid var(--primary-color);background-color:var(--bg-1);border-radius:0 4px 4px 0}.callout-title{font-weight:700;display:block;margin-bottom:.5rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.callout.info{border-color:#3b82f6;background-color:rgba(59,130,246,.1)}.callout.info .callout-title{color:#3b82f6}.callout.warning{border-color:#f59e0b;background-color:rgba(245,158,11,.1)}.callout.warning .callout-title{color:#f59e0b}.callout.error{border-color:#ef4444;background-color:rgba(239,68,68,.1)}.callout.error .callout-title{color:#ef4444}.callout.tip{border-color:#10b981;background-color:rgba(16,185,129,.1)}.callout.tip .callout-title{color:#10b981}.tldr{border:2px solid var(--text-1);padding:1.5rem;border-radius:8px;margin-top:2rem;margin-bottom:2rem;background-color:var(--bg-0);position:relative}.tldr::before{content:"TL;DR";position:absolute;top:-.9rem;left:1rem;background-color:var(--bg-0);padding:0 .5rem;font-weight:700;color:var(--text-1);font-family:var(--header-font);font-size:1.1rem}.terminal{background-color:#1e1e1e;color:#f0f0f0;border-radius:6px;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);overflow:hidden;font-family:var(--code-font),monospace}.terminal-header{background-color:#2d2d2d;padding:.5rem 1rem;display:flex;gap:6px;align-items:center}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-body{padding:1rem;overflow-x:auto}.terminal-body pre{background:0 0 !important;padding:0;margin:0;border:none}.terminal-body code{background:0 0 !important;color:#f0f0f0;padding:0}.terminal-body .is-command::before{content:'$ ';color:#a9d1fb;user-select:none}.tabs{display:flex;flex-wrap:wrap;margin:1.5rem 0;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background-color:var(--bg-1)}.tabs label{padding:.5rem 1rem;cursor:pointer;font-family:var(--header-font);font-size:.9rem;border-bottom:2px solid transparent;background:var(--bg-2);flex-grow:1;text-align:center;user-select:none;transition:background .2s}.tabs label:hover{background:var(--bg-1)}.tabs .tab-content{order:999;width:100%;display:none;padding:1rem;background:var(--bg-0);border-top:1px solid var(--border-color)}.tabs input[type=radio]{display:none}.tabs input[type=radio]:checked+label{border-bottom:2px solid var(--primary-color);background:var(--bg-0);font-weight:700}.tabs input[type=radio]:checked+label+.tab-content{display:block}