/* mob.wfpro.com.ua — спільні стилі сторінок index/android/beta.
   Базові правила прості (CSS 2.1): їх розуміє IE Mobile на Windows Mobile 6.5,
   там сторінка просто займає весь екран. Решта — для сучасних телефонів і ПК. */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
    margin: 0;
    padding: 0;
    background: #fff;
    color: #1f2933;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
}

img { border: 0; vertical-align: middle; }

.page { max-width: 560px; margin: 0 auto; background: #fff; }

/* Шапка */
.head {
    background: #2f6f44;
    color: #fff;
    padding: 14px 16px;
    font-size: 18px;
    font-weight: bold;
}
.head img { margin-right: 8px; }

/* Перемикач Windows Mobile / Android (таблиця — щоб працювало й у старому IE) */
.tabs { width: 100%; border-collapse: collapse; table-layout: fixed; }
.tabs td { padding: 0; text-align: center; border-bottom: 3px solid #e3e7eb; font-size: 15px; }
.tabs a, .tabs span { display: block; padding: 12px 4px; text-decoration: none; }
.tabs a { color: #52606d; }
.tabs a:hover, .tabs a:focus { background: #f2f7f4; color: #1f2933; }
.tabs td.on { border-bottom-color: #2f6f44; }
.tabs td.on span { color: #1f2933; font-weight: bold; }
.tabs img { margin-right: 6px; }

/* Заголовок розділу */
.title {
    padding: 18px 16px 6px;
    color: #616e7c;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Список файлів. Класи ті самі, що були з Bootstrap, — записи переносяться як є. */
.list-group { margin: 0; padding: 0; border-top: 1px solid #e3e7eb; }
.list-group-item {
    display: block;
    padding: 14px 16px;
    border-bottom: 1px solid #e3e7eb;
    color: #1d4f7a;
    text-decoration: none;
}
a.list-group-item:hover, a.list-group-item:focus { background: #f2f7f4; }
a.list-group-item:after { content: "\2193"; float: right; margin-left: 12px; color: #9aa5b1; }
.list-group-item b { color: #1f5133; }

/* Примітка (наприклад, підтримувані версії Android) */
.note {
    margin: 16px 16px 0;
    padding: 10px 12px;
    background: #eef4fb;
    border-left: 4px solid #4a78c2;
    color: #1f3a66;
    font-size: 15px;
}

/* Ширші екрани (планшет, ПК): сторінка — картка по центру */
@media (min-width: 600px) {
    body { background: #eef1f4; padding: 32px 16px; }
    .page { border-radius: 10px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.06); }
    .list-group-item { padding-left: 20px; padding-right: 20px; }
    .title, .head { padding-left: 20px; padding-right: 20px; }
    .note { margin-left: 20px; margin-right: 20px; }
}