/* Teaching resource hub: isolated from shared header and other pages */
.tr-hub{width:min(1160px,calc(100% - 40px));margin:auto;padding:26px 0 90px;max-width:none}
.tr-hub::before{display:none!important}.tr-hub *{box-sizing:border-box}
.tr-crumb{display:flex;gap:12px;align-items:center;font-size:13px;color:#6c788c;margin-bottom:58px}.tr-crumb a{color:#a82035;font-weight:750;text-decoration:none}
.tr-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:850;color:#bc2036}
.tr-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center;padding:0 0 90px}
.tr-hero h1{font-size:clamp(43px,5vw,66px);line-height:1.08;letter-spacing:-.055em;color:#1c293d;margin:20px 0 22px}
.tr-hero>div>p{font-size:18px;line-height:1.75;color:#58687d;max-width:570px}
.tr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.tr-actions a{display:inline-flex;padding:13px 18px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none}.tr-primary{background:#c52235;color:#fff!important}.tr-secondary{background:#edf0f6;color:#26354d!important}
.tr-hero-panel{background:#17243b;color:#fff;padding:28px;border-radius:20px;box-shadow:0 25px 55px #1d2b4324}
.tr-panel-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.09em;color:#c5d1e3;border-bottom:1px solid #3c4a62;padding-bottom:17px}
.tr-hero-panel h2{font-size:27px;color:#fff;margin:24px 0 4px}.tr-hero-panel>p{color:#c2cee0;font-size:14px;line-height:1.65;margin-bottom:22px}
.tr-hero-panel ol{list-style:none;margin:0;padding:0;display:grid;gap:9px}.tr-hero-panel li{display:flex;gap:15px;align-items:center;padding:13px 15px;background:#283954;border:1px solid #3d4c65;border-radius:10px}.tr-hero-panel li>span{font-size:13px;color:#ff9fac;font-weight:850}.tr-hero-panel li strong{display:block;font-size:15px}.tr-hero-panel li small{display:block;font-size:12px;color:#bdc9dc}
.tr-path{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:34px;border:1px solid #e0e6ee;border-radius:18px;background:#fff;margin-bottom:92px}
.tr-path h2,.tr-section-head h2,.tr-application h2{font-size:clamp(29px,3vw,39px);line-height:1.2;letter-spacing:-.04em;color:#1c293d;margin:12px 0}.tr-path p,.tr-section-head p,.tr-application p{color:#5d6d82;line-height:1.75}
.tr-path-steps{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.tr-path-steps span{background:#fff0f2;color:#a92237;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:800}.tr-path-steps b{color:#b9c2d1}
.tr-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.tr-section-head p{max-width:660px}.tr-count{color:#be263a;border:1px solid #e7c4ca;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:850;white-space:nowrap}
.tr-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tr-card{display:flex;flex-direction:column;padding:28px 30px;background:#fff;border:1px solid #e0e5ee;border-radius:16px;text-decoration:none!important;color:#1d2b40!important;transition:transform .2s,border-color .2s,box-shadow .2s;min-height:270px}.tr-card:first-child{grid-column:span 2;background:#fff8f9;border-color:#f0d4d9}.tr-card:hover{transform:translateY(-4px);border-color:#d34b5d;box-shadow:0 17px 35px #15243a13}
.tr-card-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tr-index{color:#c52235;font-size:11px;letter-spacing:.12em;font-weight:850}.tr-topic{font-size:12px;color:#67768b}.tr-card h3{font-size:clamp(21px,2.4vw,28px);letter-spacing:-.03em;line-height:1.25;margin:19px 0 10px}.tr-card p{color:#617087;line-height:1.65;margin:0 0 24px;max-width:620px}.tr-card-link{margin-top:auto;color:#ba2238;font-size:14px;font-weight:850}
.tr-application{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;margin:90px 0;padding:40px;background:#f0f3f8;border-radius:18px}.tr-application a{font-weight:850;color:#b62237;text-decoration:none}.tr-application-note{background:#fff;border-left:4px solid #c52235;border-radius:10px;padding:25px}.tr-application-note strong{font-size:18px}.tr-application-note p{font-size:14px}
.tr-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px;border-radius:18px;background:#192942;color:#fff}.tr-cta h2{color:#fff;font-size:28px;margin:0 0 8px}.tr-cta p{color:#c9d3e3;margin:0;max-width:670px}.tr-cta a{flex-shrink:0;padding:14px 20px;border-radius:10px;background:#d12a41;color:#fff;text-decoration:none;font-weight:850}
@media(max-width:800px){.tr-hero,.tr-path,.tr-application{grid-template-columns:1fr;gap:28px}.tr-hero{padding-bottom:50px}.tr-path{margin-bottom:60px}.tr-cta{flex-direction:column;align-items:flex-start}.tr-card-grid{grid-template-columns:1fr}.tr-card:first-child{grid-column:auto}}
@media(max-width:520px){.tr-hub{width:calc(100% - 30px)}.tr-crumb{margin-bottom:35px}.tr-hero-panel,.tr-path,.tr-application,.tr-cta{padding:22px}.tr-card{padding:24px;min-height:0}.tr-section-head{align-items:flex-start;flex-direction:column}}

/* Compact, readable resource hub matching the homepage visual rhythm */
.tr-hub{width:min(1240px,calc(100% - 48px))!important;padding-top:20px!important}
.tr-crumb{margin-bottom:25px!important;font-size:14px!important}
.tr-hero{gap:42px!important;padding-bottom:36px!important;align-items:center!important}
.tr-hero h1{font-size:clamp(40px,4.5vw,62px)!important;line-height:1.12!important}
.tr-hero>div>p{font-size:19px!important;line-height:1.65!important}
.tr-hero-panel{padding:26px!important;box-shadow:0 18px 45px #1d2b431c!important}
.tr-hero-panel>p{color:#e2eaf5!important;font-size:16px!important}
.tr-panel-top{color:#d8e2f0!important;font-size:11px!important}
.tr-hero-panel li strong{font-size:16px!important}.tr-hero-panel li small{font-size:14px!important;color:#e0e7f1!important}
.tr-quickpath{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:18px 20px;background:#f6f8fb;border:1px solid #e0e6ef;border-radius:12px;margin:0 0 44px;color:#334158;font-size:14px}
.tr-quickpath strong{margin-right:auto;font-size:15px}.tr-quickpath span{font-weight:750;color:#a82237;background:#fff;padding:8px 11px;border:1px solid #f0d9dd;border-radius:8px}
.tr-section-head{margin-bottom:20px!important}.tr-section-head p{font-size:17px!important}.tr-card{min-height:230px!important}.tr-card p{font-size:16px!important}
@media(max-width:800px){.tr-hub{width:calc(100% - 30px)!important}.tr-hero{gap:25px!important}.tr-quickpath{margin-bottom:32px!important}.tr-quickpath strong{width:100%}}
