/* =====================================================================
   DEFAULT CLI-MODE WINDOW LAYOUT  —  edit the numbers on these two lines.
   Values are % of the viewport:  left/top = the window's top-left corner,
   width/height = its size.  JS reads them once on load, then the windows
   drag / resize freely.  (Only applied on screens wider than 900px — below
   that the windows stack automatically.)

   KEEP the leading "#"  —  in CSS it means "the element with this id".
   It is NOT a comment marker.  `#winTerminal { ... }` must stay `#winTerminal`.
   ===================================================================== */
#winTerminal { left: 5%; top: 3%;  width: 80%; height: 92%; }   /* the terminal      */
#winCheats  { left: 65%;  top: 30%; width: 25%; height: 58%; }   /* quick-reference   */

/* --- quick-reference window body --- */
.win--cheatsheet .win-body { padding: 1.1rem 1.2rem 1.6rem; }
.cheats {
    font-family: 'Fira Code', monospace;
    font-size: 0.78rem;
    line-height: 1.5;
    color: var(--text-secondary);
}
/* orange terminal text (no box) — nudges first-timers toward the GUI */
.cheats-note {
    color: var(--warn);
    margin-bottom: 1.4rem;
}
.cheats-note p.cheats-note-h {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 0.45rem;
    color: var(--warn);
}
.cheats-note p:not(.cheats-note-h) {
    font-size: 0.86rem;
    line-height: 1.55;
    color: var(--warn);
}
.cheats-note code {
    color: var(--warn);
    font-weight: 700;
    text-decoration: underline;
}
.cheats-jump {
    font: inherit;
    color: var(--warn);
    font-weight: 700;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: opacity 0.15s ease;
}
.cheats-jump:hover { opacity: 0.7; }
.cheats-h {
    color: var(--text-primary);
    font-weight: 700;
    margin: 0.9rem 0 0.5rem;
}
.cheats-h:first-child { margin-top: 0; }
.cheats-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.05rem;
    margin-bottom: 0.5rem;
}
.cheats-row code {
    color: var(--accent);
    font-weight: 600;
}
.cheats-row span { color: var(--text-secondary); opacity: 0.85; }
.cheats-foot {
    margin-top: 1rem;
    padding-top: 0.7rem;
    border-top: 1px solid var(--border-color);
    color: var(--text-secondary);
    opacity: 0.7;
}