/* Общие стили сайта решателя «Искра» */
body { font-family: system-ui, sans-serif; max-width: 880px;
       margin: 0 auto 32px; padding: 0 16px; color: #222; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.15em; margin-top: 1.6em; }

/* Шапка с навигацией */
.nav { display: flex; align-items: center; gap: 4px; margin: 0 -16px 18px;
       padding: 10px 16px; border-bottom: 1px solid #ccc; flex-wrap: wrap; }
.nav a { text-decoration: none; color: #333; padding: 6px 12px;
         border-radius: 6px; font-size: .95em; }
.nav a:hover { background: #eee; }
.nav a.active { background: #15c; color: #fff; }
.nav .brand { font-weight: 700; margin-right: 8px; color: #111; }
.nav .spacer { flex: 1; }
.nav .keylink { font-size: .82em; color: #888; cursor: pointer; }

.hint { color: #666; font-weight: 400; font-size: .85em; }
code { background: #f4f4f4; padding: 0 3px; border-radius: 3px; }

.tabs { display: flex; gap: 4px; border-bottom: 2px solid #888; }
.tabs button { border: 1px solid #888; border-bottom: none; background: #eee;
               padding: 8px 18px; cursor: pointer; font-size: 1em;
               border-radius: 6px 6px 0 0; }
.tabs button.active { background: #fff; font-weight: 600; }
.pane { border: 1px solid #888; border-top: none; padding: 16px; }
label { display: block; margin: 10px 0 2px; font-weight: 600; }
textarea, input[type=text] { width: 100%; box-sizing: border-box;
    font: 1em/1.4 ui-monospace, monospace; padding: 6px; }
textarea { resize: vertical; }
select { font-size: 1em; padding: 4px; }
.row { display: flex; gap: 16px; align-items: center; margin-top: 12px;
       flex-wrap: wrap; }
button.go { font-size: 1.05em; padding: 8px 24px; cursor: pointer; }
#answer { margin-top: 16px; padding: 12px; border-radius: 6px;
          font: 1.15em/1.5 ui-monospace, monospace; white-space: pre-wrap; }
#answer.ok { background: #eaf7ea; border: 1px solid #8c8; }
#answer.err { background: #fdeaea; border: 1px solid #c88; }
#answer.wait { background: #f4f4f4; border: 1px solid #bbb; }
details { margin-top: 8px; font-size: .9em; color: #555; }
details pre { white-space: pre-wrap; }
.examples a { margin-right: 12px; font-size: .85em; }

/* Страница документации */
.doc { line-height: 1.6; }
.doc table { border-collapse: collapse; margin: 12px 0; width: 100%; }
.doc th, .doc td { border: 1px solid #ccc; padding: 5px 9px;
                   text-align: left; vertical-align: top; font-size: .92em; }
.doc th { background: #f4f4f4; }
.doc pre { background: #f7f7f7; padding: 10px; border-radius: 6px;
           overflow-x: auto; }