.style-guide-section{background-color:var(--wp--preset--color--bg-secondary,var(--color-bg-secondary,#f8fafc));padding:var(--space-2xl) 0}.style-guide-section--bottom{margin-top:var(--space-3xl)}.style-guide-section--top{margin-bottom:var(--space-3xl)}.style-guide-container{box-sizing:border-box;margin:0 auto;max-width:var(--wp--style--global--content-size);padding-inline:var(--space-xl)}.style-guide-header{margin-bottom:var(--space-lg);text-align:center}.style-guide-title{margin-bottom:var(--space-sm)}.style-guide-subtitle{font-size:var(--font-size-lead);margin:0}.style-guide-block{margin-bottom:var(--space-2xl)}.style-guide-block:last-child{margin-bottom:0}.style-guide-block-title{border-bottom:2px solid var(--color-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.style-guide-subsection-title{color:var(--color-primary);font-size:var(--font-size-lead);margin-bottom:var(--space-md)}.style-guide-color-item,.style-guide-gradient-item{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.style-guide-font-item,.style-guide-size-item{align-items:center;background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);padding:var(--space-md)}.style-guide-color-info,.style-guide-font-details,.style-guide-gradient-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.style-guide-color-name,.style-guide-font-name,.style-guide-gradient-name,.style-guide-size-name{font-weight:var(--font-weight-semibold)}.style-guide-color-hex,.style-guide-gradient-value,.style-guide-size-value{color:#64748b;font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.7rem;line-height:1.3em}.style-guide-color-var,.style-guide-font-var,.style-guide-gradient-var,.style-guide-size-font,.style-guide-size-var{background:#f8fafc;border-radius:var(--radius-sm);color:#94a3b8;font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.7rem;line-height:1.3em;padding:var(--space-2xs) var(--space-xs);word-break:break-all}.style-guide-colors,.style-guide-gradients{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.style-guide-color-swatch{height:80px;width:100%}.style-guide-color-swatch--light{border:1px solid var(--color-border);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card)}.style-guide-color-info{padding:var(--space-xs) var(--space-md)}.style-guide-color-name,.style-guide-gradient-name{font-size:var(--font-size-small);line-height:1.2em}.style-guide-color-semantic{align-items:flex-start;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-2xs);padding-top:var(--space-2xs)}.style-guide-color-semantic-var{background:#e0f2fe;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.65rem;line-height:1.2em;padding:2px var(--space-2xs)}.style-guide-gradient-swatch{height:100px;width:100%}.style-guide-gradient-info{gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.style-guide-gradient-semantic{align-items:flex-start;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-2xs);padding-top:var(--space-2xs)}.style-guide-gradient-semantic-var{background:#e0f2fe;border-radius:var(--radius-sm);color:var(--color-primary);font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.65rem;line-height:1.2em;padding:2px var(--space-2xs)}.style-guide-button-padding{font-size:var(--font-size-small);margin-bottom:var(--space-md)}.style-guide-button-padding code{background:#f8fafc;border-radius:var(--radius-sm);font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);padding:var(--space-2xs) var(--space-xs)}.style-guide-buttons{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.style-guide-button-item{align-items:center;background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);text-align:center}.style-guide-buttons .btn{min-width:auto!important;width:auto!important}.style-guide-button-item--dark{background:var(--color-primary)}.style-guide-button-item--dark .style-guide-button-class,.style-guide-button-item--dark .style-guide-button-name{color:var(--color-white)}.style-guide-button-name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);margin-top:var(--space-xs)}.style-guide-button-class{background:#f8fafc;border-radius:var(--radius-sm);color:#64748b;font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.7rem;line-height:1.3em;padding:var(--space-2xs) var(--space-xs)}.style-guide-button-item--dark .style-guide-button-class{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.style-guide-radii{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.style-guide-radius-item{align-items:center;background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-md);padding:var(--space-md)}.style-guide-radius-preview{background:var(--color-primary);flex-shrink:0;height:60px;width:60px}.style-guide-radius-info{display:flex;flex-direction:column;gap:var(--space-2xs)}.style-guide-radius-name{font-weight:var(--font-weight-semibold)}.style-guide-radius-value{color:#64748b}.style-guide-radius-value,.style-guide-radius-var{font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace);font-size:.7rem;line-height:1.3em}.style-guide-radius-var{background:#f8fafc;border-radius:var(--radius-sm);color:#94a3b8;padding:var(--space-2xs) var(--space-xs)}.style-guide-width-item{background:var(--color-white);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md)}.style-guide-width-name{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.style-guide-width-value{color:var(--color-primary);font-size:.85rem}.style-guide-width-value,.style-guide-width-var{font-family:var(--wp--preset--font-family--monospace,ui-monospace,monospace)}.style-guide-width-var{background:#f8fafc;border-radius:var(--radius-sm);color:#94a3b8;font-size:.7rem;line-height:1.3em;padding:var(--space-2xs) var(--space-xs);word-break:break-all}.style-guide-typography-fonts{margin-bottom:var(--space-xl)}.style-guide-font-item{margin-bottom:var(--space-sm)}.style-guide-font-sample{font-size:2rem;min-width:150px}.style-guide-sizes-list{display:flex;flex-direction:column;gap:var(--space-sm)}.style-guide-size-sample{line-height:1;min-width:120px;text-align:center}.style-guide-size-sample--heading{color:var(--color-heading)}.style-guide-size-details{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.style-guide-size-name{min-width:110px}.style-guide-size-fluid{color:#94a3b8;font-size:.7rem}@media (max-width:768px){.style-guide-colors,.style-guide-gradients{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.style-guide-font-item,.style-guide-size-item{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.style-guide-font-sample,.style-guide-size-sample{min-width:auto}.style-guide-size-sample{text-align:left}.style-guide-size-details{align-items:flex-start;flex-direction:column}}