.notice.freshness{display:block;padding:12px 16px;border:1px solid #2c4361;border-left:3px solid #80baff;background:linear-gradient(115deg,#142236,#111923 72%);border-radius:12px}
.freshness-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.freshness .freshness-badge{display:inline-flex;align-items:center;justify-content:center;min-width:80px;flex:none;padding:8px 11px;border-radius:9px;background:#213d61;border:1px solid #3e6491;color:#c8e2ff;font-size:.75rem;letter-spacing:.045em;font-weight:700;line-height:1.3}
.freshness .freshness-copy{flex:1;min-width:180px}
.freshness .freshness-copy strong{display:block;color:#d6e6fa;font-weight:600;font-size:.875rem;line-height:1.6}
.freshness .sync-line{display:block;color:#a2b4cc;font-size:.75rem;line-height:1.65}
.freshness details{flex-basis:100%;border-top:1px solid #2b3d53;padding-top:9px;margin-top:-3px}
.freshness summary{display:flex;align-items:center;gap:12px;justify-content:space-between;cursor:pointer;list-style:none;font-size:.75rem;color:#9bcaff;min-height:28px}
.freshness summary::-webkit-details-marker{display:none}
.freshness summary .freshness-toggle::after{content:' ＋';font-weight:700}
.freshness details[open] summary .freshness-toggle::after{content:' −'}
.freshness .freshness-state{font-size:.75rem;color:#c5b78f}
.freshness #refreshDetail{font-size:.8125rem;line-height:1.75;color:#b3c4d9;max-width:900px;margin:9px 0 3px}
@media(max-width:600px){.notice.freshness{padding:11px 13px}.freshness-head{gap:10px}.freshness .freshness-badge{min-width:68px;padding:8px;font-size:.75rem}.freshness .freshness-copy{min-width:160px}.freshness summary{gap:8px;flex-wrap:wrap}.freshness .freshness-copy strong{font-size:.8125rem}}
@media print{.freshness details{display:none}.notice.freshness{background:#fff;color:#172a43;border-color:#a3bad5}.freshness .freshness-copy strong,.freshness .sync-line{color:#263f5e}}