/* All My Books online help - собирается tools/help/build_help.py, править там */

/* ---------- статья ---------- */

.helpbody h1 { text-align: left; }
.helpbody h2 { margin-top: 34px; border-bottom: 1px solid #dce4f0; padding-bottom: 4px; }
.helpbody h3 { margin-top: 24px; }
.helpbody p { margin: 14px 0; }
.helpbody ul, .helpbody ol { padding-left: 26px; }
.helpbody li { font-size: 18px; line-height: 29px; }
.helpbody ul li { padding-bottom: 4px; padding-top: 4px; }
.helpbody code, .helpbody .path {
    font-family: "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;
    font-size: 0.92em;
    background: #f2f5fa;
    border: 1px solid #e0e7f2;
    border-radius: 3px;
    padding: 1px 5px;
    word-break: break-word;
}
.helpbody .ui { font-weight: 600; color: #24466f; }
.helpbody .menupath { font-weight: 600; color: #24466f; }

kbd {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 0.85em;
    line-height: 1;
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #b9c5d6;
    border-bottom-width: 2px;
    border-radius: 4px;
    background: #f7f9fc;
    color: #24466f;
    white-space: nowrap;
}

/* ---------- шаги ---------- */

ol.steps { counter-reset: step; list-style: none; padding-left: 0; margin: 18px 0; }
ol.steps > li {
    counter-increment: step;
    position: relative;
    padding: 2px 0 12px 44px;
    min-height: 30px;
}
ol.steps > li:before {
    content: counter(step);
    position: absolute;
    left: 0; top: 2px;
    width: 30px; height: 30px;
    border-radius: 50%;
    background: #2E629D;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

/* ---------- врезки ---------- */

.note, .tip, .warn {
    border-left: 4px solid #2E629D;
    background: #eef3fa;
    padding: 10px 16px;
    margin: 20px 0;
    border-radius: 0 4px 4px 0;
}
.tip  { border-left-color: #1a7a4a; background: #ecf7f1; }
.warn { border-left-color: #c8801a; background: #fdf5e8; }
.note p, .tip p, .warn p { margin: 6px 0; }
.note b:first-child, .tip b:first-child, .warn b:first-child { color: #24466f; }

/* ---------- таблицы ---------- */

.tablewrap { overflow-x: auto; max-width: 100%; margin: 20px 0; -webkit-overflow-scrolling: touch; }
table.helptable {
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    font-size: 17px;
    line-height: 26px;
}
table.helptable th, table.helptable td {
    border: 1px solid #dce4f0;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    overflow-wrap: break-word;
}
table.helptable th { background: #eef3fa; color: #24466f; font-weight: 600; }
table.helptable tr:nth-child(even) td { background: #fafcff; }
table.helptable td.cmd { font-weight: 600; color: #24466f; }

/* ---------- иллюстрации ---------- */

figure.helpshot { margin: 22px 0; text-align: center; }
figure.helpshot img {
    max-width: 100%;
    height: auto;
    border: 1px solid #d5dded;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(46, 98, 157, .12);
}
figure.helpshot figcaption {
    font-size: 15px;
    line-height: 22px;
    color: #5a6472;
    padding-top: 8px;
}
img.inlineicon { vertical-align: middle; border: 0; box-shadow: none; }

/* ---------- навигация ---------- */

.helpcrumbs {
    font-size: 15px;
    line-height: 24px;
    color: #6b7686;
    padding: 6px 0 2px;
}
.helpcrumbs a { color: #2E629D; }

.helppager {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    margin: 40px 0 10px;
    padding-top: 14px;
    border-top: 1px solid #dce4f0;
    font-size: 17px;
}
.helppager a { display: inline-block; max-width: 48%; }
.helppager .next { margin-left: auto; text-align: right; }

.helpchildren { margin-top: 34px; }
.helpchildren ul { list-style: none; padding-left: 0; }
.helpchildren li { padding: 7px 0; border-bottom: 1px dotted #e3e9f2; }
.helpchildren li a { font-weight: 600; }

/* ---------- боковое оглавление ---------- */

.helpside { font-size: 16px; }
.helptoc-home {
    font-weight: 700;
    font-size: 17px !important;
    margin: 2px 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cfd6e0;
}
.helptoc ul { list-style: none; margin: 0; padding: 0; }
.helptoc ul.lvl0 { padding-left: 16px; }
.helptoc ul.lvl1 { padding-left: 12px; }
.helptoc ul.lvl2 { padding-left: 12px; }
.helptoc li { margin: 0; padding: 3px 0; line-height: 22px; }
/* text2.css тянет .rightcol ul li влево на 15px — у TOC padding уже 0, иначе список вылезает за рамку */
.rightcol .helptoc ul li { margin-left: 0; }
.helptoc a { color: #2E629D; }
.helptoc a:hover { color: #000; text-decoration: underline; }
.helptoc a.cur { font-weight: 700; color: #000; }
.helptoc summary { cursor: pointer; padding: 3px 0; }
.helptoc summary::marker { color: #8c99ab; }
.helptoc details > summary > a { font-weight: 600; }

.helpcta { text-align: center; margin: 18px 0 6px; }
.helpctanote { font-size: 14px !important; line-height: 20px !important; text-align: center; }

/* ---------- узкие экраны ---------- */

@media screen and (max-width: 55em) {
    .helpside { order: 2; }
    .helptoc ul.lvl0 > li { padding: 4px 0; }
    table.helptable { font-size: 16px; }
}

@media screen and (max-width: 40em) {
    .helpbody li { font-size: 16pt; line-height: 28pt; }
    .helppager a { max-width: 100%; }
    figure.helpshot figcaption { font-size: 13pt; line-height: 20pt; }
}

/* ---------- печать ---------- */

@media print {
    .helpside, .helppager, .helpcrumbs, .header { display: none !important; }
    .maincontent { float: none !important; width: 100% !important; }
    figure.helpshot img { box-shadow: none; }
}