/* Album controls own their geometry, including Safari's native date fields. */
.catalogue-controls{display:grid;grid-template-columns:minmax(170px,1.15fr) repeat(2,minmax(135px,1fr)) minmax(125px,.8fr);gap:14px;align-items:end;margin:0 0 24px;font:300 14px/1.6 var(--sans)}
.catalogue-controls label{display:grid;grid-template-rows:minmax(1.6em,auto) 48px;gap:7px;min-inline-size:0;color:var(--ink)}
.catalogue-controls input,.catalogue-controls select{display:block;box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;block-size:48px;min-block-size:48px;border:1px solid var(--field-border);border-radius:14px;background:var(--field);color:var(--ink);padding:9px 12px;font:300 16px/1.5 var(--sans)}
.catalogue-controls input[type=date]{appearance:none;-webkit-appearance:none;overflow:hidden}
.catalogue-controls input[type=date]::-webkit-date-and-time-value{min-inline-size:0;text-align:left}
.catalogue-controls input[type=date]::-webkit-datetime-edit{min-inline-size:0;padding:0}
.catalogue-control-actions{grid-column:1/-1;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.catalogue-control-actions .button{min-height:44px;background:var(--olive);color:var(--action-ink);padding:9px 20px}
.catalogue-control-actions .text-link{background:none;border:0;border-bottom:1px solid var(--line);padding:9px 0;min-height:44px;color:var(--muted);font:inherit}
.catalogue-control-error,.catalogue-period-note{grid-column:1/-1;margin:0;font:300 14px/1.6 var(--sans)}
.catalogue-control-error{color:var(--ink);border-inline-start:2px solid var(--focus);padding-inline-start:12px}
.catalogue-restore-note{font:300 14px/1.6 var(--sans);color:var(--muted);margin-top:12px}
.project-disclosure{font:300 14px/1.6 var(--sans);color:var(--accent-text);margin-top:9px;padding-inline-start:10px;border-inline-start:1px solid var(--line)}
.catalogue-controls [hidden],.catalogue-restore-note[hidden]{display:none}
@media(max-width:760px){
  .catalogue-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .catalogue-controls input,.catalogue-controls select{padding:9px 8px}
  .catalogue-control-actions{gap:12px}
  body .portfolio-filters{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1fr;gap:6px;align-items:stretch}
  body .portfolio-filters .filter{min-inline-size:0;min-height:44px;padding:8px 3px;font-size:16px;line-height:1.25;white-space:nowrap}
}
@media(max-width:350px){body .portfolio-filters .filter{font-size:14px}.catalogue-control-actions .button{padding-inline:16px}}