.term,
.work,
form {
    border: 2px solid var(--ink);
    background: var(--paper);
    box-shadow: 8px 8px 0 var(--ink);
}

.term {
    padding: 18px;
    font-family: Consolas, monospace;
    font-size: 18px;
}

.term p { margin: 0 0 10px; }

.work {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 0;
}

[data-mem] {
    width: 100%;
    min-height: 340px;
    background: var(--ink);
}

.tols,
form {
    display: grid;
    gap: 12px;
    padding: 16px;
}

input,
textarea {
    width: 100%;
    border: 2px solid var(--ink);
    background: #ece7da;
    padding: 13px;
}

textarea { min-height: 120px; resize: vertical; }

.winx {
    min-height: 410px;
    position: relative;
}

.win {
    position: absolute;
    width: min(360px, 82vw);
    border: 2px solid var(--ink);
    background: #e7e3d8;
    padding: 34px 14px 14px;
    box-shadow: 9px 9px 0 var(--ink);
    cursor: grab;
}

.win::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 24px;
    background: linear-gradient(90deg, var(--blue), var(--red));
    border-bottom: 2px solid var(--ink);
}