/* ATS-only differences. shared-pattern.css is a frozen local snapshot, not a live dependency. */
.ts-ats .caption-sp,.ts-ats .cta-sp{display:none}
.ts-ats picture{display:block}
.ts-ats .feature-callout{padding:16px 18px;background:#edf4f7;border-radius:4px;margin-top:52px;font-size:10px;color:var(--muted);line-height:1.8}
.ts-ats .feature-callout strong{color:var(--ink);margin-right:10px}
.ts-ats .feature-copy .check{margin-top:14px!important}
.ts-ats .feature-02 h3{margin-bottom:26px}
@media(min-width:701px){
.ts-ats .hero-figure img{max-width:537px;margin-left:auto}
.ts-ats .feature-01{grid-template-columns:1fr 1.12fr}
.ts-ats .feature-01 .feature-copy{padding-top:0}
.ts-ats .feature-01 figure{padding-inline:12px}
.ts-ats .feature-02 .feature-copy{padding-top:16px}
.ts-ats .feature-02 figure img{max-width:439px}
.ts-ats .feature-03 figure{padding-inline:12px}
.ts-ats .feature-02{margin-top:130px}
.ts-ats .feature-03{margin-top:120px}
.ts-ats .feature-02 .feature-callout{margin-left:-26px}
}
@media(max-width:700px){
.ts-ats .caption-pc,.ts-ats .cta-pc{display:none}
.ts-ats .caption-sp,.ts-ats .cta-sp{display:block}
.ts-ats .hero-figure{margin-top:40px}
.ts-ats .hero-figure img{width:calc(100% - 28px)}
.ts-ats .feature-01 figure img,.ts-ats .feature-02 figure img,.ts-ats .feature-03 figure img{width:calc(100% - 40px);margin-inline:auto}
.ts-ats .feature-02 .feature-copy{padding-top:0}
.ts-ats .feature-02 h3{margin-bottom:20px}
.ts-ats .feature-02{margin-top:64px}
.ts-ats .feature-03{margin-top:70px}
.ts-ats .feature-callout{font-size:11px;padding:14px 16px;margin-top:42px}
.ts-ats .feature-callout strong,.ts-ats .feature-callout span{display:block}
.ts-ats .feature-callout strong{margin-right:0;margin-bottom:4px}
}
@media(max-width:359px){.ts-ats .hero h1{font-size:24px}}
/* Page-specific approved H1 native sizes: PC30pt / SP20pt at96dpi. */
@media(min-width:1101px){.ts-ats .hero h1{font-size:40px}}
@media(min-width:701px) and (max-width:1100px){.ts-ats .hero h1{font-size:clamp(27px,3.125vw,40px)}}
@media(max-width:700px){.ts-ats .hero h1{font-size:26.6667px}}
@media(max-width:359px){.ts-ats .hero h1{font-size:23px}}
@media(min-width:701px){.ts-ats .section-intro>p:last-child{max-width:750px}}
/* Approved section/label geometry alignment; content heights remain intrinsic. */
@media(min-width:701px){
.ts-ats .hero{padding-bottom:95px}
.ts-ats .feature-01{margin-top:94px}
.ts-ats .feature-02{margin-top:140px}
.ts-ats .feature-03{margin-top:124px}
.ts-ats .features{padding-bottom:105px}
}
@media(max-width:700px){
.ts-ats .hero-figure{margin-top:31px}
.ts-ats .feature-01{margin-top:37px}
.ts-ats .feature-02{margin-top:51px}
.ts-ats .feature-03{margin-top:40px}
.ts-ats .feature-callout{padding:10px 12px;margin-top:32px}
}
/* Consecutive checklist lines use the approved SP rhythm, not icon-inflated line boxes. */
@media(max-width:700px){
.ts-ats .check>span{font-size:11px;line-height:inherit}
.ts-ats .feature-copy .check+.check{margin-top:9px!important}
.ts-ats .feature-02{margin-top:84px}
.ts-ats .feature-03{margin-top:60px}
}
/* Native approved ATS checklist type: PC9.75pt / SP8.25pt, converted at96dpi. */
@media(min-width:701px){
.ts-ats .feature-copy .check{font-size:13px!important}
.ts-ats .check>span{font-size:13px;line-height:inherit}
.ts-ats .feature-copy .check+.check{margin-top:8px!important}
}
@media(max-width:700px){
.ts-ats .feature-copy .check+.check{margin-top:8px!important}
.ts-ats .feature-02{margin-top:86px}
.ts-ats .feature-03{margin-top:61px}
}

/* Page-owned boundary correction; approved1280/390 typography is unchanged. */
@media(min-width:701px) and (max-width:1100px){.ts-ats .hero h1{font-size:clamp(23.5px,3.125vw,40px)}}
@media(min-width:1101px) and (max-width:1279px){.ts-ats .hero h1{font-size:3.35vw}}