.equipment-help-body {
    color-scheme: dark;
    --ink: #f0f1f5;
    --muted: #a8adba;
    --dim: #888f9e;
    --line: #292d36;
    --blue-soft: #92b3ff;
    --red: #d52b43;
    --red-hot: #e53c55;
    background: #090b0e;
    color: var(--ink);
    font-family: "CM Instrument", "Segoe UI", sans-serif;
    letter-spacing: 0;
}
.equipment-help-body::selection { background: #354a75; color: white; }
.equipment-help-body .site-header {
    background: #0e1117;
    border-bottom: 1px solid #292d36;
    backdrop-filter: none;
}
.equipment-help-body .nav-shell { max-width: 1488px; min-height: 82px; padding: 0 36px; }
.equipment-help-body .brand { gap: 15px; font-weight: 600; }
.equipment-help-body .brand img {
    width: 108px;
    filter: none;
    mix-blend-mode: normal;
}
.equipment-help-body .brand span { padding-left: 15px; border-color: #373c48; color: #f2f3f7; font-size: 20px; }
.equipment-help-body .nav-links { gap: 30px; font-size: 13px; font-weight: 500; color: #9ba2b2; align-self: stretch; }
.equipment-help-body .nav-links a { display: inline-flex; align-items: center; position: relative; min-height: 42px; }
.equipment-help-body .nav-links a[aria-current="page"] { color: #e3ebff; }
.equipment-help-body .nav-links a[aria-current="page"]::after { content: ""; position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background: #6594ff; }
.equipment-help-body .nav-actions { gap: 22px; font-size: 13px; font-weight: 500; }
.equipment-help-body .login-link { color: #c8cdd8; }
.equipment-help-body .button {
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    min-height: 46px;
    border-radius: 6px;
    padding: 12px 17px;
    gap: 10px;
    white-space: normal;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08);
    transition: background-color .18s, border-color .18s, box-shadow .18s;
}
.equipment-help-body .button-primary { background: #c5283e; border-color: #e64356; color: #fff; }
.equipment-help-body .button-primary:hover { background: #df324b; border-color: #ff6d7d; box-shadow: 0 4px 22px #c5283e20; }
.equipment-help-body .button-secondary { background: #171c27; border-color: #3b4a68; color: #d5e2ff; }
.equipment-help-body .button-secondary:hover { background: #1e2940; border-color: #7196df; }
.eh-icon { display: inline-block; width: 20px; height: 20px; flex: 0 0 20px; vertical-align: middle; }
.equipment-help-body :focus-visible { outline: 2px solid #91b2ff; outline-offset: 4px; }
.eh-shell { max-width: 1488px; padding: 38px 36px 0; margin: 0 auto; }
.eh-shell h1 { font-size: 42px; font-weight: 600; line-height: 1.15; max-width: none; }
.eh-shell h1 span { color: #acb4c8; }
.eh-shell h2 { font-size: 24px; font-weight: 600; line-height: 1.25; }
.eh-shell h3 { font-size: 20px; font-weight: 600; line-height: 1.3; }
.eh-shell p { line-height: 1.6; }
.eh-shell a:not(.button):hover { color: #fff; }
.eh-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 32px; }
.eh-heading .eyebrow { display: flex; align-items: center; gap: 10px; color: #9da8bd; margin-bottom: 12px; font-size: 11px; font-weight: 500; }
.eh-heading .eyebrow::before { content: ""; width: 23px; height: 2px; background: #dc384e; }
.eh-phone { display: flex; align-items: center; gap: 14px; text-decoration: none; color: #e5e8f0; font-weight: 500; font-size: 18px; padding: 12px 0 12px 22px; border-left: 1px solid #353b48; }
.eh-phone > .eh-icon:first-child { color: #7d9fd8; }
.eh-phone > .eh-icon:last-child { width: 16px; color: #798293; }
.eh-phone small { display: block; color: #8f98aa; font-size: 12px; font-weight: 400; margin-bottom: 5px; }
.eh-search { display: grid; grid-template-columns: minmax(250px, 2fr) minmax(170px, 1fr) minmax(170px, 1fr) auto; gap: 14px; align-items: end; padding: 24px 0; border-top: 1px solid #292e38; border-bottom: 1px solid #292e38; }
.eh-shell label { display: grid; gap: 10px; font-size: 12px; font-weight: 500; color: #b0b7c6; min-width: 0; }
.eh-shell input, .eh-shell select, .eh-shell textarea { min-width: 0; width: 100%; border: 1px solid #353c49; background: #11151c; color: #e8ebf3; border-radius: 6px; padding: 13px 14px; font: inherit; font-size: 15px; min-height: 50px; transition: border-color .18s, background-color .18s, box-shadow .18s; }
.eh-shell input:hover, .eh-shell select:hover, .eh-shell textarea:hover { border-color: #536079; }
.eh-shell input:focus, .eh-shell select:focus, .eh-shell textarea:focus { outline: none; border-color: #648ddc; box-shadow: 0 0 0 3px #557cb21c; background: #151a23; }
.eh-shell input::placeholder, .eh-shell textarea::placeholder { color: #7f899d; opacity: 1; font-weight: 400; }
.eh-shell textarea { min-height: 124px; resize: vertical; }
.eh-shell small { font-weight: 400; color: #969fb0; }
.eh-input-wrap { display: block; position: relative; min-width: 0; }
.eh-input-wrap > .eh-icon { position: absolute; left: 15px; top: 15px; color: #8399bb; pointer-events: none; }
.eh-input-wrap input { padding-left: 46px; }
.equipment-help-body .eh-search-button { min-height: 50px; background: #3265cb; border-color: #628de5; padding: 12px 22px; }
.equipment-help-body .eh-search-button:hover { background: #4278e1; border-color: #9bbcff; }
.eh-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 29px 0 42px; }
.eh-workspace.has-selection { grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); }
.eh-section-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.eh-section-head h2 { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.eh-section-head h2 > .eh-icon { color: #8b9ab5; width: 17px; height: 17px; flex-basis: 17px; }
.eh-section-head h2 span { font: 11px ui-monospace, "Cascadia Mono", Consolas, monospace; color: #9ba8c0; padding: 4px 7px; border-left: 1px solid #3e4756; }
.eh-section-head a { font-size: 12px; font-weight: 500; color: #a6b5ce; text-decoration: none; }
.eh-reset { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; }
.eh-reset .eh-icon { width: 14px; height: 14px; flex-basis: 14px; }
.eh-equipment-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.has-selection .eh-equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eh-equipment { position: relative; background: #12151b; border: 1px solid #2c323d; border-radius: 7px; text-decoration: none; padding: 18px 19px 14px; min-height: 196px; display: flex; flex-direction: column; box-shadow: inset 0 1px #ffffff05; transition: background-color .2s, border-color .2s, transform .2s; }
.eh-equipment:hover { border-color: #5a78a8; background: #191f29; transform: translateY(-2px); }
.eh-equipment.is-selected { border-color: #7599e5; box-shadow: inset 3px 0 #709bff; background: #181f2e; }
.eh-equipment-top { display: flex; align-items: center; gap: 10px; min-height: 32px; margin-bottom: 18px; }
.eh-category-icon { display: inline-flex; align-items: center; justify-content: center; color: #92b3f7; width: 33px; height: 33px; flex: 0 0 33px; }
.eh-category-icon[data-category="monitor"], .eh-category-icon[data-category="pump"] { color: #70c6bb; }
.eh-category-icon[data-category="transport"], .eh-category-icon[data-category="or"] { color: #c6b48c; }
.eh-category-icon[data-category="esu"], .eh-category-icon[data-category="surgical"] { color: #dd8d9a; }
.eh-category-icon .eh-icon { width: 26px; height: 26px; flex-basis: 26px; stroke-width: 1.4; }
.eh-make { color: #9aa8be; font-size: 12px; font-weight: 500; line-height: 1.4; }
.eh-card-arrow { margin-left: auto; color: #626d80; width: 17px; height: 17px; flex-basis: 17px; }
.eh-equipment:hover .eh-card-arrow { color: #bdd2ff; }
.eh-equipment h3 { overflow-wrap: anywhere; font-size: 22px; }
.eh-equipment p { font-size: 13px; margin: 6px 0 18px; color: #9ea7b8; }
.eh-meta { display: flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 12px; border-top: 1px solid #282e38; color: #929eb4; font-size: 11px; line-height: 1.5; }
.eh-meta .eh-icon { width: 13px; height: 13px; flex-basis: 13px; color: #697e9f; }
.eh-detail { padding: 0 0 24px 30px; border-left: 1px solid #3a4559; align-self: start; scroll-margin-top: 110px; }
.eh-detail .eyebrow { color: #8da9d7; font-size: 11px; font-weight: 500; margin: 0; }
.eh-profile-heading { display: flex; align-items: center; gap: 14px; margin-top: 28px; }
.eh-profile-heading h2 { font-size: 32px; overflow-wrap: anywhere; }
.eh-profile-heading .eh-category-icon { width: 44px; height: 44px; flex-basis: 44px; }
.eh-profile-heading .eh-icon { width: 36px; height: 36px; flex-basis: 36px; }
.eh-detail-section { border-top: 1px solid #2c3340; margin-top: 27px; padding-top: 24px; }
.eh-detail-section h3 { margin-bottom: 16px; font-size: 17px; }
.eh-detail-section p { font-size: 14px; }
.eh-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.eh-document { border-left: 2px solid #527fc6; padding: 2px 0 2px 16px; margin: 20px 0; }
.eh-document a { display: block; margin-top: 8px; font-weight: 500; line-height: 1.5; color: #afc9f8; overflow-wrap: anywhere; text-decoration-color: #55739e; text-underline-offset: 4px; }
.eh-document a .eh-icon { width: 15px; height: 15px; margin-left: 4px; }
.eh-document small { font-size: 11px; color: #7f90ab; }
.eh-document p { font-size: 12px; color: #959fb2; margin-bottom: 0; }
.eh-text-link, .eh-empty a { color: #a8c5fb; font-size: 13px; text-underline-offset: 4px; }
.eh-empty { padding: 32px 0; }
.eh-request { display: grid; grid-template-columns: minmax(230px, .65fr) minmax(0, 1.35fr); gap: 64px; border-top: 1px solid #414959; padding: 48px 0; scroll-margin-top: 110px; }
.eh-request-intro { align-self: start; max-width: 360px; }
.eh-support-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: #ef687e; border: 1px solid #6b3541; border-radius: 7px; margin-bottom: 24px; }
.eh-request-intro .eyebrow { color: #d47c8e; font-size: 11px; font-weight: 500; }
.eh-request-intro h2 { font-size: 32px; max-width: 270px; }
.eh-request-intro p, .eh-request-intro a { font-size: 14px; }
.eh-request-intro a { color: #a4bfe9; }
.eh-request-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; min-width: 0; }
.eh-request-form .full, .eh-request-form .error-state { grid-column: 1 / -1; }
.eh-shell .eh-caution { border-left: 2px solid #ad8f55; padding-left: 14px; color: #c6b48e; }
.eh-role-note { font-size: 13px; margin: 0; color: #9eb0ce; border-left: 2px solid #587bad; padding-left: 14px; }
.eh-field-note { font-size: 12px; margin: -10px 0 0; color: #9ba7ba; }
.eh-request-form .eh-check { display: flex; align-items: flex-start; gap: 12px; font-weight: 400; line-height: 1.5; }
.eh-request-form .eh-check input { width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; margin-top: 2px; accent-color: #487bdc; }
.eh-reference { overflow-wrap: anywhere; font-family: ui-monospace, Consolas, monospace; }
.eh-shell .success-state { color: #bce1d3; background: #13211c; border-color: #385c4d; border-radius: 6px; }
.eh-shell .error-state { color: #ffc7ce; background: #26171c; border: 1px solid #754551; border-radius: 6px; }
.eh-learning { display: grid; grid-template-columns: 240px minmax(0, 1fr); align-items: center; gap: 36px; border-top: 1px solid #313744; padding: 36px 0; }
.eh-learning img { width: 100%; height: auto; border-radius: 6px; }
.eh-learning .eyebrow { color: #8ba0c3; font-size: 11px; font-weight: 500; }
.eh-learning h2 { font-size: 25px; margin-bottom: 15px; }
.eh-learning a { color: #adc6f0; font-size: 14px; text-underline-offset: 4px; }
.eh-learning p { font-size: 13px; }
.equipment-help-body .site-footer { max-width: 1416px; font-size: 12px; border-color: #2c313b; }
.equipment-help-body .site-footer p { max-width: 430px; }
@media (prefers-reduced-motion: no-preference) {
    .eh-workspace { animation: eh-enter .35s ease-out both; }
    @keyframes eh-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
}
@media (max-width: 1150px) {
    .equipment-help-body .nav-shell { flex-wrap: wrap; gap: 12px; padding-top: 14px; padding-bottom: 0; }
    .equipment-help-body .nav-links { order: 3; width: 100%; overflow-x: auto; gap: 28px; }
    .eh-equipment-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .eh-search { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
    .eh-query { grid-column: 1 / -1; }
    .eh-workspace.has-selection { grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); }
    .has-selection .eh-equipment-grid { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
    .eh-shell { padding: 30px 24px 0; }
    .equipment-help-body .nav-shell { padding-left: 24px; padding-right: 24px; }
    .eh-heading { margin-bottom: 26px; }
    .eh-shell h1 { font-size: 36px; }
    .eh-workspace.has-selection { grid-template-columns: 1fr; }
    .has-selection .eh-detail { grid-row: 1; border-left: 0; border-bottom: 1px solid #3a4559; padding-left: 0; padding-bottom: 30px; }
    .eh-request { grid-template-columns: 1fr; gap: 28px; }
    .eh-request-intro { max-width: none; }
    .eh-request-intro h2 { max-width: none; font-size: 28px; }
    .eh-equipment-grid, .has-selection .eh-equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .eh-phone { display: none; }
    .eh-detail, .eh-request { scroll-margin-top: 150px; }
}
@media (max-width: 540px) {
    .equipment-help-body .nav-shell { padding: 12px 16px 0; gap: 8px; }
    .equipment-help-body .nav-actions { width: auto; margin-left: auto; font-size: 12px; gap: 12px; }
    .equipment-help-body .nav-actions .button { padding: 9px 11px; min-height: 42px; font-size: 12px; gap: 6px; }
    .equipment-help-body .nav-actions .eh-icon { width: 14px; height: 14px; flex-basis: 14px; }
    .equipment-help-body .brand { gap: 8px; }
    .equipment-help-body .brand img { width: 64px; }
    .equipment-help-body .brand span { display: inline; font-size: 16px; padding-left: 8px; }
    .equipment-help-body .nav-links { gap: 24px; font-size: 12px; white-space: nowrap; padding: 0; }
    .eh-shell { padding: 27px 16px 0; }
    .eh-shell h1 { font-size: 31px; }
    .eh-heading .eyebrow { font-size: 10px; gap: 8px; }
    .eh-heading { margin-bottom: 25px; }
    .eh-search { grid-template-columns: 1fr; gap: 15px; padding: 21px 0; }
    .eh-search button { width: 100%; }
    .eh-shell label { font-size: 12px; gap: 8px; }
    .eh-shell input, .eh-shell select, .eh-shell textarea { font-size: 16px; padding: 12px; }
    .eh-input-wrap input { padding-left: 42px; }
    .eh-input-wrap > .eh-icon { left: 13px; }
    .eh-equipment { padding: 14px 13px; min-height: 207px; }
    .eh-equipment-top { flex-wrap: wrap; gap: 7px; min-height: 54px; align-content: start; margin-bottom: 13px; }
    .eh-category-icon { width: 24px; height: 24px; flex-basis: 24px; }
    .eh-category-icon .eh-icon { width: 23px; height: 23px; flex-basis: 23px; }
    .eh-make { order: 3; width: 100%; font-size: 11px; }
    .eh-card-arrow { align-self: start; }
    .eh-equipment h3 { font-size: 18px; }
    .eh-equipment p { font-size: 12px; margin-bottom: 16px; }
    .eh-equipment-grid, .has-selection .eh-equipment-grid { gap: 10px; }
    .eh-meta { font-size: 11px; gap: 6px; align-items: flex-start; }
    .eh-meta .eh-icon { margin-top: 1px; }
    .eh-section-head { gap: 8px; }
    .eh-section-head h2 { font-size: 15px; gap: 7px; }
    .eh-section-head h2 > .eh-icon { display: none; }
    .eh-section-head a { font-size: 11px; }
    .eh-reset { gap: 4px; }
    .eh-request { padding: 32px 0; }
    .eh-request-form { grid-template-columns: 1fr; }
    .eh-request-intro h2 { font-size: 28px; }
    .eh-learning { grid-template-columns: 1fr; gap: 24px; }
    .eh-learning img { max-width: 300px; }
    .eh-profile-heading h2 { font-size: 29px; }
    .eh-actions .button { font-size: 13px; padding: 11px 13px; }
}
@media (max-width: 380px) {
    .equipment-help-body .brand img { display: none; }
    .equipment-help-body .brand span { border-left: 0; padding-left: 0; font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .equipment-help-body *, .equipment-help-body *::before, .equipment-help-body *::after { animation: none !important; transition: none !important; }
}
