/* „Ajutor” (/ajutor, pages/help.rs): the user manual, chapter list on the left, the chapter on the right; also the
   „Programe Zebra” link of the label blocks (pages/labels.rs). */
.help-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; }
.help-head h1 { display: flex; align-items: center; gap: .5rem; margin: 0; }
.help-seg { display: inline-flex; border: 1px solid var(--line-strong); border-radius: 10px; overflow: hidden; }
.help-seg button { border: 0; border-radius: 0; box-shadow: none; min-height: 2.6rem; }
.help-seg button[aria-pressed=true] { background: var(--grad); color: #fff; }
.help-layout { display: grid; grid-template-columns: minmax(12rem, 16rem) 1fr; gap: 1rem; align-items: start; margin-top: 1rem; }
.help-toc { display: flex; flex-direction: column; gap: .35rem; position: sticky; top: 1rem; }
.help-chapter { text-align: left; justify-content: flex-start; font-size: 1.02rem; min-height: 2.9rem; }
.help-chapter[aria-current=page] { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent); font-weight: 600; }
.help-doc { padding: 1.4rem 1.6rem; line-height: 1.6; font-size: 1.05rem; min-width: 0; }
.help-doc h1 { margin-top: 0; }
.help-doc h2 { margin-top: 1.8rem; }
.help-doc figure { margin: 1rem 0 1.4rem; text-align: center; }
.help-doc figure img { max-width: min(100%, 980px) !important; height: auto; border: 1px solid var(--line-strong); border-radius: 8px; }
.help-doc figcaption { font-size: .88rem; color: var(--muted); margin-top: .3rem; }
.help-doc blockquote { margin: 1rem 0; padding: .7rem 1rem; border-left: 4px solid var(--accent); background: color-mix(in srgb, var(--accent) 9%, transparent); border-radius: 6px; }
.help-doc blockquote p { margin: 0; }
.help-doc table { border-collapse: collapse; width: 100%; }
.help-doc th, .help-doc td { border: 1px solid var(--line); padding: .45rem .6rem; text-align: left; vertical-align: top; }
.help-doc li { margin: .25rem 0; }
/* Download buttons of the „Imprimante Zebra” chapter: links to Zebra / Google Play, big enough to tap. */
.help-doc a.help-download { display: inline-flex; align-items: center; min-height: 2.9rem; padding: .5rem 1.1rem; margin: .2rem .4rem .2rem 0;
    border-radius: 10px; background: var(--grad); color: #fff; font-weight: 600; text-decoration: none; }
.help-doc a.help-download:hover, .help-doc a.help-download:focus-visible { filter: brightness(1.08); }
@media (max-width: 760px) {
    .help-layout { grid-template-columns: 1fr; }
    .help-toc { position: static; flex-direction: row; flex-wrap: wrap; }
    .help-chapter { flex: 1 1 auto; }
    .help-doc { padding: 1rem; }
}
@media print {
    .help-head .row, .help-toc, .help-page > .muted { display: none !important; }
    .help-layout { display: block; }
    .help-doc { border: 0; box-shadow: none; padding: 0; }
    .help-doc figure { page-break-inside: avoid; }
    .help-doc figure img { max-height: 90mm; width: auto !important; }
    .help-doc a.help-download { background: none; color: #000; border: 1px solid #000; }
}
/* „Programe Zebra (Ajutor)” next to the label print buttons (pages/labels.rs `ZebraHelp`). */
a.zebra-help { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 .4rem; }
@media print { a.zebra-help { display: none; } }