html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-gallery{min-width:0;margin:0;padding:0;border:0;box-shadow:none;background:#EF5500!important}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-gallery>img{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block;background:#EF5500!important}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 0}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls button{min-width:0;min-height:44px;padding:0;border:2px solid transparent!important;border-radius:0;background:transparent!important;color:#171717!important;-webkit-text-fill-color:#171717!important;font:600 12px/1.4 Arial,sans-serif;cursor:pointer}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls button img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#EF5500!important}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls button span{display:block;padding:7px 2px}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls button[aria-pressed=true]{border-color:#171717!important;box-shadow:none}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls button:focus-visible{outline:3px solid #171717;outline-offset:3px}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-gallery figcaption{font:14px/1.5 Arial,sans-serif;color:#171717!important;background:transparent!important;padding:8px 0}
html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-gallery figcaption a{color:#171717!important;text-decoration:underline}
html body #main-content.cl-library.cl-detail .cl-view-status{min-height:1.5em}
@media(max-width:420px){html body #main-content.cl-library.cl-detail .cl-detail-layout .cl-view-controls{gap:8px;padding:12px 0}}

/* Match the collection canvas without altering the photographs or artwork. */
html body:has(#main-content.cl-library.cl-detail),
html body #main-content.cl-library.cl-detail,
html body:has(#main-content.cl-library.cl-detail) .topbar{background:#EF5500!important;box-shadow:none!important}
/* Brand mark stays white on the orange detail header; navigation remains readable dark ink. */
html body:has(#main-content.cl-library.cl-detail) .topbar a.wordmark,
html body:has(#main-content.cl-library.cl-detail) .topbar a.wordmark:is(:hover,:focus-visible){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body:has(#main-content.cl-library.cl-detail) .topbar .menu-toggle,
html body:has(#main-content.cl-library.cl-detail) .topbar .menu-toggle:is(:hover,:focus-visible){color:#171717!important;-webkit-text-fill-color:#171717!important}
html body:has(#main-content.cl-library.cl-detail) .topbar :is(a.wordmark,.menu-toggle):focus-visible{outline:3px solid #171717!important;outline-offset:5px!important}
html body #main-content.cl-library.cl-detail .cl-view-accessible-caption{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body #main-content.cl-library.cl-detail .cl-view-controls button:hover span,
html body #main-content.cl-library.cl-detail .cl-view-controls button[aria-pressed=true] span{text-decoration:underline;text-underline-offset:4px}