.logic-tools-page { display: block; }
.logic-workspace, .logic-workspace section, .logic-operands > div { min-width: 0; }
.logic-workspace { overflow-wrap: anywhere; }
.logic-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1.5rem; }
.logic-tabs .button { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; text-align: left; text-decoration: none; }
.logic-tabs span { font-weight: 400; font-size: .85rem; }
@media (max-width: 600px) { .logic-tabs { grid-template-columns: 1fr; } }
.logic-tabs[hidden], .logic-workspace [hidden] { display: none; }
.logic-tabs [aria-selected="true"] { outline: 2px solid var(--color-text); outline-offset: 2px; }
.logic-workspace .field__control { width: 100%; min-width: 0; box-sizing: border-box; }
.logic-operands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.logic-legend { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem 1rem; }
.logic-legend dt { font-weight: 700; }
.logic-legend dd { margin: 0; }
.logic-workspace button { white-space: normal; }
@media (max-width: 600px) { .logic-operands { grid-template-columns: 1fr; } }
.logic-table-scroll { max-width: 100%; max-height: 32rem; overflow: auto; margin-top: 1rem; border: 1px solid var(--color-border); }
.logic-table-scroll table { width: max-content; min-width: 100%; border-collapse: collapse; white-space: nowrap; }
.logic-table-scroll .button { white-space: nowrap; }
.logic-table-scroll th, .logic-table-scroll td { padding: .5rem .75rem; text-align: center; border-bottom: 1px solid var(--color-border); }
.logic-table-scroll th { position: sticky; top: 0; background: var(--color-surface); }
#truth-normalized, #truth-column-legend dd { overflow-wrap: anywhere; white-space: pre-wrap; }
#truth-results { margin-top: 1.5rem; }
#truth-steps { max-height: 24rem; overflow: auto; }
.logic-expression-scroll { max-height: 8rem; overflow: auto; }
#truth-column-legend { max-height: 14rem; overflow: auto; }
.logic-table-scroll td.karnaugh-selected { outline: 3px solid var(--color-text); outline-offset: -4px; font-weight: 800; text-decoration: underline; }
#karnaugh-groups { padding-left: 1.5rem; }
#karnaugh-groups [aria-pressed="true"] { outline: 2px solid var(--color-text); outline-offset: 2px; }