/* help desk page (on top of site.css) */
.hp-small { margin-top: 14px; font-size: 14px; color: var(--grey); }
.hp-small a { color: var(--white); text-underline-offset: 3px; }
.hp-order { margin-bottom: 8px; }
.hp-facts { display: grid; grid-template-columns: 1fr; gap: 3px; margin-top: 18px; }
.hp-facts dd + dt { margin-top: 10px; }
.hp-facts dt { font: 400 10px/1.7 var(--f-pixel); text-transform: uppercase; color: var(--grey); padding-top: 2px; }
.hp-facts dd { font: 500 15px/1.45 var(--f-body); color: var(--white); overflow-wrap: anywhere; }
.hp-h2 { margin: 36px 0 14px; font: 400 34px/.95 var(--f-display); text-transform: uppercase; }
.hp-fixes { list-style: none; display: grid; gap: 10px; }
.hp-fix { display: block; width: 100%; text-align: left; padding: 16px 18px; border-radius: 16px; background: var(--ink-2); border: 1px solid var(--line); color: var(--grey-2); text-decoration: none; font: 500 15px/1.5 var(--f-body); cursor: pointer; transition: border-color .15s, transform .15s var(--ease-out); }
.hp-fix b { display: block; margin-bottom: 4px; font: 400 21px/1 var(--f-display); text-transform: uppercase; color: var(--white); }
.hp-fix:hover, .hp-fix:focus-visible { border-color: var(--volt); }
.hp-fix:active { transform: translateY(1px); }
.hp-ask { margin-top: 26px; scroll-margin-top: 90px; }
.hp-text { min-height: 150px; resize: vertical; line-height: 1.5; }
.hp-done { margin-top: 18px; padding: 18px; border-radius: 14px; background: var(--ink); border: 1px solid var(--volt); }
.hp-done-kicker { font: 400 10px/1.6 var(--f-pixel); text-transform: uppercase; color: var(--volt); }
.hp-done-title { margin-top: 8px; font: 400 30px/1 var(--f-display); text-transform: uppercase; }
.hp-done-text { margin-top: 10px; color: var(--grey-2); font-size: 15px; }
.js-ask-msg a { color: var(--volt); }
@media (min-width: 600px) {
  .hp-facts { grid-template-columns: auto 1fr; gap: 10px 18px; }
  .hp-facts dd + dt { margin-top: 0; }
}
@media (min-width: 900px) {
  .hp-h2 { font-size: 44px; }
  .hp-fixes { grid-template-columns: 1fr 1fr; }
}