/* JTMS HR & Payroll — site styles (most layout is inline in index.html) */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0}
img{max-width:100%}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #F2B33D;outline-offset:2px}

/* Desktop / mobile switches (breakpoint 1080px) */
.desk-only{display:contents}
.mob-only{display:none}
@media (max-width:1079px){
  .desk-only{display:none}
  .mob-only{display:contents}
}
#mobileMenu[hidden]{display:none!important}
@media (min-width:1080px){#mobileMenu{display:none!important}}

/* Dashboard tabs */
.dash-tab{font-family:inherit;font-size:15px;font-weight:600;border:0;border-radius:8px;padding:11px 18px;min-height:44px;cursor:pointer;background:transparent;color:#4A5363}
.dash-tab.active{background:#1A7A6E;color:#fff}
@media (max-width:480px){.dash-tab{font-size:13px;padding:10px 12px}}

/* FAQ accordion */
.faq{background:#fff;border:1px solid #DAD5CB;border-radius:12px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:18px 20px;min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:600;color:#101828}
.faq summary::-webkit-details-marker{display:none}
.faq-icon::before{content:"+";font-size:22px;color:#1A7A6E;line-height:1}
.faq[open] .faq-icon::before{content:"−"}
.faq-a{padding:0 20px 18px;color:#4A5363;line-height:1.6;font-size:15px}