/* 0.100.102: national subject directories for railway-specific chapters. */
.sre-subject-directory-hero{background:linear-gradient(125deg,#faf7f1 0,#e2e4dc 62%,#b9c3b5 100%)}
.sre-subject-directory-hero>aside{display:flex;justify-self:center;width:min(310px,72vw);aspect-ratio:1;flex-direction:column;align-items:center;justify-content:center;border:1px solid #758875;border-radius:50%;background:rgba(255,253,249,.67);box-shadow:inset 0 0 0 14px rgba(54,93,62,.06);text-align:center}
.sre-subject-directory-hero>aside strong{color:#365d3e;font:600 clamp(3rem,6vw,5rem)/1 Georgia,serif}
.sre-subject-directory-hero>aside span{max-width:190px;margin-top:12px;font-size:.69rem;font-weight:800;letter-spacing:.12em;line-height:1.45;text-transform:uppercase}
.sre-subject-directory-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:5vw;align-items:center}
.sre-subject-directory-intro>div>p:last-child{max-width:780px;color:#4d5a6b;line-height:1.7}
.sre-subject-directory-intro aside{padding:26px;border-top:5px solid #365d3e;background:#e9eee7}
.sre-subject-directory-intro aside strong{font:600 1.25rem Georgia,serif}
.sre-subject-directory-intro aside p{margin:12px 0 0;line-height:1.6}
.sre-subject-directory-railways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sre-subject-directory-railways article{display:flex;min-width:0;flex-direction:column;padding:26px;border:1px solid #d9d0c4;border-top:5px solid #566d5c;background:#fffdf9}
.sre-subject-directory-railways article.is-gap{border-top-color:#76252a;background:#f6eee7}
.sre-subject-directory-railways h3{font-size:1.55rem}
.sre-subject-directory-railways article>strong{color:#365d3e;font:600 1.15rem Georgia,serif}
.sre-subject-directory-railways article.is-gap>strong{color:#76252a}
.sre-subject-directory-railways article>p:not(.srep-eyebrow){color:#536071;line-height:1.6}
.sre-subject-directory-railways article>a{margin-top:auto;padding-top:14px;font-weight:800}
@media(max-width:950px){.sre-subject-directory-intro{grid-template-columns:1fr}.sre-subject-directory-railways{grid-template-columns:1fr}}
@media(max-width:600px){.sre-subject-directory-hero>aside{width:210px}}