/* Data-driven and computational methods page */
.methods-main { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.methods-main .intro-section p { font-size: 1.15rem; line-height: 1.7; color: #3c4b57; max-width: 68ch; }
.methods-main .research-group { margin: 2.6rem 0 0; border: 0; }
.methods-main .group-header { border-bottom: 2px solid var(--primary-blue); margin-bottom: 1.2rem; padding-bottom: .5rem; }
.methods-main .group-header h2 { margin: 0; font-size: 1.6rem; }
.methods-main .group-content p,
.methods-main .group-content li { max-width: 72ch; line-height: 1.65; }
.methods-main .method-list { padding-left: 1.2rem; }
.methods-main .method-list li { margin-bottom: .45rem; }
.method-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.4rem; }
.method { background: #fff; border: 1px solid #e0e6eb; border-left: 4px solid var(--teal); border-radius: 8px; padding: 1.1rem 1.3rem; }
.method h3 { margin: 0 0 .5rem; font-size: 1.08rem; color: var(--primary-blue); }
.method p { margin: 0; font-size: .95rem; max-width: none; }
.methods-figure { margin: 1.6rem 0; }
.methods-figure img { width: 100%; height: auto; border-radius: 8px; display: block; }
.methods-figure figcaption { font-size: .88rem; color: #5b6b7a; padding-top: .55rem; }
.methods-figure.float-right { float: right; width: min(45%, 420px); margin: .3rem 0 1.2rem 1.8rem; }
@media (max-width: 760px) { .methods-figure.float-right { float: none; width: 100%; margin: 1.4rem 0; } }
.methods-cta { background: #f4f7fa; border-left: 4px solid var(--primary-blue); padding: 1rem 1.3rem; margin-top: 1.2rem; }
.methods-main .group-content p { margin: 0 0 1rem; }
.methods-main .group-content p:last-child { margin-bottom: 0; }
.breadcrumb a, .breadcrumb span { margin: 0 .35rem; }
.breadcrumb a:first-child { margin-left: 0; }