/* Shoji design guide and technical drawings */
.shoji-guide-content{display:grid;gap:2rem;min-width:0}
.shoji-guide-block{background:hsl(var(--background));border:1px solid hsl(var(--foreground)/.1);padding:1.5rem}
.shoji-guide-section-head{max-width:44rem;margin-bottom:1.5rem}
.shoji-guide-section-head h2{font-family:Outfit,sans-serif;font-size:1.9rem;line-height:1.15;font-weight:300;text-transform:uppercase;letter-spacing:0;color:hsl(var(--foreground));margin-bottom:1rem}
.shoji-guide-section-head p:not(.shoji-faq-eyebrow){color:hsl(var(--muted-foreground));line-height:1.75;font-size:.96rem}
.shoji-guide-summary-grid,.shoji-guide-panel-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.shoji-guide-info-card{background:hsl(var(--sand));border:1px solid hsl(var(--foreground)/.08);padding:1.25rem;min-width:0}
.shoji-guide-info-card h3,.shoji-guide-panel-feature h3{font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.25;font-weight:400;text-transform:uppercase;letter-spacing:0;color:hsl(var(--foreground));margin-bottom:.6rem}
.shoji-guide-info-card p,.shoji-guide-panel-feature p{color:hsl(var(--muted-foreground));line-height:1.7;font-size:.92rem}
.shoji-guide-design-group{margin-top:2rem}
.shoji-guide-design-group>h3{font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:300;letter-spacing:0;text-transform:uppercase;color:hsl(var(--foreground));margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid hsl(var(--foreground)/.1)}
.shoji-guide-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.shoji-guide-image-card{background:hsl(var(--card));border:1px solid hsl(var(--foreground)/.1);overflow:hidden;min-width:0}
.shoji-guide-image-card img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#fff;padding:.5rem;display:block}
.shoji-guide-image-card p{font-family:Outfit,sans-serif;font-size:1rem;font-weight:400;letter-spacing:0;text-transform:uppercase;color:hsl(var(--foreground));line-height:1.25;padding:1rem 1rem .25rem}
.shoji-guide-image-card span{display:block;color:hsl(var(--muted-foreground));font-size:.78rem;line-height:1.5;padding:0 1rem 1rem}
.shoji-guide-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.shoji-guide-swatch{background:hsl(var(--card));border:1px solid hsl(var(--foreground)/.1);min-width:0;overflow:hidden}
.shoji-guide-swatch img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;background:#fff}
.shoji-guide-swatch h3{font-family:Outfit,sans-serif;font-size:.95rem;line-height:1.25;font-weight:400;text-transform:uppercase;letter-spacing:0;color:hsl(var(--foreground));padding:1rem 1rem .25rem}
.shoji-guide-swatch p{color:hsl(var(--muted-foreground));font-size:.78rem;line-height:1.5;padding:0 1rem 1rem}
.shoji-guide-panel-feature{display:grid;grid-template-columns:minmax(5rem,.4fr) minmax(0,1fr);gap:1rem;align-items:center;background:hsl(var(--card));border:1px solid hsl(var(--foreground)/.1);padding:1rem;min-width:0}
.shoji-guide-panel-feature img{width:100%;aspect-ratio:1;object-fit:cover;background:#fff;border:1px solid hsl(var(--foreground)/.08)}
.shoji-guide-actions{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap}
.shoji-guide-actions a{width:100%;text-align:center}
@media (min-width:640px){.shoji-guide-block{padding:2rem}.shoji-guide-summary-grid,.shoji-guide-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shoji-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shoji-guide-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){.shoji-guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.shoji-guide-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shoji-guide-material-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:639px){.shoji-guide-block{padding:1.2rem}.shoji-guide-section-head h2{font-size:1.55rem}.shoji-guide-panel-feature{grid-template-columns:minmax(0,1fr)}}