.catalog-switch { display: flex; gap: 10px; flex-wrap: wrap; padding-block: 25px; border-bottom: 1px solid rgb(215, 234, 242); }
.catalog-switch a { display: flex; align-items: center; gap: 12px; text-decoration: none; padding: 11px 17px; border: 1px solid rgb(212, 230, 239); background: rgb(255, 255, 255); border-radius: 7px; font-weight: 700; color: rgb(38, 91, 115); font-size: 0.88rem; }
.catalog-switch a[aria-current] { background: rgb(8, 127, 171); color: white; border-color: rgb(8, 127, 171); }
.catalog-switch b { font-size: 0.8rem; font-weight: 500; opacity: 0.8; }
.catalog-switch a:last-child { margin-inline-start: auto; background: transparent; border-color: transparent; }
.series-section { padding-block: 38px; }
.series-section .section-head h2 { font-size: 1.8rem; }
.series-choices { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 12px; }
.series-choice { position: relative; display: flex; flex-direction: column; gap: 13px; text-decoration: none; background: white; border: 1px solid rgb(212, 230, 239); padding: 21px 36px 20px 20px; border-radius: 8px; transition: border-color 0.2s, background 0.2s; }
.series-choice > span { font-weight: 750; color: rgb(25, 83, 110); }
.series-choice strong { font-size: 1.4rem; color: rgb(7, 127, 169); }
.series-choice small { display: block; font-size: 0.74rem; font-weight: 450; color: rgb(100, 126, 139); }
.series-choice > b { position: absolute; inset-inline-end: 17px; top: 19px; color: rgb(18, 140, 182); }
.series-choice:hover, .series-choice.selected { border-color: rgb(21, 155, 202); background: rgb(234, 248, 254); }
.more-series { margin-top: 17px; }
.more-series summary { cursor: pointer; color: rgb(40, 114, 142); font-size: 0.85rem; padding: 7px 0px; }
.more-series .series-choices { margin-top: 12px; }
.discovery-shell { padding: 12px 0px 64px; }
.discovery-layout { display: grid; grid-template-columns: 248px minmax(0px, 1fr); gap: 30px; align-items: start; }
.filter-panel { background: rgb(255, 255, 255); border: 1px solid rgb(212, 230, 239); border-radius: 9px; position: sticky; top: 104px; max-height: calc(-125px + 100vh); overflow: auto; }
.filter-panel summary { font-size: 1rem; font-weight: 750; padding: 18px 20px; cursor: pointer; color: rgb(23, 78, 103); list-style: none; }
.filter-panel summary::-webkit-details-marker { display: none; }
.filter-panel summary span { float: right; }
.filter-content { display: grid; gap: 17px; padding: 0px 19px 23px; }
.filter-content label { display: grid; gap: 7px; font-size: 0.8rem; font-weight: 650; color: rgb(61, 94, 112); }
.filter-content input, .filter-content select, .sort-control select { width: 100%; min-width: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(206, 223, 231); border-radius: 5px; padding: 10px 9px; color: rgb(38, 77, 96); font-size: 0.81rem; min-height: 42px; }
.filter-content input:focus, .filter-content select:focus, .sort-control select:focus { outline: rgb(50, 168, 215) solid 2px; outline-offset: 2px; }
.filter-content .reset-filters { justify-self: start; background: transparent; border: 0px; padding: 0px; color: rgb(8, 127, 172); cursor: pointer; text-decoration: underline; font-size: 0.79rem; }
.filter-note { font-size: 0.76rem; color: rgb(104, 125, 137); margin: 0px; }
.filter-content .text-link { font-size: 0.77rem; }
.discovery-results { min-width: 0px; scroll-margin-top: 112px; }
.results-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 20px; }
.results-heading h2 { font-size: 1.65rem; line-height: 1.2; margin: 4px 0px; color: rgb(23, 78, 103); }
.sort-control { width: 183px; flex-shrink: 0; display: grid; gap: 5px; font-size: 0.77rem; color: rgb(86, 114, 127); }
.family-explorer { background: rgb(234, 245, 250); border-radius: 6px; margin-bottom: 18px; }
.family-explorer summary { cursor: pointer; padding: 12px 15px; color: rgb(40, 103, 128); font-size: 0.84rem; font-weight: 600; }
.family-explorer summary span { font-weight: 400; color: rgb(113, 132, 142); }
.family-chips { display: flex; gap: 7px; flex-wrap: wrap; padding: 0px 14px 15px; max-height: 250px; overflow: auto; }
.family-chips button { background: white; border: 1px solid rgb(208, 227, 236); border-radius: 4px; padding: 5px 9px; color: rgb(44, 96, 118); cursor: pointer; font-size: 0.79rem; }
.family-chips small { color: rgb(120, 145, 158); margin-inline-start: 4px; }
.family-chips button[aria-pressed="true"] { background: rgb(8, 127, 172); color: rgb(255, 255, 255); }
.family-chips button[aria-pressed="true"] small { color: white; }
.result-summary { margin-bottom: 18px; font-size: 0.83rem; color: rgb(91, 115, 128); }
.result-summary p { margin: 0px 0px 10px; }
.active-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.active-filters button { border: 1px solid rgb(186, 221, 236); background: rgb(232, 247, 254); border-radius: 20px; padding: 5px 10px; font-size: 0.74rem; color: rgb(29, 96, 126); cursor: pointer; }
.active-filters button span { margin-inline-start: 5px; }
.discovery-results .catalog-grid { gap: 16px; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.discovery-card { min-height: 0px; border-color: rgb(215, 229, 236); box-shadow: rgba(11, 83, 114, 0.024) 0px 3px 12px; }
.discovery-card .product-photo { display: block; height: 225px; flex-shrink: 0; padding: 17px; text-decoration: none; }
.discovery-card .product-body { padding: 17px; }
.discovery-card h2 a { text-decoration: none; }
.discovery-card h2 a:hover { color: rgb(7, 146, 197); }
.discovery-card .chip { font-size: 0.62rem; letter-spacing: 0.035em; }
.discovery-card h2 { font-size: 0.94rem; line-height: 1.5; margin: 10px 0px 8px; }
.card-item { font-size: 0.75rem; color: rgb(102, 128, 143); margin: 0px 0px 13px; overflow-wrap: anywhere; }
.card-item strong { color: rgb(39, 89, 112); font-weight: 600; }
.discovery-card .spec-mini { font-size: 0.75rem; grid-template-columns: 67px minmax(0px, 1fr); gap: 5px; }
.discovery-card .view-link { border-top: 1px solid rgb(229, 237, 242); padding-top: 13px; font-size: 0.77rem; }
.discovery-card .photo-status { font-size: 0.65rem; left: 6px; right: 6px; bottom: 4px; padding: 4px; text-align: center; line-height: 1.3; }
.catalog-pagination { display: flex; justify-content: center; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 30px; }
.catalog-pagination button { border: 1px solid rgb(209, 226, 234); background: white; color: rgb(37, 97, 123); min-width: 37px; min-height: 38px; padding: 6px 10px; border-radius: 5px; cursor: pointer; font-size: 0.82rem; }
.catalog-pagination button[aria-current] { background: rgb(8, 127, 172); color: white; border-color: rgb(8, 127, 172); }
.catalog-pagination button:disabled { opacity: 0.4; cursor: default; }
.pagination-count { width: 100%; text-align: center; font-size: 0.78rem; color: rgb(116, 136, 148); margin-top: 8px; }
.catalog-help { padding: 25px 29px; margin-top: 35px; background: rgb(230, 245, 252); border-radius: 9px; }
.catalog-help h3 { margin: 0px 0px 7px; color: rgb(19, 87, 117); }
.catalog-help p { font-size: 0.88rem; max-width: 620px; color: rgb(82, 116, 134); }
.catalog-help .button { font-size: 0.83rem; min-height: 40px; }
.product-intro { background: linear-gradient(140deg, rgb(241, 251, 255), rgb(225, 243, 252)); padding: 22px 0px 45px; }
.product-intro .breadcrumbs { color: rgb(82, 123, 142); margin-bottom: 26px; }
.product-intro .breadcrumbs a { color: rgb(33, 114, 150); }
.product-intro-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.12fr); gap: 46px; align-items: center; }
.product-intro .detail-photo { margin: 0px; padding: 28px; border-radius: 10px; border-color: rgb(211, 230, 239); box-shadow: rgba(11, 83, 114, 0.03) 0px 12px 35px; }
.product-intro .detail-photo img { height: 350px; width: 100%; object-fit: contain; }
.product-intro .detail-photo figcaption { font-size: 0.74rem; color: rgb(111, 134, 146); line-height: 1.5; }
.product-intro-copy { min-width: 0px; }
.product-intro-copy h1 { font-size: clamp(1.7rem, 2.6vw, 2.55rem); line-height: 1.22; overflow-wrap: anywhere; letter-spacing: -0.03em; color: rgb(22, 79, 109); margin: 12px 0px 17px; }
.intro-code { font-size: 0.83rem; color: rgb(91, 124, 142); display: flex; flex-wrap: wrap; gap: 8px; }
.intro-code strong { color: rgb(21, 94, 126); }
.quick-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 23px; margin: 20px 0px 23px; border-top: 1px solid rgb(204, 227, 239); }
.quick-specs > div { border-bottom: 1px solid rgb(204, 227, 239); padding: 14px 0px; min-width: 0px; }
.quick-specs dt { font-size: 0.74rem; color: rgb(100, 132, 151); }
.quick-specs dd { font-size: 0.93rem; font-weight: 650; color: rgb(34, 93, 121); margin: 5px 0px 0px; overflow-wrap: anywhere; }
.product-intro .hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.product-intro .button { font-size: 0.83rem; padding: 10px 15px; }
.product-intro .button.secondary { color: rgb(21, 107, 140); border: 1px solid rgb(140, 198, 223); background: transparent; }
.intro-note { font-size: 0.75rem; color: rgb(100, 132, 151); margin-top: 16px; }
.product-section-nav { position: sticky; top: 88px; background: rgb(255, 255, 255); z-index: 15; border-block: 1px solid rgb(214, 231, 238); }
.product-section-nav > .wrap { display: flex; gap: 24px; overflow-x: auto; }
.product-section-nav button { border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; background: transparent; white-space: nowrap; padding: 17px 0px; font-size: 0.85rem; font-weight: 650; color: rgb(58, 109, 132); cursor: pointer; }
.product-section-nav button:hover { border-color: rgb(11, 150, 201); color: rgb(6, 129, 173); }
.detail-section { scroll-margin-top: 165px; }
.related-photo-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.related-photo-grid .product-photo { height: 170px; }
.related-photo-grid .product-body { padding: 12px; }
.related-photo-grid .product-card h2 { font-size: 0.83rem; }
.related-photo-grid .spec-mini { grid-template-columns: 58px minmax(0px, 1fr); }
.industry-directory { padding-block: 42px 48px; }
.industry-directory .section-head h2 { font-size: 1.9rem; }
.industry-directory .section-head > p { font-size: 0.9rem; max-width: 420px; }
.industry-jump-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; }
.industry-jump-grid a { display: flex; align-items: center; gap: 13px; border: 1px solid rgb(212, 230, 239); border-radius: 7px; padding: 19px 16px; background: rgb(255, 255, 255); text-decoration: none; transition: background 0.2s, border-color 0.2s; }
.industry-jump-grid a:hover { background: rgb(234, 248, 255); border-color: rgb(105, 187, 221); }
.industry-jump-grid span { font-size: 0.72rem; color: rgb(129, 166, 185); }
.industry-jump-grid strong { font-size: 0.87rem; line-height: 1.4; color: rgb(38, 94, 120); }
.industry-jump-grid b { margin-inline-start: auto; color: rgb(41, 152, 189); font-weight: 400; }
.industry-detail-shell { display: grid; grid-template-columns: 210px minmax(0px, 1fr); gap: 44px; padding-bottom: 60px; align-items: start; }
.industry-sidebar { position: sticky; top: 108px; }
.industry-sidebar nav { display: grid; border-inline-start: 1px solid rgb(203, 226, 236); margin: 17px 0px 25px; }
.industry-sidebar nav a { display: block; text-decoration: none; padding: 9px 0px 9px 17px; font-size: 0.78rem; color: rgb(82, 117, 137); border-inline-start: 2px solid transparent; margin-inline-start: -1px; }
.industry-sidebar nav a:hover, .industry-sidebar nav a[aria-current] { color: rgb(3, 131, 178); border-color: rgb(12, 152, 200); background: rgb(230, 246, 253); }
.industry-sidebar > .button { font-size: 0.75rem; padding: 10px 12px; }
.industry-sections { min-width: 0px; }
.industry-detail { border-top: 1px solid rgb(203, 226, 237); padding: 40px 0px 45px; scroll-margin-top: 104px; }
.industry-detail:first-child { padding-top: 28px; }
.industry-detail > header { display: flex; align-items: center; gap: 21px; }
.industry-number { font-size: 2.6rem; line-height: 1; font-weight: 300; color: rgb(113, 189, 221); letter-spacing: -0.05em; }
.industry-detail header .eyebrow { font-size: 0.64rem; color: rgb(35, 138, 172); letter-spacing: 0.12em; margin-bottom: 7px; }
.industry-detail h2 { font-size: 1.9rem; color: rgb(23, 87, 115); line-height: 1.2; margin: 0px; }
.industry-intro { font-size: 1rem; color: rgb(82, 115, 133); line-height: 1.8; margin: 22px 0px; }
.industry-media { display: flex; gap: 16px; align-items: center; padding: 15px 18px; border-radius: 6px; background: rgb(233, 245, 251); }
.industry-media > strong { font-size: 0.75rem; white-space: nowrap; color: rgb(49, 109, 136); }
.industry-media > div { display: flex; flex-wrap: wrap; gap: 7px; }
.industry-media span { padding: 4px 9px; background: white; border: 1px solid rgb(220, 236, 244); border-radius: 4px; font-size: 0.73rem; color: rgb(85, 123, 143); }
.industry-duty-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 32px; padding: 25px 0px 19px; }
.industry-duty-grid h3 { font-size: 0.93rem; color: rgb(25, 93, 122); margin: 0px 0px 9px; }
.industry-duty-grid p, .industry-duty-grid li { font-size: 0.85rem; line-height: 1.75; color: rgb(91, 116, 132); }
.industry-duty-grid ul { margin: 0px; padding-inline-start: 18px; }
.industry-duty-grid p { margin: 0px; }
.industry-duty-grid li + li { margin-top: 5px; }
.example-heading { padding-top: 18px; border-top: 1px solid rgb(219, 233, 241); }
.example-heading h3 { font-size: 1rem; color: rgb(24, 94, 123); margin: 0px 0px 7px; }
.example-heading p { font-size: 0.77rem; color: rgb(115, 137, 151); max-width: 720px; margin: 0px 0px 18px; }
.industry-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.industry-product { display: flex; flex-direction: column; background: white; border: 1px solid rgb(215, 231, 239); border-radius: 8px; overflow: hidden; }
.industry-product-image { display: block; background: rgb(255, 255, 255); padding: 18px; height: 195px; border-bottom: 1px solid rgb(228, 238, 244); }
.industry-product-image img { height: 100%; width: 100%; object-fit: contain; transition: transform 0.25s; }
.industry-product:hover img { transform: scale(1.04); }
.industry-product > div { padding: 16px; display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; }
.industry-product .eyebrow { font-size: 0.61rem; letter-spacing: 0.05em; color: rgb(26, 144, 184); margin-bottom: 8px; line-height: 1.6; }
.industry-product h4 { margin: 0px 0px 5px; color: rgb(27, 88, 116); font-size: 1.08rem; }
.industry-product h4 a { text-decoration: none; }
.industry-product p { font-size: 0.77rem; color: rgb(98, 126, 142); margin: 8px 0px; line-height: 1.65; }
.industry-product .industry-product-spec { color: rgb(63, 108, 130); font-size: 0.76rem; margin: 0px 0px 4px; }
.industry-product .industry-item { font-size: 0.74rem; color: rgb(33, 133, 168); margin: 0px 0px 6px; }
.industry-product .view-link { margin-top: auto; padding-top: 10px; font-size: 0.74rem; }
.industry-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; margin-top: 20px; }
.industry-footer a { font-size: 0.79rem; }
.application-brief { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.application-brief span { color: rgb(82, 170, 208); font-size: 1.4rem; }
.application-brief h3 { color: rgb(26, 93, 124); margin: 13px 0px 9px; font-size: 1.04rem; }
.application-brief p { font-size: 0.9rem; color: rgb(100, 128, 143); margin: 0px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: rgb(24, 156, 206) solid 2px; outline-offset: 4px; }
@media (max-width: 1150px) {
  .discovery-layout { grid-template-columns: 225px minmax(0px, 1fr); gap: 22px; }
  .discovery-results .catalog-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .product-intro-grid { gap: 28px; }
  .industry-detail-shell { grid-template-columns: 175px minmax(0px, 1fr); gap: 28px; }
  .industry-product-image { height: 165px; }
  .industry-jump-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
}
@media (max-width: 860px) {
  .discovery-layout { grid-template-columns: 1fr; }
  .filter-panel { position: static; max-height: none; }
  .filter-content { grid-template-columns: 1fr 1fr; }
  .filter-content .reset-filters, .filter-content .filter-note { grid-column: 1 / -1; }
  .results-heading { margin-top: 5px; }
  .series-choices { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .product-intro-grid { grid-template-columns: 1fr 1fr; gap: 23px; }
  .product-intro .detail-photo { padding: 16px; }
  .product-intro .detail-photo img { height: 265px; }
  .product-intro-copy h1 { font-size: 1.6rem; }
  .quick-specs { gap: 0px 12px; }
  .product-section-nav > .wrap { gap: 20px; }
  .product-section-nav button { font-size: 0.78rem; }
  .industry-detail-shell { grid-template-columns: 1fr; }
  .industry-sidebar { display: none; }
  .industry-product-image { height: 200px; }
  .related-photo-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .application-brief { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .catalog-switch { gap: 7px; padding-block: 20px; }
  .catalog-switch a { font-size: 0.75rem; padding: 9px 11px; gap: 7px; }
  .catalog-switch a:last-child { margin-inline-start: 0px; padding-inline: 0px; }
  .series-section { padding-block: 27px; }
  .series-section .section-head { align-items: start; gap: 13px; }
  .series-section .section-head h2 { font-size: 1.4rem; }
  .series-section .section-head .text-link { font-size: 0.76rem; }
  .series-choices { gap: 9px; }
  .series-choice { padding: 15px 28px 15px 13px; gap: 7px; }
  .series-choice > span { font-size: 0.82rem; }
  .series-choice strong { font-size: 1.18rem; }
  .series-choice > b { inset-inline-end: 10px; top: 12px; }
  .series-choice small { font-size: 0.67rem; }
  .discovery-results .catalog-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; }
  .discovery-card .product-photo { height: 160px; padding: 10px; }
  .discovery-card .product-body { padding: 11px; }
  .discovery-card h2 { font-size: 0.79rem; line-height: 1.45; }
  .discovery-card .chip { font-size: 0.55rem; }
  .discovery-card .spec-mini { font-size: 0.68rem; grid-template-columns: 1fr; gap: 1px; }
  .discovery-card .spec-mini dd { margin-bottom: 5px; }
  .discovery-card .spec-mini dt { font-size: 0.64rem; }
  .discovery-card .view-link { font-size: 0.68rem; }
  .card-item { font-size: 0.68rem; }
  .discovery-card .photo-status { font-size: 0.56rem; }
  .results-heading h2 { font-size: 1.3rem; }
  .results-heading .eyebrow { font-size: 0.61rem; }
  .sort-control { width: 130px; }
  .sort-control select { font-size: 0.7rem; }
  .filter-content { grid-template-columns: 1fr; }
  .catalog-help { padding: 22px; }
  .product-intro-grid { grid-template-columns: 1fr; }
  .product-intro { padding: 15px 0px 30px; }
  .product-intro .detail-photo img { height: 285px; }
  .product-intro-copy h1 { font-size: 1.85rem; }
  .product-section-nav { top: 70px; }
  .product-section-nav button { padding-block: 13px; }
  .detail-section { scroll-margin-top: 135px; }
  .related-photo-grid { grid-template-columns: 1fr; }
  .related-photo-grid .product-photo { height: 235px; }
  .related-photo-grid .product-body { padding: 18px; }
  .industry-directory { padding-block: 30px; }
  .industry-jump-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .industry-jump-grid a { padding: 13px 10px; gap: 7px; }
  .industry-jump-grid strong { font-size: 0.73rem; }
  .industry-jump-grid span { font-size: 0.62rem; }
  .industry-jump-grid b { display: none; }
  .industry-detail { padding-block: 29px 32px; scroll-margin-top: 88px; }
  .industry-detail h2 { font-size: 1.55rem; }
  .industry-detail > header { gap: 14px; }
  .industry-number { font-size: 2.2rem; }
  .industry-intro { font-size: 0.89rem; }
  .industry-media { align-items: start; flex-direction: column; gap: 9px; }
  .industry-duty-grid { grid-template-columns: 1fr; gap: 20px; }
  .industry-product-grid { grid-template-columns: 1fr; }
  .industry-product { display: grid; grid-template-columns: 36% minmax(0px, 1fr); }
  .industry-product-image { height: auto; min-height: 175px; display: flex; align-items: center; padding: 10px; border: 0px; }
  .industry-product-image img { height: 150px; }
  .industry-product > div { padding: 14px 13px 14px 5px; }
  .industry-product p { font-size: 0.73rem; }
  .industry-product h4 { font-size: 1rem; }
  .industry-product .eyebrow { font-size: 0.59rem; }
  .industry-footer { display: grid; }
  .application-brief { gap: 24px 18px; }
  .application-brief p { font-size: 0.82rem; }
  .product-intro .hero-actions .button { font-size: 0.8rem; }
}
.product-browse-nav { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(230px, 0.8fr) minmax(0px, 1fr); align-items: stretch; gap: 10px; margin: 0px 0px 30px; }
.product-step, .catalog-return { min-width: 0px; border: 1px solid rgb(197, 226, 239); border-radius: 9px; padding: 12px 15px; text-decoration: none; background: rgb(255, 255, 255); color: rgb(23, 78, 107); }
.product-step { display: grid; gap: 4px; }
.product-step.next { text-align: right; }
.product-step small, .catalog-return small { font-size: 0.68rem; color: rgb(99, 131, 151); }
.product-step strong { font-size: 0.82rem; overflow-wrap: anywhere; }
.product-step span { font-size: 0.7rem; color: rgb(102, 131, 151); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-step:hover, .product-step:focus-visible { border-color: rgb(85, 184, 230); background: rgb(247, 252, 255); }
.product-step.disabled { opacity: 0.5; background: rgb(238, 246, 250); }
.catalog-return { display: grid; place-content: center; text-align: center; background: rgb(8, 126, 183); color: rgb(255, 255, 255); border-color: rgb(8, 126, 183); }
.catalog-return span { font-size: 0.8rem; }
.catalog-return strong { font-size: 0.86rem; }
.catalog-return small { color: rgb(217, 244, 255); }
.catalog-return:hover, .catalog-return:focus-visible { background: rgb(5, 108, 159); }
.product-brand-link { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.product-brand-link:hover { color: rgb(8, 109, 153); }
.product-browse-footer { padding: 28px 0px 50px; background: rgb(237, 249, 255); border-top: 1px solid rgb(215, 237, 247); }
.product-browse-footer .product-browse-nav { margin: 0px; }
@media (max-width: 760px) {
  .product-browse-nav { grid-template-columns: 1fr 1fr; }
  .catalog-return { grid-area: 1 / 1 / auto / -1; }
  .product-step { min-height: 78px; }
  .product-step span { white-space: normal; }
  .product-browse-nav-top { margin-bottom: 24px; }
}
@media (max-width: 430px) {
  .product-step { padding: 11px; }
  .product-step strong { font-size: 0.75rem; }
  .product-step span { font-size: 0.65rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .industry-product-image img { transition: none; }
}
.product-resource-hub, .product-linked-shelf, .product-faq { scroll-margin-top: 138px; }
.product-resource-hub { padding: 64px 0px; background: linear-gradient(135deg, rgb(232, 248, 255) 0%, rgb(248, 253, 255) 58%, rgb(229, 246, 255) 100%); border-block: 1px solid rgb(204, 232, 245); }
.resource-heading { display: flex; align-items: end; justify-content: space-between; gap: 36px; margin-bottom: 28px; }
.resource-heading > div { max-width: 780px; }
.resource-heading h2, .faq-layout h2 { font-size: clamp(1.7rem, 3vw, 2.45rem); line-height: 1.2; color: rgb(18, 63, 88); margin: 7px 0px 12px; }
.resource-heading p, .faq-layout > div > p { font-size: 1rem; line-height: 1.75; color: rgb(80, 116, 136); margin: 0px; }
.resource-heading > a { flex: 0 0 auto; }
.resource-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 15px; }
.resource-card-grid article { display: flex; flex-direction: column; min-height: 260px; padding: 23px 21px; background: rgb(255, 255, 255); border: 1px solid rgb(202, 231, 244); border-radius: 10px; box-shadow: rgba(28, 107, 145, 0.07) 0px 10px 28px; }
.resource-card-grid article > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgb(207, 239, 255); color: rgb(7, 109, 157); font-size: 0.78rem; font-weight: 800; }
.resource-card-grid h3 { font-size: 1.08rem; line-height: 1.45; margin: 18px 0px 10px; color: rgb(23, 78, 104); }
.resource-card-grid p { font-size: 0.88rem; line-height: 1.7; color: rgb(90, 120, 137); margin: 0px 0px 18px; }
.resource-card-grid button { border: 0px; background: transparent; padding: 0px; margin-top: auto; text-align: left; color: rgb(8, 125, 175); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.78rem; font-weight: 750; cursor: pointer; }
.resource-card-grid button:hover { text-decoration: underline; }
.product-linked-shelf { padding: 58px 0px; background: rgb(255, 255, 255); }
.product-shelf-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.product-faq { padding: 62px 0px; background: rgb(242, 250, 255); border-top: 1px solid rgb(214, 236, 246); }
.faq-layout { display: grid; grid-template-columns: minmax(260px, 0.72fr) minmax(0px, 1.28fr); gap: 58px; align-items: start; }
.faq-layout .text-link { display: inline-block; margin-top: 20px; }
.faq-list { display: grid; gap: 10px; }
.faq-list details { background: rgb(255, 255, 255); border: 1px solid rgb(207, 230, 241); border-radius: 8px; overflow: hidden; }
.faq-list summary { position: relative; padding: 18px 52px 18px 19px; color: rgb(23, 77, 104); font-size: 0.95rem; font-weight: 750; line-height: 1.45; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; right: 18px; top: 15px; color: rgb(7, 129, 181); font-size: 1.3rem; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { margin: 0px; padding: 0px 19px 20px; color: rgb(85, 119, 137); font-size: 0.9rem; line-height: 1.75; }
.product-section-nav > .wrap { overflow-x: auto; scrollbar-width: thin; }
.product-section-nav button { white-space: nowrap; }
@media (max-width: 1050px) {
  .resource-card-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .resource-card-grid article { min-height: 230px; }
  .product-shelf-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .faq-layout { gap: 32px; }
}
@media (max-width: 700px) {
  .product-resource-hub, .product-linked-shelf, .product-faq { padding: 42px 0px; }
  .resource-heading { display: grid; align-items: start; gap: 18px; }
  .resource-heading > a { justify-self: start; }
  .resource-card-grid { grid-template-columns: 1fr; gap: 10px; }
  .resource-card-grid article { min-height: 0px; padding: 19px; }
  .product-shelf-grid { grid-template-columns: 1fr; }
  .faq-layout { grid-template-columns: 1fr; gap: 25px; }
  .faq-list summary { font-size: 0.88rem; }
  .product-section-nav > .wrap { justify-content: start; }
  .product-section-nav button { font-size: 0.72rem; }
}
.applications-mega { grid-template-columns: minmax(180px, 0.85fr) minmax(0px, 3fr); gap: 30px; }
.applications-menu-links { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2px 24px; align-items: start; }
.site-header nav .applications-menu-links a { padding: 11px 10px; border-radius: 5px; line-height: 1.5; font-size: 0.85rem; white-space: normal; }
.site-header nav .applications-menu-links a:hover, .site-header nav .applications-menu-links a.active { background: rgb(233, 247, 253); color: rgb(8, 127, 172); text-decoration: none; }
.applications-menu-intro { border-inline-end: 1px solid rgb(214, 233, 242); padding-inline-end: 25px; }
.applications-menu-intro strong { color: rgb(25, 92, 121); }
.site-header nav .applications-menu-intro > a { font-size: 0.84rem; }
@media (max-width: 1100px) {
  .applications-mega { display: block; }
  .applications-menu-intro { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(214, 233, 242); border-image: none; padding: 0px 0px 12px; margin-bottom: 10px; }
  .applications-menu-links { grid-template-columns: 1fr 1fr; gap: 1px 16px; }
  .site-header nav .applications-menu-links a { font-size: 0.86rem; padding: 10px 8px; }
}
@media (max-width: 620px) {
  .applications-menu-links { grid-template-columns: 1fr; gap: 0px; }
  .site-header nav .applications-menu-links a { padding: 10px 5px; }
  .applications-mega { padding: 15px; }
}