.operator-v1, .operator-v1 * { box-sizing: border-box; min-width: 0; overflow-wrap: anywhere; }
.operator-v1 { width: 100%; max-width: 1120px; margin: 0 auto; padding: clamp(16px, 3vw, 36px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; color: var(--text, #eee9df); }
.operator-v1-header { grid-column: 1 / -1; }
.operator-v1-header h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 40px); }
.operator-v1-section { min-width: 0; padding: 24px; border: 1px solid #777064; border-radius: 12px; background: var(--surface, #191815); }
.operator-v1-section h3 { font-size: 20px; margin: 0 0 12px; }
.operator-v1-section p { line-height: 1.6; }
.operator-v1-note { color: inherit; opacity: .85; }
.operator-v1-record { min-width: 0; margin-top: 16px; padding-top: 16px; border-top: 1px solid #777064; overflow-wrap: anywhere; }
.operator-v1-record h4 { margin: 0 0 8px; }
.operator-v1 summary { cursor: pointer; padding: 10px 0; line-height: 1.5; }
.operator-v1 button { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.operator-v1 :focus-visible { outline: 2px solid #edc58d; outline-offset: 4px; }
.operator-v1 pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.operator-v1 .subject-handling-panel { margin-top: 16px; min-width: 0; }
@media (max-width: 800px) { .operator-v1 { grid-template-columns: minmax(0, 1fr); gap: 16px; } .operator-v1-section { padding: 18px; } }