.screen-help {
    width: min(880px, calc(100vw - 2rem));
    max-width: none;
    max-height: calc(100dvh - 2rem);
    padding: 0;
    overflow: hidden;
    border: 1px solid #b8cbb5;
    border-radius: 1rem;
    background: #fafcf8;
    color: #233722;
    box-shadow: 0 20px 70px #142b2440;
    font-family: "Segoe UI", sans-serif;
}
.screen-help::backdrop { background: #102b2473; }
.screen-help__panel { display: flex; flex-direction: column; max-height: calc(100dvh - 2rem - 2px); }
.screen-help__header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid #d4e0d0; }
.screen-help__header span { font-size: .85rem; color: #4c664c; }
.screen-help__header h2 { margin: .25rem 0 0; font-size: 1.35rem; }
.screen-help__body { min-height: 0; padding: 1.25rem; overflow-y: auto; overscroll-behavior: contain; line-height: 1.6; }
.screen-help__body > p:first-child { margin-top: 0; }
.screen-help__search { display: grid; gap: .35rem; font-weight: 600; }
.screen-help__search input { box-sizing: border-box; width: 100%; min-height: 44px; padding: .6rem .75rem; border: 1px solid #8ca789; border-radius: .5rem; font: inherit; background: white; color: #233722; }
.screen-help__index { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.screen-help__button { min-height: 44px; padding: .5rem .75rem; border: 1px solid #8ca789; border-radius: .5rem; background: white; color: #254b2b; font: inherit; text-align: left; cursor: pointer; }
.screen-help__button:hover { background: #eaf2e5; }
.screen-help__button:focus-visible, .screen-help summary:focus-visible, .screen-help input:focus-visible, .screen-help a:focus-visible { outline: 3px solid #356b39; outline-offset: 3px; }
.screen-help__header > button { flex-shrink: 0; }
.screen-help__topic { border: 1px solid #d4e0d0; border-radius: .65rem; margin: .65rem 0; background: white; scroll-margin: .5rem; }
.screen-help__topic summary { padding: .85rem 1rem; font-weight: 700; cursor: pointer; }
.screen-help__topic ol { margin: 0; padding: 0 1.2rem 1rem 2.5rem; }
.screen-help__topic li + li { margin-top: .65rem; }
.screen-help__topic p { padding: 0 1rem 1rem; margin: 0; }
.screen-help__topic a { color: #285e32; text-decoration: underline; }
.screen-help__empty { padding: .75rem; background: #eff3e8; border-radius: .5rem; }
.screen-help [hidden] { display: none !important; }
@media (max-width: 540px) {
    .screen-help { width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
    .screen-help__panel { max-height: calc(100dvh - 1rem - 2px); }
    .screen-help__header, .screen-help__body { padding: .85rem; }
    .screen-help__header h2 { font-size: 1.1rem; }
    .screen-help__index { flex-direction: column; }
}
@media print {
    .screen-help, [data-app-help-trigger], #app-help-open { display: none !important; }
}