/* Feature Requests page (/feature-requests/ in every language). */
.fr-page { max-width: 760px; padding: 0 1.25rem 3rem; }
.fr-vote { margin-bottom: 2.5rem; padding: 1.75rem; border: 1px solid #f1e6c4; border-radius: 20px; background: #fffaeb; }
.fr-vote h2 { margin-bottom: .5rem; color: #1d1d1f; font-size: 22px; font-weight: 700; }
.fr-vote p { margin-bottom: 1.25rem; color: #3a3a3c; font-size: 17px; line-height: 1.6; }
.fr-vote .button img { margin-right: .5rem; }
.fr-meta { margin: 1.25rem 0; color: #6e6e73; font-size: 14px; line-height: 1.6; }
.fr-meta a { color: #9a6b00; text-decoration: underline; }
.fr-section + .fr-section { margin-top: 3rem; }
.fr-section-title { margin-bottom: 1.1rem; color: #1d1d1f; font-size: 26px; font-weight: 700; }
.fr-card { display: flex; gap: 1.4rem; margin-bottom: 1rem; padding: 1.5rem; border: 1px solid #ececf0; border-radius: 20px; background: #fff; }
.fr-votes { flex: 0 0 64px; align-self: flex-start; padding: .7rem .25rem; border-radius: 14px; background: #fdf1cc; text-align: center; }
.fr-votes strong { display: block; color: #1d1d1f; font-size: 24px; font-weight: 700; line-height: 1.2; }
.fr-votes span { color: #6e6e73; font-size: 13px; }
.fr-copy { min-width: 0; overflow-wrap: anywhere; }
.fr-copy h3 { margin: .6rem 0 .4rem; color: #1d1d1f; font-size: 20px; font-weight: 600; line-height: 1.3; }
.fr-copy p { color: #6e6e73; font-size: 16px; line-height: 1.6; }
.fr-status { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #f2f2f5; color: #4a4a50; font-size: 12px; font-weight: 600; }
.fr-status--planned { background: #edf2ff; color: #344d89; }
.fr-status--shipped { background: #eaf5ee; color: #276342; }
@media (max-width: 600px) {
    .fr-vote { padding: 1.25rem; }
    .fr-card { gap: 1rem; padding: 1.1rem; }
    .fr-votes { flex-basis: 50px; }
    .fr-copy h3 { font-size: 18px; }
}
.fr-hero .header-title { overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; }