/* UX refinement without altering the approved editorial cover or artwork renderer. */
.bar nav button{min-height:44px;min-width:44px}
.navigation button{width:44px;height:44px}
.work-page .page-config button{position:relative;min-height:44px}
dialog>.close{width:44px;height:44px;display:grid;place-items:center}
#dialog:has(.detail-layout)>.close{width:44px;height:44px;min-height:44px}
#dialog:has(.detail-layout) .preview-tools>.text-button{min-height:44px}
#dialog:has(.detail-layout) [data-expand-mats],.configuration-details summary{min-height:44px;display:flex;align-items:center}
.viewer-feedback{font:12px/1.5 Arial,sans-serif;color:var(--wine);padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:8px 0 0}
.viewer-feedback[hidden]{display:none}
#ar-dialog select{font:14px/1.4 Arial,sans-serif;border:1px solid #c9b49a8c;border-radius:13px;min-height:47px;padding:11px 12px;background:#fff9;color:var(--ink)}
#ar-dialog .button{border-radius:12px;min-height:44px}
#ar-dialog .ar-swatches button{min-width:44px;min-height:44px}
#ar-dialog .close{width:44px;height:44px;min-height:44px}
#dialog .selected-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:22px;padding:20px 0;align-items:center}
.selected-preview{width:100px;height:135px}
.selected-copy{min-width:0}
#dialog .selected-row h3{font:23px/1.15 Georgia,serif;margin:0 0 8px}
#dialog .selected-code{font:10px/1.5 Arial,sans-serif;margin:0 0 9px;color:var(--muted)}
#dialog .selection-combination{font:12px/1.5 Arial,sans-serif!important;margin:0 0 9px!important;color:var(--muted)}
.selection-combination span{display:block}
.selected-price{font:22px/1.3 Georgia,serif;color:var(--wine);display:block}
.selected-price small{font:10px/1.5 Arial,sans-serif;color:var(--muted)}
.remove-selection{font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:5px 0}
.query-review{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}
.query-review summary{font:15px/1.5 Georgia,serif;min-height:44px;cursor:pointer;padding:10px 0}
.query-review .action{min-height:44px}
.toc-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;margin-top:20px}
.toc-groups h3{font:22px/1.15 Georgia,serif;color:var(--wine);margin:0 0 8px}
.toc-groups .toc-list,.toc-bookends{columns:1;margin:0}
.toc-list button{min-height:44px;padding:12px 6px;align-items:center;gap:12px}
.toc-list button>span{flex:1}
.toc-list button[aria-current=page]{background:#641e2909;border-left:2px solid var(--wine)}
.toc-list em{font:10px/1.5 Arial,sans-serif;color:var(--wine)}
.index-location{font-size:12px;color:var(--muted)}
.toc-bookends:last-child{margin-top:22px}
@media(max-width:700px){
 #dialog:has(.detail-layout) .detail-heading .price-panel{display:none}
 #dialog:has(.detail-layout) .detail-layout{gap:12px;padding:14px 16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "media" "options"}
 #dialog:has(.detail-layout) .detail-heading h2{font-size:25px;line-height:1.12;margin-bottom:6px}
 #dialog:has(.detail-layout) .detail-heading #detail-code{margin:0 0 6px;font-size:9px}
 #dialog:has(.detail-layout) .detail-credit-line{margin-bottom:0}
 #dialog:has(.detail-layout) .detail-preview{height:180px;min-height:0;max-height:180px}
 #dialog:has(.detail-layout) .preview-tools{margin-top:4px;gap:12px}
 #dialog:has(.detail-layout) .detail-purchase-bar{gap:6px}
 #dialog:has(.detail-layout) .config-fields label{font-size:12px}
 #dialog:has(.detail-layout) .config-fields select,#ar-dialog select{font-size:16px}
 .toc-groups{grid-template-columns:1fr;gap:24px}
 #dialog .selected-row{grid-template-columns:90px minmax(0,1fr);gap:15px}
 .selected-preview{width:90px;height:125px}
 #dialog .selected-row h3{font-size:21px}
 .selection-actions .action{border-radius:12px;text-align:center;min-height:46px;padding:14px}
}
@media(max-width:700px) and (max-height:730px){
 #dialog:has(.detail-layout) .detail-preview{height:135px;max-height:135px}
 #dialog:has(.detail-layout) .detail-layout{gap:8px;padding-top:10px}
 #dialog:has(.detail-layout) .detail-heading h2{font-size:22px}
}

#dialog:not(:has(.detail-layout))>.close{position:sticky;top:0;float:right;margin:-24px -24px 0 0;border-radius:50%;background:var(--paper);z-index:8}
@media(max-width:700px){#dialog:has(.detail-layout) .config-fields label:has([data-field=size]){grid-column:1/-1}}
/* Keep the original Artika dark-wine hover and match added viewer controls. */
#dialog:has(.detail-layout){--wine-dark:#48121b}
#ar-dialog .finish-control select{font:14px/1.4 Arial,sans-serif;border:1px solid #c9b49a8c;border-radius:13px;min-height:47px;padding:11px 12px;background:#fff9;color:var(--ink)}
@media(max-width:700px){#ar-dialog .finish-control select{font-size:16px}}