/* Waytogo Talent Solutions | shared service-detail styling
   Uses global variables from style.css: Tinos / Arimo / navy / gold.
   The overview stylesheet must be loaded first for ts-shell, buttons, FAQ and CTA. */
.tv-page {
    --tv-navy: var(--wtg-navy-deep, #040b28);
    --tv-blue: var(--wtg-navy, #0b1a62);
    --tv-gold: var(--wtg-gold, #c6a15b);
    --tv-ink: var(--wtg-heading, #0b1736);
    --tv-muted: var(--wtg-text-secondary, #48536a);
    --tv-line: var(--wtg-border, #d9dde6);
    --tv-cream: var(--wtg-cream, #f5f2e9);
    --tv-soft: var(--wtg-blue-soft, #edf1f6);
    --tv-accent: #087c84;
    font-family: var(--font-body, 'Arimo', Arial, sans-serif);
    color: var(--tv-ink);
    background: #ffffff;
    overflow-x: clip;
}
.tv-page h1, .tv-page h2, .tv-page h3 {font-family:var(--font-display,'Tinos',Georgia,serif);font-weight:400;letter-spacing:-.025em;}
.tv-page h1 em, .tv-page h2 em {font-weight:400;}
.tv-page a:focus-visible, .tv-page summary:focus-visible {outline:2px solid var(--tv-gold);outline-offset:4px;}
.tv-page .ts-button {min-height:48px;}
.tv-page .ts-shell {min-width:0;}
.tv-section {padding:78px 0;}
.tv-page h2 {font-size:clamp(35px,3.15vw,49px);line-height:1.055;margin:0;}
.tv-heading-row {display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:70px;align-items:end;margin-bottom:32px;}
.tv-heading-row > p {max-width:480px;margin:0 0 3px;color:var(--tv-muted);font-size:14px;line-height:1.75;}
.tv-editorial-grid {display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:70px;align-items:start;}
.tv-problem__copy p {margin:0 0 19px;color:var(--tv-muted);font-size:15px;line-height:1.82;}
.tv-notice {border-left:3px solid var(--tv-gold);padding:15px 19px;background:#f6f2e9;color:#46465a;font-size:13px;line-height:1.65;}
.tv-notice--service {border-color:var(--tv-accent);background:#eef7f6;}
.tv-notice strong {color:var(--tv-blue);}

/* Hero: editorial split. Illustration is conceptual and contains no invented metrics. */
.tv-hero {background:var(--tv-navy);color:#fff;}
.tv-hero__grid {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4vw,70px);align-items:center;padding:52px 0 86px;}
.tv-hero__copy {min-width:0;max-width:705px;}
.tv-hero h1 {margin:0 0 24px;font-size:clamp(44px,4.3vw,65px);line-height:1.02;color:#fff;}
.tv-hero h1 em {color:#ead7b4;}
.tv-hero__lead {max-width:600px;margin:0 0 28px;font-size:15px;line-height:1.75;color:rgba(255,255,255,.79);}
.tv-actions {gap:12px;}
.tv-hero__status {display:flex;align-items:center;gap:10px;max-width:580px;margin:25px 0 0;color:#d8c39b;font-size:11px;line-height:1.6;}
.tv-hero__status--ready {color:#cce0db;}
.tv-hero__status-dot {display:inline-block;flex:0 0 8px;width:8px;height:8px;background:var(--tv-gold);border-radius:50%;}
.tv-hero__status--ready .tv-hero__status-dot {background:#7abbb5;}
.tv-visual {min-width:0;border:1px solid rgba(255,255,255,.24);padding:25px;background:#0d1b49;}
.tv-visual__head {display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#cdd6e8;}
.tv-visual__symbol {display:block;width:14px;height:14px;border:1px solid var(--tv-gold);transform:rotate(45deg);}
.tv-visual__title {max-width:365px;margin:0 0 25px;color:#fff;font-family:var(--font-display);font-size:clamp(30px,2.7vw,40px);line-height:1.12;letter-spacing:-.027em;}
.tv-visual__stages {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15);}
.tv-visual__stages span {display:flex;align-items:center;min-height:66px;padding:16px 16px 16px 25px;position:relative;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);font-size:12px;line-height:1.5;font-weight:600;color:#eef2f9;}
.tv-visual__stages span::before {content:'';position:absolute;left:12px;top:28px;width:6px;height:6px;background:var(--tv-gold);transform:rotate(45deg);}
.tv-visual__note {margin:17px 0 0;color:#9aaaca;font-size:10px;line-height:1.6;}

.tv-problem {background:#fff;}
.tv-capabilities {background:var(--tv-soft);}
.tv-capability-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.tv-capability-card {min-width:0;min-height:218px;padding:26px 25px;background:#fff;border:1px solid var(--tv-line);border-top:2px solid #d7c29b;transition:transform .22s ease,box-shadow .22s ease;}
.tv-capability-card:hover {transform:translateY(-3px);box-shadow:0 17px 35px rgba(4,11,40,.07);}
.tv-capability-card__mark {display:block;width:24px;height:24px;margin-bottom:22px;border:1px solid var(--tv-blue);position:relative;}
.tv-capability-card__mark::after {content:'';position:absolute;top:7px;left:7px;width:8px;height:8px;background:var(--tv-gold);}
.tv-capability-card h3 {margin:0 0 12px;font-size:25px;line-height:1.12;overflow-wrap:break-word;}
.tv-capability-card p {margin:0;color:var(--tv-muted);font-size:13px;line-height:1.75;overflow-wrap:break-word;}

.tv-process {background:var(--tv-navy);color:#fff;}
.tv-heading-row--dark h2 {color:#fff;}
.tv-heading-row--dark h2 em {color:#e8d8b9;}
.tv-heading-row--dark > p {color:rgba(255,255,255,.72);}
.tv-process__grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding-top:26px;border-top:1px solid rgba(255,255,255,.24);}
.tv-process__step {position:relative;min-width:0;padding-top:18px;}
.tv-process__marker {position:absolute;top:-32px;left:1px;width:10px;height:10px;background:var(--tv-gold);border:2px solid var(--tv-navy);outline:1px solid var(--tv-gold);border-radius:50%;}
.tv-process__step h3 {font-size:23px;line-height:1.13;margin:0 0 11px;color:#fff;}
.tv-process__step p {font-size:12px;line-height:1.7;margin:0;color:#abb8d0;}

.tv-use {background:#fff;}
.tv-use__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tv-use__card {padding:26px 24px;border:1px solid var(--tv-line);border-top:2px solid #cdb788;background:#fff;min-width:0;}
.tv-use__card h3 {margin:0 0 13px;font-size:26px;line-height:1.12;}
.tv-use__card p {margin:0;color:var(--tv-muted);font-size:13px;line-height:1.7;}
.tv-evidence {background:var(--tv-cream);}
.tv-evidence__grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:85px;align-items:start;}
.tv-evidence__grid > div:first-child > p:not(.ts-eyebrow) {max-width:650px;margin:20px 0 0;color:var(--tv-muted);font-size:14px;line-height:1.75;}
.tv-evidence__panel {background:rgba(255,255,255,.86);border:1px solid #e6e0d4;padding:28px 30px;}
.tv-evidence__label {display:block;color:var(--tv-blue);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;margin-bottom:14px;}
.tv-evidence__panel ul {padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;}
.tv-evidence__panel li {position:relative;padding:12px 0 12px 16px;border-bottom:1px solid #e5e1da;font-size:12px;font-weight:600;line-height:1.6;}
.tv-evidence__panel li::before {content:'';position:absolute;left:0;top:20px;width:6px;height:6px;background:var(--tv-accent);transform:rotate(45deg);}
.tv-page .tv-publish-note {font-weight:700;font-size:12px !important;}
.tv-commercial {padding:59px 0;background:var(--tv-soft);}
.tv-related {background:#fff;}
.tv-related__grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.tv-related__card {display:flex;flex-direction:column;min-width:0;min-height:224px;padding:25px 24px;border:1px solid var(--tv-line);background:#fff;transition:transform .22s ease,border-color .22s ease;}
.tv-related__card:hover {border-color:var(--tv-gold);transform:translateY(-2px);}
.tv-related__card > span {font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#65748e;}
.tv-related__card h3 {margin:19px 0 10px;font-size:26px;line-height:1.1;}
.tv-related__card p {margin:0 0 17px;color:var(--tv-muted);font-size:13px;line-height:1.66;}
.tv-related__card strong {display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;font-size:12px;color:var(--tv-blue);}
.tv-related__card strong span {color:var(--tv-gold);font-size:17px;}
.tv-faq {background:var(--tv-soft);}
.tv-page .ts-faq__item {border-bottom:1px solid var(--tv-line);}
/* .tv-cta {background:var(--tv-navy);} */

@media (max-width:1180px) {
    .tv-heading-row, .tv-editorial-grid, .tv-evidence__grid {gap:40px;}
    .tv-hero__grid {gap:35px;}
    .tv-capability-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .tv-process__grid {grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px;}
    .tv-related__grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1024px) {
    .tv-section {padding:64px 0;}
    .tv-hero__grid, .tv-editorial-grid, .tv-heading-row, .tv-evidence__grid {grid-template-columns:1fr;}
    .tv-hero__grid {padding:40px 0 66px;}
    .tv-visual {max-width:660px;}
    .tv-heading-row {gap:18px;}
    .tv-process__grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:767px) {
    .tv-section {padding:53px 0;}
    .tv-page h2 {font-size:clamp(32px,8.4vw,42px);}
    .tv-hero__grid {padding:32px 0 50px;gap:30px;}
    .tv-hero h1 {font-size:clamp(38px,9vw,51px);line-height:1.03;}
    .tv-hero__lead {font-size:14px;}
    .tv-visual {padding:19px;}
    .tv-visual__title {font-size:30px;}
    .tv-visual__stages span {min-height:55px;padding-left:21px;font-size:11px;}
    .tv-visual__stages span::before {left:9px;top:23px;}
    .tv-capability-grid,.tv-use__grid,.tv-related__grid {grid-template-columns:1fr;gap:13px;}
    .tv-capability-card {min-height:0;padding:24px;}
    .tv-capability-card h3 {font-size:24px;}
    .tv-process__grid {grid-template-columns:1fr;gap:0;border-top:0;padding-top:0;}
    .tv-process__step {padding:16px 0 17px 26px;border-left:1px solid rgba(255,255,255,.26);}
    .tv-process__marker {top:24px;left:-5px;width:9px;height:9px;}
    .tv-process__step h3 {font-size:22px;}
    .tv-evidence__panel {padding:23px;}
    .tv-evidence__panel ul {grid-template-columns:1fr;}
    .tv-commercial {padding:52px 0;}
    .tv-related__card {min-height:0;}
    .tv-page .ts-faq__item summary {font-size:21px;}
}
@media (prefers-reduced-motion:reduce){.tv-page *, .tv-page *::before, .tv-page *::after {transition:none !important;scroll-behavior:auto !important;}}