/* Keep shared navigation in flow; keep the grouped directory independent of
   the older feature-card layouts. Native tool forms keep their own styles. */
@media screen {
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main#trjgh-main > :is(.trjgh-resource-hero,.trjgh-resource-body,.trjgh-resource-next) {
    width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;
    min-width:0!important;margin-inline:auto!important;box-sizing:border-box!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) .trjg-site-header > * {
    min-width:0;max-width:100%;
  }
  html body[data-trjgh-shell]:is(body,#trjs) .trjg-header-search {
    min-width:0;
  }
  html body[data-trjgh-shell]:is(body,#trjs) .trjg-header-search input[type=search] {
    min-width:0;max-width:100%;box-sizing:border-box;
  }
  html body[data-trjgh-shell]:is(body,#trjs)[data-trjgh-design=hub] #trjgh-main .trjgh-tools-hero380 {
    width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;
    margin:0 auto!important;padding:48px 0 32px!important;box-sizing:border-box;
  }
  html body[data-trjgh-shell]:is(body,#trjs)[data-trjgh-design=hub] #trjgh-main .trjgh-tools-hero380 h1 {
    font-size:clamp(34px,4.5vw,58px)!important;line-height:1.1!important;
    margin:16px 0 20px!important;max-width:850px!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs)[data-trjgh-design=hub] #trjgh-main .trjgh-tools-hero380 > p:last-child {
    font-size:18px!important;line-height:1.7!important;max-width:720px!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs)[data-trjgh-design=hub] #trjgh-main > .trjgh-resource-body {
    width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;
    padding:0!important;margin:0 auto!important;min-width:0!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools380 {
    width:100%!important;max-width:100%!important;margin:0!important;min-width:0!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-jump380 {
    display:flex!important;flex-wrap:wrap!important;gap:10px!important;
    margin:0 0 40px!important;padding:18px 0!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-jump380 a {
    min-width:0!important;max-width:100%!important;white-space:normal!important;
    font-size:14px!important;line-height:1.5!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-group380 {
    margin:0 0 54px!important;padding:0!important;min-width:0!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-group380 > h2 {
    margin:0 0 22px!important;font-size:clamp(26px,3vw,34px)!important;line-height:1.2!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-grid380 {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px!important;align-items:stretch!important;min-width:0!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-card380 {
    display:flex!important;flex-direction:column!important;gap:0!important;
    grid-column:auto!important;grid-row:auto!important;position:relative!important;
    inset:auto!important;float:none!important;transform:none!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;
    margin:0!important;padding:26px!important;box-sizing:border-box!important;
    border:1px solid #d5dacd!important;border-radius:8px!important;
    background:#fff!important;color:#242823!important;box-shadow:none!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-card380 > h3 {
    margin:0 0 15px!important;font-size:24px!important;line-height:1.25!important;
    max-width:100%!important;overflow-wrap:break-word!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-card380 > p {
    margin:0 0 22px!important;font-size:16px!important;line-height:1.7!important;
    max-width:100%!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-card380 > a {
    display:inline-flex!important;align-items:center!important;gap:8px!important;
    align-self:flex-start!important;width:auto!important;max-width:100%!important;
    margin:auto 0 0!important;padding:0!important;white-space:normal!important;
    font-size:14px!important;line-height:1.6!important;font-weight:650!important;
    background:transparent!important;border:0!important;color:#242823!important;
    text-decoration:underline!important;text-underline-offset:5px!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-coach380 {
    min-width:0!important;margin:0 0 48px!important;gap:28px!important;
  }
}
@media screen and (max-width:1050px) {
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-grid380 {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-coach380 {
    flex-direction:column!important;align-items:flex-start!important;
  }
}
@media screen and (max-width:700px) {
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tools-grid380 {
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs) #trjgh-main .trjgh-tool-card380 {
    padding:23px!important;
  }
  html body[data-trjgh-shell]:is(body,#trjs)[data-trjgh-design=hub] #trjgh-main .trjgh-tools-hero380 {
    padding-top:32px!important;
  }
}