/* Loaded only by the troubleshooting chapter. */
.download-selector { margin-top: 29px; padding: 25px 26px; border: 1px solid #cddbc3; border-radius: 5px; background: #f3f6eb; }
.selector-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.selector-heading h2 { font-size: 27px; }
.selector-mode { margin-top: 4px; padding: 4px 8px; font-size: 9px; line-height: 1.6; color: #6d855e; border: 1px solid #d5e1ca; border-radius: 3px; white-space: nowrap; }
.selector-description { max-width: 830px; font-size: 12px; line-height: 1.95; color: #61765b; margin-top: 12px; }
.selector-controls { display: flex; align-items: flex-end; gap: 17px; margin-top: 23px; }
.selector-field { flex: 1 1 0; min-width: 0; }
.selector-field label { display: block; font-size: 11px; font-weight: 500; color: #4d6845; margin-bottom: 7px; }
.selector-field select { font: inherit; font-size: 12px; color: #3d5e34; display: block; width: 100%; min-width: 0; height: 43px; padding: 8px 30px 8px 11px; background: #fffef8; border: 1px solid #b9cdaa; border-radius: 4px; }
.selector-field select:focus-visible, .selector-result summary:focus-visible { outline: 3px solid #79a58e; outline-offset: 4px; }
.selector-reset { border: 1px solid #c1d2b4; border-radius: 4px; background: transparent; color: #58754c; padding: 9px 12px; min-height: 43px; font-size: 11px; white-space: nowrap; }
.selector-reset:disabled { color: #7f8c77; border-color: #d1dbc8; opacity: .7; }
.selector-status { min-height: 22px; color: #6a805e; font-size: 11px; line-height: 1.85; margin-top: 16px; }
.selector-noscript { color: #6d805e; font-size: 11px; padding: 10px 0; }
.selector-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 10px; margin-top: 14px; }
.selector-result { background: #fffef9; border: 1px solid #d4dfc9; border-radius: 4px; min-width: 0; }
.selector-result[open] { grid-column: 1 / -1; border-color: #b7cda7; }
.selector-result summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; color: #58714d; font-size: 11px; line-height: 1.85; cursor: pointer; }
.selector-result summary::-webkit-details-marker { display: none; }
.selector-result summary strong { font-weight: 550; color: #355a35; }
.selector-separator { color: #bccab2; margin: 0 4px; }
.selector-expand { flex-shrink: 0; color: #7a936a; font-size: 19px; font-weight: 350; line-height: 1; }
.selector-result[open] .selector-expand { transform: rotate(45deg); }
.selector-result-body { padding: 2px 19px 19px; border-top: 1px solid #e0e8d7; }
.selector-result-body h3 { margin-top: 18px; font-size: 13px; font-weight: 550; color: #426038; }
.selector-result-body > p, .selector-failure > p { margin-top: 7px; font-size: 13px; line-height: 1.95; color: #677d5a; }
.selector-failure { border-left: 2px solid #c5d5b8; padding: 0 0 0 14px; margin-top: 18px; }
.selector-failure h3 { margin-top: 0; }
.selector-links { display: flex; flex-wrap: wrap; gap: 9px 21px; margin: 21px 0 0; padding: 15px 0 0; list-style: none; border-top: 1px solid #e1e8d9; }
.selector-links a { color: #527446; font-size: 11px; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: #c1d1b5; }
.selector-links a:hover { text-decoration-color: currentColor; }
@media (max-width: 760px) {
  .download-selector { padding: 22px; }
  .selector-heading { display: block; }
  .selector-mode { display: inline-block; margin-top: 10px; }
  .selector-results { grid-template-columns: 1fr; }
  .selector-controls { flex-wrap: wrap; gap: 14px; }
  .selector-field { flex-basis: calc(50% - 7px); }
  .selector-reset { min-height: 38px; padding: 7px 12px; }
}
@media (max-width: 480px) {
  .download-selector { margin-top: 25px; padding: 20px 17px; }
  .selector-heading h2 { font-size: 24px; }
  .selector-description { font-size: 12px; }
  .selector-controls { display: block; margin-top: 20px; }
  .selector-field + .selector-field { margin-top: 15px; }
  .selector-field select { font-size: 16px; height: 45px; padding-right: 25px; }
  .selector-reset { margin-top: 13px; }
  .selector-result summary { padding: 13px 12px; }
  .selector-result-body { padding: 2px 14px 17px; }
  .selector-result-body > p, .selector-failure > p { font-size: 13px; }
  .selector-status { font-size: 11px; }
  .selector-links { display: block; }
  .selector-links li + li { margin-top: 8px; }
}