.setup-panel pre {
    white-space: pre;
    word-wrap: normal;
}
.setup-panel details summary::-webkit-details-marker { color: #2D6A4F; }
#audience-tabs button:hover {
    background: #F3F4F6 !important;
}
#audience-tabs button.is-active {
    color: #1B4332 !important;
    border-bottom-color: #2D6A4F !important;
    background: #FFFFFF !important;
}

/* ---------- スマホ (≤640px) ---------- */
@media (max-width: 640px) {
    /* コードブロック (例: setup.php のコマンド例) はそのままだとはみ出すので
       横スクロール可に。フォントも少し縮小して読みやすく */
    .setup-panel pre {
        overflow-x: auto;
        max-width: 100%;
        font-size: 11.5px;
        line-height: 1.5;
        -webkit-overflow-scrolling: touch;
    }
    /* 対象者切替タブも折返しではなく横スクロール (タブ名が長め) */
    #audience-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    #audience-tabs::-webkit-scrollbar { display: none; }
    #audience-tabs button { flex-shrink: 0; white-space: nowrap; }
}