.shoji-display-content{display:grid;gap:2rem;min-width:0}
.shoji-display-state{background:hsl(var(--background));border:1px solid hsl(var(--foreground)/.1);padding:1.5rem}
.shoji-display-state-head{margin-bottom:1.25rem}
.shoji-display-state-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))}
.shoji-display-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
.shoji-display-card{background:hsl(var(--card));border:1px solid hsl(var(--foreground)/.1);padding:1.25rem;min-width:0}
.shoji-display-region{color:hsl(var(--cta));font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.55rem}
.shoji-display-card h3{font-family:Outfit,sans-serif;font-size:1.15rem;line-height:1.25;font-weight:400;text-transform:uppercase;letter-spacing:0;color:hsl(var(--foreground));margin-bottom:.85rem}
.shoji-display-card p{color:hsl(var(--muted-foreground));font-size:.9rem;line-height:1.65;margin-bottom:.55rem}
.shoji-display-card a{color:hsl(var(--foreground));text-decoration:none}
.shoji-display-card a:hover{color:hsl(var(--cta))}
.shoji-display-note{color:hsl(var(--foreground))!important;font-weight:600}
.shoji-display-link{display:inline-flex;margin-top:.4rem;color:hsl(var(--cta))!important;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}
@media (min-width:720px){.shoji-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shoji-display-state{padding:2rem}}
@media (min-width:1180px){.shoji-display-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:639px){.shoji-display-state{padding:1.2rem}.shoji-display-state-head h2{font-size:1.55rem}.shoji-display-card{padding:1.1rem}}
