.retention-center{scroll-margin-top:20px}.retention-boundary{margin:18px 0;padding:16px 18px;border:1px solid light-dark(#e6c878, var(--web-border));border-radius:12px;background:light-dark(#fff9e9, var(--web-warning-surface));color:light-dark(#5f4a16, var(--web-warning))}.retention-boundary p{margin:5px 0 0;line-height:1.5}.retention-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.retention-summary article{padding:14px;border:1px solid light-dark(#e4e8f1, var(--web-border));border-radius:12px;background:light-dark(#f8faff, var(--web-surface-subtle))}.retention-summary small{display:block;color:light-dark(#64708a, var(--web-muted))}.retention-summary strong{display:block;margin-top:6px;font-size:1.45rem}.retention-list{display:grid;gap:12px}.retention-record{padding:17px;border:1px solid light-dark(#e1e6ef, var(--web-border));border-radius:13px;background:light-dark(#fff, var(--web-surface))}.retention-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.retention-record h3{margin:0 0 4px}.retention-record dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.retention-record dl div{padding:10px 12px;border-radius:9px;background:light-dark(#f6f8fc, var(--web-surface-subtle))}.retention-record dt{font-size:.75rem;color:light-dark(#68748a, var(--web-muted))}.retention-record dd{margin:4px 0 0;font-weight:650}.retention-note{color:light-dark(#536078, var(--web-muted));line-height:1.45}.retention-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:760px){.retention-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.retention-summary,.retention-record dl{grid-template-columns:1fr}.retention-record-heading{align-items:flex-start;flex-direction:column}.retention-actions button{width:100%}}
