/* Only loaded by the operator capability topic. */
.operator-hero-copy { max-width: 760px; margin-top: 24px; color: var(--muted); font-size: 16px; line-height: 1.85; overflow-wrap: anywhere; }
.operator-hero-copy + .operator-hero-copy { margin-top: 10px; }
.operator-claim { max-width: 760px; margin-top: 28px; padding: 18px 20px; border-left: 3px solid var(--forest); background: rgba(47, 91, 79, .055); color: var(--fg-soft); font-family: var(--serif); font-size: 19px; line-height: 1.65; overflow-wrap: anywhere; }

.operator-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border: 1px solid var(--border-strong); background: rgba(255, 255, 255, .48); }
.operator-flow-step { min-width: 0; padding: 28px 24px; }
.operator-flow-step + .operator-flow-step { border-left: 1px solid var(--border); }
.operator-flow-role { display: block; color: var(--forest); font-family: var(--serif); font-size: 22px; font-weight: 700; }
.operator-flow-desc { display: block; margin-top: 10px; color: var(--fg-soft); font-size: 14px; line-height: 1.7; }

.operator-role-list { border-top: 1px solid var(--border-strong); }
.operator-role { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 28px; padding: 42px 4px; border-bottom: 1px solid var(--border); }
.operator-role-num { color: var(--forest); font-family: var(--serif); font-size: 18px; }
.operator-role h2 { color: var(--fg); font-family: var(--serif); font-size: 29px; line-height: 1.35; }
.operator-role-intro { margin-top: 12px; color: var(--fg-soft); font-size: 16px; line-height: 1.8; }
.operator-topics { display: flex; flex-wrap: wrap; gap: 8px 10px; margin-top: 22px; list-style: none; }
.operator-topics li { padding: 6px 11px; border: 1px solid var(--border); color: var(--muted); font-size: 13px; line-height: 1.55; }
.operator-reading { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--border); }
.operator-reading-label { flex-basis: 100%; color: var(--muted); font-size: 12px; font-weight: 700; }
.operator-reading a { color: var(--forest); font-size: 14px; line-height: 1.7; }
.operator-reading a:hover, .operator-role-link:hover { color: var(--accent); }
.operator-role-link { display: inline-block; margin-top: 26px; color: var(--forest); font-size: 14px; font-weight: 600; }
.operator-current-list { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 22px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.operator-current-list span::after { content: "·"; margin-left: 14px; color: var(--border-strong); }
.operator-current-list span:last-child::after { content: ""; margin: 0; }
.operator-summary { margin: 0 0 76px; padding: 26px 30px; border-left: 3px solid var(--accent); background: var(--bg-alt); color: var(--fg-soft); font-family: var(--serif); font-size: 20px; line-height: 1.7; }

@media (max-width: 700px) {
  .operator-hero-copy { font-size: 15px; }
  .operator-claim { margin-top: 22px; padding: 16px; font-size: 17px; }
  .operator-flow { grid-template-columns: 1fr; }
  .operator-flow-step { padding: 21px 20px; }
  .operator-flow-step + .operator-flow-step { border-left: 0; border-top: 1px solid var(--border); }
  .operator-role { grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 30px 0; }
  .operator-role h2 { font-size: 24px; }
  .operator-role-intro { font-size: 15px; }
  .operator-topics { gap: 7px; }
  .operator-topics li { font-size: 12px; }
  .operator-current-list { gap: 5px 10px; font-size: 13px; }
  .operator-current-list span::after { margin-left: 10px; }
  .operator-summary { margin-bottom: 54px; padding: 21px 20px; font-size: 18px; }
}