:root{--colour-page: #f4f4f4;--colour-surface: #ffffff;--colour-border: #c8c8c8;--colour-control-border: #878787;--colour-text: #1a1a1a;--colour-text-muted: #6f6f6f;--colour-state-surface: #e0e0e0;--colour-state-detail: #595959;--colour-control: #424242;--colour-control-text: #ffffff;--colour-control-busy: #e5e5e5;--colour-control-busy-text: #595959;--radius-card: 10px;--radius-control: 6px;--gutter-narrow: 12px;--card-max-width: 420px;--target-min: 44px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--colour-page);color:var(--colour-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.4}:focus-visible{outline:2px solid var(--colour-text);outline-offset:2px}.auth-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px var(--gutter-narrow);width:100%}.auth-card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:18px;max-width:var(--card-max-width);padding:24px;width:100%}@media(min-width:420px){.auth-card{padding:32px}}.auth-card__wordmark{font-size:16px;font-weight:600;margin:0}.auth-card__heading{font-size:19px;font-weight:600;margin:0}@media(min-width:420px){.auth-card__heading{font-size:22px}}.auth-card__body{color:var(--colour-text-muted);font-size:12px;margin:0}.auth-card__value{background:var(--colour-page);border:1px solid var(--colour-border);border-radius:var(--radius-control);font-size:12px;font-weight:500;margin:0;padding:9px 10px;overflow-wrap:anywhere}.auth-card__link{color:var(--colour-text-muted);font-size:12px}.form{display:flex;flex-direction:column;gap:18px;margin:0}.field{display:flex;flex-direction:column;gap:6px}.field__label{color:var(--colour-text-muted);font-size:12px}.field__input{background:var(--colour-surface);border:1px solid var(--colour-control-border);border-radius:var(--radius-control);color:var(--colour-text);font:inherit;font-size:13px;min-height:var(--target-min);padding:10px 12px;width:100%}.field__input--invalid{border-color:var(--colour-control);border-width:2px}.field__hint{color:var(--colour-text-muted);font-size:11px}.field__error{color:var(--colour-text);font-size:12px;font-weight:600}.button{border:0;border-radius:var(--radius-control);cursor:pointer;font:inherit;font-size:13px;font-weight:500;min-height:var(--target-min);padding:11px 16px;text-align:center;width:100%}.button--primary{background:var(--colour-control);color:var(--colour-control-text)}.button--secondary{align-self:flex-start;background:var(--colour-surface);border:1px solid var(--colour-control);color:var(--colour-text);width:auto}.button--primary[aria-disabled=true]{background:var(--colour-control-busy);color:var(--colour-control-busy-text);cursor:default}.notice{border-left:3px solid var(--colour-control);border-radius:2px;display:flex;flex-direction:column;gap:3px;padding-left:10px}.notice__heading{color:var(--colour-text);font-size:12px;font-weight:600;margin:0}.notice__detail{color:var(--colour-text-muted);font-size:12px;margin:0}.submit{display:flex;flex-direction:column;gap:6px}.submit__reason{color:var(--colour-text-muted);font-size:11px;margin:0}.connection-state{background:var(--colour-state-surface);border-radius:var(--radius-control);display:flex;flex-direction:column;gap:6px;padding:10px}@media(min-width:420px){.connection-state{padding:12px}}.connection-state__heading{color:var(--colour-text);font-size:12px;font-weight:600;margin:0}.connection-state__detail{color:var(--colour-state-detail);font-size:11px;margin:0}.listing-screen{display:block;padding:0 0 var(--gutter-narrow)}.listing-screen__body{display:flex;flex-direction:column;gap:16px;padding:0 var(--gutter-narrow)}@media(min-width:720px){.listing-screen__body{padding:0 24px}}.listing-screen__header{display:flex;flex-direction:column;gap:4px}.listing-screen__heading{font-size:19px;font-weight:600;margin:0;overflow-wrap:anywhere}@media(min-width:720px){.listing-screen__heading{font-size:22px}}.listing-screen__subheading{color:var(--colour-text-muted);font-size:12px;margin:0}.listing-form{display:flex;flex-direction:column;gap:20px;margin:0}.listing-form__section{display:flex;flex-direction:column;gap:8px}.listing-form__section-heading{font-size:14px;font-weight:600;margin:0}.listing-form__section-detail{color:var(--colour-text-muted);font-size:11px;margin:0}.listing-form__fields{display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.field__requirement{color:var(--colour-text-muted);font-size:11px}.field__input--long{min-height:96px;resize:vertical}.action-bar{align-items:center;background:var(--colour-surface);border-top:2px solid var(--colour-control);bottom:0;display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0;position:sticky;z-index:1}.action-bar__state{display:flex;flex:1 1 200px;flex-direction:column;gap:3px}.action-bar__heading{font-size:13px;font-weight:600;margin:0}.action-bar__detail{color:var(--colour-text-muted);font-size:12px;margin:0}.action-bar__actions{display:flex;gap:8px}.action-bar__actions .button{width:auto}.action-bar__reason{color:var(--colour-text-muted);font-size:11px;margin:0;width:100%}.field__tag{color:var(--colour-text-muted);font-size:11px;margin:0}.field__input--choices{min-height:132px;padding:6px}.save-guidance{display:flex;flex-direction:column;gap:4px}.save-guidance__detail{color:var(--colour-text);font-size:12px;margin:0}.read-failure__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.read-failure__actions .button{flex:1 1 180px}.button--link{background:none;color:var(--colour-text);font-size:12px;padding:0;text-align:left;text-decoration:underline;width:auto}.portal-state>.connection-state{margin:var(--gutter-narrow)}a.button{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.listings-header{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between}.listings-header__text{display:flex;flex:1 1 220px;flex-direction:column;gap:4px}.listings-header__action,.listings-empty__action{align-self:flex-start;width:100%}@media(min-width:720px){.listings-header__action,.listings-empty__action{width:auto}}.listings{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.listings__item{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card)}.listings__link{align-items:center;color:var(--colour-text);display:flex;flex-wrap:wrap;font-size:13px;font-weight:600;min-height:var(--target-min);overflow-wrap:anywhere;padding:12px;text-decoration:underline}.listings__name{flex:1 1 auto}.listings__reference{color:var(--colour-text-muted);flex-basis:100%;font-size:12px;font-weight:400}.listings-empty{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:12px;padding:24px 16px}.listings-empty__heading{font-size:15px;font-weight:600;margin:0}.listings-empty__detail{color:var(--colour-text-muted);font-size:12px;margin:0}.visually-hidden{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.photos-header{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:space-between}.photos-header__text{display:flex;flex:1 1 220px;flex-direction:column;gap:4px}.photo-add{display:inline-flex;position:relative}.photo-add__label{align-items:center;background:var(--colour-control);border-radius:var(--radius-control);color:var(--colour-control-text);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;min-height:var(--target-min);padding:11px 16px}.photo-add:focus-within .photo-add__label{outline:2px solid var(--colour-text);outline-offset:2px}.photos-announcement{color:var(--colour-text);font-size:12px;font-weight:600;margin:0}.notice__action{align-self:flex-start;margin-top:6px}.photo-drop{align-items:center;background:var(--colour-page);border:1px dashed var(--colour-control-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:8px;padding:28px 16px;text-align:center}.photo-drop__heading{font-size:13px;font-weight:500;margin:0}.photo-drop__detail{color:var(--colour-text-muted);font-size:11px;margin:0}.photo-uploads{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));list-style:none;margin:0;padding:0}.photo-uploads__item{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:6px;padding:10px}.photo-uploads__placeholder{background:var(--colour-control-busy);border-radius:var(--radius-control);height:96px;margin:0}.photo-uploads__state{font-size:11px;margin:0;overflow-wrap:anywhere}.photo-uploads__actions{display:flex;flex-wrap:wrap;gap:8px}.photo-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));list-style:none;margin:0;padding:0}.photo-card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:8px;padding:10px}.photo-card__handle{align-items:center;color:var(--colour-text-muted);cursor:grab;display:flex;font-size:11px;margin:0;min-height:32px}.photo-card__image{background:var(--colour-control-busy);border-radius:var(--radius-control);display:block;height:148px;object-fit:cover;width:100%}.photo-card__position{font-size:12px;font-weight:600;margin:0}.photo-card__header{color:var(--colour-text-muted);font-size:11px;margin:0}.photo-card__reorder{display:flex;flex-wrap:wrap;gap:8px}.photo-card__reason{color:var(--colour-text-muted);font-size:11px;margin:0}.photos-note{display:flex;flex-direction:column;gap:3px}.photos-note__heading{font-size:12px;font-weight:600;margin:0}.photos-note__detail{color:var(--colour-text-muted);font-size:11px;margin:0}