/* Home-specific integration of the approved shared proof and industry components. */
html[data-page=home] .client-logo-window{width:calc(100% - 112px);max-width:1600px}
html[data-page=home] #industries .section-intro{display:block}
html[data-page=home] #industries .industry-tabs{align-self:start}
html[data-page=home] #industries .industry-tabs button::after{content:none}
html[data-page=home] #industries .industry-panel{background:transparent;padding:0;border:0;border-radius:0}
html[data-page=home] #industries .industry-panel p,html[data-page=home] #customer-success-interactive p{color:var(--navy)}
html[data-page=home] #customer-success-interactive .case-banner{margin-top:48px}
html[data-page=home] #customer-success-interactive .case-banner h3{color:#fff}
html[data-page=home] #customer-success-interactive .story-trial-quote{border:0}
html[data-page=home] #customer-success-interactive .story-trial-quote cite{color:var(--navy)}
@media(max-width:1200px){html[data-page=home] .client-logo-window{width:calc(100% - 56px)}}
@media(max-width:640px){html[data-page=home] .client-logo-window{width:calc(100% - 32px)}}
html[data-page=home] #industries .industry-layout{margin-top:0}
html[data-page=home] #industries .industry-tabs{align-items:stretch}
html[data-page=home] #industries .industry-tabs button::before{content:none}
html[data-page=home] #industries .industry-visual{min-height:0}
html[data-page=home] #industries .industry-visual img{max-height:none}

/* Home customer stories open on deliberate customer selection. */
html[data-page=home] #story-detail-workspace[hidden]{display:none!important}
html[data-page=home] .story-trial-clients button{position:relative;padding-right:32px}
html[data-page=home] .story-trial-clients button::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid #35AECB;border-bottom:2px solid #35AECB;transform:translateY(-65%) rotate(45deg)}
html[data-page=home] .story-trial-clients button[aria-expanded=true]::after{transform:translateY(-25%) rotate(225deg)}
html[data-page=home] .story-collapse-close{display:flex;align-items:center;gap:10px;margin:0 0 20px auto;background:#FFFFFF;color:#032058;border:1px solid #35AECB;border-radius:24px;padding:10px 18px;min-height:44px;font:600 14px/1.5 Poppins,Arial,sans-serif;cursor:pointer}
html[data-page=home] .story-collapse-close:hover{background:#EBF7FA}
html[data-page=home] .story-collapse-close:focus-visible{outline:3px solid #35AECB;outline-offset:3px}

/* Home story introduction follows the Free HR Tools three-level hierarchy. */
html[data-page=home] #customer-success-interactive .story-trial-intro{max-width:780px;text-align:center;margin:0 auto 32px}
html[data-page=home] #customer-success-interactive .story-trial-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 14px}
html[data-page=home] #customer-success-interactive #story-trial-title{font-size:clamp(34px,3.5vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:700;margin:0 0 20px;color:#032058}
html[data-page=home] #story-trial-title span{color:#35AECB}
html[data-page=home] #customer-success-interactive .story-trial-description{font-size:17px;line-height:1.6;margin:0;color:#032058}
@media(max-width:640px){html[data-page=home] #customer-success-interactive #story-trial-title{font-size:34px}}

/* Clearly bounded Home customer-story disclosure buttons. */
html[data-page=home] #customer-success-interactive .story-trial-clients button{border:1px solid #032058;border-radius:16px;background:#FFFFFF;color:#032058;padding-right:36px;transition:background-color .18s,border-color .18s}
html[data-page=home] #customer-success-interactive .story-trial-clients button:hover,html[data-page=home] #customer-success-interactive .story-trial-clients button:active,html[data-page=home] #customer-success-interactive .story-trial-clients button[aria-expanded=true]{background:#EBF7FA;border-color:#35AECB}
html[data-page=home] #customer-success-interactive .story-trial-clients button[aria-expanded=true]{box-shadow:inset 0 0 0 1px #35AECB}
html[data-page=home] #customer-success-interactive .story-trial-clients button:focus-visible{outline:3px solid #35AECB;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html[data-page=home] #customer-success-interactive .story-trial-clients button{transition:none}}

/* Home choices keep their approved frames despite the later shared soft-choice
   reset. The important declarations are intentionally scoped to these controls. */
html[data-page=home] #tools .planning-tabs button,
html[data-page=home] #customer-success-interactive :is(.story-trial-clients,.story-stage-tabs) button{
  border:1px solid #032058!important;
  border-radius:16px!important;
}
html[data-page=home] #tools .planning-tabs button:is(:hover,[aria-selected=true],[aria-expanded=true]),
html[data-page=home] #customer-success-interactive :is(.story-trial-clients,.story-stage-tabs) button:is(:hover,[aria-selected=true],[aria-expanded=true]){
  border-color:#35AECB!important;
}
html[data-page=home] #tools .planning-tabs button:focus-visible,
html[data-page=home] #customer-success-interactive :is(.story-trial-clients,.story-stage-tabs) button:focus-visible{
  outline:3px solid #032058!important;
  outline-offset:4px!important;
  box-shadow:none!important;
}
@media(forced-colors:active){
  html[data-page=home] #tools .planning-tabs button:focus-visible,
  html[data-page=home] #customer-success-interactive :is(.story-trial-clients,.story-stage-tabs) button:focus-visible{
    outline-color:Highlight!important;
  }
}