.retention-report-readings{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.retention-report-readings h4{font-size:17px;margin:0 0 10px}.retention-report-readings>p{max-width:90ch}
.retention-counting-guide,.retention-reading-history{padding:14px 16px;background:#f7f9fd;border:1px solid var(--line);border-radius:12px;margin:14px 0}
.retention-counting-guide summary,.retention-reading-history summary{cursor:pointer;font-weight:650;line-height:1.5}
.retention-counting-guide ol{padding-left:22px}.retention-counting-guide li{margin:10px 0;max-width:90ch}
.retention-reading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;list-style:none;margin:18px 0}
.retention-reading-card{min-width:0;border:1px solid var(--line);border-top:4px solid #b7c3d6;border-radius:12px;padding:16px;overflow-wrap:anywhere;background:#fff}
.retention-reading-card h5{font-size:16px;margin:0 0 8px}.retention-reading-card p{margin:12px 0;font-size:13px}
.retention-reading-heading{min-height:76px}.retention-reading-card .pill{white-space:normal;text-align:left;max-width:100%;font-size:12px}
.retention-reading-count{display:block;font-size:28px;line-height:1.3}.retention-reading-count small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}
.retention-reading-card.retention-red{border-top-color:var(--red)}.retention-reading-card.retention-amber{border-top-color:var(--amber)}.retention-reading-card.retention-green{border-top-color:var(--green)}
.retention-reading-card .btn{margin-top:8px;max-width:100%;white-space:normal;min-height:44px}
.retention-reading-history article{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.retention-reading-history p{margin:6px 0;overflow-wrap:anywhere}
.retention-three-stages .pill{white-space:normal;max-width:100%;text-align:left}.retention-three-stages .expiry-stage{gap:12px}
.retention-month-progress{display:block;width:100%;height:12px;margin-bottom:20px;accent-color:var(--blue)}
.retention-advisory{padding:14px 16px;border-left:4px solid var(--amber);background:var(--amber-soft);border-radius:8px}
.expiry-v29-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.expiry-v29-preview{padding:16px;background:#f7f9fd;border:1px solid var(--line);border-radius:12px}
.expiry-v29-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.expiry-v29-fields label{min-width:0}
@media(max-width:720px){.retention-reading-grid{grid-template-columns:1fr}.retention-reading-heading{min-height:0;margin-bottom:16px}.retention-reading-card{padding:16px}.retention-report-readings h4{font-size:17px}.retention-report-readings>p,.retention-counting-guide,.retention-report-readings .page-note{font-size:14px;line-height:1.65}.retention-three-stages .expiry-stage{display:flex;align-items:flex-start;flex-direction:column}.expiry-v29-fields,.expiry-v29-comparison{grid-template-columns:1fr}.expiry-v29-fields input{min-height:44px}.retention-report-readings .text-btn{min-height:44px;white-space:normal;text-align:left}}
