/* "Last refreshed" indicator. State is shown by icon shape and label as well as colour. */
.fresh{--fc:#355748;--fb:#e5ece5;--fl:#afc2b2;display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;font:13px/1.45 Arial,Helvetica,sans-serif;color:#252a26}
.fresh-stale{--fc:#7d622e;--fb:#eee6d4;--fl:#cebf9e}
.fresh-old{--fc:#963f31;--fb:#f1e3dc;--fl:#d9b2a5}
.fresh-badge{display:inline-flex;align-items:center;gap:6px;color:var(--fc);background:var(--fb);border:1px solid var(--fl);border-radius:999px;padding:3px 10px 3px 7px;font:500 12px/1.4 Arial,sans-serif;white-space:nowrap}
.fresh-badge svg{width:14px;height:14px;flex:none}
.fresh-k{font:400 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#59564d}
.fresh time{font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}
.fresh-rel{color:var(--fc);font-weight:500}
.fresh-sep{color:#9a978a}

/* hero banner */
.fresh-wrap{border-bottom:1px solid #b9b7ac;padding:10px 0 12px;margin-bottom:28px}
.fresh:not(.fresh-sm){padding:0}
.fresh:not(.fresh-sm) .fresh-badge{font-size:12.5px;padding:5px 12px 5px 9px}
.fresh:not(.fresh-sm) .fresh-badge svg{width:16px;height:16px}
.fresh-body{flex:1 1 320px;min-width:0}
.fresh-line{margin:0;font-size:14px}
.fresh-line.fresh-sub{margin-top:2px;font-size:13px}
.fresh:not(.fresh-sm) time{font-size:14px}
.fresh-note{margin:0;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#6b675d;margin-left:auto}

/* compact strip under the nav */
.fresh-strip{padding-block:8px 10px;border-bottom:1px solid #d3d1c6}
.fresh-sm{font-size:12px;gap:6px 10px}
.fresh-sm .fresh-badge{font-size:11px;padding:1px 8px 1px 5px}
.fresh-sm .fresh-badge svg{width:12px;height:12px}
.fresh-inline{display:inline-flex;flex-wrap:wrap;gap:4px 8px;font:inherit}
footer .fresh-inline{font:12px/1.6 Arial,Helvetica,sans-serif;color:#454545}
footer .fresh-inline .fresh-badge{font-size:11px}

@media(max-width:560px){
  .fresh-note,.fresh-sep{display:none}
  .fresh-body{flex-basis:100%}
  .fresh:not(.fresh-sm){gap:8px}
  .fresh-line{font-size:13px}
  .fresh-strip .fresh-k:not(.fresh-kf),.fresh-strip .fresh-sep{display:none}
}
