/* Visible study guidance, using the site's existing fonts and colour palette. */
.study-content { max-width: 1200px; margin: 28px auto; padding: 24px; background: #fff; color: #334155; border: 1px solid #e2e8f0; border-radius: 12px; line-height: 1.75; }
.study-content h2, .study-content h3 { color: #0b1b3d; margin: 0 0 12px; line-height: 1.35; }
.study-content h2 { font-size: 1.5rem; }
.study-content h3 { font-size: 1.15rem; margin-top: 22px; }
.study-content p, .study-content ul, .study-content ol { margin: 12px 0; }
.study-content ul, .study-content ol { padding-left: 24px; }
.study-content a, .study-breadcrumb a { color: #0057ad; text-decoration: underline; text-underline-offset: 3px; }
.study-breadcrumb { font-size: .9rem; padding: 12px 0; color: #475569; display: flex; flex-wrap: wrap; gap: 8px; }
.study-directory { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; list-style: none; padding: 0 !important; }
.study-directory li { min-width: 0; }
.study-directory small { display: block; }
.study-faq { border-top: 1px solid #e2e8f0; padding: 14px 0; }
.study-faq summary { cursor: pointer; font-weight: 600; color: #0b1b3d; }
.study-faq p { margin-bottom: 0; }
.fee-source-note { white-space: normal; overflow-wrap: anywhere; background: var(--theme-light, #f0f8ff); border-left: 4px solid var(--theme-color, #0066cc); padding: 15px; margin: 15px 0 25px; line-height: 1.6; }
.fee-source-note p { margin: 10px 0; }
.fee-source-links { display: flex; flex-wrap: wrap; gap: 12px; margin: 14px 0; }
.fee-source-links a { color: #0057ad; text-decoration: underline; }
.fee-category-title { font: inherit; margin: 0; }
.fee-category-title .accordion { margin: 15px 0 0; }
header:not(.main-header) .fee-header-subtitle { color: #f8fafc; }
/* Fee panels start collapsed; content remains in the HTML for search engines. */
body[data-fees-prerendered] .panel { display: none; }
body[data-fees-prerendered] .panel.open { display: block; }
.fee-search-status { color: #475569; padding: 8px 0; }
.resources-card { text-decoration: none; color: inherit; }
.study-content .table-responsive { overflow-x: auto; }
.study-content table { border-collapse: collapse; width: 100%; }
.study-content th, .study-content td { text-align: left; padding: 12px; border-bottom: 1px solid #e2e8f0; vertical-align: top; }
@media (max-width: 768px) {
    .study-directory { grid-template-columns: 1fr; }
    .study-content { padding: 18px; }
    .study-content h2 { font-size: 1.3rem; }
}