.independent-notice { border-top: 2px solid #d7b56d; grid-column: 1 / -1; margin-top: .5rem; padding-top: 1.25rem; }
.independent-notice > strong { color: #f4d795; display: block; font-size: 1rem; letter-spacing: .04em; }
.independent-notice p { max-width: 1000px; }
.independent-notice a { display: inline-block; font-weight: 700; }
.civic-jump { background: #f7f1e5; border-bottom: 1px solid #d5d9d6; display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); padding: 0 max(5%, calc((100% - var(--max)) / 2)); }
.civic-jump-intro { background: #102f46; color: #fff; grid-column: 1 / -1; padding: .85rem 1.2rem; }
.civic-jump-intro strong, .civic-jump-intro span { display: block; }
.civic-jump-intro strong { color: #f4d795; font-family: Georgia, serif; font-size: 1.15rem; }
.civic-jump-intro span { color: #fff; font-size: .9rem; margin-top: .15rem; }
.civic-jump a { background: #fffdfa; color: #102f46; padding: 1rem 1.2rem; text-decoration: none; }
.civic-jump a:hover { background: #fff8e8; box-shadow: inset 0 -4px #b78a42; }
.civic-jump strong, .civic-jump span { display: block; }
.civic-jump strong { font-family: Georgia, serif; font-size: 1.08rem; }
.civic-jump span { color: #52626c; font-size: .8rem; margin-top: .15rem; }
@media (max-width: 850px) { .civic-jump { grid-template-columns: 1fr; padding: 0; } .civic-jump a { border-bottom: 1px solid #d5d9d6; } }
@media print { .independent-notice { border: 1px solid #000; display: block !important; padding: .75rem; } }