/* The same tactile word desk, with an explicit touch-first connection sheet. */
.il-case .il-connection-sheet.il-local-choice {
  margin:0;
  border:1px solid #9fb9ce;
  border-top:3px solid #cc6245;
  border-radius:20px 20px 0 0;
  padding:18px 18px max(22px, env(safe-area-inset-bottom));
  box-shadow:0 -12px 60px #173c6930;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;

}
.il-connection-sheet.is-opening {animation:ilSheetArrive 160ms ease-out}
.il-connection-sheet::backdrop {background:#173c6960;backdrop-filter:blur(2px)}
.il-case .il-connection-sheet .local-choice-heading {
  top:-18px;
  margin:0 -2px 6px;
  padding:5px 2px 10px;
  gap:8px;
}
.il-case .il-connection-sheet .local-choice-label {flex:1;min-width:0;font-size:25px!important;line-height:1.2!important;overflow-wrap:anywhere}
.il-case .il-connection-sheet .local-choice-cancel,
.il-case .il-connection-sheet .il-sheet-back {flex:none;min-width:44px;min-height:44px;font-size:14px;padding:9px 7px}
.il-case .il-connection-sheet .il-sheet-back {font-size:23px;padding:6px}
.il-case .il-connection-sheet .il-choice-context {font-size:15px!important;line-height:1.45!important;margin:2px 0 14px!important}
.il-case .il-connection-sheet .il-sheet-section {font:600 13px/1.4 var(--sans);letter-spacing:.02em;color:#58718a;margin:16px 0 9px}
.il-case .il-connection-sheet .il-choice-tabs {position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 0 13px;border:0}
.il-case .il-connection-sheet .il-choice-tabs>button {min-height:44px;padding:9px 7px;font-size:13px;line-height:1.3}
.il-case .il-connection-sheet .local-choice-grid {gap:10px;padding:3px 1px 8px}
.il-case .il-connection-sheet .il-relationship-choice,
.il-case .il-connection-sheet .il-place-option {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:100%;min-height:96px;padding:12px;border:1px solid #adc2d2;border-radius:5px;background:#fffefa;color:#244c70;text-align:left;white-space:normal;box-shadow:0 3px 0 #d9e4eb}
.il-case .il-connection-sheet .local-choice-title {font:600 15px/1.3 var(--sans)!important;overflow-wrap:anywhere}
.il-case .il-connection-sheet .il-choice-detail {font:12px/1.35 var(--sans);color:#627a8d}
.il-case .il-connection-sheet .connection-glyph {width:66px;height:28px}
.il-case .il-connection-sheet .il-sheet-words {display:flex;flex-wrap:wrap;gap:10px;padding:2px 0 9px}
.il-case .il-connection-sheet .il-slot-word {min-height:52px;min-width:64px;touch-action:manipulation;max-width:100%;padding:0 5px!important}
.il-case .il-connection-sheet .il-slot-word .word-face {font-size:22px;min-height:37px;height:auto;padding:7px 12px;white-space:normal;overflow-wrap:anywhere}
.il-case .il-connection-sheet .il-sheet-edit {display:block;width:100%;min-height:48px;margin-top:17px;border:1px solid #9db8ce;border-radius:5px;padding:11px 15px;background:#eaf2fb;color:#214f85;font-size:15px;box-shadow:0 3px 0 #d3e0eb}
.il-case .il-connection-sheet .il-sheet-remove {margin-top:12px;font-size:14px;min-height:44px}
.il-case .il-connection-sheet button:active {transform:translateY(1px)}
.il-case .diagram-word.just-placed .word-face {animation:ilWordPlaced 220ms ease-out}
@keyframes ilWordPlaced {0%{scale:.9;background:#fff0dc;box-shadow:0 0 0 4px #d8835540}60%{scale:1.07;background:#fff5e5}100%{scale:1}}
@keyframes ilSheetArrive {from{translate:0 18px;opacity:.7}to{translate:0 0;opacity:1}}
@media(max-width:800px) {
  .il-case .invisible-grammar-editor .word-tile {touch-action:manipulation!important}
  .il-case .invisible-grammar-editor .word-tray {gap:8px!important}
  .il-case .invisible-grammar-editor .il-placement-cue {font-size:13px;line-height:1.4;min-height:32px}
}
@media(prefers-reduced-motion:reduce) {
  .il-case .il-connection-sheet.il-local-choice,.il-case .diagram-word.just-placed .word-face {animation:none}
  .il-case .diagram-word.just-placed .word-face {outline:2px solid #cc6245;outline-offset:2px}
}

/* Keep the same paper, ink and connector language while a word is in hand. */
.il-case .il-drag-connections {box-sizing:border-box;padding:10px 11px 8px;border:1px solid #9fb9ce;border-top:3px solid #cc6245;border-radius:12px;background:#fffefa;box-shadow:0 9px 32px #173c692b;overflow:auto;overscroll-behavior:contain;touch-action:none}
.il-case .il-drag-heading {margin:0 2px 7px;font:600 13px/1.4 var(--sans);color:#58718a;overflow-wrap:anywhere}
.il-case .il-drag-options {display:grid;gap:6px}
.il-case .il-drag-option {display:flex;align-items:center;gap:10px;min-height:48px;width:100%;padding:7px 10px;border:1px solid #b4c8d6;border-radius:5px;background:#f9fbfc;color:#244c70;text-align:left;white-space:normal;font:600 14px/1.3 var(--sans);box-shadow:0 2px 0 #d9e4eb}
.il-case .il-drag-option .connection-glyph {flex:none;width:52px;height:26px;fill:none;stroke:#a3b0b4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.il-case .il-drag-option .connection-glyph .glyph-connection {stroke:#cf6040;stroke-width:2.6}
.il-case .il-drag-option span {min-width:0;overflow-wrap:anywhere}
.il-case .il-drag-more {display:block;width:100%;min-height:44px;margin-top:4px;padding:7px;border:0;border-radius:5px;background:transparent;color:#285a83;font:600 13px/1.3 var(--sans);text-align:center;box-shadow:none}
.il-case .il-drag-option.is-aiming,.il-case .il-drag-more.is-aiming {border-color:#cc6245;background:#fff0dc;outline:2px solid #cc6245;outline-offset:1px}
.il-case .il-connection-sheet .local-choice-grid.il-quick-choices {grid-template-columns:1fr;gap:9px}
.il-case .il-connection-sheet .il-quick-choices .il-relationship-choice {flex-direction:row;align-items:center;justify-content:flex-start;gap:13px;min-height:58px;padding:10px 12px}
.il-case .il-connection-sheet .il-quick-choices .connection-glyph {flex:none;width:58px;height:28px}
.il-case .il-connection-sheet .il-more-connections {display:block;width:100%;min-height:44px;padding:10px 8px;margin:6px 0 0;color:#285a83;font:600 14px/1.4 var(--sans);text-align:center}
.il-case .il-connection-sheet .il-all-connections {margin-top:7px;padding-top:1px;border-top:1px solid #d3dfe7}
.il-case .is-word-dragging .empty-word .word-face {border-color:#7b9eba;background:#eaf3fa}

.il-case .il-connection-sheet .local-choice-grid.il-expanded-choices {grid-template-columns:1fr;gap:6px}
.il-case .il-connection-sheet .il-expanded-choices .il-relationship-choice {flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:48px;padding:8px 10px}
.il-case .il-connection-sheet .il-expanded-choices .connection-glyph {flex:none;width:42px;height:24px}
.il-case .il-connection-sheet .il-expanded-choices .local-choice-title {font-size:14px!important}
.il-case .il-connection-sheet .il-expanded-choices .il-choice-detail {display:none}

/* Recovery stays beside the selected word and uses the same quiet paper/ink controls. */
.il-case .il-selected-word-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin:10px 14px 0;padding:10px 12px;border-left:3px solid #c66b4b;background:#fffdf7;color:#244c70}
.il-case .il-selected-word-actions>strong {font:600 15px/1.4 var(--sans);overflow-wrap:anywhere}
.il-case .il-local-word-actions {display:flex;flex-wrap:wrap;gap:10px;margin:3px 0 8px}
.il-case .il-local-word-actions>button {flex:1;min-width:110px;min-height:44px;padding:9px 12px;border:1px solid #9fb9ce;border-radius:5px;background:#fffefa;color:#244c70;font:600 14px/1.4 var(--sans)}
.il-case .il-remove-word {min-height:44px;font:600 14px/1.4 var(--sans);color:#9a462e}
.il-case .il-local-word-actions .il-remove-word {border-color:#ceaa99;color:#9a462e}
.il-case .il-removal-impact {flex-basis:100%;margin:0 0 10px;font:14px/1.45 var(--sans);color:#536d83;overflow-wrap:anywhere}
.il-case .il-selected-word-actions .il-removal-impact {margin:0}
.il-case .il-choice-status {margin:7px 0 12px;padding:9px 10px;border-left:3px solid #c66b4b;background:#fff3e5;color:#754b35;font:14px/1.45 var(--sans)}
.il-case .il-choice-status[hidden] {display:none}
.il-case .il-placement-cue[data-placement-state="uncommitted"] {color:#8c492f}
.il-case .il-placement-cue[data-placement-state="committed"] {color:#315f4b}
.il-case .il-placement-cue[data-placement-state="removed"] {color:#335a76}