/* Only layout, media bounds, and functional states. Browser defaults do the rest. */
* { box-sizing: border-box; }
body { margin: 16px; color: #000; background: #fff; }
main { max-width: 1100px; }
p { max-width: 70ch; }
img, video { display: block; width: auto; height: auto; max-width: 100%; max-height: 360px; object-fit: contain; }
video { width: 280px; }
iframe { max-width: 100%; }
svg { width: 20px; height: 20px; }
figure { margin: 16px 0; }
section { margin: 24px 0; }
figure p, article p { margin: 6px 0; }
nav { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 12px 0; }
.basic-header, .basic-footer { margin: 16px 0 24px; }
.basic-header > a { font-weight: bold; }
.basic-footer { margin-top: 32px; }
input, select, textarea, button { max-width: 100%; }
input, select, button { padding: 4px; }
button, summary { cursor: pointer; }
label { display: inline-block; margin: 6px 10px 6px 0; }
textarea { display: block; width: 400px; min-height: 100px; }
button[aria-pressed="true"], button.is-selected, button.is-active { outline: 2px solid; outline-offset: 1px; }
[hidden], .is-hidden, .honeypot, .newsletter-honeypot, .uf-secondary, .cart-widget, .header, .shipping-pause-banner { display: none !important; }
.visually-hidden, .sr-only, .uf-skip, .skip-link { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
.uf-skip:focus, .skip-link:focus { position: static; width: auto; height: auto; clip-path: none; }
.uf-work-grid, .uf-archive-grid, .basic-create, .catalogue-contact-sheet > div, .diamond-grid { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.uf-work-card, .uf-archive-card { width: 200px; max-width: 100%; }
.uf-work-card img, .uf-archive-card img { max-height: 200px; }
.uf-work-label h3, .uf-archive-label h3 { font-size: 1em; margin: 8px 0; }
.uf-work-label, .uf-archive-label { margin: 8px 0 20px; }
.uf-work-price, .uf-work-state { display: block; }
.uf-filters, .uf-categories, .uf-results-line, .product-header-meta { margin: 16px 0; }
.uf-filters label, .form label, .account-form label { display: block; }
.catalogue-contact-sheet figure { max-width: 260px; }
.catalogue-contact-sheet img { max-height: 240px; }
.list > span { display: block; margin: 6px 0; }
details { margin: 12px 0; }
dd { margin-bottom: 8px; }
.home-overview { max-height: 280px; }
.basic-create > section { margin-top: 0; }
.basic-create img, .basic-create video { max-height: 260px; }
.basic-home [data-home-media=archive] img { max-height: 260px; }
.form-toast { display: none; }
.form-toast.is-visible { display: block; position: fixed; bottom: 12px; left: 12px; padding: 10px; border: 1px solid; background: white; }
.mail-popup.is-collapsed .mail-panel, .member-note-logged-in { display: none; }
html[data-account-state="logged-in"] .member-note-logged-in { display: block; }
html[data-account-state="logged-in"] .member-note-logged-out { display: none; }
.spectrum-picker, .letter-grid, .letter-picker, .size-options, .option-picker { display: flex; flex-wrap: wrap; gap: 6px; }
.spectrum-picker img { max-height: 100px; }
.diamond-evidence-open { display: block; }
.diamond-evidence-open:empty::after { content: "Enlarge"; }
dialog { max-width: calc(100% - 32px); }
@media(max-width:480px) {
 body { margin: 12px; }
 .uf-work-grid, .uf-archive-grid { gap: 16px; }
 .uf-work-card, .uf-archive-card { width: calc(50% - 8px); }
 .uf-work-card img, .uf-archive-card img { max-height: 170px; }
}

.uf-results-line { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }