/* jQueryBook.ru — статьи (/articles/) и таблицы в справочнике */
#top-panel .site-h { padding-left:30px; padding-top:14px; padding-bottom:2px; padding-right:20px; margin:0; float:left; width:400px; font-size:20px; font-weight:normal; color:#525252; line-height:1.5em; }
#top-panel .site-h span { font-size:14px; font-weight:normal; }

.article { padding:0 0 10px 10px; text-align:left; font-size:13px; line-height:1.6em; color:#222; }
.article .art-h1 { font-size:1.9em; line-height:1.3em; color:#333; margin:14px 0 6px; padding:0; }
.article .art-meta { color:#888; font-size:0.95em; font-style:italic; margin:0 0 8px; padding:0; }
.article .art-lead { font-size:1.15em; line-height:1.6em; margin:0 0 14px; padding:12px 14px; background:#F2F7FF; border-left:3px solid #6796E1; }
.article h2 { font-size:1.45em; line-height:1.35em; color:#990026; margin:26px 0 8px; padding:6px 0 0; border-top:1px dashed #cccccc; }
.article h3 { font-size:1.2em; line-height:1.35em; color:#333; margin:18px 0 6px; padding:0; }
.article p { font-size:1em; margin:0 0 10px; padding:0; }
.article ul, .article ol { margin:0 0 12px 22px; padding:0; }
.article ul { list-style:disc; }
.article ol { list-style:decimal; }
.article li { margin:0 0 5px; padding:0; }
.article li p { margin:0 0 6px; }
.article code { font-family:Consolas, "Courier New", monospace; font-size:0.95em; background:#F3F3F3; padding:0 3px; border-radius:2px; }
.article pre { margin:8px 0 14px; padding:10px 12px; border:1px solid #d9e6f2; background:#EBF8FF; overflow:auto; }
.article pre code { background:none; padding:0; font-size:12px; line-height:1.5em; }
.article a { color:#205DBD; }

.art-toc { margin:0 0 16px; padding:10px 14px; background:#FAFAFA; border:1px solid #e0e0e0; }
.art-toc p { font-weight:bold; margin:0 0 6px; padding:0; }
.art-toc ol { margin:0 0 0 20px; }
.art-note { margin:12px 0 16px; padding:10px 14px; background:#F2FFEB; border:1px solid #bdf6a1; border-left:4px solid #7fcf55; }
.art-note p { margin:0; padding:0; }

table.art-table { border-collapse:collapse; width:100%; margin:8px 0 16px; font-size:0.95em; }
table.art-table th, table.art-table td { border:1px solid #d6d6d6; padding:6px 8px; text-align:left; vertical-align:top; }
table.art-table th { background:#EFEFF0; font-weight:bold; }
table.art-table tr:nth-child(even) td { background:#FAFAFA; }

.art-list { list-style:none !important; margin:10px 0 !important; }
.art-list li { margin:0 0 14px; padding:0 0 10px; border-bottom:1px dashed #dddddd; }
.art-list h2 { border-top:0; margin:0 0 4px; font-size:1.3em; }
.art-list p { color:#555; }
.art-more { margin:24px 0 10px; padding:10px 14px; background:#FAFAFA; border:1px solid #e0e0e0; }
.art-more-h { font-weight:bold; margin:0 0 6px !important; }
.art-side { text-align:left; margin:0 0 10px; }
.art-side-h { margin:0; padding:6px 0 4px; font-weight:bold; font-size:1.1em; }
.art-side ul { margin:0; }
.art-side li { margin:0 0 4px; padding:0; }
.art-see { margin:14px 0 6px; padding:8px 12px; background:#F2F7FF; border-left:3px solid #6796E1; }

/* restore.css на узких экранах превращает все таблицы в блоки — таблицам данных возвращаем табличную раскладку */
@media (max-width: 900px) {
  #top-panel .site-h { float:none; width:auto; padding:0; }
  #mainblockbody table.art-table { display:table !important; width:100% !important; table-layout:auto; }
  #mainblockbody table.art-table thead { display:table-header-group !important; }
  #mainblockbody table.art-table tbody { display:table-row-group !important; }
  #mainblockbody table.art-table tr { display:table-row !important; width:auto !important; }
  #mainblockbody table.art-table th, #mainblockbody table.art-table td { display:table-cell !important; width:auto !important; }
  .art-table-wrap { overflow-x:auto; }
  .article { padding-left:0; }
}