.flange-reference{margin:40px 0;padding:24px;background:#edf3f8;border:1px solid #c8d8e5;border-radius:8px;color:#173b60}.flange-reference>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.flange-reference h2{margin:0;font-size:26px}.flange-reference button{min-height:44px;padding:10px 18px;border:1px solid #173b60;border-radius:6px;background:#173b60;color:#fff;font:inherit;cursor:pointer}.flange-reference button:disabled{opacity:.6;cursor:wait}.flange-reference-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0}.flange-reference label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}.flange-reference select{height:44px;min-width:0;border:1px solid #a6bdcf;border-radius:6px;padding:0 10px;background:#fff;color:#173b60;font:inherit}.flange-reference-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}.flange-reference-result dl>div{padding:16px;background:#fff;border:1px solid #c8d8e5;border-radius:8px}.flange-reference-result dt{font-size:13px;line-height:1.5;color:#526779}.flange-reference-result dd{margin:8px 0 0;font-size:24px;font-weight:700}.flange-reference-result p{font-size:14px;line-height:1.6}.flange-reference-sources{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.flange-reference a{color:#173b60;text-decoration:underline;text-underline-offset:3px}.flange-reference :is(button,select,a):focus-visible{outline:3px solid #328db7;outline-offset:3px}@media(max-width:600px){.flange-reference{padding:20px}.flange-reference>header{align-items:stretch;flex-direction:column}.flange-reference-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.flange-reference-result dl{grid-template-columns:1fr}}.flange-reference [hidden]{display:none!important}.flange-reference>p,.flange-reference-note{font-size:14px;line-height:1.6}.flange-reference .flange-reference-result dl>div>p{font-size:13px;margin-bottom:0}.flange-reference :is(select,button){max-width:100%}.flange-reference-result dd{overflow-wrap:anywhere}@media(max-width:600px){.flange-reference-filters>label:last-child{grid-column:1/-1}}