/* The help page. States its own colours: it sits on whatever theme the site runs. */
.hd-ask { max-width: 40rem; margin: 0 auto; color: #5b5b5b; line-height: 1.6; color-scheme: light; }
.hd-ask h2 { color: rgba(1,22,39,1); }
.hd-ask h2 { margin: 0 0 .5rem; }
.hd-ask label { display: block; margin: .75rem 0; font-weight: 600; font-size: .95rem; }
.hd-ask input[type="text"], .hd-ask input[type="email"], .hd-ask select, .hd-ask textarea {
    display: block; width: 100%; box-sizing: border-box; margin-top: .3rem; padding: .6rem .7rem;
    font: inherit; font-weight: 400; background: #fff; color: #1e1e1e; border: 1px solid #c8c8c8; border-radius: .35rem; }
.hd-ask-code { max-width: 10rem; font-size: 1.4rem !important; letter-spacing: .3em; }
.hd-ask-btn { display: inline-block; min-height: 44px; padding: .6rem 1.3rem; border-radius: 6px; border: 1px solid rgb(67,132,186);
    background: #fff; color: rgb(67,132,186); font: inherit; font-weight: 600; cursor: pointer; }
.hd-ask-primary { background: rgb(67,132,186); color: #fff !important; }
.hd-ask-primary:hover { background: rgb(47,112,166); border-color: rgb(47,112,166); }
.hd-ask-btn:disabled { opacity: .55; cursor: default; }
.hd-ask-link { background: none; border: 0; padding: 0; color: rgb(67,132,186); text-decoration: underline; cursor: pointer; font: inherit; }
.hd-ask-note, .hd-ask-who, .hd-ask-family { font-size: .9rem; color: #555; }
.hd-ask-family { color: #1d6b2c; }
.hd-ask-msg { min-height: 1.3rem; font-weight: 600; color: #a4262c; }
.hd-ask-msg.is-ok { color: #1d6b2c; }
.hd-ask-types { border: 0; padding: 0; margin: 1rem 0; }
.hd-ask-types legend { font-weight: 600; margin-bottom: .4rem; }
.hd-ask-type { display: flex !important; gap: .6rem; align-items: flex-start; margin: .4rem 0 !important; padding: .6rem .75rem;
    border: 1px solid #ddd; border-radius: .4rem; background: #fff; cursor: pointer; font-weight: 400 !important; }
.hd-ask-type:has(input:checked) { border-color: rgb(67,132,186); box-shadow: inset 3px 0 0 rgb(67,132,186); }
.hd-ask-type input { margin-top: .3rem; }
.hd-ask-type small { display: block; color: #666; font-size: .85rem; }
.hd-ask-done { padding: 1rem 1.2rem; border: 1px solid #a7d7b0; background: #effaf1; border-radius: .5rem; }
