/* Cooking Confidential — classification controls */
label select{
  display:block;
  width:100%;
  min-height:50px;
  margin-top:7px;
  padding:0 44px 0 15px;
  border:1px solid var(--line);
  border-radius:13px;
  background-color:var(--card);
  color:var(--ink);
  font:600 14px/1 Arial,sans-serif;
  letter-spacing:.01em;
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239b3f2f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 15px center;
  box-shadow:0 2px 8px rgba(50,40,20,.04);
  transition:border-color .15s,box-shadow .15s,background-color .15s,transform .1s;
}
label select:hover{border-color:#c9bfb0;background-color:#fffefa}
label select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(155,63,47,.10),0 3px 10px rgba(50,40,20,.04)}
label select:active{transform:translateY(1px)}
label select option{font:15px Arial,sans-serif;color:var(--ink);background:#fffdf9}
.classification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 2px}
.classification-grid label{margin:16px 0}
.classification-grid label select{min-height:52px}
@media(max-width:760px){.classification-grid{grid-template-columns:1fr;gap:0}.classification-grid label{margin:14px 0}.classification-grid label select{min-height:52px}}