/* Personal keepsakes share the archive's open, gold and cyan presentation. */
button.tudastar-list-item { width:100%; font:inherit; text-align:left; }
.tudastar-list-item img.tudastar-list-keepsake { object-fit:contain; border:0; background:transparent; box-shadow:none; border-radius:0; }
.tudastar-list-item:focus-visible,.tudastar-keepsake-entry a:focus-visible { outline:2px solid var(--tup-cyan,#62d7ec); outline-offset:3px; }
.tudastar-keepsake-header { align-items:center; }
.tudastar-keepsake-header .tudastar-detail-titles { min-width:0; flex:1; }
.tudastar-keepsake-header h1 { overflow-wrap:anywhere; }
.tudastar-keepsake-art { position:relative; display:grid; place-items:center; flex:0 0 clamp(140px,18vw,270px); width:clamp(140px,18vw,270px); aspect-ratio:1; background:radial-gradient(ellipse,#bca46c18,transparent 68%); }
.tudastar-keepsake-art::before { content:''; position:absolute; inset:10%; border:1px solid #d2b77c38; border-radius:50%; }
.tudastar-keepsake-art img { position:relative; width:90%; height:90%; object-fit:contain; filter:drop-shadow(0 10px 18px #0006); }
.tudastar-keepsake-kicker { display:block; margin-bottom:12px; color:var(--tup-cyan,#62d7ec); font:600 12px/1.5 Montserrat,sans-serif; letter-spacing:.13em; }
.tudastar-keepsake-hero { display:inline-flex; align-items:center; gap:10px; margin-top:14px; color:#e4d3ad; font:500 13px/1.5 Montserrat,sans-serif; text-decoration:none; }
.tudastar-keepsake-hero img { width:38px; height:38px; border:1px solid #d2b77c77; border-radius:50%; object-fit:cover; }
.tudastar-keepsake-bonus { display:flex; flex-direction:column; gap:8px; margin:18px 0; padding:8px 0 8px 18px; border-left:2px solid #8acfc3; color:#a7c3c7; font:13px/1.5 Montserrat,sans-serif; }
.tudastar-keepsake-bonus>span { color:#b8dfd4; font-weight:500; }
.tudastar-keepsake-bonus>strong { color:#f1ddb4; font-size:clamp(24px,2vw,34px); font-weight:500; }
.tudastar-keepsake-bonus strong small { padding:0 10px; color:#91cbbb; font-weight:400; }
.tudastar-keepsake-facts { margin:18px 0; }
.tudastar-keepsake-facts dd { margin:6px 0 0; }
.tudastar-keepsake-wish { display:inline-block; margin-top:12px; padding:10px 0; border-bottom:1px solid #c3b08466; color:#e4d3ad; text-decoration:none; font:500 13px/1.5 Montserrat,sans-serif; }
.tudastar-keepsake-family { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px 18px; }
.tudastar-keepsake-family>a { position:relative; display:flex; flex-direction:column; align-items:center; gap:9px; min-width:0; padding:14px 5px; border-bottom:1px solid #a6c5ce25; color:#becbd4; text-decoration:none; transition:color .2s,background .2s,border-color .2s; }
.tudastar-keepsake-family>a>span { align-self:flex-start; color:#91bdbb; font:500 10px/1 Montserrat,sans-serif; letter-spacing:.1em; }
.tudastar-keepsake-family img { width:100%; max-width:110px; aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 6px 9px #0006); }
.tudastar-keepsake-family strong { font:500 11px/1.6 Montserrat,sans-serif; text-align:center; overflow-wrap:anywhere; }
.tudastar-keepsake-family>a:hover,.tudastar-keepsake-family>a[aria-current] { color:#f1ddb4; border-color:#d2b77c99; background:radial-gradient(ellipse at 50% 35%,#d2b77c13,transparent 72%); }
@media(max-width:640px) { .tudastar-keepsake-header { flex-direction:column; }.tudastar-keepsake-art { flex-basis:auto;width:200px; }.tudastar-keepsake-family { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 15px; } }
@media(prefers-reduced-motion:reduce) { .tudastar-keepsake-family>a { transition:none; } }