/* Job Application Tailor landing page (tools/job-application-tailor only) */
.tp-jat-hero{align-items:start;padding-top:24px}
.tp-jat-hero h1{font-size:clamp(30px,3.6vw,46px);margin:12px 0 18px;overflow-wrap:break-word}
.tp-jat-hero .pt-lead{margin:0 0 20px}
.tp-jat-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tp-jat-points li{position:relative;padding-left:28px;color:#10253b;font-size:16px;line-height:1.45}
.tp-jat-points li::before{content:"";position:absolute;left:2px;top:4px;width:16px;height:16px;border-radius:50%;background:#e3ecff;border:2px solid #1756d6;box-sizing:border-box}
.tp-jat-points li::after{content:"";position:absolute;left:7px;top:7px;width:5px;height:8px;border:solid #1756d6;border-width:0 2px 2px 0;transform:rotate(45deg)}

.tp-jat-start{min-width:0;background:#fff;border:1px solid #d6dfe5;border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(16,37,59,.08)}
.tp-jat-start h2{margin:0;font-size:20px;line-height:1.3;color:#10253b}
.tp-jat-start h2::before{content:"1. ";color:#1756d6}
.tp-jat-drop{margin:14px 0 16px;max-width:none;padding:24px 16px 18px}

.tp-jat-next{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tp-jat-next li{border:1px solid #d6dfe5;border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.4;color:#33475b;min-width:0;overflow-wrap:anywhere}
.tp-jat-next span{display:block;font-weight:800;color:#10253b;font-size:13px;margin-bottom:2px}
.tp-jat-next span::before{color:#1756d6}
.tp-jat-next li:first-child span::before{content:"2. "}
.tp-jat-next li:nth-child(2) span::before{content:"3. "}
.tp-jat-next li:nth-child(3) span::before{content:"4. "}

.tp-jat-cost{margin:0;background:#f4f8ff;border-left:4px solid #1756d6;border-radius:10px;padding:12px 16px;font-size:14.5px;line-height:1.5;color:#33475b}
.tp-jat-cost strong{display:block;color:#10253b}
.tp-jat-links{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 20px}
.tp-jat-links a{display:inline-flex;align-items:center;min-height:40px;color:#1756d6;font-weight:700}
.tp-jat a:focus-visible,.tp-jat summary:focus-visible{outline:3px solid rgba(23,86,214,.45);outline-offset:2px;border-radius:4px}

.tp-jat-get h2,.tp-jat-checks h2,.tp-jat-cost-block h2,.tp-jat-tips h2{margin-top:0}
.tp-jat-intro-text{margin:0 0 20px;color:#33475b;max-width:720px}
.tp-jat-get-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.tp-jat-files{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tp-jat-files li{background:#fff;border:1px solid #d6dfe5;border-radius:12px;padding:14px 16px;min-width:0}
.tp-jat-files code{display:inline-block;font:700 14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#103ca2;background:#eef3ff;border-radius:6px;padding:2px 8px;margin-bottom:6px;overflow-wrap:anywhere}
.tp-jat-files span{display:block;color:#33475b;font-size:15px;line-height:1.5}

.tp-jat-example{margin:0;background:#10253b;color:#fff;border-radius:16px;padding:20px;min-width:0}
.tp-jat-example figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#b8cdff;margin-bottom:14px}
.tp-jat-row{background:#fff;color:#10253b;border-radius:10px;padding:14px 16px}
.tp-jat-req{margin:0 0 10px;font-size:14px;color:#33475b}
.tp-jat-req b{color:#10253b;font-size:16px}
.tp-jat-row dl{margin:0;display:grid;gap:10px}
.tp-jat-row dl div{border-left:4px solid #6896ff;background:#f4f8ff;border-radius:6px;padding:8px 12px}
.tp-jat-row dt{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#526274}
.tp-jat-row dd{margin:2px 0 0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.tp-jat-gap{margin:12px 0 0;background:#fff7ed;color:#4a2a0a;border-left:4px solid #c2410c;border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.5}
.tp-jat-gap b{color:#7c2d12}

.tp-jat-check-list{margin:0 0 14px;padding-left:20px;display:grid;gap:10px;max-width:820px;line-height:1.55}
.tp-jat-check-list b{color:#10253b}
.tp-jat-note{margin:0;max-width:820px;color:#33475b;font-size:15px}

.tp-jat-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tp-jat-facts div{background:#fff;border:1px solid #d6dfe5;border-radius:12px;padding:12px 14px;min-width:0}
.tp-jat-facts dt{font-size:13px;color:#526274;font-weight:700}
.tp-jat-facts dd{margin:2px 0 0;color:#10253b;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.tp-jat-cost-block .tp-jat-links{margin-top:12px}

.tp-jat-tips ul{margin:0;padding-left:20px;display:grid;gap:8px;max-width:820px;line-height:1.55}

@media (min-width:761px){.tp-jat-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}
@media (max-width:900px){.tp-jat-get-grid{grid-template-columns:1fr}.tp-jat-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){
  .tp-jat-start{padding:16px;border-radius:14px}
  .tp-jat-drop{padding:20px 10px 16px}
  .tp-jat-drop .wt-drop-button{min-width:0;width:100%;padding:0 10px;gap:8px;font-size:1rem;white-space:nowrap}
  .tp-jat-next{grid-template-columns:1fr}
  .tp-jat-facts{grid-template-columns:1fr}
  .tp-jat-example{padding:14px}
  .tp-jat-row{padding:12px}
}
@media (prefers-reduced-motion:reduce){.tp-jat-drop,.tp-jat-drop .wt-drop-button{transition:none}}
