.shortcode-button{display:inline-block;padding:.5em 1em;background-color:var(--shortcode-button-bg);color:var(--shortcode-button-text) !important;text-decoration:none;border-radius:.25em;font-weight:700;transition:background-color .2s,color .2s;opacity:1}.shortcode-button:hover{background-color:var(--shortcode-button-hover-bg);color:var(--shortcode-button-hover-text) !important}.shortcode-button:active{background-color:var(--shortcode-button-active-bg);color:var(--shortcode-button-active-text) !important}.shortcode-code-block{border:1px solid var(--border-color);border-radius:6px;overflow:hidden;margin:1rem 0;background:var(--shortcode-code-bg)}.shortcode-code-header{background:var(--shortcode-code-header-bg);color:var(--shortcode-code-header-text);font-family:var(--font-heading);font-size:.8rem;font-weight:600;padding:.3rem .6rem;border-bottom:1px solid var(--border-color)}.shortcode-code-lang{text-transform:uppercase;letter-spacing:.05em}.shortcode-code{padding:.8rem;overflow-x:auto;font-family:var(--font-body);font-size:.9rem;line-height:1.4}.shortcode-inline-code{background-color:var(--shortcode-inline-code-bg);color:var(--shortcode-inline-code-text);font-family:var(--font-body);padding:.15em .3em;border-radius:.2em}.shortcode-callout{background-color:var(--shortcode-callout-bg);border-left:4px solid var(--shortcode-callout-border);padding:.8em 1em;margin:1em 0;color:var(--shortcode-callout-text);border-radius:4px}.shortcode-card{background-color:var(--shortcode-card-bg);border:1px solid var(--shortcode-card-border);padding:1em;border-radius:6px;color:var(--shortcode-card-text);margin:1em 0}.shortcode-image figcaption{background-color:var(--shortcode-image-caption-bg);color:var(--shortcode-image-caption-text);font-size:.85rem;text-align:center;padding:.25em .5em;border-radius:.25em}