/* PATCH10-FIX icons + select-box helpers: most UI styles injected via JS */
.select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:12px 0}
.select-box{padding:16px;background:#fff;border:2px solid var(--ij-border,#d9c9b8);border-radius:12px;cursor:pointer;
  box-shadow:0 6px 0 var(--ij-accent-dark,#251f18),0 8px 16px rgba(0,0,0,0.10);
  transition:transform 0.08s,box-shadow 0.08s}
.select-box:hover{border-color:var(--ij-accent,#3c3428);transform:translateY(-2px);box-shadow:0 8px 0 var(--ij-accent-dark,#251f18),0 10px 20px rgba(0,0,0,0.13)}
.select-box:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ij-accent-dark,#251f18),0 3px 8px rgba(0,0,0,0.10)}
.select-box.selected{border-color:var(--ij-accent,#3c3428);background:var(--ij-accent-tint,#ede9e4);
  box-shadow:0 6px 0 var(--ij-accent-dark,#251f18),0 8px 20px rgba(0,0,0,0.15);transform:translateY(0)}
.select-box .icon{font-size:28px;line-height:1;margin-bottom:6px}
.select-box .label{font-weight:600}
.step-desc{color:var(--ij-muted,#a09080);font-size:14px;margin:-8px 0 16px;}
.alapk-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.alapk-chip{font-size:11px;color:#000;background:#fff;border-radius:4px;padding:2px 7px;font-weight:400;line-height:1.6}
.select-box.selected .alapk-chip{background:#fff;color:#000}
/* Paikkakunta-kortit */
.pk-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px}
.pk-card .label{font-size:17px;font-weight:700;color:var(--ij-fg,#2c2820)}
.pk-card.selected .label{color:var(--ij-accent,#3c3428)}
.pk-card.selected{box-shadow:0 6px 0 var(--ij-accent-dark,#251f18),0 8px 20px rgba(0,0,0,0.15)}