/* styles-tmux.css
   Clean single-column tmux cheat sheet styles.
   Imports your base site theme and adds page + print rules.
*/
@import url("../styles.css");

/* Sheet layout */
.sheet { max-width:920px; margin:18px auto; padding:18px; background:transparent; }
.sheet-header { margin-bottom:12px; }
.sheet-header h2 { margin:0 0 6px; font-size:1.3rem; }
.sheet-toc a { color:var(--muted); text-decoration:underline; margin:0 6px 0 0; }

/* Sections */
.sheet-section { margin:14px 0; padding:10px 0; border-top:1px solid rgba(15,23,36,0.03); }
.sheet-section:first-of-type { border-top:0; padding-top:0; }

/* Headings */
.sheet-section h3 { margin:0 0 8px; font-size:1.05rem; color:var(--text); }

/* Code and inline styling */
.cmd {
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.02));
  padding:10px;
  border-radius:8px;
  font-size:0.95rem;
  color:var(--muted);
  border:1px solid var(--card-border);
  overflow:auto;
  white-space:pre-wrap;
}

.inline, code.inline {
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  background: rgba(0,0,0,0.04);
  padding:2px 6px;
  border-radius:6px;
  font-size:0.95em;
  border:1px solid rgba(0,0,0,0.03);
}

/* Keyboard keys */
.kbd {
  display:inline-block;
  padding:3px 7px;
  border-radius:6px;
  background:linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.01));
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace;
  font-size:0.9em;
  border:1px solid rgba(0,0,0,0.05);
  margin:0 3px;
}

/* Search bar */
.search-bar{
  margin:10px 0 8px;
  display:flex;
  gap:8px;
  align-items:center;
}
#search-input{
  flex:1;
  min-width:140px;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid var(--card-border);
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.01));
  font-family:inherit;
  font-size:0.95rem;
  color:var(--text);
}
#search-input:focus{ box-shadow:0 0 0 4px var(--focus); outline:none; }

.btn-hidden{
  border:0;
  background:transparent;
  font-size:0.95rem;
  cursor:pointer;
  color:var(--muted);
  padding:6px;
  border-radius:6px;
}
.btn-hidden:hover{ background:rgba(0,0,0,0.03); color:var(--text); }

/* Highlight style */
.tm-highlight, mark.tm-highlight {
  background: color-mix(in srgb, var(--accent) 22%, transparent);
  padding:0 2px;
  border-radius:3px;
  box-decoration-break: clone;
}
@media (prefers-color-scheme: dark) {
  .tm-highlight, mark.tm-highlight {
    background: rgba(79,156,255,0.18);
  }
}

/* Print / PDF-friendly rules */
@media print {
  *{ -webkit-print-color-adjust:exact; print-color-adjust:exact; color-adjust:exact; }
  .site-header, .header-actions, .skip { display:none !important; }
  html,body{background:white;color:#000;font-size:12pt}
  .container { max-width:100%; padding:18px; }
  .sheet { max-width:100%; margin:0; padding:0; }
  .sheet-section { border-top:1px solid #e6e6e6; padding:12px 0; page-break-inside:avoid; }
  .cmd { background:#f7f7f7; color:#111; border:1px solid #e0e0e0; font-size:10.5pt; }
  .inline, .kbd { background:#eee; color:#000; border:1px solid #ddd; }
  .tm-highlight, mark.tm-highlight { background:#ddd !important; color:#000 !important; }
  a:after { content: " (" attr(href) ")"; font-size:0.9em; color:#444; }
  .sheet-toc { display:block; margin-bottom:10px; }
}

/* Misc */
.muted { color:var(--muted); font-size:0.95rem; }