/* Compact dated notice follows the sticky navigation without increasing its height. */
.cost-notice{background:#9cddd6;color:#102c38;border-bottom:1px solid #83c6be}.cost-notice>.wrap{display:flex;align-items:center;justify-content:center;gap:24px;min-height:42px;padding-top:9px;padding-bottom:9px;text-decoration:none;font-size:12px;line-height:1.5}.cost-notice-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;border-right:1px solid #5b9d99;padding-right:24px;white-space:nowrap}.cost-notice-dates>span{padding:0 10px}.cost-notice-link{font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.cost-notice a:hover .cost-notice-link{text-decoration-thickness:2px}.cost-notice a:focus-visible{outline-offset:-4px}
@media(max-width:700px){.cost-notice>.wrap{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding-top:10px;padding-bottom:10px;font-size:11px}.cost-notice-label{border:0;padding:0;font-size:9px}.cost-notice-dates{grid-column:1/-1;grid-row:2;max-width:100%;font-size:10px}.cost-notice-dates>span{padding:0 4px}.cost-notice-link{grid-column:2;grid-row:1}}
@media print{.cost-notice{display:none}}

@media(max-width:700px){.cost-notice-dates{line-height:1.7}.cost-notice>.wrap:has(> .cost-notice-label):not(a){grid-template-columns:1fr}.cost-notice-dates strong{white-space:nowrap}}

/* Fee percentage names its exact basis; no implication that every fee rises equally. */
.cost-notice-basis{display:block;font-size:10px;line-height:1.5;margin-top:3px;color:#254e54}.cost-notice-dates strong{white-space:nowrap}
@media(max-width:700px){.cost-notice-basis{font-size:10px;margin-top:5px}.cost-notice-dates{font-size:11px}}