.role-workbook { max-width: 1080px; margin: 0 auto; }
.role-workbook h1 { font-size: 30px; line-height: 1.2; overflow-wrap: anywhere; }
.role-workbook h2 { font-size: 24px; line-height: 1.25; }
.role-workbook h3 { font-size: 18px; margin-top: 24px; }
.role-workbook-unit { border-top: 1px solid #bcc8ca; padding: 28px 0; margin-top: 24px; }
.role-workbook-response { white-space: pre-wrap; overflow-wrap: anywhere; border-left: 3px solid #008e7c; padding: 16px 20px; min-height: 100px; background: #f5f8f8; }
.role-workbook details { margin: 20px 0; }
.role-workbook summary { cursor: pointer; font-weight: 700; }
#role-development ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#role-development li { align-items: start; padding: 24px 20px; }
#role-development li:nth-child(odd) { border-right: 1px solid var(--home-line); }
#role-development li:nth-child(even) { border-right: 0; }
#role-development li strong { font-size: 18px; line-height: 1.4; }
#role-development li p { font-size: 16px; line-height: 1.6; margin: 10px 0 0; }
@media (max-width: 650px) {
  #role-development ol { grid-template-columns: 1fr; }
  #role-development li:nth-child(odd) { border-right: 0; }
}
@media print {
  .runway-rail, .runway-topbar, .skip, .role-workbook button, .role-workbook-edit { display: none !important; }
  .runway-shell, .runway-app, .runway-main { display: block !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
  .role-workbook-unit { break-before: page; }
  .role-workbook h2, .role-workbook h3 { break-after: avoid; }
  .role-workbook details { display: none; }
  .role-workbook-response { min-height: 120px; background: white; }
  @page { size: A4; margin: 18mm; }
}