.resources-page { background: #fff; }
.resources-page .ir-container { width: min(1240px,89%); margin: 0 auto; padding: 0 0 78px; }
.ir-page-heading { padding: 40px 0 36px; }
.ir-page-heading .eyebrow { color: #145baa; margin: 0 0 12px; font-size: 12px; }
.resources-page .ir-page-heading h1 { font-size: clamp(2.7rem,4.1vw,3.8rem); line-height: 1.1; letter-spacing: -.045em; margin: 0 0 16px; }
.ir-page-heading p:last-child { margin: 0; color: #536477; font-size: 17px; }
.ir-resource-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; grid-template-areas: 'featured quotes' 'library quotes'; gap: 38px 40px; align-items: start; }
.ir-featured-stack { grid-area: featured; min-width: 0; }
.ir-feature { background: #102a43; color: #fff; border-top: 3px solid #2474ba; padding: 28px 34px 30px; }
.ir-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #b5cce0; letter-spacing: 1.2px; font-size: 12px; }
.ir-feature-top > span:last-child { padding: 2px 8px; border: 1px solid #54718b; letter-spacing: .5px; }
.resources-page .ir-feature h2 { font-size: clamp(1.9rem,3vw,2.65rem); line-height: 1.2; letter-spacing: -.035em; margin: 24px 0 16px; font-weight: 500; }
.ir-feature > p { color: #bfd0df; font-size: 16px; margin: 0 0 26px; }
.ir-feature-link { display: inline-flex; align-items: center; gap: 40px; color: #102a43; background: #fff; border: 1px solid #fff; padding: 11px 17px; font-size: 14px; font-weight: 600; border-radius: 3px; }
.ir-feature-link:hover { background: #e6f1fb; }
.ir-feature-link > span { font-size: 20px; font-weight: 400; line-height: 1; }
.ir-latest-qa { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 0; border-bottom: 1px solid #dce3ec; }
.ir-latest-qa > div > span { display: block; font-size: 12px; letter-spacing: 1px; color: #667b8e; margin-bottom: 8px; }
.resources-page .ir-latest-qa h2 { font-size: 22px; line-height: 1.4; letter-spacing: -.02em; margin: 0; }
.ir-qa-arrow { color: #145baa; font-size: 26px; }
.ir-latest-qa:hover h2 { color: #145baa; }
.ir-market-panel { grid-area: quotes; padding: 23px 22px; background: #f7f9fc; border: 1px solid #e1e7ee; min-width: 0; }
.ir-market-heading { padding-bottom: 12px; border-bottom: 1px solid #dce3ec; }
.resources-page .ir-market-heading h2 { font-size: 22px; line-height: 1.4; letter-spacing: -.02em; margin: 0 0 4px; }
.ir-market-heading > span { color: #536477; font-size: 13px; }
.ir-quote-block { padding: 17px 0 20px; border-bottom: 1px solid #dce3ec; }
.ir-exchange { display: flex; justify-content: space-between; gap: 16px; font-size: 12px; letter-spacing: .8px; color: #667b8e; margin-bottom: 5px; }
.ir-quote { position: relative; height: 130px; }
.ir-quote-frame { min-width: 0; width: 100%; height: 130px; }
.ir-quote-frame iframe { display: block; width: 100%; height: 130px; border: 0; }
.ir-quote[data-state=loading] .ir-quote-frame { visibility: hidden; }
.ir-quote-status { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 6px; color: #637587; font-size: 14px; }
.ir-quote-symbol { color: #10243a; font-weight: 600; font-size: 18px; }
.ir-quote[data-state=ready] .ir-quote-status { display: none; }
.ir-quote[data-state=unavailable] .ir-quote-frame { display: none; }
.ir-quote-retry { font-size: 13px; border: 0; border-bottom: 1px solid #145baa; color: #145baa; background: transparent; padding: 1px 0; cursor: pointer; }
.ir-quote-source { display: flex; justify-content: space-between; gap: 16px; color: #145baa; font-size: 13px; padding-top: 2px; }
.ir-market-note { font-size: 12px; line-height: 1.65; color: #667b8e; margin: 17px 0 24px; }
.ir-related { border-top: 1px solid #dce3ec; padding-top: 18px; }
.ir-related > span { display: block; color: #667b8e; font-size: 12px; letter-spacing: .6px; margin-bottom: 8px; }
.ir-related a { display: flex; justify-content: space-between; gap: 20px; font-size: 14px; padding: 10px 0; }
.ir-related a:hover { color: #145baa; }
.ir-related a > span { color: #145baa; }
.ir-library { grid-area: library; min-width: 0; }
.ir-library-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 19px; }
.resources-page .ir-library-heading h2 { font-size: 27px; line-height: 1.3; letter-spacing: -.025em; margin: 0; }
.ir-library-heading > span { font-size: 13px; color: #667b8e; }
.ir-library-tabs { display: flex; gap: 26px; border-bottom: 1px solid #dce3ec; }
.ir-library-tabs button { cursor: pointer; display: flex; align-items: center; gap: 8px; color: #536477; font-size: 14px; background: none; border: 0; border-bottom: 2px solid transparent; padding: 0 0 13px; }
.ir-library-tabs button[aria-selected=true] { color: #145baa; border-bottom-color: #145baa; }
.ir-library-tabs button > span { background: #edf2f8; border-radius: 20px; padding: 0 6px; color: #536477; font-size: 12px; }
.ir-resource-row { display: flex; align-items: center; gap: 17px; padding: 19px 0; border-bottom: 1px solid #e1e7ef; }
.ir-file-kind { flex: 0 0 49px; padding: 7px 3px; border: 1px solid #dae4ef; background: #f7f9fc; color: #5b7490; text-align: center; font-size: 12px; letter-spacing: .3px; font-weight: 600; }
.ir-file-copy { flex: 1; min-width: 0; }
.ir-file-copy > strong { display: block; font-size: 16px; font-weight: 500; line-height: 1.45; }
.ir-file-copy > small { display: block; color: #667b8e; font-size: 12px; margin-top: 5px; }
.ir-file-arrow { font-size: 21px; color: #145baa; }
.ir-resource-row:hover .ir-file-copy > strong { color: #145baa; }
.ir-unavailable { color: #7b8792; }
.ir-unavailable .ir-file-arrow { color: #7b8792; }
.ir-resource-panel[hidden] { display: none; }
.resources-page .footer { padding-top: 38px; padding-bottom: 22px; }
.resources-page .footer-bottom { padding-right: 0; }
@media (max-width: 1100px) {
 .ir-resource-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 32px 25px; }
 .ir-feature { padding: 26px; }
 .ir-market-panel { padding: 21px 16px; }
 .ir-library-heading > span { display: none; }
}
@media (max-width: 780px) {
 .ir-resource-layout { grid-template-columns: minmax(0,1fr); grid-template-areas: 'featured' 'quotes' 'library'; }
 .ir-page-heading { padding: 30px 0; }
 .ir-market-panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 24px; padding: 20px; }
 .ir-market-heading, .ir-market-note, .ir-related { grid-column: 1/-1; }
 .ir-related { display: none; }
 .ir-market-note { margin-bottom: 0; }
 .ir-feature { padding: 26px; }
 .resources-page .ir-feature h2 { font-size: 30px; }
 .ir-page-heading p:last-child { font-size: 16px; }
}
@media (max-width: 520px) {
 .resources-page .ir-container { width: 90%; }
 .resources-page .ir-page-heading h1 { font-size: 38px; }
 .ir-feature { padding: 24px 22px; }
 .resources-page .ir-feature h2 { font-size: 29px; }
 .ir-market-panel { display: block; padding: 20px; }
 .ir-market-heading > span { display: none; }
 .ir-quote-block { padding: 14px 0; }
 .ir-market-note { font-size: 12px; }
 .ir-library-tabs { gap: 24px; }
 .ir-library-tabs button { font-size: 13px; }
 .ir-file-copy > strong { font-size: 16px; }
 .ir-resource-row { gap: 12px; }
 .resources-page .ir-latest-qa h2 { font-size: 19px; }
}