/* AI Workflow Productivity corporate pages (/<cc>/corporate-training/ai-workflow-productivity),
   2026-11-02. Rendered by src/views/corporateAiWorkflow.ts on top of country-home.css,
   whose tokens and classes (.wrap, .btn, .section, .form-input...) this reuses. */

.ca-hero-grid { display: grid; gap: 24px; padding-bottom: 40px; }
.ca-hero-copy { padding-bottom: 0; }
.ca-hero-title { font-size: clamp(32px, 4.6vw, 54px); max-width: 24ch; }
.ca-headline { font-family: var(--font-display); font-size: clamp(20px, 2.2vw, 26px); color: var(--signal-2); line-height: 1.3; max-width: 34ch; }
.ca-hero-media img { width: 100%; height: auto; border-radius: var(--radius-lg); aspect-ratio: 16 / 9; object-fit: cover; }
.ca-trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14.5px; color: #C7CCDA; }
.ca-trust li { position: relative; padding-left: 18px; }
.ca-trust li::before { content: ""; position: absolute; left: 0; top: 0.45em; width: 9px; height: 9px; border-radius: 50%; background: var(--signal); }
@media (min-width: 980px) {
  .ca-hero-grid { grid-template-columns: 1.1fr 1fr; align-items: center; gap: 48px; padding-bottom: 0; }
  .ca-hero-media { padding: 64px 0; }
}

.ca-definition { background: var(--paper-2); border-bottom: 1px solid var(--line-light); }
.ca-definition p { padding: 22px 0; font-size: 17px; line-height: 1.6; max-width: 90ch; border-left: 4px solid var(--signal); padding-left: 16px; }

.ca-section .section-title { margin-bottom: 20px; }
.ca-p { max-width: 70ch; margin: 0 0 16px; line-height: 1.65; font-size: 17px; }
.section-dark .ca-p { color: #C7CCDA; }
.section-dark .ca-p strong { color: var(--paper); }

.ca-split { display: grid; gap: 32px; }
@media (min-width: 980px) { .ca-split { grid-template-columns: 1.2fr 1fr; align-items: start; gap: 56px; } .ca-aside { position: sticky; top: 96px; } }
.ca-img { width: 100%; height: auto; border-radius: var(--radius-lg); aspect-ratio: 16 / 9; object-fit: cover; }

.ca-list { margin: 0 0 20px; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 75ch; }
.ca-list li { position: relative; padding-left: 26px; line-height: 1.55; font-size: 16.5px; }
.ca-list li::before { content: ""; position: absolute; left: 4px; top: 0.5em; width: 10px; height: 10px; border-radius: 2px; background: var(--signal); }
.ca-list-x li::before { background: transparent; border: 2px solid var(--signal-text); border-radius: 50%; }
.section-dark .ca-list li { color: #D5D9E3; }

.ca-steps { margin: 0 0 24px; padding: 0; list-style: none; counter-reset: ca; display: grid; gap: 12px; }
@media (min-width: 760px) { #modules .ca-steps, #journey .ca-steps { grid-template-columns: 1fr 1fr; } }
.ca-steps li { counter-increment: ca; position: relative; padding: 16px 16px 16px 58px; border: 1px solid var(--line-light); border-radius: var(--radius-lg); background: var(--white); line-height: 1.55; }
.ca-steps li::before { content: counter(ca); position: absolute; left: 16px; top: 14px; width: 30px; height: 30px; border-radius: 50%; background: var(--ink); color: var(--paper); font-weight: 700; display: grid; place-items: center; font-size: 14px; }
.section-dark .ca-steps li { background: var(--ink-2); border-color: var(--line); color: #D5D9E3; }
.section-dark .ca-steps li::before { background: var(--signal); color: var(--ink); }
.section-dark .ca-steps strong, .section-dark .ca-list strong { color: var(--paper); }

.ca-cards { display: grid; gap: 12px; margin: 0 0 20px; }
@media (min-width: 640px) { .ca-cards { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { #benefits .ca-cards { grid-template-columns: repeat(4, 1fr); } }
.ca-card { border: 1px solid var(--line-light); border-top: 3px solid var(--signal); border-radius: var(--radius-lg); background: var(--white); padding: 18px; }
.ca-card h3 { font-size: 19px; margin-bottom: 6px; }
.ca-card p { line-height: 1.55; color: var(--charcoal-soft); }

.ca-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin: 8px 0 0; }

.ca-narrow { max-width: 860px; }
.ca-faq { border-bottom: 1px solid var(--line-light); }
.ca-faq summary { cursor: pointer; padding: 16px 32px 16px 0; font-weight: 600; font-size: 17.5px; list-style: none; position: relative; min-height: 44px; }
.ca-faq summary::-webkit-details-marker { display: none; }
.ca-faq summary::after { content: "+"; position: absolute; right: 4px; top: 12px; font-size: 24px; color: var(--signal-text); }
.ca-faq[open] summary::after { content: "\2212"; }
.ca-faq p { padding: 0 0 18px; line-height: 1.65; max-width: 72ch; }

.ca-enquiry { display: grid; gap: 32px; }
@media (min-width: 980px) { .ca-enquiry { grid-template-columns: 1fr 1.3fr; gap: 56px; align-items: start; } }
.ca-contact { color: #C7CCDA; line-height: 1.8; }
.ca-contact a { color: var(--paper); }
.ca-form, .ca-thanks { background: var(--paper); color: var(--charcoal); border-radius: var(--radius-lg); padding: 22px; }
@media (min-width: 600px) { .ca-form, .ca-thanks { padding: 32px; } }
.ca-grid { display: grid; gap: 0 16px; }
@media (min-width: 640px) { .ca-grid { grid-template-columns: 1fr 1fr; } }
.ca-form textarea.form-input { min-height: 110px; resize: vertical; }
.ca-intent { display: grid; gap: 6px; margin: 0 0 18px; font-weight: 600; }
.ca-intent label { display: flex; gap: 10px; align-items: center; min-height: 40px; cursor: pointer; }
.ca-intent input { width: 20px; height: 20px; accent-color: var(--signal-text); }
.ca-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.ca-form .form-note { margin-top: 12px; font-size: 14px; color: var(--charcoal-soft); }
.ca-form .form-error { margin: 8px 0; color: #A3251A; font-weight: 600; }
.ca-thanks h3 { font-size: 24px; margin-bottom: 12px; }
.ca-thanks p { line-height: 1.65; margin-bottom: 12px; }
.ca-thanks a { color: var(--signal-text); font-weight: 600; }

.ca-links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.ca-links a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 14px; border: 1px solid var(--line-light); border-radius: var(--radius); background: var(--white); text-decoration: none; font-weight: 600; }
.ca-links a:hover { border-color: var(--signal-text); }
.ca-related { padding: 48px 0; }

/* The corporate training hub (/corporate-training). */
.ca-hint { margin-top: 6px; font-size: 13.5px; color: var(--charcoal-soft); line-height: 1.45; }
.ca-countries { display: grid; gap: 12px; margin-top: 8px; }
@media (min-width: 640px) { .ca-countries { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1000px) { .ca-countries { grid-template-columns: repeat(4, 1fr); } }
.ca-country { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid var(--line-light); border-top: 3px solid var(--signal); border-radius: var(--radius-lg); background: var(--white); text-decoration: none; color: var(--charcoal); }
.ca-country:hover { border-color: var(--signal-text); box-shadow: 0 4px 16px rgba(16,21,31,0.08); }
.ca-country-name { font-family: var(--font-display); font-size: 22px; font-weight: 700; }
.ca-country-note { line-height: 1.5; color: var(--charcoal-soft); flex: 1; }
.ca-country-go { font-weight: 700; color: var(--signal-text); }
@media (min-width: 900px) { .ca-cards-3 { grid-template-columns: repeat(3, 1fr); } }
.section-dark .ca-card { background: var(--ink-2); border-color: var(--line); border-top-color: var(--signal); }
.section-dark .ca-card h3 { color: var(--paper); }
.section-dark .ca-card p { color: #C7CCDA; }
.ca-card-link { margin-top: 12px; }
.ca-card-link a { font-weight: 700; color: var(--signal-2); }

/* CyberSecure Workforce pages (2026-11-02): module stages, scenario cards, packages. */
.cs-stages { display: grid; gap: 16px; margin: 0 0 24px; }
@media (min-width: 700px) { .cs-stages { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .cs-stages { grid-template-columns: repeat(4, 1fr); } }
.cs-stage { border: 1px solid var(--line-light); border-top: 3px solid var(--signal); border-radius: var(--radius-lg); background: var(--white); padding: 18px; }
.cs-stage-name { font-family: var(--font-display); font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.cs-stage-name span { display: block; font-family: var(--font-body, inherit); font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--signal-text); }
.cs-modules { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.cs-modules li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; line-height: 1.5; font-size: 15.5px; }
.cs-num { width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--paper); font-weight: 700; font-size: 13.5px; display: grid; place-items: center; }
.cs-scenarios .ca-card p { color: var(--charcoal); }
.cs-scenarios .cs-question { margin-top: 10px; font-weight: 700; color: var(--signal-text); }
.cs-packages .cs-meta { margin-bottom: 6px; }
.cs-tag { display: inline-block; margin-bottom: 8px; padding: 2px 10px; border-radius: 999px; background: var(--signal); color: var(--ink) !important; font-size: 13px; font-weight: 700; }
.section-dark .cs-recommended { border-color: var(--signal); }

/* AI + Cybersecurity Professional Accelerator pages (2026-11-02): programme comparison, bridge line. */
.ac-compare .ca-card h3 a { color: inherit; }
.section-dark .ac-compare .ca-card h3 a { color: var(--paper); }
.section-dark .ac-here { border-color: var(--signal); }
.ac-bridge { font-family: var(--font-display); font-size: clamp(20px, 2.4vw, 26px); color: var(--signal-2); margin: 8px 0 0; }

/* Hub: fully booked notice (2026-11-06) */
.ca-booked{display:inline-block;margin:0 0 1rem;padding:.6rem .9rem;border-left:4px solid #b45309;background:#fef3c7;color:#78350f;border-radius:4px;font-size:.95rem;line-height:1.45}

/* Hub: landscape video placeholders (2026-11-06) */
.ca-video-ph{position:relative;width:100%;max-width:880px;aspect-ratio:16/9;margin:1.25rem 0 1.5rem;border-radius:8px;background:linear-gradient(135deg,#10151F 0%,#1d2533 100%);color:#E8863C;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;border:1px solid rgba(232,134,60,.35);overflow:hidden}
.ca-video-ph svg{width:72px;height:72px}
.ca-video-ph span{color:#C9C2B2;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}

/* Hub: programme videos (2026-11-06) */
.ca-video{width:100%;max-width:880px;margin:1.25rem 0 1.5rem}
.ca-video video{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;background:#10151F;border:1px solid rgba(232,134,60,.35)}

/* Promotion page /Promotion-AI-Workflow-Productivity (2026-11-07) */
.pw-crumb{position:relative;margin:0 0 18px;font-size:14px;color:#C9C2B2}
.pw-more{margin-top:22px}
.pw-crumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pw-flags{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;font-weight:600}
.pw-flags li{display:flex;align-items:center;gap:8px}
.pw-watch .ca-video{max-width:960px;margin-left:auto;margin-right:auto}
.pw-watch .section-title,.pw-watch .section-eyebrow,.pw-watch>.wrap>.ca-p{text-align:center;margin-left:auto;margin-right:auto}
.pw-watch>.wrap>.ca-p{max-width:680px}
.pw-watch .ca-ctas{justify-content:center}
.pw-video video{box-shadow:0 18px 50px rgba(0,0,0,.35);border:2px solid var(--signal)}
.pw-tint{background:#F1ECE1}
.pw-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0}
.pw-facts div{border:1px solid var(--line-light);border-radius:var(--radius-lg);background:var(--white);padding:14px 12px;text-align:center}
.pw-facts strong{display:block;font-family:var(--font-display);font-size:34px;line-height:1;color:var(--signal-text)}
.pw-facts span{display:block;margin-top:6px;font-size:13.5px;line-height:1.35}
.pw-cards .ca-card{border-top:3px solid var(--signal)}
.pw-chain{list-style:none;margin:28px 0 8px;padding:0;display:grid;gap:14px;counter-reset:none}
@media(min-width:900px){.pw-chain{grid-template-columns:repeat(5,1fr);gap:0}}
.pw-chain li{position:relative;padding:18px 16px;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);background:rgba(255,255,255,.04)}
@media(min-width:900px){
  .pw-chain li{margin-right:22px}
  .pw-chain li:last-child{margin-right:0;border-color:var(--signal);background:rgba(232,134,60,.12)}
  .pw-chain li:not(:last-child)::after{content:"";position:absolute;right:-18px;top:50%;width:12px;height:12px;border-top:2.5px solid var(--signal);border-right:2.5px solid var(--signal);transform:translateY(-50%) rotate(45deg)}
}
@media(max-width:899px){
  .pw-chain li:not(:last-child)::after{content:"";position:absolute;left:30px;bottom:-14px;width:2px;height:14px;background:var(--signal)}
  .pw-chain li:last-child{border-color:var(--signal);background:rgba(232,134,60,.12)}
}
.pw-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--signal);color:var(--ink);font-weight:700;font-size:14px;margin-bottom:10px}
.pw-chain h3{margin:0 0 6px;font-family:var(--font-display);font-size:19px;color:var(--paper)}
.pw-chain p{margin:0;font-size:14.5px;line-height:1.5;color:#C9C2B2}
.pw-sub{margin:40px 0 16px;font-family:var(--font-display);font-size:24px;color:var(--paper)}
.pw-sources{display:grid;gap:14px}
@media(min-width:700px){.pw-sources{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pw-sources{grid-template-columns:repeat(5,1fr)}}
.pw-source{padding:18px;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.pw-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--signal);color:var(--ink);margin-bottom:12px}
.pw-icon svg{width:22px;height:22px}
.pw-source h4{margin:0 0 6px;font-size:17px;color:var(--paper)}
.pw-source p{margin:0;font-size:14.5px;line-height:1.5;color:#C9C2B2}
.pw-quote{margin:36px 0 0;padding:18px 22px;border-left:4px solid var(--signal);font-family:var(--font-display);font-size:clamp(19px,2.2vw,24px);line-height:1.4;color:var(--paper)}
.pw-results{display:grid;gap:20px;align-items:start;margin:8px 0 28px}
@media(min-width:800px){.pw-results{grid-template-columns:1.3fr 1fr}}
.pw-targets{border-radius:var(--radius-lg);background:var(--ink);color:var(--paper);padding:22px}
.pw-targets p{margin:10px 0 0;font-size:15px}
.pw-targets p strong{display:block;font-family:var(--font-display);font-size:40px;line-height:1.05;color:var(--signal)}
.pw-targets small{display:block;margin-top:14px;font-size:12.5px;font-style:italic;color:#C9C2B2}
.pw-tag{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--signal)}
.pw-equation{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pw-equation div{flex:1 1 120px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--line-light);padding:14px;text-align:center}
.pw-equation strong{display:block;font-family:var(--font-display);font-size:32px;line-height:1.1}
.pw-equation span{display:block;font-size:13px;margin-top:4px}
.pw-equation i{font-style:normal;font-size:24px;font-weight:700;color:var(--signal-text)}
.pw-equation .pw-total{background:var(--signal);border-color:var(--signal);color:var(--ink)}
.pw-modules{margin:8px 0 22px}
@media(min-width:800px){.pw-modules{grid-template-columns:1fr 1fr;column-gap:32px}}
.pw-modules li{align-items:center}