/* Shared readability and frame states; retain the existing red/gold artwork. */
:root{--editor-section-gap:11px;--editor-card-radius:12px;--editor-content-width:1120px}
.home-page .shell,.detail-page .workspace,.message-page .page{max-width:var(--editor-content-width)!important}
.home-page main.shell>#latest,.home-page main.shell>#ad-carousel,.home-page main.shell>#reference,.home-page main.shell>.quick-nav{margin-top:var(--editor-section-gap)!important}
.home-page .panel,.home-page .ad-slot,.home-page #reference,.gallery-list-card,.archive-panel,.message-page .card{border-radius:var(--editor-card-radius)!important}
.gallery-tabs a[aria-current=page],.dock a[aria-current=page]{color:var(--red)!important}
.gallery-redesign .gallery-seal,.ui-seal{font-family:Arial,sans-serif;font-size:17px;font-weight:800;flex-shrink:0}
.detail-page .frame-wrap[hidden]{display:none!important}
.detail-page .frame-wrap{min-height:0}
.detail-page #content-frame{min-height:0}
.detail-page .loading{animation:none;background:#fff8ec}
.detail-page .error button,.detail-page .error a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;padding:0 16px;border:1px solid #d7aa70;border-radius:12px;background:#fff7e8;color:#63371c;font:inherit;cursor:pointer}
.gallery-list a,.archive-years a{overflow-wrap:anywhere}
.gallery-list strong{min-width:0}
.gallery-brand strong{overflow-wrap:anywhere}
.gallery-redesign .ui-top{background-image:var(--detail-header-image,url('/assets/gallery-gold-dragon-v1.png'))}
.records-redesign .archive-heading,body.message-gold .message-heading{background-image:var(--detail-header-image,url('/assets/gallery-gold-dragon-v1.png'))}
.records-redesign .archive-heading small,body.message-gold .message-heading small{font-size:10px}
#reference-status[data-stale=true]{padding:8px 10px;border:1px solid #d7aa70;border-radius:8px;background:#fff5df}
.dock{padding-bottom:env(safe-area-inset-bottom,0px)}
.message-page button:disabled{opacity:.6;cursor:not-allowed}
:where(a,button,input,textarea,select):focus-visible{outline:2px solid #a32721;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ui-enter{animation:none!important}.loading{transition:none!important}}