@font-face{font-family:'Museum Update Sans';src:url('/static/museum-remodel/guide-sans-regular-20261021.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.record-updates-panel{width:min(720px,calc(100% - 32px));margin:18px auto 24px;border:1px solid #d8d4c5;border-radius:9px;color:#415542;background:#faf8f0;font:400 13px/1.7 'Museum Update Sans','Noto Sans KR',sans-serif;letter-spacing:-.01em}
.record-updates-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;list-style:none;cursor:pointer;padding:10px 16px;font-size:14px}
.record-updates-panel>summary::-webkit-details-marker{display:none}.record-updates-total{font-size:11px;color:#917344}.record-updates-panel>summary:after{content:'+';font-size:19px;color:#9c8966}.record-updates-panel[open]>summary:after{content:'−'}
.record-updates-content{padding:0 16px 15px;border-top:1px solid #e3ded0}.record-updates-intro{margin:13px 0;color:#77806e;font-size:12px}.record-updates-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.record-update-group{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:68px;padding:8px 4px;border:1px solid #d8d1bb;border-radius:5px;background:#fffdf7;color:#526348;font:inherit;cursor:pointer}.record-update-group>span{font-size:12px}.record-update-group>strong{font:400 21px/1.3 'Gowun Batang',serif;color:#8d7040}.record-update-group:disabled{opacity:.45;cursor:default}
.record-updates-note{margin:14px 0 5px;font-size:11px;color:#888674}.record-updates-help{min-height:44px;padding:5px 0;border:0;border-bottom:1px solid #b8b39f;background:none;color:#68795d;font:inherit;cursor:pointer}
.record-update-static{position:relative!important}.record-update-badge{position:absolute!important;z-index:18;top:6px!important;right:6px!important;left:auto!important;bottom:auto!important;display:grid!important;place-items:center;min-width:21px!important;height:21px!important;padding:0 5px!important;margin:0!important;border:1px solid #b3985d!important;border-radius:50%!important;background:linear-gradient(130deg,#faf0d3,#ddc58b 58%,#f6e7bc)!important;color:#55452d!important;box-shadow:0 1px 4px #3d2c1c33!important;font:500 11px/1 'Noto Sans KR',sans-serif!important;text-shadow:none!important;pointer-events:none;isolation:isolate}
.record-update-badge:after{content:'';position:absolute;right:-7px;top:-8px;width:13px;height:13px;background:#ba954d;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);animation:record-soft-glint 2.8s ease-in-out 3}
.record-update-sr{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}
.record-updates-help-dialog{width:min(520px,calc(100% - 24px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #d3c6a8;border-radius:15px;background:#fcf9f0;color:#52614c;box-shadow:0 18px 70px #21170c44;font:400 14px/1.95 'Museum Update Sans','Noto Sans KR',sans-serif}
.record-updates-help-dialog::backdrop{background:#29221866;backdrop-filter:blur(4px)}.record-updates-help-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px}.record-updates-help-dialog h2{margin:0;font:400 23px/1.6 'Gowun Batang',serif}.record-updates-help-dialog header button{flex:none;width:44px;height:44px;border:1px solid #c8bca3;border-radius:50%;background:none;color:#71624b;font-size:25px}
.record-updates-reader{width:min(860px,calc(100% - 32px))}.record-updates-reader-body :is(img,video){display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;object-fit:contain;margin:16px auto}.record-updates-reader-body :is(.cs-memory,.cs-keepsake,.cs-time,.mn-item){position:relative;margin:18px 0;padding:18px;border-bottom:1px solid #ddd3bd;white-space:normal}.record-updates-reader-body p{white-space:pre-line}.record-updates-reader-body h3{font:400 21px/1.7 'Gowun Batang',serif}
.record-updates-panel :focus-visible,.record-updates-help-dialog :focus-visible{outline:2px solid #a28a56;outline-offset:3px}.record-updates-panel [hidden]{display:none!important}
@keyframes record-soft-glint{0%,100%{opacity:.35;transform:scale(.8)}45%{opacity:.95;transform:scale(1.12)}}
@media(max-width:540px){.record-updates-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.record-updates-total{font-size:10px}.record-updates-panel>summary{gap:8px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.record-update-badge:after{animation:none}}
/* An invitation to discover: readable labels, lasting edges and a short glimmer. */
.record-update-badge{min-width:72px!important;height:28px!important;padding:0 9px!important;border-radius:20px!important;border-color:#a07a35!important;background:linear-gradient(120deg,#fff7dd,#e8cb86)!important;color:#44351d!important;box-shadow:0 2px 9px #49331c33,0 0 0 3px #fff8e0bb!important;font:500 11px/1.2 'Museum Update Sans',sans-serif!important;white-space:nowrap!important;letter-spacing:-.02em!important}
.has-record-updates:is(.gallery-frame,.placed-keepsake,.pm-gallery-frame,.pm-news-card,.cs-memory,.mn-item,.cs-moment-photo,.cs-keepsake){outline:2px solid #b7934e;outline-offset:3px;box-shadow:0 0 0 5px #e7c77822,0 4px 18px #b38e4533}
.record-update-badge:after{right:-5px;top:-7px;width:16px;height:16px;animation:record-soft-glint 2.6s ease-in-out 3}
.museum-curation-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;box-sizing:border-box;min-height:44px;padding:4px 0;border:0;background:none;color:#405740;font:400 12px/1.5 'Museum Update Sans','Noto Sans KR',sans-serif;white-space:nowrap;cursor:pointer}
.museum-curation-toggle strong{min-width:24px;font:500 10px/1.5 'Museum Update Sans',sans-serif;color:#797d70}.museum-switch-track{position:relative;display:block;width:29px;height:17px;border:1px solid #aeb4a4;border-radius:20px;background:#e5e6dd;transition:background .2s}.museum-switch-track i{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #27342033;transition:transform .2s}.museum-curation-toggle[aria-checked=true] .museum-switch-track{border-color:#58714e;background:#58714e}.museum-curation-toggle[aria-checked=true] i{transform:translateX(12px)}.museum-curation-toggle[aria-checked=true] strong{color:#355335}.museum-curation-toggle:focus-visible{outline:2px solid #a28a56;outline-offset:4px}
.record-updates-panel+.museum-curation-toggle,.museum-curation-toggle:has(+.record-updates-panel){display:flex;width:min(720px,calc(100% - 32px));margin:0 auto}
@media(prefers-reduced-motion:reduce){.record-update-badge:after{animation:none}.museum-switch-track,.museum-switch-track i{transition:none}}

.cs-family-link-card:nth-child(3n+1) img{border-radius:50%;clip-path:ellipse(50% 50% at 50% 50%)}
.cs-family-link-card:nth-child(3n+2) img{border-radius:3px;clip-path:inset(0 round 3px)}
.cs-family-link-card:nth-child(3n) img{border-radius:50%;aspect-ratio:1;object-fit:cover}

/* Mobile counts belong to the record list and room headings, outside the art.
   Keep each record's accessible description and unread outline available. */
@media(max-width:820px){
 .record-update-badge{width:1px!important;min-width:0!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%)!important;box-shadow:none!important}
 .record-update-badge:after{display:none!important}
}