:root{
  --tr8-indigo-950:#14264d;
  --tr8-indigo-800:#29477f;
  --tr8-violet:#66558f;
  --tr8-accent:#58aaa8;
  --tr8-page:#eef1f8;
  --tr8-paper:#f8fafd;
  --tr8-white:#fff;
  --tr8-text:#203452;
  --tr8-muted:#53647b;
  --tr8-line:rgba(41,71,127,.17);
  --tr8-shadow:0 16px 38px rgba(28,48,91,.09);
  --tr8-radius:16px;
  --tr8-serif:"Noto Serif TC",serif;
  --tr8-sans:"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;
}

.training-v8-page{background:var(--tr8-page);color:var(--tr8-text);font-family:inherit}
.training-v8-page main{overflow:hidden}
.training-v8-page .tr8-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.training-v8-page .tr8-section{position:relative;padding:72px 0}
.training-v8-page .tr8-kicker{margin:0 0 12px;color:var(--tr8-accent);font-size:13px;font-weight:900;letter-spacing:.12em}
.training-v8-page .tr8-heading{max-width:880px;margin:0 0 36px}
.training-v8-page .tr8-heading h2,
.training-v8-page .tr8-reasons h2,
.training-v8-page .tr8-faq h2,
.training-v8-page .tr8-closing h2{margin:0;color:var(--tr8-indigo-950);font-family:var(--tr8-serif)!important;font-size:clamp(40px,3.5vw,56px);font-weight:700;line-height:1.3;letter-spacing:-.035em}
.training-v8-page .tr8-heading>p:last-child{max-width:720px;margin:18px 0 0;color:var(--tr8-muted);font-size:17px;line-height:1.85}
.training-v8-page .tr8-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid var(--tr8-indigo-950);border-radius:10px;background:var(--tr8-indigo-950);color:#fff;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.training-v8-page .tr8-button:hover{background:var(--tr8-indigo-800);transform:translateY(-2px)}
.training-v8-page .tr8-button:active{transform:translateY(1px)}
.training-v8-page :where(a,button,summary):focus-visible{outline:3px solid var(--tr8-accent);outline-offset:3px}

/* Banner remains on the existing approved structure. */
.training-v8-page .v2-scroll{display:flex}

/* Why Damei */
.tr8-reasons{background:linear-gradient(145deg,#f8fafd 0%,#edf1f8 58%,#e9e8f3 100%)}
.tr8-reasons:after{content:"";position:absolute;right:-180px;top:-210px;width:520px;height:520px;border:1px solid rgba(102,85,143,.12);border-radius:50%;box-shadow:0 0 0 72px rgba(102,85,143,.035);pointer-events:none}
.tr8-reasons-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:74px;align-items:start}
.tr8-reasons-intro{position:sticky;top:104px}
.tr8-reasons h2 span{color:var(--tr8-indigo-800)}
.tr8-lead{max-width:48ch;margin:24px 0 0;color:var(--tr8-muted);font-size:17px;line-height:1.9}
.tr8-manifesto{margin:28px 0 0;padding:18px 0;border-top:1px solid var(--tr8-line);border-bottom:1px solid var(--tr8-line);color:var(--tr8-violet);font-family:var(--tr8-serif);font-size:25px;font-weight:700}
.tr8-reason-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--tr8-line)}
.tr8-reason-list li{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--tr8-line)}
.tr8-reason-list li>span{padding-top:4px;color:var(--tr8-accent);font-family:var(--tr8-serif);font-size:16px;font-weight:800}
.tr8-reason-list h3{margin:0 0 6px;color:var(--tr8-indigo-950);font-size:21px;line-height:1.45}
.tr8-reason-list p{margin:0;color:var(--tr8-muted);font-size:15px;line-height:1.75}
.tr8-proof{grid-column:1/-1;display:grid;grid-template-columns:1.3fr repeat(5,1fr);margin-top:34px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:rgba(255,255,255,.68);box-shadow:var(--tr8-shadow);overflow:hidden}
.tr8-proof>p,.tr8-proof>div{margin:0;padding:20px 16px}
.tr8-proof>p{display:flex;align-items:center;color:var(--tr8-indigo-800);font-weight:900;line-height:1.55}
.tr8-proof>div{border-left:1px solid var(--tr8-line)}
.tr8-proof strong{display:block;color:var(--tr8-indigo-950);font-family:var(--tr8-serif);font-size:24px}
.tr8-proof span{display:block;margin-top:3px;color:var(--tr8-muted);font-size:12px;line-height:1.5}

/* Featured courses */
.tr8-featured{background:var(--tr8-paper)}
.tr8-feature-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}
.tr8-feature-main{display:grid;grid-template-columns:1.05fr .95fr;min-height:500px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:#fff;overflow:hidden;box-shadow:var(--tr8-shadow)}
.tr8-feature-main>img{width:100%;height:100%;object-fit:cover}
.tr8-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:36px}
.tr8-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.tr8-tag-row span{padding:5px 9px;border:1px solid rgba(88,170,168,.35);border-radius:999px;color:#287a79;background:#f0f8f7;font-size:12px;font-weight:800}
.tr8-feature-copy small,.tr8-feature-card small{color:var(--tr8-accent);font-weight:900;letter-spacing:.06em}
.tr8-feature-copy h3{margin:10px 0 14px;color:var(--tr8-indigo-950);font-family:var(--tr8-serif);font-size:32px;line-height:1.4}
.tr8-feature-copy p{margin:0;color:var(--tr8-muted);font-size:15px;line-height:1.8}
.tr8-feature-copy a{align-self:flex-start;margin-top:22px;color:var(--tr8-indigo-800);font-weight:900;text-decoration:none}
.tr8-feature-side{display:grid;gap:14px}
.tr8-feature-card{display:grid;grid-template-columns:42% 1fr;min-height:157px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.tr8-feature-card:hover{transform:translateY(-3px);box-shadow:var(--tr8-shadow)}
.tr8-feature-card img{width:100%;height:100%;object-fit:cover}
.tr8-feature-card>div{align-self:center;padding:18px}
.tr8-feature-card h3{margin:5px 0;color:var(--tr8-indigo-950);font-size:18px;line-height:1.45}
.tr8-feature-card p{margin:0;color:var(--tr8-muted);font-size:13px;line-height:1.6}

/* Complete course catalogue */
.tr8-courses{background:linear-gradient(180deg,#edf1f8,#e9edf6)}
.tr8-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}
.tr8-tabs button{flex:0 0 auto;min-height:44px;padding:9px 15px;border:1px solid var(--tr8-line);border-radius:999px;background:rgba(255,255,255,.76);color:var(--tr8-text);font:700 14px/1.3 var(--tr8-sans);cursor:pointer}
.tr8-tabs button[aria-selected="true"]{border-color:var(--tr8-indigo-800);background:var(--tr8-indigo-800);color:#fff}
.tr8-course-meta{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:22px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--tr8-line)}
.tr8-course-meta h3{margin:0;color:var(--tr8-indigo-950);font-family:var(--tr8-serif);font-size:28px}
.tr8-course-meta p{margin:4px 0 0;color:var(--tr8-muted);font-size:14px}
.tr8-course-meta>strong{color:var(--tr8-violet);font-size:14px}
.tr8-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr8-course-card{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:136px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:rgba(255,255,255,.84);overflow:hidden}
.tr8-course-card img{width:100%;height:100%;object-fit:cover}
.tr8-course-card>div{align-self:center;padding:16px}
.tr8-course-card small{color:var(--tr8-accent);font-size:11px;font-weight:900;letter-spacing:.08em}
.tr8-course-card h3{margin:5px 0 6px;color:var(--tr8-indigo-950);font-size:17px;line-height:1.42}
.tr8-course-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--tr8-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Training process */
.tr8-process{background:var(--tr8-paper)}
.tr8-process-list{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}
.tr8-process-list:before{content:"";position:absolute;left:18px;right:18px;top:28px;height:2px;background:linear-gradient(90deg,var(--tr8-indigo-800),var(--tr8-violet))}
.tr8-process-list li{position:relative;padding:0 24px 0 0}
.tr8-process-list li>span{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border:7px solid var(--tr8-paper);border-radius:50%;background:var(--tr8-indigo-800);color:#fff;font-family:var(--tr8-serif);font-weight:800}
.tr8-process-list li:nth-child(2)>span,.tr8-process-list li:nth-child(4)>span{background:var(--tr8-violet)}
.tr8-process-list li>div{padding:18px 8px 0 0}
.tr8-process-list small{color:var(--tr8-accent);font-size:12px;font-weight:900}
.tr8-process-list h3{margin:5px 0 8px;color:var(--tr8-indigo-950);font-size:22px}
.tr8-process-list p{margin:0 0 13px;color:var(--tr8-muted);font-size:14px;line-height:1.7}
.tr8-process-list strong{color:var(--tr8-indigo-800);font-size:12px}

/* News and outcomes */
.tr8-feed{padding:64px 0;background:#edf1f8}
.tr8-outcomes{background:#f5f6fb}
.tr8-heading-compact{margin-bottom:28px}
.tr8-heading-compact h2{font-size:clamp(38px,3.2vw,50px)}
.tr8-feed-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tr8-feed-card{display:grid;grid-template-columns:145px 1fr;min-height:190px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:#fff;color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.tr8-feed-card:hover{transform:translateY(-3px);box-shadow:var(--tr8-shadow)}
.tr8-feed-card img{width:100%;height:100%;object-fit:cover}
.tr8-feed-card>div{align-self:center;padding:19px}
.tr8-feed-card small{color:var(--tr8-accent);font-size:11px;font-weight:900;letter-spacing:.08em}
.tr8-feed-card h3{margin:7px 0 8px;color:var(--tr8-indigo-950);font-size:18px;line-height:1.45}
.tr8-feed-card p{margin:0;color:var(--tr8-muted);font-size:13px;line-height:1.65}

/* Subsidy */
.tr8-subsidy{background:linear-gradient(145deg,#eef1f8 0%,#f8fafd 56%,#eceaf4 100%)}
.tr8-subsidy-layout{display:grid;grid-template-columns:340px 1fr;gap:16px}
.tr8-subsidy-tabs{display:grid;gap:8px}
.tr8-subsidy-tabs button{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;min-height:60px;padding:11px 14px;border:1px solid var(--tr8-line);border-radius:12px;background:rgba(255,255,255,.8);color:var(--tr8-text);font:700 14px/1.4 var(--tr8-sans);text-align:left;cursor:pointer}
.tr8-subsidy-tabs button span{color:var(--tr8-accent);font-family:var(--tr8-serif)}
.tr8-subsidy-tabs button[aria-selected="true"]{border-color:var(--tr8-indigo-800);background:var(--tr8-indigo-800);color:#fff}
.tr8-subsidy-tabs button[aria-selected="true"] span{color:#c8f1ed}
.tr8-subsidy-panel{min-height:332px;padding:30px;border:1px solid rgba(41,71,127,.2);border-radius:var(--tr8-radius);background:linear-gradient(145deg,#203f75,#4e4d86);color:#fff;box-shadow:var(--tr8-shadow)}
.tr8-subsidy-panel>small{color:#b9ebe6;font-weight:900;letter-spacing:.08em}
.tr8-subsidy-panel h3{margin:8px 0 18px;font-family:var(--tr8-serif);font-size:30px;line-height:1.4}
.tr8-subsidy-panel h4{margin:16px 0 4px;color:#c2eee9;font-size:13px}
.tr8-subsidy-panel p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.75}
.tr8-subsidy-panel a{display:inline-flex;margin-top:20px;padding:10px 14px;border-radius:10px;background:#fff;color:var(--tr8-indigo-950);font-weight:900;text-decoration:none}
.tr8-reading{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--tr8-line)}
.tr8-reading>div{padding:12px 18px 12px 0}
.tr8-reading h3{margin:0 0 8px;color:var(--tr8-indigo-950);font-family:var(--tr8-serif);font-size:24px}
.tr8-reading p{margin:0;color:var(--tr8-muted);font-size:14px;line-height:1.7}
.tr8-reading a{padding:18px;border:1px solid var(--tr8-line);border-radius:var(--tr8-radius);background:rgba(255,255,255,.76);color:inherit;text-decoration:none}
.tr8-reading small{display:block;color:var(--tr8-accent);font-weight:900}
.tr8-reading strong{display:block;margin:7px 0;color:var(--tr8-indigo-950);font-size:16px;line-height:1.45}
.tr8-reading span{display:block;color:var(--tr8-muted);font-size:12px;line-height:1.6}
.tr8-note{margin:16px 0 0;color:var(--tr8-muted);font-size:12px}

/* FAQ and close */
.tr8-faq{background:var(--tr8-paper)}
.tr8-faq-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px}
.tr8-faq-intro p:not(.tr8-kicker){max-width:48ch;margin:20px 0;color:var(--tr8-muted);line-height:1.8}
.tr8-faq-list{border-top:1px solid var(--tr8-line)}
.tr8-faq-list details{border-bottom:1px solid var(--tr8-line)}
.tr8-faq-list summary{position:relative;padding:20px 44px 20px 0;color:var(--tr8-indigo-950);font-size:17px;font-weight:900;list-style:none;cursor:pointer}
.tr8-faq-list summary::-webkit-details-marker{display:none}
.tr8-faq-list summary:after{content:"＋";position:absolute;right:4px;top:18px;color:var(--tr8-violet);font-size:24px;font-weight:400}
.tr8-faq-list details[open] summary:after{content:"－"}
.tr8-faq-list details p{margin:0;padding:0 44px 20px 0;color:var(--tr8-muted);font-size:14px;line-height:1.75}
.tr8-closing{padding:58px 0;background:linear-gradient(120deg,var(--tr8-indigo-950),#34477c 66%,var(--tr8-violet));color:#fff;text-align:center}
.tr8-closing p{margin:0;color:#b7e7e3;font-weight:900}
.training-v8-page .tr8-closing h2{margin:8px 0;color:#fff;font-size:clamp(38px,4vw,58px)}
.tr8-closing span{display:block;margin:0 auto 22px;color:rgba(255,255,255,.78);font-size:16px}
.tr8-button-light{border-color:#fff;background:#fff!important;color:var(--tr8-indigo-950)!important}

/* Reveal */
.js .tr8-reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.js .tr8-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1024px){
  .training-v8-page .tr8-wrap{width:min(100% - 40px,1180px)}
  .tr8-reasons-layout{grid-template-columns:1fr;gap:34px}.tr8-reasons-intro{position:relative;top:auto}.tr8-proof{grid-template-columns:repeat(3,1fr)}.tr8-proof>p{grid-column:1/-1}.tr8-proof>div:nth-of-type(1){border-left:0}
  .tr8-feature-grid{grid-template-columns:1fr}.tr8-feature-main{min-height:430px}.tr8-feature-side{grid-template-columns:repeat(3,1fr)}.tr8-feature-card{grid-template-columns:1fr}.tr8-feature-card img{height:150px}
  .tr8-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tr8-feed-card{grid-template-columns:120px 1fr}
  .tr8-reading{grid-template-columns:repeat(3,1fr)}.tr8-reading>div{grid-column:1/-1}
  .tr8-faq-layout{gap:44px}
}

@media(max-width:760px){
  .training-v8-page .tr8-section{padding:54px 0}.training-v8-page .tr8-wrap{width:min(100% - 30px,1180px)}
  .training-v8-page .tr8-heading h2,.training-v8-page .tr8-reasons h2,.training-v8-page .tr8-faq h2{font-size:38px}.training-v8-page .tr8-heading{margin-bottom:28px}
  .tr8-reasons-layout{gap:28px}.tr8-manifesto{font-size:21px}.tr8-reason-list li{grid-template-columns:42px 1fr;padding:18px 0}.tr8-proof{grid-template-columns:repeat(2,1fr)}.tr8-proof>p{grid-column:1/-1}.tr8-proof>div{border-top:1px solid var(--tr8-line)}.tr8-proof>div:nth-of-type(odd){border-left:0}
  .tr8-feature-main{grid-template-columns:1fr;min-height:0}.tr8-feature-main>img{height:310px}.tr8-feature-copy{padding:26px}.tr8-feature-copy h3{font-size:28px}.tr8-feature-side{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.tr8-feature-card{grid-template-columns:40% 1fr;min-height:175px;scroll-snap-align:start}.tr8-feature-card img{height:100%}
  .tr8-course-meta{align-items:start;flex-direction:column;gap:6px}.tr8-course-grid{grid-template-columns:1fr}
  .tr8-process-list{grid-template-columns:1fr}.tr8-process-list:before{left:27px;right:auto;top:10px;bottom:12px;width:2px;height:auto;background:linear-gradient(var(--tr8-indigo-800),var(--tr8-violet))}.tr8-process-list li{display:grid;grid-template-columns:58px 1fr;padding:0 0 18px}.tr8-process-list li>div{padding:4px 0 0 14px}
  .tr8-feed-row{display:grid;grid-auto-flow:column;grid-auto-columns:84vw;grid-template-columns:none;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.tr8-feed-card{grid-template-columns:120px 1fr;scroll-snap-align:start}
  .tr8-subsidy-layout{grid-template-columns:1fr}.tr8-subsidy-tabs{display:flex;overflow-x:auto;padding-bottom:8px}.tr8-subsidy-tabs button{flex:0 0 240px}.tr8-subsidy-panel{min-height:0;padding:24px}.tr8-reading{display:grid;grid-auto-flow:column;grid-auto-columns:78vw;grid-template-columns:none;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.tr8-reading>div{grid-column:auto;scroll-snap-align:start}.tr8-reading a{scroll-snap-align:start}
  .tr8-faq-layout{grid-template-columns:1fr;gap:34px}.tr8-closing{padding:52px 0}.tr8-closing span{max-width:34ch}
}

@media(max-width:430px){
  .training-v8-page .tr8-heading h2,.training-v8-page .tr8-reasons h2,.training-v8-page .tr8-faq h2{font-size:36px;line-height:1.35}.tr8-lead{font-size:16px}
  .tr8-proof strong{font-size:21px}.tr8-feature-main>img{height:260px}.tr8-feature-card{grid-template-columns:38% 1fr}.tr8-course-card{grid-template-columns:82px 1fr}.tr8-course-card>div{padding:14px}.tr8-feed-card{grid-template-columns:105px 1fr}.tr8-feed-card>div{padding:15px}.tr8-reading{grid-auto-columns:85vw}
}

@media(prefers-reduced-motion:reduce){
  .js .tr8-reveal{opacity:1;transform:none;transition:none}.tr8-feature-card,.tr8-feed-card,.tr8-button{transition:none}.training-v8-page{scroll-behavior:auto}
}

/* draft.v9: restore the approved blue, indigo and violet visual system below the untouched banner. */
.training-v9-page{
  --tr8-indigo-950:#07162f;
  --tr8-indigo-800:#1b3f7a;
  --tr8-violet:#7558a5;
  --tr8-accent:#72ded4;
  --tr8-page:#08152f;
  --tr8-paper:#0d1c3b;
  --tr8-white:#f7f9ff;
  --tr8-text:#f4f7ff;
  --tr8-muted:#bdc9df;
  --tr8-line:rgba(185,205,241,.18);
  --tr8-shadow:0 18px 42px rgba(1,7,22,.28);
  background:#08152f;
  color:var(--tr8-text);
}
.training-v9-page .tr8-section{isolation:isolate}
.training-v9-page .tr8-section:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(117,88,165,.18),transparent 34%)}
.training-v9-page .tr8-heading h2,
.training-v9-page .tr8-reasons h2,
.training-v9-page .tr8-faq h2,
.training-v9-page .tr8-closing h2,
.training-v9-page .tr8-heading-compact h2{color:#f7f9ff}
.training-v9-page .tr8-heading>p:last-child,
.training-v9-page .tr8-lead,
.training-v9-page .tr8-reason-list p,
.training-v9-page .tr8-feature-copy p,
.training-v9-page .tr8-feature-card p,
.training-v9-page .tr8-course-meta p,
.training-v9-page .tr8-course-card p,
.training-v9-page .tr8-process-list p,
.training-v9-page .tr8-feed-card p,
.training-v9-page .tr8-reading p,
.training-v9-page .tr8-reading span,
.training-v9-page .tr8-faq-intro p:not(.tr8-kicker),
.training-v9-page .tr8-faq-list details p,
.training-v9-page .tr8-note{color:var(--tr8-muted)}

.training-v9-page .tr8-reasons{background:linear-gradient(132deg,#0a1b3d 0%,#17366d 54%,#4c3478 100%)}
.training-v9-page .tr8-reasons:after{border-color:rgba(208,195,255,.18);box-shadow:0 0 0 72px rgba(139,110,196,.07)}
.training-v9-page .tr8-reasons h2 span{color:#82e0d7}
.training-v9-page .tr8-manifesto{color:#aeece6}
.training-v9-page .tr8-reason-list h3{color:#f7f9ff}
.training-v9-page .tr8-proof{background:rgba(7,18,44,.5);backdrop-filter:blur(12px)}
.training-v9-page .tr8-proof>p{color:#9ce7e0}
.training-v9-page .tr8-proof strong{color:#fff}
.training-v9-page .tr8-proof span{color:#c4cee1}

.training-v9-page .tr8-featured{background:linear-gradient(150deg,#07142d 0%,#0f2149 55%,#272252 100%)}
.training-v9-page .tr8-feature-main,
.training-v9-page .tr8-feature-card{border-color:var(--tr8-line);background:rgba(19,39,78,.86);color:#f7f9ff;box-shadow:var(--tr8-shadow)}
.training-v9-page .tr8-feature-copy{background:linear-gradient(145deg,rgba(20,43,85,.95),rgba(53,42,94,.95))}
.training-v9-page .tr8-tag-row span{border-color:rgba(114,222,212,.45);background:rgba(114,222,212,.1);color:#9ae8e1}
.training-v9-page .tr8-feature-copy h3,
.training-v9-page .tr8-feature-card h3{color:#fff}
.training-v9-page .tr8-feature-copy a{color:#8be6de}

.training-v9-page .tr8-courses{background:linear-gradient(142deg,#102451 0%,#182f65 55%,#3f306e 100%)}
.training-v9-page .tr8-tabs button{border-color:var(--tr8-line);background:rgba(255,255,255,.07);color:#e7ecf8}
.training-v9-page .tr8-tabs button[aria-selected="true"]{border-color:#83e2d9;background:#2b5794;color:#fff;box-shadow:0 0 0 2px rgba(114,222,212,.14)}
.training-v9-page .tr8-course-meta h3,
.training-v9-page .tr8-course-card h3{color:#fff}
.training-v9-page .tr8-course-meta>strong{color:#aeece6}
.training-v9-page .tr8-course-card{border-color:var(--tr8-line);background:rgba(8,22,52,.58);box-shadow:0 12px 28px rgba(3,9,27,.16)}

.training-v9-page .tr8-process{background:linear-gradient(160deg,#08162f 0%,#112654 62%,#292456 100%)}
.training-v9-page .tr8-process-list li>span{border-color:#0c1d40;background:#2a5997}
.training-v9-page .tr8-process-list li:nth-child(2)>span,
.training-v9-page .tr8-process-list li:nth-child(4)>span{background:#72549f}
.training-v9-page .tr8-process-list h3{color:#fff}
.training-v9-page .tr8-process-list strong{color:#91e6de}

.training-v9-page .tr8-feed{background:linear-gradient(145deg,#10234d,#172f62 58%,#33275f)}
.training-v9-page .tr8-outcomes{background:linear-gradient(145deg,#091831,#132752 58%,#392a67)}
.training-v9-page .tr8-feed-card{border-color:var(--tr8-line);background:rgba(8,22,52,.66);color:#fff;box-shadow:var(--tr8-shadow)}
.training-v9-page .tr8-feed-card h3{color:#fff}

.training-v9-page .tr8-subsidy{background:linear-gradient(138deg,#0a1b3b 0%,#1c3971 53%,#523b82 100%)}
.training-v9-page .tr8-subsidy-tabs button{border-color:var(--tr8-line);background:rgba(255,255,255,.07);color:#eef2fb}
.training-v9-page .tr8-subsidy-tabs button[aria-selected="true"]{border-color:#8ae5dc;background:#244f8c;color:#fff}
.training-v9-page .tr8-subsidy-panel{border-color:rgba(196,211,241,.22);background:linear-gradient(145deg,#173a70,#533d82);box-shadow:var(--tr8-shadow)}
.training-v9-page .tr8-reading h3,
.training-v9-page .tr8-reading strong{color:#fff}
.training-v9-page .tr8-reading a{border-color:var(--tr8-line);background:rgba(8,22,52,.52);color:#fff}

.training-v9-page .tr8-faq{background:linear-gradient(150deg,#08162f 0%,#10244d 60%,#31275e 100%)}
.training-v9-page .tr8-faq-list summary{color:#f7f9ff}
.training-v9-page .tr8-faq-list summary:after{color:#83e2d9}
.training-v9-page .tr8-closing{background:linear-gradient(118deg,#07152f 0%,#183b75 56%,#694c97 100%)}
.training-v9-page .tr8-button{border-color:#72ded4;background:#2a5691;color:#fff}
.training-v9-page .tr8-button:hover{background:#3d69a6}
.training-v9-page .tr8-button-light{border-color:#fff;background:#fff!important;color:#132951!important}

/* draft.v10 design read
   Tone: warm, trustworthy and encouraging.
   Balance: about 60% pale blue/lilac/blush breathing space and 40% deep indigo/violet emphasis.
   The approved flower banner remains outside every rule below. */
.training-v10-page{
  --tr8-indigo-950:#172b57;
  --tr8-indigo-800:#355898;
  --tr8-violet:#75599a;
  --tr8-accent:#3e9f9c;
  --tr8-page:#f4f2fa;
  --tr8-paper:#faf9fd;
  --tr8-text:#263a5f;
  --tr8-muted:#687792;
  --tr8-line:rgba(62,82,136,.16);
  --tr8-shadow:0 16px 38px rgba(48,54,105,.1);
  background:#f4f2fa;
  color:var(--tr8-text);
}
.training-v10-page .tr8-section:before{
  background:
    radial-gradient(circle at 88% 12%,rgba(192,164,220,.18),transparent 34%),
    radial-gradient(circle at 8% 84%,rgba(157,207,230,.14),transparent 30%);
}
.training-v10-page .tr8-heading h2,
.training-v10-page .tr8-reasons h2,
.training-v10-page .tr8-faq h2,
.training-v10-page .tr8-heading-compact h2{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-heading>p:last-child,
.training-v10-page .tr8-lead,
.training-v10-page .tr8-reason-list p,
.training-v10-page .tr8-course-meta p,
.training-v10-page .tr8-course-card p,
.training-v10-page .tr8-feed-card p,
.training-v10-page .tr8-reading p,
.training-v10-page .tr8-reading span,
.training-v10-page .tr8-faq-intro p:not(.tr8-kicker),
.training-v10-page .tr8-faq-list details p,
.training-v10-page .tr8-note{color:var(--tr8-muted)}
.training-v10-page .tr8-kicker{color:#4b9c9c}

/* Light lavender introduction: welcoming rather than corporate-heavy. */
.training-v10-page .tr8-reasons{
  background:
    radial-gradient(circle at 84% 18%,rgba(234,190,216,.38),transparent 30%),
    radial-gradient(circle at 12% 82%,rgba(172,213,236,.42),transparent 34%),
    linear-gradient(135deg,#f7f4fb 0%,#edf4fb 52%,#f4eaf4 100%);
}
.training-v10-page .tr8-reasons:after{border-color:rgba(121,95,160,.15);box-shadow:0 0 0 72px rgba(217,184,218,.1)}
.training-v10-page .tr8-reasons h2 span{color:#705791}
.training-v10-page .tr8-manifesto{border-color:var(--tr8-line);color:#815d85}
.training-v10-page .tr8-reason-list{border-color:var(--tr8-line)}
.training-v10-page .tr8-reason-list li{border-color:var(--tr8-line)}
.training-v10-page .tr8-reason-list h3{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-proof{border-color:rgba(76,92,146,.15);background:rgba(255,255,255,.72);box-shadow:var(--tr8-shadow)}
.training-v10-page .tr8-proof>p{color:#526aa1}
.training-v10-page .tr8-proof strong{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-proof span{color:var(--tr8-muted)}

/* Deep feature band creates focus; pink and lilac light soften the indigo base. */
.training-v10-page .tr8-featured{
  background:
    radial-gradient(circle at 86% 14%,rgba(239,164,205,.2),transparent 30%),
    radial-gradient(circle at 12% 88%,rgba(121,190,225,.18),transparent 34%),
    linear-gradient(145deg,#101f46 0%,#273e78 54%,#694c82 100%);
}
.training-v10-page .tr8-featured .tr8-heading h2{color:#fff}
.training-v10-page .tr8-featured .tr8-heading>p:last-child{color:#d8dfef}
.training-v10-page .tr8-featured .tr8-kicker{color:#94e0da}
.training-v10-page .tr8-feature-main,
.training-v10-page .tr8-feature-card{border-color:rgba(255,255,255,.18);background:rgba(24,43,83,.82);color:#fff;box-shadow:0 20px 46px rgba(5,12,35,.22)}
.training-v10-page .tr8-feature-copy{background:linear-gradient(145deg,rgba(28,50,93,.96),rgba(91,62,113,.94))}
.training-v10-page .tr8-tag-row span{border-color:rgba(255,210,232,.42);background:rgba(255,210,232,.12);color:#ffd8e8}
.training-v10-page .tr8-feature-copy h3,
.training-v10-page .tr8-feature-card h3{color:#fff}
.training-v10-page .tr8-feature-copy p,
.training-v10-page .tr8-feature-card p{color:#d8dfef}
.training-v10-page .tr8-feature-copy a{color:#a5ebe4}

/* Pale blue catalogue keeps the longest section easy to read. */
.training-v10-page .tr8-courses{
  background:
    radial-gradient(circle at 92% 12%,rgba(224,190,222,.34),transparent 30%),
    linear-gradient(145deg,#eef4fb 0%,#f4f3fb 52%,#eee8f7 100%);
}
.training-v10-page .tr8-tabs button{border-color:var(--tr8-line);background:rgba(255,255,255,.8);color:var(--tr8-text)}
.training-v10-page .tr8-tabs button[aria-selected="true"]{border-color:#536fad;background:linear-gradient(110deg,#355d9c,#735a9c);color:#fff;box-shadow:0 8px 20px rgba(67,70,133,.18)}
.training-v10-page .tr8-course-meta h3,
.training-v10-page .tr8-course-card h3{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-course-meta>strong{color:#795d97}
.training-v10-page .tr8-course-card{border-color:var(--tr8-line);background:rgba(255,255,255,.84);box-shadow:0 12px 28px rgba(53,65,117,.08)}

/* Dark process band carries the narrative forward without turning the full page dark. */
.training-v10-page .tr8-process{
  background:
    radial-gradient(circle at 86% 22%,rgba(240,168,207,.19),transparent 30%),
    linear-gradient(150deg,#101f43 0%,#263f78 58%,#62467d 100%);
}
.training-v10-page .tr8-process .tr8-heading h2{color:#fff}
.training-v10-page .tr8-process .tr8-heading>p:last-child{color:#d7dfef}
.training-v10-page .tr8-process .tr8-kicker{color:#91ddd7}
.training-v10-page .tr8-process-list li>span{border-color:#1b3263;background:#3b68aa}
.training-v10-page .tr8-process-list li:nth-child(2)>span,
.training-v10-page .tr8-process-list li:nth-child(4)>span{background:#8763a2}
.training-v10-page .tr8-process-list h3{color:#fff}
.training-v10-page .tr8-process-list p{color:#d5ddef}
.training-v10-page .tr8-process-list strong{color:#9ce3dc}

/* Warm editorial news band. */
.training-v10-page .tr8-feed{
  background:
    radial-gradient(circle at 12% 12%,rgba(164,210,232,.35),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(237,189,216,.38),transparent 32%),
    linear-gradient(135deg,#f4f7fc,#f8f1f7 54%,#eeeafb);
}
.training-v10-page .tr8-feed-card{border-color:var(--tr8-line);background:rgba(255,255,255,.82);color:var(--tr8-text);box-shadow:var(--tr8-shadow)}
.training-v10-page .tr8-feed-card h3{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-outcomes{
  background:
    radial-gradient(circle at 90% 10%,rgba(222,154,202,.17),transparent 30%),
    linear-gradient(145deg,#17294f 0%,#304b82 56%,#6d4f82 100%);
}
.training-v10-page .tr8-outcomes .tr8-heading h2{color:#fff}
.training-v10-page .tr8-outcomes .tr8-heading>p:last-child{color:#d8dfed}
.training-v10-page .tr8-outcomes .tr8-kicker{color:#9ae3dc}
.training-v10-page .tr8-outcomes .tr8-feed-card{border-color:rgba(255,255,255,.18);background:rgba(20,39,76,.72);color:#fff}
.training-v10-page .tr8-outcomes .tr8-feed-card h3{color:#fff}
.training-v10-page .tr8-outcomes .tr8-feed-card p{color:#d5deed}

/* Subsidy and FAQ return to light surfaces for reading-heavy content. */
.training-v10-page .tr8-subsidy{
  background:
    radial-gradient(circle at 86% 16%,rgba(236,186,216,.4),transparent 30%),
    linear-gradient(140deg,#eef4fb 0%,#f5f1fa 52%,#f4eaf2 100%);
}
.training-v10-page .tr8-subsidy-tabs button{border-color:var(--tr8-line);background:rgba(255,255,255,.78);color:var(--tr8-text)}
.training-v10-page .tr8-subsidy-tabs button[aria-selected="true"]{border-color:#526da7;background:linear-gradient(115deg,#315d9e,#73599b);color:#fff}
.training-v10-page .tr8-subsidy-panel{border-color:rgba(80,92,148,.18);background:linear-gradient(145deg,#264c8a,#71548f);box-shadow:var(--tr8-shadow)}
.training-v10-page .tr8-reading h3,
.training-v10-page .tr8-reading strong{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-reading a{border-color:var(--tr8-line);background:rgba(255,255,255,.76);color:var(--tr8-text)}
.training-v10-page .tr8-faq{
  background:
    radial-gradient(circle at 10% 84%,rgba(173,214,232,.34),transparent 32%),
    linear-gradient(145deg,#faf9fd 0%,#eef4fb 58%,#f2ebf7 100%);
}
.training-v10-page .tr8-faq-list summary{color:var(--tr8-indigo-950)}
.training-v10-page .tr8-faq-list summary:after{color:#80609e}
.training-v10-page .tr8-closing{background:linear-gradient(118deg,#13274f 0%,#31558d 56%,#79578f 100%)}
.training-v10-page .tr8-closing:before{background:radial-gradient(circle at 78% 14%,rgba(255,191,220,.2),transparent 30%)}
.training-v10-page .tr8-button{border-color:#496ba5;background:linear-gradient(110deg,#345e9d,#73599a);color:#fff}
.training-v10-page .tr8-button:hover{background:linear-gradient(110deg,#416eaf,#8568a7)}
.training-v10-page .tr8-button-light{border-color:#fff;background:#fff!important;color:#263e70!important}

/* V16: reuse the shared self-hosted Noto TC WOFF2 font set loaded by this page. */
.training-v11-page{
  --tr8-serif:"Noto Serif TC",serif;
  --tr8-sans:"Noto Sans TC","Microsoft JhengHei",sans-serif;
  font-family:var(--tr8-sans)!important;
}
.training-v11-page :where(p,a,button,summary,li,small,strong,span,h3,h4,input,select,textarea){
  font-family:var(--tr8-sans)!important;
}
.training-v11-page :where(h1,h2,h1 *,h2 *),
.training-v11-page .tr8-manifesto,
.training-v11-page .tr8-proof strong{
  font-family:var(--tr8-serif)!important;
}
.training-v11-page :where(h1,h2,h3,h4,p,a,button,summary,small,strong,span){font-style:normal}

/* Featured courses: editorial lead card plus image-overlay secondary cards. */
.training-v11-page .tr8-feature-side{grid-template-rows:repeat(3,minmax(0,1fr))}
.training-v11-page .tr8-feature-card{
  position:relative;
  isolation:isolate;
  display:flex;
  min-height:158px;
  align-items:flex-end;
  overflow:hidden;
}
.training-v11-page .tr8-feature-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(9,20,47,.08) 8%,rgba(10,23,53,.88) 100%);
  pointer-events:none;
}
.training-v11-page .tr8-feature-card img{
  position:absolute;
  z-index:-2;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.training-v11-page .tr8-feature-card:hover img{transform:scale(1.035)}
.training-v11-page .tr8-feature-card>div{align-self:auto;width:100%;padding:20px 22px}
.training-v11-page .tr8-feature-card small{color:#9ce5df}
.training-v11-page .tr8-feature-card h3{margin:5px 0;color:#fff;font-size:20px;text-shadow:0 2px 12px rgba(5,12,32,.35)}
.training-v11-page .tr8-feature-card p{color:rgba(255,255,255,.8)}

/* Complete catalogue: vertical directory cards, visually distinct from editorial feeds. */
.training-v11-page .tr8-course-grid{gap:18px}
.training-v11-page .tr8-course-card{
  display:flex;
  min-height:0;
  flex-direction:column;
  border-radius:14px;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.training-v11-page .tr8-course-card:hover{
  border-color:rgba(78,101,166,.34);
  box-shadow:0 18px 34px rgba(53,65,117,.13);
  transform:translateY(-3px);
}
.training-v11-page .tr8-course-card img{
  width:100%;
  height:154px;
  flex:0 0 154px;
  object-fit:cover;
}
.training-v11-page .tr8-course-card>div{
  display:flex;
  min-height:124px;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  padding:18px 20px 20px;
}
.training-v11-page .tr8-course-card small{color:#4a9798}
.training-v11-page .tr8-course-card h3{margin:7px 0 8px;font-size:18px;line-height:1.45}
.training-v11-page .tr8-course-card p{-webkit-line-clamp:2}

@media(max-width:1024px){
  .training-v11-page .tr8-feature-side{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
  .training-v11-page .tr8-feature-card{min-height:210px}
  .training-v11-page .tr8-feature-card img{height:100%}
}
@media(max-width:760px){
  .training-v11-page .tr8-feature-side{display:grid;grid-auto-flow:column;grid-auto-columns:82vw;grid-template-columns:none;grid-template-rows:none}
  .training-v11-page .tr8-feature-card{min-height:210px}
  .training-v11-page .tr8-course-card img{height:140px;flex-basis:140px}
  .training-v11-page .tr8-course-card>div{min-height:0;padding:17px 18px 19px}
}
@media(prefers-reduced-motion:reduce){
  .training-v11-page .tr8-feature-card img,
  .training-v11-page .tr8-course-card{transition:none}
}

/* draft.v12: keep the approved palette and layout; refine only the requested details. */
.training-v12-page .tr8-tag-row span{
  border-color:rgba(255,255,255,.72);
  background:#fff;
  color:#314a70;
  box-shadow:0 5px 15px rgba(9,23,54,.18);
}

.training-v12-page .tr12-editor-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:16px;
  align-items:start;
  max-width:980px;
  margin:-8px 0 28px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.17);
  border-left:4px solid #f0b8d3;
  border-radius:14px;
  background:linear-gradient(115deg,rgba(255,255,255,.11),rgba(230,210,244,.07));
  box-shadow:0 14px 30px rgba(7,16,42,.15);
}
.training-v12-page .tr12-editor-note strong{
  color:#ffd8e8;
  font-size:14px;
  letter-spacing:.08em;
  white-space:nowrap;
}
.training-v12-page .tr12-editor-note p{
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:14px;
  line-height:1.8;
}

.training-v12-page .tr8-feed{
  position:relative;
  overflow:hidden;
}
.training-v12-page .tr8-feed>.tr8-wrap{
  position:relative;
  z-index:1;
}
.training-v12-page #course-news:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(99,111,174,.15) 1.4px,transparent 1.7px);
  background-position:calc(100% - 110px) 70px;
  background-size:18px 18px;
  -webkit-mask-image:linear-gradient(110deg,transparent 48%,#000 92%);
  mask-image:linear-gradient(110deg,transparent 48%,#000 92%);
  pointer-events:none;
}
.training-v12-page #course-outcomes:before{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-150px;
  width:520px;
  height:520px;
  border:1px solid rgba(255,220,236,.12);
  border-radius:50%;
  box-shadow:0 0 0 62px rgba(160,196,242,.035),0 0 0 124px rgba(255,211,232,.025);
  pointer-events:none;
}
.training-v12-page .tr12-doodles{
  position:absolute;
  inset:10px 0 auto auto;
  width:190px;
  height:98px;
  pointer-events:none;
}
.training-v12-page .tr12-doodles span{
  position:absolute;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:50%;
  background:rgba(255,255,255,.62);
  color:#7c70aa;
  box-shadow:0 10px 24px rgba(64,73,125,.12);
  font-size:18px;
  transform:rotate(-8deg);
}
.training-v12-page .tr12-doodles span:nth-child(1){right:112px;top:30px}
.training-v12-page .tr12-doodles span:nth-child(2){right:58px;top:0;color:#d28aa9;transform:rotate(9deg)}
.training-v12-page .tr12-doodles span:nth-child(3){right:2px;top:38px;color:#4c9b9a;transform:rotate(-4deg)}
.training-v12-page .tr12-doodles-outcomes span{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.09);
  color:#b8d9ff;
}
.training-v12-page .tr12-doodles-outcomes span:nth-child(2){color:#ffd4e7}
.training-v12-page .tr12-doodles-outcomes span:nth-child(3){color:#a7e5df}

/* The original single reveal is replaced with direction and sequence variants. */
.js .training-v12-page .tr8-reveal{
  opacity:1;
  transform:none;
  transition:none;
}
.js .training-v12-page .tr12-motion{
  opacity:0;
  transform:translate3d(var(--tr12-x,0),var(--tr12-y,24px),0) scale(var(--tr12-scale,1));
  transition:opacity .58s cubic-bezier(.22,.61,.36,1) var(--tr12-delay,0ms),transform .72s cubic-bezier(.2,.75,.25,1) var(--tr12-delay,0ms);
  will-change:opacity,transform;
}
.js .training-v12-page .tr12-motion.tr12-in{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.training-v12-page .tr12-from-left{--tr12-x:-34px;--tr12-y:0}
.training-v12-page .tr12-from-right{--tr12-x:34px;--tr12-y:0}
.training-v12-page .tr12-rise{--tr12-x:0;--tr12-y:28px}
.training-v12-page .tr12-pop{--tr12-x:0;--tr12-y:16px;--tr12-scale:.94}
.training-v12-page .tr8-process-list:before{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .9s cubic-bezier(.2,.75,.25,1) .08s;
}
.training-v12-page .tr8-process-list.tr12-sequence-in:before{transform:scaleX(1)}
.training-v12-page .tr8-reason-list li>span,
.training-v12-page .tr8-process-list li>span{
  transition:box-shadow .45s ease,transform .45s ease;
}
.training-v12-page .tr8-reason-list li.tr12-in>span{
  transform:translateX(4px);
  text-shadow:0 0 18px rgba(154,227,220,.35);
}
.training-v12-page .tr8-process-list li.tr12-in>span{
  transform:scale(1.06);
  box-shadow:0 0 0 8px rgba(150,206,236,.09),0 12px 24px rgba(6,17,44,.24);
}

@media(max-width:760px){
  .training-v12-page .tr12-editor-note{grid-template-columns:1fr;gap:7px;margin-top:0;padding:17px 18px}
  .training-v12-page .tr12-doodles{top:0;right:-18px;transform:scale(.78)}
  .training-v12-page .tr8-heading-compact{padding-right:78px}
  .training-v12-page .tr8-process-list:before{transform:scaleY(0);transform-origin:center top}
  .training-v12-page .tr8-process-list.tr12-sequence-in:before{transform:scaleY(1)}
}

@media(prefers-reduced-motion:reduce){
  .js .training-v12-page .tr12-motion{opacity:1;transform:none;transition:none;will-change:auto}
  .training-v12-page .tr8-process-list:before{transform:none;transition:none}
  .training-v12-page .tr8-reason-list li>span,
  .training-v12-page .tr8-process-list li>span{transition:none}
}

/* draft.v13: place the focus-course rationale beside the heading. */
.training-v13-page .tr13-feature-intro{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:56px;
  align-items:end;
  margin-bottom:34px;
}
.training-v13-page .tr13-feature-intro .tr8-heading{
  max-width:none;
  margin:0;
}
.training-v13-page .tr13-feature-intro .tr12-editor-note{
  grid-template-columns:1fr;
  gap:8px;
  margin:0 0 2px;
  padding:22px 24px;
}
.training-v13-page .tr13-feature-intro .tr12-editor-note strong{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:normal;
}
.training-v13-page .tr13-feature-intro .tr12-editor-note strong:before{
  content:"✦";
  color:#a8e5df;
  font-size:13px;
}

/* Consistent pointer and keyboard feedback for every actionable control. */
.training-v13-page :where(.brand,.nav-links a,.menu-toggle,.v2-button,.v2-scroll,.garden-motion-toggle,.tr8-button,.tr8-feature-copy a,.tr8-feature-card,.tr8-tabs button,.tr8-feed-card,.tr8-subsidy-tabs button,.tr8-subsidy-panel a,.tr8-reading a,.tr8-faq-list summary,.footer-links a){
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .25s ease,transform .25s ease,opacity .2s ease;
}
.training-v13-page :where(.tr8-feature-main,.tr8-course-card,.tr8-feed-card) img{
  transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .35s ease;
}

.training-v13-page .tr8-feature-copy a{
  padding:9px 13px;
  border:1px solid rgba(165,235,228,.42);
  border-radius:10px;
  background:rgba(165,235,228,.08);
}
.training-v13-page .tr8-feature-main{
  transition:border-color .25s ease,box-shadow .3s ease,transform .3s ease;
}
.training-v13-page .tr8-feature-main:is(:hover,:focus-within){
  border-color:rgba(178,230,229,.48);
  box-shadow:0 26px 54px rgba(4,12,34,.3);
  transform:translateY(-4px);
}
.training-v13-page .tr8-feature-main:is(:hover,:focus-within)>img{
  filter:saturate(1.05) contrast(1.03);
  transform:scale(1.035);
}
.training-v13-page .tr8-feature-copy a:is(:hover,:focus-visible){
  border-color:#fff;
  background:#fff;
  color:#29477f;
  box-shadow:0 10px 22px rgba(5,13,36,.2);
  transform:translateY(-2px);
}
.training-v13-page .tr8-feature-card:is(:hover,:focus-visible){
  border-color:rgba(177,229,229,.5);
  box-shadow:0 20px 38px rgba(4,12,34,.28);
  transform:translateY(-4px);
}
.training-v13-page .tr8-feature-card:is(:hover,:focus-visible) img{
  filter:saturate(1.08) contrast(1.04);
  transform:scale(1.055);
}

.training-v13-page .tr8-course-card:is(:hover,:focus-within){
  border-color:rgba(91,105,174,.42);
  background:#fff;
  box-shadow:0 20px 38px rgba(53,65,117,.16);
  transform:translateY(-5px);
}
.training-v13-page .tr8-course-card:hover img{
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.055);
}
.training-v13-page .tr8-course-card:hover h3{color:#69518f}

.training-v13-page .tr8-tabs button:not([aria-selected="true"]):is(:hover,:focus-visible){
  border-color:#6077ad;
  background:#fff;
  color:#344f85;
  box-shadow:0 8px 18px rgba(62,77,135,.13);
  transform:translateY(-2px);
}
.training-v13-page .tr8-tabs button[aria-selected="true"]:is(:hover,:focus-visible){
  box-shadow:0 11px 24px rgba(59,64,132,.28);
  filter:brightness(1.08);
  transform:translateY(-2px);
}

.training-v13-page .tr8-feed-card:is(:hover,:focus-visible){
  border-color:rgba(91,105,174,.34);
  box-shadow:0 20px 38px rgba(48,59,111,.17);
  transform:translateY(-5px);
}
.training-v13-page .tr8-feed-card:is(:hover,:focus-visible) img{
  filter:saturate(1.08) contrast(1.03);
  transform:scale(1.06);
}
.training-v13-page .tr8-outcomes .tr8-feed-card:is(:hover,:focus-visible){
  border-color:rgba(255,215,234,.42);
  background:rgba(31,55,99,.9);
  box-shadow:0 22px 42px rgba(5,12,34,.3);
}

.training-v13-page .tr8-subsidy-tabs button:not([aria-selected="true"]):is(:hover,:focus-visible){
  border-color:#6d79aa;
  background:#fff;
  box-shadow:0 10px 22px rgba(60,72,128,.13);
  transform:translateX(5px);
}
.training-v13-page .tr8-subsidy-tabs button[aria-selected="true"]:is(:hover,:focus-visible){
  box-shadow:0 12px 26px rgba(56,59,130,.25);
  filter:brightness(1.08);
  transform:translateX(3px);
}
.training-v13-page .tr8-subsidy-panel a:is(:hover,:focus-visible){
  background:#dff5f2;
  box-shadow:0 10px 22px rgba(6,18,45,.23);
  transform:translateY(-2px);
}
.training-v13-page .tr8-reading a:is(:hover,:focus-visible){
  border-color:rgba(95,111,171,.38);
  background:#fff;
  box-shadow:0 14px 28px rgba(56,68,122,.13);
  transform:translateY(-4px);
}
.training-v13-page .tr8-reading a:is(:hover,:focus-visible) strong{color:#72558f}

.training-v13-page .tr8-faq-list summary:is(:hover,:focus-visible){
  padding-left:12px;
  background:rgba(255,255,255,.52);
  color:#70528e;
}
.training-v13-page .tr8-faq-list summary:is(:hover,:focus-visible):after{transform:rotate(90deg)}
.training-v13-page .tr8-faq-list summary:after{transition:transform .22s ease,color .22s ease}

.training-v13-page .tr8-button:is(:hover,:focus-visible){
  box-shadow:0 12px 26px rgba(35,48,103,.24);
  transform:translateY(-3px);
}
.training-v13-page .tr8-button-light:is(:hover,:focus-visible){
  background:#dff5f2!important;
  color:#203d72!important;
}
.training-v13-page .garden-motion-toggle:is(:hover,:focus-visible),
.training-v13-page .menu-toggle:is(:hover,:focus-visible){
  box-shadow:0 8px 20px rgba(24,39,83,.16);
  transform:translateY(-2px);
}
.training-v13-page .v2-scroll:is(:hover,:focus-visible){opacity:1;transform:translateY(-3px)}
.training-v13-page .brand:is(:hover,:focus-visible){opacity:.82;transform:translateY(-1px)}
.training-v13-page .footer-links a:is(:hover,:focus-visible){color:#a8e5df;transform:translateX(3px)}

@media(max-width:1024px){
  .training-v13-page .tr13-feature-intro{grid-template-columns:1fr;gap:20px}
  .training-v13-page .tr13-feature-intro .tr12-editor-note{max-width:780px}
}
@media(max-width:760px){
  .training-v13-page .tr13-feature-intro{margin-bottom:26px}
  .training-v13-page .tr13-feature-intro .tr12-editor-note{padding:18px}
}
@media(prefers-reduced-motion:reduce){
  .training-v13-page :where(.brand,.nav-links a,.menu-toggle,.v2-button,.v2-scroll,.garden-motion-toggle,.tr8-button,.tr8-feature-main,.tr8-feature-copy a,.tr8-feature-card,.tr8-course-card,.tr8-tabs button,.tr8-feed-card,.tr8-subsidy-tabs button,.tr8-subsidy-panel a,.tr8-reading a,.tr8-faq-list summary,.footer-links a),
  .training-v13-page :where(.tr8-feature-main,.tr8-feature-card,.tr8-course-card,.tr8-feed-card) img,
  .training-v13-page .tr8-faq-list summary:after{transition:none}
}

/* draft.v14: a washed cloudscape supports the opening proof section. */
.training-v14-page .tr8-reasons{
  isolation:isolate;
  overflow:hidden;
}
.training-v14-page .tr8-reasons:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(247,244,251,.98) 0%,rgba(243,244,250,.86) 42%,rgba(245,237,246,.62) 100%),
    url("assets/section-backgrounds/bg-sea-of-clouds.webp") center 47% / cover no-repeat;
  opacity:.72;
  filter:saturate(.76) contrast(.92);
  pointer-events:none;
}
.training-v14-page .tr8-reasons>.tr8-wrap{position:relative;z-index:1}
.training-v14-page .tr8-proof{
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  background:rgba(255,255,255,.78);
}
.training-v14-page .tr8-proof strong{
  min-width:4ch;
  font-variant-numeric:tabular-nums;
  transform-origin:left center;
}
.training-v14-page .tr8-proof strong.tr14-counting{
  animation:tr14-count-glow .95s ease both;
}
@keyframes tr14-count-glow{
  0%{color:#8970a4;opacity:.58;transform:translateY(7px) scale(.94);text-shadow:0 0 0 transparent}
  55%{color:#315b98;opacity:1;text-shadow:0 0 20px rgba(111,103,170,.28)}
  100%{color:var(--tr8-indigo-950);transform:none;text-shadow:none}
}

/* Use only the image area above the lake boundary as the process-section landscape. */
.training-v14-page .tr8-process{
  isolation:isolate;
  overflow:hidden;
}
.training-v14-page .tr8-process>.tr8-wrap{position:relative;z-index:2}
.training-v14-page .tr14-process-landscape{
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  left:0;
  height:min(40vw,68%);
  overflow:hidden;
  opacity:.3;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.62) 22%,#000 58%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.62) 22%,#000 58%);
}
.training-v14-page .tr14-process-landscape:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(16,31,67,.2),rgba(25,49,93,.62));
}
.training-v14-page .tr14-process-landscape img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:auto;
  display:block;
  filter:saturate(.82) contrast(1.02);
  transform:translateY(-31%);
}

/* Replace the small cute icons with stronger, page-wide editorial patterns. */
.training-v14-page #course-news{
  background:
    linear-gradient(112deg,rgba(196,224,240,.34),transparent 38%),
    linear-gradient(292deg,rgba(234,188,216,.36),transparent 42%),
    linear-gradient(135deg,#f5f8fc,#f8f1f7 54%,#eeeafb);
}
.training-v14-page #course-news:before{
  content:"";
  position:absolute;
  inset:-34% -10% -50% -8%;
  background:
    repeating-radial-gradient(ellipse at 8% 104%,transparent 0 54px,rgba(77,113,171,.13) 55px 58px,transparent 59px 94px),
    repeating-radial-gradient(ellipse at 94% 2%,transparent 0 72px,rgba(184,116,163,.11) 74px 77px,transparent 79px 122px);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 48%,#000);
  mask-image:linear-gradient(90deg,#000,transparent 48%,#000);
  pointer-events:none;
}
.training-v14-page #course-news:after{
  content:"";
  position:absolute;
  right:-9%;
  bottom:-48%;
  width:62%;
  height:100%;
  border:1px solid rgba(113,93,157,.16);
  border-radius:50% 45% 0 0;
  background:linear-gradient(130deg,rgba(139,189,222,.16),rgba(220,169,205,.2));
  box-shadow:0 0 0 54px rgba(139,189,222,.04),0 0 0 108px rgba(220,169,205,.035);
  transform:rotate(-9deg);
  pointer-events:none;
}
.training-v14-page #course-outcomes{
  background:
    linear-gradient(135deg,rgba(35,80,135,.3),transparent 42%),
    linear-gradient(305deg,rgba(143,85,145,.34),transparent 48%),
    linear-gradient(145deg,#17294f 0%,#304b82 56%,#6d4f82 100%);
}
.training-v14-page #course-outcomes:before{
  content:"";
  position:absolute;
  inset:-44% -8% -58% 28%;
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  background:
    repeating-radial-gradient(ellipse at 92% 86%,transparent 0 48px,rgba(180,216,247,.12) 50px 53px,transparent 55px 88px),
    repeating-linear-gradient(118deg,transparent 0 56px,rgba(255,211,232,.04) 57px 59px,transparent 60px 116px);
  box-shadow:none;
  transform:rotate(-3deg);
  pointer-events:none;
}
.training-v14-page #course-outcomes:after{
  content:"";
  position:absolute;
  left:-14%;
  bottom:-64%;
  width:72%;
  height:116%;
  border:1px solid rgba(174,211,243,.16);
  border-radius:50%;
  background:linear-gradient(120deg,rgba(125,190,224,.12),rgba(244,177,210,.12));
  box-shadow:0 0 0 62px rgba(134,190,225,.035),0 0 0 124px rgba(239,180,212,.025);
  transform:rotate(7deg);
  pointer-events:none;
}

@media(max-width:760px){
  .training-v14-page .tr8-reasons:before{
    background:
      linear-gradient(180deg,rgba(247,244,251,.94),rgba(242,238,247,.78)),
      url("assets/section-backgrounds/bg-sea-of-clouds.webp") 62% center / cover no-repeat;
  }
  .training-v14-page .tr14-process-landscape{height:250px;opacity:.26}
  .training-v14-page .tr14-process-landscape img{width:auto;height:165%;top:0;left:50%;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){
  .training-v14-page .tr8-proof strong.tr14-counting{animation:none}
}

/* draft.v15: remove the stray ring and replace the process landscape with a meeting moment. */
.training-v15-page .tr8-reasons:after{
  content:none;
  display:none;
}
.training-v15-page .tr14-process-landscape{display:none}
.training-v15-page .tr8-process>.tr8-wrap{position:relative;z-index:2}
.training-v15-page .tr8-process .tr8-heading{
  width:52%;
  min-height:238px;
}
.training-v15-page .tr15-process-meeting{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  width:42%;
  height:238px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(218,226,246,.34);
  border-radius:30px 10px 30px 10px;
  background:#263e72;
  box-shadow:0 24px 52px rgba(5,13,38,.28);
}
.training-v15-page .tr15-process-meeting:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(22,42,82,.12),transparent 50%,rgba(112,75,132,.2));
  pointer-events:none;
}
.training-v15-page .tr15-process-meeting img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 61%;
  transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .7s ease;
}
.training-v15-page .tr15-process-meeting:hover img{
  transform:scale(1.035);
  filter:saturate(1.04) brightness(1.03);
}

/* Dreamy bubble fields replace the previous contour and stripe patterns. */
.training-v15-page #course-news,
.training-v15-page #course-outcomes{
  isolation:isolate;
  overflow:hidden;
}
.training-v15-page #course-news{
  background:linear-gradient(135deg,#f8fbff 0%,#f8f3fb 52%,#f2effd 100%);
}
.training-v15-page #course-outcomes{
  background:linear-gradient(145deg,#152954 0%,#304b82 56%,#694f82 100%);
}
.training-v15-page #course-news:before,
.training-v15-page #course-news:after,
.training-v15-page #course-outcomes:before,
.training-v15-page #course-outcomes:after{
  content:none;
  display:none;
}
.training-v15-page #course-news>.tr8-wrap,
.training-v15-page #course-outcomes>.tr8-wrap{
  position:relative;
  z-index:2;
}
.training-v15-page .tr15-bubbles{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.training-v15-page .tr15-bubbles span{
  position:absolute;
  display:block;
  border-radius:50%;
  transform:translate3d(0,0,0);
  animation:tr15-bubble-drift 10s ease-in-out infinite alternate;
}
.training-v15-page .tr15-bubbles-light span{
  border:1px solid rgba(255,255,255,.78);
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.92),rgba(255,255,255,.18) 32%,rgba(124,216,205,.3) 67%,rgba(95,178,183,.12));
  box-shadow:inset 8px 10px 22px rgba(255,255,255,.5),0 14px 34px rgba(76,132,168,.13);
  mix-blend-mode:multiply;
}
.training-v15-page .tr15-bubbles-light span:nth-child(2n){
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.92),rgba(255,255,255,.16) 32%,rgba(249,177,192,.28) 68%,rgba(219,151,187,.1));
}
.training-v15-page .tr15-bubbles-light span:nth-child(3n){
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.94),rgba(255,255,255,.18) 34%,rgba(246,204,150,.3) 70%,rgba(225,174,126,.09));
}
.training-v15-page .tr15-bubbles-dark span{
  border:1px solid rgba(255,255,255,.2);
  background:radial-gradient(circle at 33% 26%,rgba(255,255,255,.62),rgba(224,219,255,.25) 32%,rgba(171,157,230,.16) 64%,rgba(118,84,176,.06));
  box-shadow:inset 5px 7px 16px rgba(255,255,255,.2),0 0 28px rgba(216,194,255,.18);
  filter:blur(.15px);
}
.training-v15-page .tr15-bubbles-dark span:nth-child(2n){
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.62),rgba(250,199,225,.25) 34%,rgba(214,133,192,.14) 68%,rgba(146,88,176,.05));
}
.training-v15-page .tr15-bubbles span:nth-child(1){width:210px;height:210px;left:-46px;bottom:-72px;animation-duration:12s}
.training-v15-page .tr15-bubbles span:nth-child(2){width:128px;height:128px;left:13%;top:-34px;animation-delay:-4s}
.training-v15-page .tr15-bubbles span:nth-child(3){width:72px;height:72px;left:28%;bottom:13%;animation-delay:-2s}
.training-v15-page .tr15-bubbles span:nth-child(4){width:170px;height:170px;left:43%;top:-74px;animation-duration:13s}
.training-v15-page .tr15-bubbles span:nth-child(5){width:54px;height:54px;left:57%;bottom:11%;animation-delay:-6s}
.training-v15-page .tr15-bubbles span:nth-child(6){width:110px;height:110px;right:24%;top:8%;animation-duration:9s}
.training-v15-page .tr15-bubbles span:nth-child(7){width:238px;height:238px;right:4%;bottom:-114px;animation-delay:-3s}
.training-v15-page .tr15-bubbles span:nth-child(8){width:66px;height:66px;right:4%;top:5%;animation-duration:11s}
.training-v15-page .tr15-bubbles span:nth-child(9){width:34px;height:34px;left:36%;top:18%;animation-delay:-7s}
.training-v15-page .tr15-bubbles span:nth-child(10){width:42px;height:42px;right:38%;bottom:5%;animation-duration:8s}
@keyframes tr15-bubble-drift{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(8px,-12px,0) scale(1.025)}
}

@media(max-width:900px){
  .training-v15-page .tr8-process .tr8-heading{width:100%;min-height:0}
  .training-v15-page .tr15-process-meeting{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:260px;
    margin:-8px 0 34px;
    border-radius:24px 8px 24px 8px;
  }
}
@media(max-width:600px){
  .training-v15-page .tr15-process-meeting{height:210px}
  .training-v15-page .tr15-bubbles span:nth-child(1),
  .training-v15-page .tr15-bubbles span:nth-child(7){width:150px;height:150px}
}
@media(prefers-reduced-motion:reduce){
  .training-v15-page .tr15-bubbles span{animation:none}
  .training-v15-page .tr15-process-meeting img{transition:none}
}

/* draft.v16: enlarge the proof numbers and return them to the brand violet. */
.training-v16-page .tr8-proof strong{
  color:#76539b;
  font-size:36px;
  line-height:1.08;
  white-space:nowrap;
}
.training-v16-page .tr8-proof strong.tr14-counting{
  color:#76539b;
  animation-name:tr16-count-glow;
}
@keyframes tr16-count-glow{
  0%{color:#a58abf;opacity:.58;transform:translateY(7px) scale(.94);text-shadow:0 0 0 transparent}
  55%{color:#8a62ad;opacity:1;text-shadow:0 0 22px rgba(118,83,155,.3)}
  100%{color:#76539b;transform:none;text-shadow:none}
}

/* Blend the consultation photograph into the dark process section instead of framing it as a card. */
.training-v16-page .tr8-process .tr8-heading{
  position:relative;
  z-index:3;
  width:49%;
  min-height:250px;
}
.training-v16-page .tr15-process-meeting{
  position:absolute;
  z-index:1;
  top:-72px;
  right:-5%;
  width:66%;
  height:420px;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:.82;
  -webkit-mask-image:radial-gradient(ellipse 88% 92% at 68% 42%,#000 0 52%,rgba(0,0,0,.78) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse 88% 92% at 68% 42%,#000 0 52%,rgba(0,0,0,.78) 68%,transparent 100%);
}
.training-v16-page .tr15-process-meeting:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(16,31,67,.98) 0%,rgba(16,31,67,.5) 24%,transparent 58%),
    linear-gradient(180deg,rgba(20,40,82,.05) 48%,rgba(27,44,86,.66) 100%);
  pointer-events:none;
}
.training-v16-page .tr15-process-meeting img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 58%;
  filter:saturate(.82) contrast(.98) brightness(.78);
  transform:scale(1.04);
  transition:filter .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);
}
.training-v16-page .tr15-process-meeting:hover img{
  filter:saturate(.9) contrast(1) brightness(.84);
  transform:scale(1.065);
}
.training-v16-page .tr8-process-list{
  position:relative;
  z-index:3;
}

/* Use the supplied transparent wave artwork at the bottom of both editorial sections. */
.training-v16-page #course-news,
.training-v16-page #course-outcomes{
  isolation:isolate;
  overflow:hidden;
}
.training-v16-page #course-news:before,
.training-v16-page #course-outcomes:before{
  content:none;
  display:none;
}
.training-v16-page #course-news:after,
.training-v16-page #course-outcomes:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-2%;
  bottom:-2px;
  left:-2%;
  width:auto;
  height:64%;
  border:0;
  border-radius:0;
  background:url("assets/section-backgrounds/bg-soft-light-wave.webp") center bottom / 104% auto no-repeat;
  box-shadow:none;
  transform:none;
  pointer-events:none;
}
.training-v16-page #course-news:after{
  opacity:.74;
  filter:saturate(.78) hue-rotate(7deg);
}
.training-v16-page #course-outcomes:after{
  opacity:.52;
  filter:saturate(.86) brightness(.88);
  mix-blend-mode:screen;
}
.training-v16-page #course-news>.tr8-wrap,
.training-v16-page #course-outcomes>.tr8-wrap{
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  .training-v16-page .tr8-process .tr8-heading{width:100%;min-height:0}
  .training-v16-page .tr15-process-meeting{
    position:relative;
    top:auto;
    right:auto;
    width:calc(100% + 30px);
    height:285px;
    margin:-4px -15px 30px;
    opacity:.88;
    -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 78%,transparent 100%);
    mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 78%,transparent 100%);
  }
  .training-v16-page #course-news:after,
  .training-v16-page #course-outcomes:after{
    height:48%;
    background-size:auto 100%;
  }
}
@media(max-width:600px){
  .training-v16-page .tr8-proof strong{font-size:32px}
  .training-v16-page .tr15-process-meeting{height:230px}
  .training-v16-page #course-news:after,
  .training-v16-page #course-outcomes:after{height:38%;opacity:.5}
}
@media(prefers-reduced-motion:reduce){
  .training-v16-page .tr15-process-meeting img{transition:none}
}

/* draft.v17: full-image catalogue cards with summaries revealed on hover, focus activation, or tap. */
.training-v17-page .tr8-course-grid{
  gap:22px;
}
.training-v17-page .tr8-course-card{
  position:relative;
  display:block;
  min-height:390px;
  aspect-ratio:1 / 1.05;
  overflow:hidden;
  border:1px solid rgba(157,191,217,.24);
  border-radius:24px;
  background:#102b47;
  box-shadow:0 16px 32px rgba(35,45,91,.11);
  cursor:pointer;
  isolation:isolate;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.training-v17-page .tr8-course-card:before{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(8,28,48,.06) 12%,rgba(8,28,48,.18) 43%,rgba(7,27,48,.9) 100%);
  transition:background .4s ease;
  pointer-events:none;
}
.training-v17-page .tr8-course-card img{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(.98);
  transform:scale(1.01);
  transition:transform .65s cubic-bezier(.2,.75,.25,1),filter .5s ease;
}
.training-v17-page .tr8-course-card>div{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  min-height:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  padding:28px 26px 26px;
  color:#fff;
}
.training-v17-page .tr8-course-card small{
  color:#b9eee7;
  font-size:12px;
  font-weight:900;
  letter-spacing:.11em;
  text-shadow:0 2px 10px rgba(3,18,34,.45);
}
.training-v17-page .tr8-course-card h3{
  margin:10px 0 0;
  color:#fff;
  font-family:var(--tr8-serif);
  font-size:24px;
  line-height:1.42;
  text-shadow:0 3px 16px rgba(3,18,34,.58);
}
.training-v17-page .tr8-course-card p{
  display:block;
  max-height:0;
  margin:0;
  overflow:hidden;
  color:rgba(255,255,255,.88);
  font-size:14px;
  line-height:1.75;
  opacity:0;
  transform:translateY(14px);
  transition:max-height .45s ease,margin-top .35s ease,opacity .3s ease,transform .4s ease;
  -webkit-line-clamp:unset;
}
.training-v17-page .tr8-course-card.is-open,
.training-v17-page .tr8-course-card:focus-visible{
  border-color:rgba(174,230,224,.72);
  box-shadow:0 20px 42px rgba(24,33,78,.2),0 0 0 3px rgba(123,207,201,.16);
  outline:0;
  transform:translateY(-4px);
}
.training-v17-page .tr8-course-card.is-open:before{
  background:linear-gradient(180deg,rgba(7,27,48,.22) 0%,rgba(7,27,48,.45) 40%,rgba(7,27,48,.96) 100%);
}
.training-v17-page .tr8-course-card.is-open img{
  filter:saturate(.98) contrast(1.02);
  transform:scale(1.07);
}
.training-v17-page .tr8-course-card.is-open p{
  max-height:8em;
  margin-top:14px;
  opacity:1;
  transform:none;
}
@media(hover:hover) and (pointer:fine){
  .training-v17-page .tr8-course-card:hover{
    border-color:rgba(174,230,224,.72);
    box-shadow:0 20px 42px rgba(24,33,78,.2);
    transform:translateY(-4px);
  }
  .training-v17-page .tr8-course-card:hover:before{
    background:linear-gradient(180deg,rgba(7,27,48,.22) 0%,rgba(7,27,48,.45) 40%,rgba(7,27,48,.96) 100%);
  }
  .training-v17-page .tr8-course-card:hover img{
    filter:saturate(.98) contrast(1.02);
    transform:scale(1.07);
  }
  .training-v17-page .tr8-course-card:hover p{
    max-height:8em;
    margin-top:14px;
    opacity:1;
    transform:none;
  }
}
@media(max-width:760px){
  .training-v17-page .tr8-course-grid{gap:18px}
  .training-v17-page .tr8-course-card{
    min-height:290px;
    aspect-ratio:4 / 3;
    border-radius:20px;
  }
  .training-v17-page .tr8-course-card>div{padding:24px 22px 22px}
  .training-v17-page .tr8-course-card h3{font-size:22px}
}
@media(max-width:430px){
  .training-v17-page .tr8-course-card{min-height:300px;aspect-ratio:auto}
}
@media(prefers-reduced-motion:reduce){
  .training-v17-page .tr8-course-card,
  .training-v17-page .tr8-course-card img,
  .training-v17-page .tr8-course-card p{transition:none}
}

/* draft.v18: longer Word-grounded summaries, four-column cards, visible wave art, and edge-free photo blending. */
.training-v18-page .tr8-proof strong{
  color:#315b98;
  font-size:29px;
}
.training-v18-page .tr8-proof strong.tr14-counting{
  color:#315b98;
  animation:tr18-count-glow .72s ease both;
}
@keyframes tr18-count-glow{
  0%{color:#6faeaa;transform:translateY(5px);opacity:.35}
  55%{color:#3c74b3;transform:translateY(-2px);opacity:1}
  100%{color:#315b98;transform:none;opacity:1}
}

.training-v18-page .tr8-process{
  background:
    linear-gradient(90deg,#172b55 0%,#172b55 29%,rgba(23,43,85,.94) 41%,rgba(23,43,85,.32) 70%,rgba(81,65,122,.42) 100%),
    linear-gradient(180deg,rgba(26,46,87,.04) 34%,rgba(38,60,108,.54) 67%,#334a7d 100%),
    url("assets/section-backgrounds/bg-business-meeting.webp") right 44% / 66% 100% no-repeat,
    linear-gradient(145deg,#172b55,#315184 62%,#665080);
}
.training-v18-page .tr15-process-meeting{display:none}
.training-v18-page .tr8-process .tr8-wrap{position:relative;z-index:1}

.training-v18-page #course-news,
.training-v18-page #course-outcomes{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.training-v18-page #course-news:after,
.training-v18-page #course-outcomes:after{
  content:none!important;
  display:none!important;
}
.training-v18-page .tr18-section-wave{
  position:absolute;
  z-index:1;
  right:0;
  bottom:-1px;
  left:0;
  display:block;
  width:100%;
  height:auto;
  max-height:88%;
  object-fit:fill;
  object-position:center bottom;
  pointer-events:none;
}
.training-v18-page #course-news .tr18-section-wave{
  opacity:.78;
  mix-blend-mode:multiply;
}
.training-v18-page #course-outcomes .tr18-section-wave{
  opacity:.84;
  filter:saturate(.78) brightness(1.12);
  mix-blend-mode:screen;
}
.training-v18-page #course-news>.tr8-wrap,
.training-v18-page #course-outcomes>.tr8-wrap{
  position:relative;
  z-index:2;
}

.training-v18-page .tr8-course-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.training-v18-page .tr8-course-card{
  min-height:360px;
  aspect-ratio:4 / 5;
  border:0;
  border-radius:20px;
  background:#173451;
  box-shadow:0 13px 27px rgba(45,55,100,.12);
  outline-offset:4px;
}
.training-v18-page .tr8-course-card:before{
  background:linear-gradient(180deg,rgba(24,51,76,.02) 10%,rgba(24,51,76,.17) 42%,rgba(20,48,75,.94) 100%);
}
.training-v18-page .tr8-course-card>div{
  padding:22px 20px 21px;
}
.training-v18-page .tr8-course-card small{
  color:#bceee6;
  font-size:11px;
}
.training-v18-page .tr8-course-card h3,
.training-v18-page .tr8-course-card:hover h3,
.training-v18-page .tr8-course-card:focus-visible h3,
.training-v18-page .tr8-course-card.is-open h3{
  margin-top:8px;
  color:#fff!important;
  font-size:20px;
  line-height:1.38;
  text-shadow:0 3px 14px rgba(11,31,53,.68);
}
.training-v18-page .tr8-course-card p{
  color:rgba(255,255,255,.94);
  font-size:13px;
  line-height:1.62;
}
.training-v18-page .tr8-course-card.is-open,
.training-v18-page .tr8-course-card:focus-visible{
  border:0;
  box-shadow:0 18px 38px rgba(35,45,91,.24),0 0 0 3px rgba(128,216,206,.22);
}
.training-v18-page .tr8-course-card.is-open:before{
  background:linear-gradient(180deg,rgba(23,55,82,.72) 0%,rgba(24,56,84,.87) 38%,rgba(21,48,76,.98) 100%);
}
.training-v18-page .tr8-course-card.is-open p{
  max-height:15em;
  margin-top:11px;
}
@media(hover:hover) and (pointer:fine){
  .training-v18-page .tr8-course-card:hover{
    border:0;
    box-shadow:0 18px 38px rgba(35,45,91,.24);
  }
  .training-v18-page .tr8-course-card:hover:before{
    background:linear-gradient(180deg,rgba(23,55,82,.72) 0%,rgba(24,56,84,.87) 38%,rgba(21,48,76,.98) 100%);
  }
  .training-v18-page .tr8-course-card:hover p{
    max-height:15em;
    margin-top:11px;
  }
}
@media(max-width:1100px){
  .training-v18-page .tr8-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .training-v18-page .tr8-process{
    background:
      linear-gradient(180deg,rgba(23,43,85,.94) 0%,rgba(23,43,85,.62) 32%,rgba(48,67,117,.82) 70%,#584b79 100%),
      url("assets/section-backgrounds/bg-business-meeting.webp") center 18% / cover no-repeat;
  }
  .training-v18-page .tr18-section-wave{max-height:66%;width:135%;left:-18%}
}
@media(max-width:820px){
  .training-v18-page .tr8-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .training-v18-page .tr8-course-card{min-height:350px;aspect-ratio:4 / 5}
}
@media(max-width:560px){
  .training-v18-page .tr8-proof strong{font-size:27px}
  .training-v18-page .tr8-course-grid{grid-template-columns:1fr}
  .training-v18-page .tr8-course-card{min-height:380px;aspect-ratio:4 / 5}
  .training-v18-page .tr18-section-wave{width:190%;left:-45%;max-height:48%;opacity:.64}
}

/* draft.v19: preserve source-image proportions and separate the lead summary from the dark section. */
.training-v19-page .tr8-feature-copy{
  background:linear-gradient(145deg,rgba(251,250,253,.98),rgba(239,246,251,.98));
  color:#18345f;
  border-left:1px solid rgba(80,111,157,.14);
}
.training-v19-page .tr8-feature-copy small{color:#2f938e}
.training-v19-page .tr8-feature-copy h3{color:#18345f}
.training-v19-page .tr8-feature-copy p{color:#53657f}
.training-v19-page .tr8-feature-copy a{
  padding:10px 14px;
  border:1px solid rgba(49,91,152,.38);
  border-radius:10px;
  background:#fff;
  color:#315b98;
  box-shadow:0 8px 18px rgba(37,67,116,.08);
}
.training-v19-page .tr8-feature-copy a:is(:hover,:focus-visible){
  border-color:#315b98;
  background:#315b98;
  color:#fff;
}

.training-v19-page .tr8-process{
  background:
    linear-gradient(90deg,rgba(17,39,80,.56) 0%,rgba(17,39,80,.48) 40%,rgba(24,48,94,.86) 66%,rgba(91,71,122,.94) 100%),
    url("assets/section-backgrounds/bg-business-meeting.webp") left center / auto 100% no-repeat,
    linear-gradient(145deg,#172b55,#315184 62%,#665080);
}
.training-v19-page .tr8-process .tr8-heading{
  width:44%;
  min-height:248px;
  margin-left:auto;
}
.training-v19-page .tr8-process .tr8-heading h2,
.training-v19-page .tr8-process .tr8-heading>p:last-child{
  text-shadow:0 3px 18px rgba(9,24,57,.28);
}
.training-v19-page .tr8-process-list{
  margin-top:18px;
}

.training-v19-page #course-outcomes .tr18-section-wave{
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center bottom;
  opacity:.9;
  filter:none;
  mix-blend-mode:normal;
}

@media(max-width:900px){
  .training-v19-page .tr8-process{
    background:
      linear-gradient(180deg,rgba(17,39,80,.7) 0%,rgba(22,44,87,.64) 42%,rgba(67,60,111,.94) 100%),
      url("assets/section-backgrounds/bg-business-meeting.webp") left center / cover no-repeat;
  }
  .training-v19-page .tr8-process .tr8-heading{
    width:100%;
    min-height:0;
    margin-left:0;
  }
  .training-v19-page #course-outcomes .tr18-section-wave{
    width:145%;
    left:-22.5%;
    max-height:none;
  }
}

@media(max-width:560px){
  .training-v19-page .tr8-feature-copy{border-left:0;border-top:1px solid rgba(80,111,157,.14)}
  .training-v19-page #course-outcomes .tr18-section-wave{
    width:210%;
    left:-55%;
    opacity:.78;
  }
}

/* draft.v20: blush-lavender lead panel, softer outcome waves, and a purpose-built panoramic process photo. */
.training-v20-page .tr8-feature-copy{
  background:linear-gradient(145deg,rgba(253,249,253,.99) 0%,rgba(249,239,249,.98) 52%,rgba(241,244,253,.98) 100%);
  border-left-color:rgba(171,125,170,.18);
}

.training-v20-page #course-outcomes .tr18-section-wave{
  opacity:.63;
}

.training-v20-page .tr8-process{
  background:
    linear-gradient(90deg,rgba(15,36,75,.46) 0%,rgba(17,40,81,.36) 42%,rgba(24,48,94,.76) 67%,rgba(91,70,122,.91) 100%),
    url("assets/section-backgrounds/bg-needs-to-results.webp") center center / cover no-repeat,
    linear-gradient(145deg,#172b55,#315184 62%,#665080);
}

@media(max-width:900px){
  .training-v20-page .tr8-process{
    background:
      linear-gradient(180deg,rgba(17,39,80,.7) 0%,rgba(22,44,87,.6) 43%,rgba(67,60,111,.92) 100%),
      url("assets/section-backgrounds/bg-needs-to-results.webp") 35% center / cover no-repeat;
  }
  .training-v20-page #course-outcomes .tr18-section-wave{opacity:.58}
}

@media(max-width:560px){
  .training-v20-page .tr8-feature-copy{
    border-left:0;
    border-top:1px solid rgba(171,125,170,.18);
  }
  .training-v20-page #course-outcomes .tr18-section-wave{opacity:.55}
}

/* W-018：39 張課程卡改為可直接前往課程內頁的語意連結。 */
.training-v20-page a.tr8-course-card{
  color:inherit;
  cursor:pointer;
  text-decoration:none;
}

/* V15 綜合修正：手機版改為完整可見的格狀／直向內容，不再用內層水平卷軸找卡片。 */
@media(max-width:760px){
  .training-v20-page .tr8-feature-side,
  .training-v20-page .tr8-feed-row,
  .training-v20-page .tr8-reading{
    display:grid;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:1fr;
    overflow:visible;
    padding-bottom:0;
    scroll-snap-type:none;
  }
  .training-v20-page .tr8-feature-card,
  .training-v20-page .tr8-feed-card,
  .training-v20-page .tr8-reading>div,
  .training-v20-page .tr8-reading>a{
    width:100%;
    scroll-snap-align:none;
  }
  .training-v20-page .tr8-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    gap:8px;
    padding-bottom:4px;
  }
  .training-v20-page .tr8-tabs button{
    width:100%;
    min-width:0;
    white-space:normal;
  }
  .training-v20-page .tr8-subsidy-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    padding-bottom:0;
  }
  .training-v20-page .tr8-subsidy-tabs button{
    width:100%;
    min-width:0;
    padding:10px;
  }
}

@media(max-width:430px){
  .training-v20-page .tr8-feature-card,
  .training-v20-page .tr8-feed-card{grid-template-columns:105px minmax(0,1fr)}
  .training-v20-page .tr8-subsidy-tabs{grid-template-columns:1fr}
}