/* The Research School – header/footer for standalone tool pages (scoped with trx- so it never touches the tool's own styles) */
.trx-hdr,.trx-ftr{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
.trx-wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.trx-hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e4e8ee}
.trx-hdr .trx-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px}
.trx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0f2340;font-family:"Lora",Georgia,serif;font-weight:700;font-size:19px}
.trx-brand img{width:38px;height:38px;border-radius:50%}
.trx-brand small{display:block;font-family:"Inter",sans-serif;font-weight:500;font-size:11px;color:#5a6472}
.trx-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.trx-nav a{padding:8px 11px;border-radius:8px;text-decoration:none;color:#1c2430;font-weight:500;font-size:14.5px;white-space:nowrap}
.trx-nav a:hover{color:#0f2340;background:#f6f8fb}
.trx-nav a.on{color:#0f2340;box-shadow:inset 0 -2px 0 #c9a24b;border-radius:0}
.trx-menu{display:none;width:44px;height:44px;border:1px solid #e4e8ee;background:#fff;border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.trx-menu span{display:block;width:20px;height:2px;background:#0f2340;border-radius:2px}
.trx-hdr a:focus-visible,.trx-menu:focus-visible,.trx-ftr a:focus-visible{outline:2px solid #c9a24b;outline-offset:2px}
@media (max-width:1280px){
  .trx-menu{display:inline-flex}
  .trx-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:8px 16px 16px;border-bottom:1px solid #e4e8ee;box-shadow:0 10px 30px rgba(15,35,64,.08)}
  .trx-nav.open{display:flex}
  .trx-nav a{padding:12px 10px}
}
.trx-ftr{background:#0a1830;color:#c8d0dc;padding:22px 0;margin-top:48px;font-size:14px}
.trx-ftr .trx-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.trx-ftr a{color:#e6d3a3;text-decoration:none}
.trx-ftr a:hover{color:#fff}