.resources-page { background: #fff; }
.resources-hero { padding: 94px 0; color: #fff; text-align: center; background: linear-gradient(135deg, #07121f 0%, #0b2340 60%, #1269b0 100%); }
.resources-hero .breadcrumbs { margin-bottom: 26px; color: #c5d7e5; }
.resources-hero h1 { margin: 0 0 15px; max-width: none; font-size: clamp(40px, 5vw, 64px); }
.resources-hero p { max-width: 760px; margin: auto; color: #e6eef5; font-size: 18px; }
.faq-section { padding: 82px 0 98px; }
.faq-heading { margin: 0 auto 38px; max-width: 880px; text-align: center; }
.faq-heading .eyebrow { color: var(--blue); }
.faq-heading h2 { margin: 8px 0 0; color: var(--ink); font-size: clamp(34px, 4vw, 52px); line-height: 1.13; }
.faq-list { display: grid; gap: 23px; }
.faq-item { overflow: hidden; border: 0; border-radius: 16px; background: #fff; }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; min-height: 90px; padding: 20px 30px 20px 36px; color: #fff; font-size: clamp(19px, 2.1vw, 27px); font-weight: 700; line-height: 1.35; cursor: pointer; list-style: none; background: linear-gradient(105deg, #101d2e 0%, #0b2e61 55%, #0d59bd 100%); }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; content: '+'; border-radius: 50%; color: #10223a; background: #f1cf16; font-size: 36px; font-weight: 300; line-height: 1; transition: transform .18s ease; }
.faq-item[open] summary::after { content: '−'; transform: rotate(180deg); }
.faq-answer { padding: 27px 42px 31px; border: 1px solid #e5ebf0; border-top: 0; color: #526b83; font-size: 18px; line-height: 1.7; }
.faq-answer p { margin: 0; }
@media (max-width: 760px) { .resources-hero { padding: 70px 0; text-align: left; }.resources-hero .breadcrumbs { margin-bottom: 18px; }.resources-hero p { font-size: 16px; }.faq-section { padding: 54px 0 64px; }.faq-heading { margin-bottom: 28px; }.faq-item { border-radius: 12px; }.faq-item summary { min-height: 75px; padding: 18px; gap: 14px; font-size: 18px; }.faq-item summary::after { flex-basis: 35px; width: 35px; height: 35px; font-size: 28px; }.faq-answer { padding: 21px 20px 24px; font-size: 16px; } }