@charset "utf-8";:root{--td-orange:#f45b00;--td-orange-dark:#d84f00;--td-navy:#25313d;--td-text:#435363;--td-muted:#647586;--td-line:#dfe7ed;--td-soft:#f7f9fb;--td-white:#fff;--td-shadow:0 8px 24px rgba(34,49,63,.07);--td-radius:18px} .training-detail-page>.content-body{width:100%;max-width:none;box-sizing:border-box} .training-detail-page h2,.training-detail-page h3{color:var(--td-navy)} .training-detail-page p{color:var(--td-text);line-height:1.7} .training-back{margin:0 0 20px}.training-back a{color:var(--td-orange);font-weight:700;text-decoration:none}.training-back a:hover{color:var(--td-orange-dark);text-decoration:underline} .training-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:30px;align-items:center;margin-bottom:34px} .training-eyebrow,.training-section-heading>span,.training-request-head>span{display:block;margin-bottom:7px;color:var(--td-orange);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .training-hero h2,.training-purpose h2,.training-format h2,.training-request h2,.training-section-heading h2{margin:0 0 12px;line-height:1.25} .training-lead{font-size:1.08rem;font-weight:600}.training-hero-copy>p{margin:0 0 12px} .training-hero-image{overflow:hidden;border-radius:var(--td-radius);box-shadow:var(--td-shadow)} .training-hero-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover} .training-facts{display:flex;flex-wrap:nowrap;gap:7px;margin-top:18px}.training-facts span{padding:8px 10px;border-radius:9px;background:var(--td-soft);border:1px solid var(--td-line);color:var(--td-text);font-size:.82rem;white-space:nowrap} .training-purpose{margin:0 0 34px;padding:23px 25px;border-left:4px solid var(--td-orange);background:var(--td-soft);border-radius:0 14px 14px 0}.training-purpose p{margin:0} .training-section-heading{text-align:center;margin:0 0 20px}.training-section-heading p{max-width:850px;margin:0 auto} .training-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:34px} .training-topic{padding:21px;background:#fff;border:1px solid var(--td-line);border-radius:15px;box-shadow:var(--td-shadow)} .training-topic-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:10px}.training-topic-head span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:#fff2ea;color:var(--td-orange);font-weight:800}.training-topic h3{margin:5px 0 0;font-size:1rem;line-height:1.35}.training-topic p{margin:0;font-size:.94rem} .training-format{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;margin:0 0 36px;padding:25px;background:var(--td-soft);border:1px solid var(--td-line);border-radius:var(--td-radius)}.training-format p{margin:0}.training-format-points{display:grid;gap:9px}.training-format-points span{padding:10px 12px;background:#fff;border:1px solid var(--td-line);border-radius:10px;color:var(--td-text);font-weight:600} .training-request{padding:28px;background:var(--td-soft);border:1px solid var(--td-line);border-radius:var(--td-radius);margin-bottom:36px}.training-request-head{text-align:center;margin-bottom:22px}.training-request-head p{max-width:850px;margin:0 auto}.training-request-form{padding:22px;background:#fff;border:1px solid var(--td-line);border-radius:14px} .training-more{margin-top:10px}.training-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-more-grid a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:11px 13px;text-align:center;text-decoration:none;color:var(--td-navy);font-weight:700;background:#fff;border:1px solid var(--td-line);border-radius:11px;transition:.2s ease}.training-more-grid a:hover{border-color:#ffc3a0;color:var(--td-orange);box-shadow:var(--td-shadow)}.training-more-grid a.active{background:#fff2ea;border-color:#ffc3a0;color:var(--td-orange)} .training-back-bottom{text-align:center;margin:26px 0 0} @media(max-width:1000px){.training-topics,.training-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:850px){.training-hero,.training-format{grid-template-columns:1fr}.training-hero-image{max-width:650px}} @media(max-width:650px){.training-topics,.training-more-grid{grid-template-columns:1fr}.training-request,.training-format{padding:20px}.training-request-form{padding:15px}.training-facts{display:grid}} @media(max-width:1100px){.training-facts{flex-wrap:wrap}.training-facts span{white-space:normal}}