.boyo-reading-runtime { max-width: 760px; margin-inline: auto; color: #152a36; overflow-wrap: anywhere; line-height: 1.65; }
.boyo-reading-runtime * { box-sizing: border-box; }
.boyo-reading-runtime button, .boyo-reading-runtime input, .boyo-reading-runtime textarea { font: inherit; }
.boyo-reading-runtime button { min-height: 46px; padding: .6rem .9rem; border: 2px solid #486172; border-radius: 10px; background: #fff; color: #193449; cursor: pointer; margin: .25rem; max-width: 100%; }
.boyo-reading-runtime button:hover:not(:disabled) { background: #e9f1fa; }
.boyo-reading-runtime button:disabled { opacity: .52; cursor: default; }
.boyo-reading-runtime button[aria-pressed="true"], .boyo-reading-runtime .rr-highlight { border-color: #125c83; background: #d8edf7; box-shadow: inset 0 0 0 2px #125c83; }
.boyo-reading-runtime :focus-visible { outline: 3px solid #d06415; outline-offset: 3px; }
.boyo-reading-runtime .rr-source { white-space: pre-wrap; background: #f1f5f8; padding: 1rem; border-radius: 10px; font-size: 1.15rem; }
.boyo-reading-runtime .rr-instruction { font-size: 1.15rem; font-weight: 650; }
.boyo-reading-runtime .rr-previews { display: grid; gap: 1rem; }
.boyo-reading-runtime .rr-preview, .boyo-reading-runtime .rr-child, .boyo-reading-runtime .rr-elimination { border: 1px solid #8eabba; border-radius: 12px; padding: .8rem; margin: .7rem 0; min-width: 0; }
.boyo-reading-runtime .rr-task-id { font-size: .85rem; margin: 0; color: #425e6f; }
.boyo-reading-runtime .rr-option { display: flex; align-items: center; gap: .65rem; min-height: 48px; padding: .6rem; margin: .35rem 0; border: 1px solid #a3b8c6; border-radius: 8px; }
.boyo-reading-runtime input[type="radio"], .boyo-reading-runtime input[type="checkbox"] { width: 23px; height: 23px; flex: 0 0 23px; accent-color: #175577; }
.boyo-reading-runtime fieldset { min-width: 0; padding: .6rem; border: 1px solid #a3b8c6; border-radius: 10px; }
.boyo-reading-runtime legend { padding-inline: .35rem; }
.boyo-reading-runtime .rr-label { display: block; margin: .65rem 0; }
.boyo-reading-runtime textarea { display: block; width: 100%; min-height: 100px; padding: .65rem; border: 2px solid #849eae; border-radius: 8px; resize: vertical; }
.boyo-reading-runtime table { border-collapse: collapse; width: 100%; table-layout: fixed; margin-block: .7rem; }
.boyo-reading-runtime caption { text-align: left; font-weight: 700; }
.boyo-reading-runtime th, .boyo-reading-runtime td { border: 1px solid #7792a2; padding: .55rem; text-align: left; vertical-align: top; }
.boyo-reading-runtime th { background: #edf3f6; }
.boyo-reading-runtime small { display: block; font-size: .72rem; }
.boyo-reading-runtime .rr-sheet th:first-child { width: 33%; }
.boyo-reading-runtime .rr-table-wrap { max-width: 100%; }
.boyo-reading-runtime .rr-notice, .boyo-reading-runtime .rr-queue, .boyo-reading-runtime [data-rr-warning], .boyo-reading-runtime .rr-problem { padding: .75rem; border-left: 4px solid #b76b14; background: #fff4df; margin-block: .8rem; }
.boyo-reading-runtime [data-rr-warning] { position: sticky; top: 0; z-index: 2; }
.boyo-reading-runtime .rr-pair img { display: block; width: 100%; height: auto; max-height: 430px; object-fit: contain; }
.boyo-reading-runtime .rr-image-controls { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.boyo-reading-runtime .rr-struck { text-decoration: line-through; }
.boyo-reading-runtime .rr-note { font-size: .9rem; color: #425e6f; }
.boyo-reading-runtime .rr-summary { white-space: pre-wrap; }
.boyo-reading-runtime .rr-result { border: 2px solid #477488; padding: 1rem; border-radius: 12px; margin-top: 1rem; }
@media (max-width: 380px) { .boyo-reading-runtime .rr-preview, .boyo-reading-runtime .rr-child, .boyo-reading-runtime .rr-elimination { padding: .55rem; } .boyo-reading-runtime th, .boyo-reading-runtime td { padding: .25rem; } .boyo-reading-runtime .rr-sheet button { padding: .4rem; margin: 0; } }
.boyo-reading-runtime .rr-demo-highlight { border: 3px solid #175577; background: #e4f2fa; }
.boyo-reading-runtime .rr-demo-blank td { background: #fff1d5; }
.boyo-reading-runtime .rr-demo-explanation { padding: .9rem; border-left: 4px solid #175577; background: #edf5fa; font-weight: 600; }
.boyo-reading-runtime .rr-example-answer, .boyo-reading-runtime .rr-demo-revision { padding: .7rem; background: #eef7ef; }
.boyo-reading-runtime .rr-strategy-model .rr-option { justify-content: space-between; flex-wrap: wrap; }
