.spectra-layout-guide .components-guide__container{gap:10px;min-height:500px}.spectra-layout-guide .components-button:hover svg{fill:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))!important}.spectra-layout-guide__page{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.spectra-layout-guide__page h2{color:#1e1e1e;font-size:1.5rem;font-weight:600;margin:1rem 0}.spectra-layout-guide__page p{color:#757575;font-size:1rem;line-height:1.6;margin:1rem 0}.spectra-layout-guide__icon{margin-bottom:1rem}.spectra-layout-guide__icon .dashicon,.spectra-layout-guide__icon svg{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.spectra-layout-guide__layout-demo{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;margin:2rem 0;min-height:120px;padding:1.5rem}.spectra-layout-guide__layout-demo .demo-block{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-radius:4px;color:#fff;font-size:.875rem;font-weight:500;margin:.25rem;min-width:80px;padding:.75rem 1rem;text-align:center}.spectra-layout-guide__layout-demo.flow-demo{align-items:stretch;flex-direction:column}.spectra-layout-guide__layout-demo.flow-demo .demo-block{align-self:center;margin:.5rem 0;max-width:200px;width:100%}.spectra-layout-guide__layout-demo .components-guide .components-modal__header .components-button:hover svg{fill:#fff}.spectra-layout-guide__layout-demo.flex-demo{align-items:center;flex-direction:row;gap:1rem;justify-content:center}.spectra-layout-guide__layout-demo.flex-demo .demo-block{flex:0 0 auto}.spectra-layout-guide__layout-demo.grid-demo{align-items:stretch;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.spectra-layout-guide__layout-demo.grid-demo .demo-block{align-items:center;display:flex;justify-content:center;margin:0;min-height:50px}.spectra-layout-guide__layout-demo.constrained-demo .demo-container{border:2px dashed #ccc;border-radius:4px;margin:0 auto;max-width:300px;padding:0 1rem;width:100%}.spectra-layout-guide__layout-demo.constrained-demo .demo-container .demo-block{margin:1rem 0;width:100%}.spectra-layout-guide__features{background:#f0f6ff;border-left:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-radius:6px;margin:1.5rem 0;padding:1rem;text-align:left}.spectra-layout-guide__features strong{color:#1e1e1e;display:block;font-weight:600;margin-bottom:.5rem}.spectra-layout-guide__features ul{margin:0;padding-left:1.25rem}.spectra-layout-guide__features ul li{color:#555;line-height:1.4;margin:.25rem 0}.spectra-layout-guide__tip{background:#fff8e1;border-left:4px solid #ffc107;border-radius:6px;margin:1.5rem 0;padding:1rem;text-align:left}.spectra-layout-guide__tip strong{color:#1e1e1e;display:block;font-weight:600;margin-bottom:.5rem}.spectra-layout-guide__tip p{color:#666;line-height:1.5;margin:0}@media(max-width:768px){.spectra-layout-guide__page{padding:1.5rem}.spectra-layout-guide__layout-demo{margin:1.5rem 0;padding:1rem}.spectra-layout-guide__layout-demo.flex-demo{flex-direction:column;gap:.5rem}.spectra-layout-guide__layout-demo.grid-demo{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}
.wp-block-spectra-container{box-sizing:border-box;max-width:100%;padding:10px}.wp-block-spectra-container:before{border-radius:inherit}.wp-block-spectra-container:not(.alignfull){width:100%}.wp-block-spectra-container.has-image-background[style*=border-radius],.wp-block-spectra-container.has-video-background[style*=border-radius],.wp-block-spectra-container[style*=border-radius]{overflow:hidden;overflow:clip!important}.wp-block-spectra-container.wp-block-spectra-container-is-layout-flex{flex-wrap:nowrap}.wp-block-spectra-container[class*=wp-block].spectra-text-color{color:var(--spectra-text-color)}.wp-block-spectra-container[class*=wp-block].spectra-text-color *{color:inherit}.wp-block-spectra-container[class*=wp-block].spectra-background-color:before{background:var(--spectra-background-color);opacity:var(--spectra-overlay-opacity)}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient:before{background:var(--spectra-background-gradient);opacity:var(--spectra-overlay-opacity)}.wp-block-spectra-container[class*=wp-block].spectra-text-color-hover:hover{color:var(--spectra-text-color-hover)!important}.wp-block-spectra-container[class*=wp-block].spectra-text-color-hover:hover *{color:inherit!important}.wp-block-spectra-container[class*=wp-block].spectra-background-color-hover:hover:before{background:var(--spectra-background-color-hover);opacity:var(--spectra-overlay-opacity)}.wp-block-spectra-container[class*=wp-block].spectra-background-gradient-hover:hover:before{background:var(--spectra-background-gradient-hover);opacity:var(--spectra-overlay-opacity)}