/* Support and Contact pages: plain help on the same calm shell as /start and 404. */
.help-main { align-items: start; }
.help-screen { max-width: 44rem; width: 100%; margin: 0 auto; gap: 1rem; }
.help-screen a:not(.fr-primary) { color: var(--rm-accent, #69e2dd); }
.help-list { display: grid; gap: .6rem; margin-top: 1.25rem; }
.help-list details { border: 1px solid rgba(255, 255, 255, .1); border-radius: 14px; background: rgba(255, 255, 255, .03); padding: .2rem 1rem; }
.help-list summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; color: #fff; }
.help-list summary:focus-visible { outline: 2px solid rgba(105, 226, 221, .6); outline-offset: 2px; border-radius: 8px; }
.help-list p { margin: 0 0 .9rem; color: rgba(255, 255, 255, .78); line-height: 1.55; }
.help-cards { list-style: none; margin: .5rem 0 1rem; padding: 0; display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.help-cards li { display: grid; gap: .35rem; align-content: start; padding: 1rem; border: 1px solid rgba(255, 255, 255, .1); border-radius: 16px; background: rgba(255, 255, 255, .03); }
.help-cards strong { color: #fff; }
.help-cards p { margin: 0; color: rgba(255, 255, 255, .74); line-height: 1.5; }
.help-legal { font-size: .85rem; opacity: .8; }
.help-foot { display: grid; gap: .4rem; justify-items: center; padding: 2rem 1rem 2.5rem; color: rgba(255, 255, 255, .6); font-size: .875rem; text-align: center; }
.help-foot a { color: rgba(255, 255, 255, .78); }
.help-screen > .fr-step-value { font-size: 1.0625rem; line-height: 1.55; color: rgba(255, 255, 255, .8); max-width: 38rem; text-wrap: pretty; }
.help-screen h1 { text-wrap: balance; }
.help-cards li { justify-items: start; text-align: left; }
.help-cards a { justify-self: start; margin-top: .25rem; font-weight: 650; }
.help-list details[open] { border-color: rgba(105, 226, 221, .28); }
@media (hover: hover) { .help-list details:hover, .help-cards li:hover { border-color: rgba(255, 255, 255, .18); } }