/* ヘルプページ・ヘルプダイアログ共通スタイル */

.help-tree-app {
    font-weight: 600;
}

.help-tree-app:not(:first-of-type) {
    margin-top: 0.6rem;
}

.help-tree-screen {
    padding-left: 2rem;
    font-size: 0.85rem;
}

.help-detail-badge {
    font-size: 0.65rem;
    vertical-align: middle;
}

.help-screen-block {
    scroll-margin-top: 80px;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e9ecef;
}

.help-screen-block:last-child {
    border-bottom: none;
}

/* アプリ（日報・売上・請求…）ごとのまとまりの間隔を広げる */
.help-app-section {
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #dee2e6;
}

.help-app-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.help-step {
    margin: 0.5rem 0 1rem;
}

.help-screenshot {
    max-width: 100%;
    margin-top: 0.4rem;
}

/* ヘルプは文章主体で読み物として読まれるため、他の画面より行間・項目間を広めに取る
   （2026-08-29、「文字がほとんどで上下の間隔が狭くて見辛い」との指摘を受けて調整。
   アプリ全体は密なAccess風UIのため body の font-size:14px!important は変えず、
   ヘルプの文章部分だけ line-height・余白を広げる） */
#help-modal p,
.help-app-section p {
    line-height: 1.7;
}

.help-notes {
    font-size: 0.85rem;
    color: #6c757d;
    line-height: 1.75;
    padding-left: 1.25rem;
}

.help-notes li {
    margin-bottom: 0.9rem;
}

.help-notes li:last-child {
    margin-bottom: 0;
}

.help-step .fw-semibold {
    margin-bottom: 0.15rem;
}

.help-step p {
    line-height: 1.65;
}

#help-modal .nav-tabs .nav-link {
    font-size: 0.85rem;
}