/* Practical examples complement the existing president page. */
.corporate-page .training-process { margin-top: 48px; padding-top: 36px; border-top: 1px solid #cbb7ad; }
.corporate-page #design .training-process-title { margin: 0 0 24px; font: 500 clamp(23px, 2.5vw, 30px)/1.65 var(--serif); color: var(--ink); }
.corporate-page .training-steps, .corporate-page .training-examples-list { list-style: none; padding: 0; margin: 0; }
.corporate-page .training-steps > li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid #d8c8bf; align-items: baseline; }
.corporate-page .training-number { color: var(--wine); font: 700 15px/1.8 var(--sans, sans-serif); }
.corporate-page #design .training-steps p, .corporate-page #design .training-examples-list p { margin: 0; font-size: 17px; line-height: 1.85; }
.corporate-page .training-examples { margin: 32px 0 36px; border-top: 1px solid #cbb7ad; border-bottom: 1px solid #cbb7ad; }
.corporate-page .training-examples > summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 0; list-style: none; color: var(--ink); font-size: 18px; font-weight: 600; line-height: 1.6; }
.corporate-page .training-examples > summary::-webkit-details-marker { display: none; }
.corporate-page .training-examples > summary::after { content: '+'; flex: 0 0 auto; color: var(--wine); font-size: 26px; font-weight: 400; }
.corporate-page .training-examples[open] > summary::after { content: '−'; }
.corporate-page .training-examples > summary:focus-visible { outline: 2px solid var(--wine); outline-offset: 5px; }
.corporate-page .training-examples-heading { margin: 10px 0 20px; font-size: 24px; line-height: 1.7; }
.corporate-page .training-examples-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; }
.corporate-page .training-examples-list > li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 20px 0; border-top: 1px solid #d8c8bf; align-items: baseline; }
.corporate-page #design .training-examples-note { margin: 20px 0 26px; font-size: 16px; line-height: 1.85; }
@media (max-width: 700px) {
  .corporate-page .training-process { margin-top: 34px; padding-top: 26px; }
  .corporate-page .training-steps > li { grid-template-columns: 26px minmax(0, 1fr); gap: 12px; padding: 14px 0; }
  .corporate-page #design .training-steps p, .corporate-page #design .training-examples-list p { font-size: 16px; }
  .corporate-page .training-examples > summary { font-size: 17px; padding: 20px 0; }
  .corporate-page .training-examples-list { grid-template-columns: 1fr; }
  .corporate-page .training-examples-heading { font-size: 22px; }
}