.guv-live-page .worksheet-paper,
.bg-page .worksheet-paper {
    padding: 12px 14px 14px;
}

.guv-live-page .guv-task-list,
.bg-page .bg-task-list {
    display: grid;
    gap: 7px;
}

.guv-live-page .guv-task,
.guv-live-page .guv-effect-task,
.guv-live-page .guv-impact-task,
.guv-live-page .guv-transfer-task,
.bg-page .bg-task,
.bg-page .bg-effect-task,
.bg-page .bg-impact-task,
.bg-page .bg-transfer-task {
    display: grid;
    gap: 7px 10px;
    align-items: center;
    padding: 8px 9px;
    border: 1px solid #d7cbb6;
    background: rgba(255, 250, 240, 0.92);
}

.guv-live-page .guv-task,
.bg-page .bg-task {
    grid-template-columns: minmax(220px, 0.44fr) minmax(0, 1fr);
}

.guv-live-page .guv-effect-task,
.guv-live-page .guv-impact-task,
.guv-live-page .guv-transfer-task,
.bg-page .bg-effect-task,
.bg-page .bg-impact-task,
.bg-page .bg-transfer-task {
    grid-template-columns: 30px minmax(260px, 1fr) minmax(240px, 0.72fr);
}

.guv-live-page .guv-feedback,
.bg-page .bg-feedback {
    grid-column: 1 / -1;
}

.guv-live-page .guv-task-copy,
.bg-page .bg-task-copy {
    display: grid;
    gap: 4px;
}

.guv-live-page .guv-task-copy strong,
.bg-page .bg-task-copy strong {
    color: #171b18;
    font-family: "Lora", serif;
    font-size: 0.94rem;
    line-height: 1.25;
}

.guv-live-page .guv-task-copy p,
.bg-page .bg-task-copy p {
    margin: 0;
    color: #665f51;
    font-size: 0.82rem;
    line-height: 1.35;
}

.guv-live-page .guv-row-number,
.bg-page .bg-row-number {
    width: fit-content;
    padding: 3px 6px;
    border: 1px solid #d7cbb6;
    background: #fbf6ea;
    color: #28714c;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.guv-live-page .guv-choice-list,
.bg-page .bg-choice-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.guv-live-page .guv-choice-list button,
.guv-live-page .guv-controls select,
.guv-live-page .guv-controls input,
.guv-live-page .guv-impact-controls select,
.guv-live-page .guv-impact-controls input,
.guv-live-page .guv-reset,
.guv-live-page .guv-status-button,
.guv-live-page .guv-more-practice,
.bg-page .bg-choice-list button,
.bg-page .bg-controls select,
.bg-page .bg-controls input,
.bg-page .bg-impact-controls select,
.bg-page .bg-impact-controls input,
.bg-page .bg-reset,
.bg-page .bg-status-button,
.bg-page .bg-more-practice {
    min-height: 32px;
    border: 1px solid #9f9279;
    border-radius: 0;
    background: #fffaf0;
    color: #1f2b2f;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.18;
}

.guv-live-page .guv-choice-list button,
.guv-live-page .guv-reset,
.guv-live-page .guv-status-button,
.guv-live-page .guv-more-practice,
.bg-page .bg-choice-list button,
.bg-page .bg-reset,
.bg-page .bg-status-button,
.bg-page .bg-more-practice {
    padding: 6px 8px;
    cursor: pointer;
}

.guv-live-page .guv-choice-list button,
.bg-page .bg-choice-list button {
    flex: 0 1 auto;
    min-width: min(100%, 142px);
}

.guv-live-page .guv-controls,
.guv-live-page .guv-impact-controls,
.bg-page .bg-controls {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(104px, 0.5fr) auto;
    gap: 6px;
    align-items: center;
}

.guv-live-page .guv-impact-controls {
    grid-template-columns: minmax(150px, 0.9fr) minmax(92px, 0.45fr) auto;
}

.guv-live-page .guv-line-chip {
    display: inline-flex;
    width: fit-content;
    padding: 2px 6px;
    border: 1px solid #9f9279;
    background: #f6edda;
    color: #173b29;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem;
    font-weight: 800;
}

.bg-page .bg-controls {
    grid-template-columns: minmax(136px, 0.9fr) minmax(92px, 0.45fr) minmax(92px, 0.45fr) auto;
}

.bg-page .bg-impact-controls {
    display: grid;
    grid-template-columns: minmax(110px, 0.7fr) minmax(130px, 0.8fr) minmax(92px, 0.45fr) auto;
    gap: 6px;
    align-items: center;
}

.bg-page .bg-type-chip {
    display: inline-flex;
    width: fit-content;
    padding: 2px 6px;
    border: 1px solid #9f9279;
    background: #f6edda;
    color: #173b29;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem;
    font-weight: 800;
}

.bg-page .bg-chain-list button {
    min-width: min(100%, 260px);
    text-align: left;
}

.guv-live-page .guv-check-btn,
.bg-page .bg-check-btn {
    min-height: 32px;
    border: 1px solid #201d17;
    border-radius: 0;
    background: #201d17;
    color: #fff8e9;
    font-family: "JetBrains Mono", monospace;
    font-size: 0.66rem;
    font-weight: 800;
    cursor: pointer;
}

.guv-live-page .is-correct,
.guv-live-page .guv-task.is-complete,
.guv-live-page .guv-effect-task.is-complete,
.guv-live-page .guv-impact-task.is-complete,
.guv-live-page .guv-transfer-task.is-complete,
.bg-page .is-correct,
.bg-page .bg-task.is-complete,
.bg-page .bg-effect-task.is-complete,
.bg-page .bg-impact-task.is-complete,
.bg-page .bg-transfer-task.is-complete {
    border-color: #9fc2a4 !important;
    background: #eef6ed !important;
}

.guv-live-page .is-wrong,
.bg-page .is-wrong {
    border-color: #b64b2d !important;
    background: #fff2ec !important;
    color: #7d2a1b !important;
}

.bg-page .is-selected {
    border-color: #28714c !important;
    background: #edf5ea !important;
    color: #173b29 !important;
}

.guv-live-page .guv-feedback,
.bg-page .bg-feedback {
    margin: 2px 0 0;
    padding: 6px 8px;
    border: 1px solid #d7cbb6;
    background: rgba(255, 252, 244, 0.86);
    color: #665f51;
    font-size: 0.78rem;
    line-height: 1.3;
}

.guv-live-page .guv-feedback:empty,
.guv-live-page .guv-feedback:not(.is-correct):not(.is-wrong),
.bg-page .bg-feedback:empty,
.bg-page .bg-feedback:not(.is-correct):not(.is-wrong) {
    display: none;
}

.guv-live-page .guv-feedback.is-correct,
.bg-page .bg-feedback.is-correct {
    border-color: #9fc2a4;
    background: #eef6ed;
    color: #173b29;
}

.guv-live-page .guv-feedback.is-wrong,
.bg-page .bg-feedback.is-wrong {
    border-color: #d99a84;
    background: #fff2ec;
    color: #7d2a1b;
}

.guv-live-page .guv-status-box,
.bg-page .bg-status-box {
    display: grid;
    gap: 8px;
}

.guv-live-page .guv-summary-left ul,
.bg-page .bg-summary-left ul {
    margin: 10px 0 14px;
    padding-left: 18px;
    color: #554d41;
    line-height: 1.55;
}

.guv-live-page .guv-progress,
.bg-page .bg-progress {
    margin: 0;
    color: #665f51;
    font-size: 0.86rem;
}

.guv-live-page .guv-status-button.is-done,
.bg-page .bg-status-button.is-done {
    background: #28714c;
    color: #fff8e9;
}

@media (max-width: 920px) {
    .guv-live-page .guv-task,
    .guv-live-page .guv-effect-task,
    .guv-live-page .guv-impact-task,
    .guv-live-page .guv-transfer-task,
    .bg-page .bg-task,
    .bg-page .bg-effect-task,
    .bg-page .bg-impact-task,
    .bg-page .bg-transfer-task {
        grid-template-columns: 1fr;
    }

    .guv-live-page .guv-controls,
    .guv-live-page .guv-impact-controls,
    .bg-page .bg-controls,
    .bg-page .bg-impact-controls {
        grid-template-columns: 1fr;
    }
}