html{scroll-behavior:smooth}header nav>.container{gap:0}header nav>.container a{padding-left:.6rem;padding-right:.6rem;font-size:.73rem}header nav>.container{max-width:1380px}header .animate-scroll-left{animation-duration:45s}
#hitexbau-email-review{max-width:720px;width:calc(100% - 32px);max-height:85vh;border:0;border-radius:12px;padding:28px;background:#fff;color:#202020;box-shadow:0 24px 100px #0008}
#hitexbau-email-review::backdrop{background:#0008}#hitexbau-email-review h2{font-size:24px;font-weight:700;margin-bottom:12px}#hitexbau-email-review pre{white-space:pre-wrap;font-family:inherit;margin:20px 0;padding:20px;background:#f4f4f4;font-size:14px;max-height:45vh;overflow:auto}.review-actions{display:flex;gap:12px;justify-content:flex-end}.review-actions a,.review-actions button{padding:12px 18px;border-radius:5px;background:#eee;font-size:14px;font-weight:600}.review-actions a{background:#e60000;color:white}
@media(max-width:1023px) and (min-width:768px){header nav>.container a{padding-left:.4rem;padding-right:.4rem;font-size:.62rem}header nav>.container{padding-left:10px;padding-right:10px}}
@media(max-width:767px){main a.inline-flex{white-space:normal;max-width:100%;height:auto;min-height:40px;text-align:center;padding-top:10px;padding-bottom:10px}}


/* Responsive adjustments: preserve desktop layout, allow content to reflow on phones. */
@media (max-width:767px){
  .container{padding-left:20px;padding-right:20px}
  main .grid,main .grid>*{min-width:0;max-width:100%}
  main .recharts-wrapper{overflow:clip}
  main h1,main h2,main h3,main p,main li,footer p,footer a{overflow-wrap:anywhere}
  #resource-library a{min-width:0;overflow-wrap:anywhere}
  #resource-library a svg{flex-shrink:0}
  #planning-center button{white-space:normal;height:auto;min-height:44px;max-width:100%;padding-top:12px;padding-bottom:12px}
  main [role="tablist"]{display:flex;flex-wrap:wrap;align-items:stretch;height:auto;width:100%;gap:4px;padding:4px}
  main [role="tab"]{flex:1 1 100%;height:auto;min-height:44px;white-space:normal;padding:10px 12px;text-align:center;line-height:1.4}
  header button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;touch-action:manipulation}
  header a:has(>img){display:inline-flex;align-items:center;min-height:44px}
  header [id="hx-mobile-menu"]{max-height:calc(100dvh - 4rem - var(--hx-cookie-height,0px));overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
  #hx-mobile-menu a{min-height:44px;display:flex;align-items:center;line-height:1.4}
  body.hx-menu-open{overflow:hidden}
  main input:not([type="radio"]):not([type="checkbox"]),main select,main textarea{font-size:16px;max-width:100%}
  main a.inline-flex,main button:not([role="radio"]):not([role="checkbox"]):not([role="slider"]){max-width:100%;touch-action:manipulation}
  main a.inline-flex{min-height:44px}
  main button:not([role="radio"]):not([role="checkbox"]):not([role="slider"]):not([data-state]){min-height:44px;white-space:normal;height:auto}
  footer a{display:inline-flex;align-items:center;min-height:40px;line-height:1.5}
  .hx-scroll-table{min-width:0;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .hx-scroll-table:focus-visible{outline:2px solid #e60000;outline-offset:3px}
  .hx-table-hint{display:block;margin:10px 0 0;color:#555;font-size:12px;line-height:1.5}
  #hitexbau-email-review{padding:20px;max-height:calc(100dvh - 32px)}
  #hitexbau-email-review .review-actions{flex-wrap:wrap}
  #hitexbau-email-review .review-actions>*{flex:1 1 130px;min-height:44px;text-align:center}
  .hx-cookie-banner{padding-bottom:max(16px,env(safe-area-inset-bottom))}
}
@media(min-width:768px){.hx-table-hint{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  header .animate-scroll-left{animation:none}
}