/* zvoove-/ATS-Seite. Ergänzt die bestehende redaktionelle Talara-Gestaltung. */
.ats-page .cmp-hero h1 { max-width:16ch; font-size:clamp(40px,4.4vw,66px); }
.ats-page .cmp-hero-art img { aspect-ratio:1.3; object-position:center; }
.ats-free { margin-top:14px; font-size:12px; }
.ats-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; list-style:none; padding:0; margin:48px 0 0; }
.ats-flow li { position:relative; padding:30px; border:1px solid rgba(243,231,197,.5); border-radius:16px; }
.ats-step { display:block; color:var(--butter); font:800 42px/1 var(--font-display); margin-bottom:28px; }
.ats-flow h3 { font-size:28px; }
.ats-flow p { margin-top:14px; font-size:16px; }
.ats-flow-note { margin-top:22px; font-size:13px; max-width:80ch; }
.ats-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:48px; padding-top:36px; border-top:1px solid rgba(243,231,197,.35); }
.ats-methods h3 { font-size:26px; color:var(--butter); }
.ats-methods p { margin-top:16px; max-width:52ch; }
.ats-scope { background:var(--paper); border:2px solid var(--ink); border-radius:16px; padding:32px; }
.ats-scope h3 { margin-bottom:22px; }
.ats-scope dl { margin:0; }
.ats-scope dl > div { border-top:1px solid var(--line); padding-block:18px; }
.ats-scope dt { font-weight:800; }
.ats-scope dd { margin:7px 0 0; font-size:16px; }
.ats-note { border-top:1px solid var(--line); padding-top:20px; font-size:13px; }
.ats-page .cmp-forest a:focus-visible { outline-color:var(--butter); }
@media(max-width:800px) { .ats-flow { grid-template-columns:1fr; gap:16px; } .ats-flow li { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:20px; padding:24px; } .ats-step { grid-row:1/3; font-size:34px; margin:0; } .ats-flow p { grid-column:2; margin-top:10px; } .ats-methods { grid-template-columns:1fr; gap:30px; } }
@media(max-width:600px) { .ats-page .cmp-hero h1 { font-size:clamp(36px,9.5vw,55px); } .ats-scope { padding:24px; } .ats-flow h3 { font-size:24px; } .ats-page .cmp-sources a { overflow-wrap:anywhere; } }