/* The homepage's neutral surfaces and readable controls, applied to workspace
   chrome only. Client presentation artwork and print output keep their styles. */
@media screen {
    .identity-editor :is(.identity-editor-sidebar, .identity-editor-toolbar) {
        border-color: #e5e4eb;
    }
    .identity-editor .identity-editor-title > strong { font-size: 15px; }
    .identity-editor .identity-editor-title-meta { color: #625e6b; font-size: 12px; }
    .identity-editor .identity-editor-status { font-size: 12px; }
    .identity-editor .identity-editor-sidebar h2 { font-size: 15px; }
    .identity-editor .identity-editor-sidebar summary { font-size: 14px; line-height: 1.5; }
    .identity-editor .identity-editor-sidebar label { color: #625e6b; font-size: 13px; }
    .identity-editor .identity-editor-sidebar input:where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"])),
    .identity-editor .identity-editor-sidebar textarea,
    .identity-editor .identity-editor-sidebar select {
        border-color: #d7d4df;
        border-radius: 10px;
        font-size: 14px;
    }
    .identity-editor .identity-editor-sidebar :is(input, textarea, select):focus-visible {
        border-color: #6b39f4;
    }
    .identity-editor :is(.identity-editor-hint, .identity-editor-sidebar p,
        .identity-editor-visibility > div > span, .identity-editor-file-group > strong,
        .identity-editor-invites li, .identity-editor-invites button,
        .identity-editor-section small, .identity-custom-mockups-heading > span) {
        color: #625e6b;
        font-size: 12px;
        line-height: 1.65;
    }
    .identity-editor :is(.identity-editor-section, .identity-mockup-item-heading,
        .identity-mockup-item-heading button) { font-size: 13px; }
    .identity-editor .identity-editor-action {
        min-height: 44px;
        border-radius: 10px;
        font-size: 13px;
    }
    .identity-editor .identity-editor-action:not(.is-primary) { background: #f7f7fa; color: #4f475f; border-color: #e5e4eb; }
    .identity-editor :is(.identity-editor-link button, .identity-editor-upgrade, .identity-mockup-upload) { font-size: 13px; }
    .identity-editor .identity-editor-sidebar :is(details, .identity-editor-menu-heading,
        .identity-editor-section, .identity-custom-mockups) { border-color: #e5e4eb; }

    /* The questionnaire is a form, not a branded client presentation. */
    .brand-brief .brand-brief-stage { background: #f7f7fa; }
    .brand-brief :is(.brand-brief-sheet, .brand-brief-overview) { border-radius: 20px; }
    .brand-brief .brand-brief-overview .brand-brief-overview-description,
    .brand-brief .brand-brief-intro > p:not(.brand-brief-eyebrow),
    .brand-brief .brief-answer { color: #625e6b; font-size: 16px; line-height: 1.75; }
    .brand-brief :is(.brand-brief-overview-kicker, .brand-brief-overview-benefits,
        .brand-brief-eyebrow, .brand-brief-designer, .brief-question-help,
        .brief-personality-note, .brief-personality-labels, .brief-module-type,
        .brief-layout-controls .identity-editor-hint, .brief-invitation-list time) {
        color: #625e6b;
        font-size: 12px;
        line-height: 1.65;
    }
    .brand-brief :is(.brief-module-select, .brief-type-trigger, .brief-type-option,
        .brief-layout-controls button, .brief-axis-editor > summary) { font-size: 13px; }
    .brand-brief :is(.brief-invitation-section h3, .brief-advanced-section h3,
        .brief-share-actions .brief-brand-name) { font-size: 13px; }
    .brand-brief .brief-question-help { font-size: 14px; }
    .brand-brief .brief-question .form-control {
        font-size: 16px;
        border-color: #d7d4df;
        border-radius: 10px;
        background: #fdfdfe;
    }
    .brand-brief .brief-question .form-control:focus { border-color: #6b39f4; }
    .brand-brief .brief-choice { font-size: 15px; line-height: 1.65; }
    .brand-brief .brief-personality-heading { font-size: 14px; }
    .brand-brief .brief-share-actions :is(input, .btn, .brief-copy-link) { height: 44px; min-height: 44px; }

    /* Navigation remains compact, with legible supporting labels. */
    .logo-workflow-dock { box-shadow: none; }
    .logo-workflow-project span { color: #625e6b; font-size: 12px; }
    .logo-workflow-copy small { color: #625e6b; font-size: 12px; }
    .logo-workflow-step.is-current > a { box-shadow: none; }
}

@media screen and (max-width: 700px) {
    .identity-editor .identity-editor-sidebar { padding-inline: 16px; }
    .identity-editor .identity-editor-sidebar input:where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"])),
    .identity-editor .identity-editor-sidebar textarea,
    .identity-editor .identity-editor-sidebar select { font-size: 16px; }
    .identity-editor .identity-editor-sidebar details { padding-block: 14px; }
    .identity-editor .identity-editor-fields { gap: 12px; }
    .identity-editor .identity-editor-menu-heading { margin-bottom: 16px; }
    .brand-brief .brand-brief-stage { padding: 20px 12px 80px; }
    .brand-brief :is(.brand-brief-overview, .brand-brief-sheet) { padding: 24px 16px; border-radius: 16px; }
    .brand-brief .brand-brief-intro { padding: 0 0 20px; margin-bottom: 16px; }
    .brand-brief .brief-question { padding: 16px 0; }
    .brand-brief .brand-brief-overview .brand-brief-overview-description,
    .brand-brief .brand-brief-intro > p:not(.brand-brief-eyebrow) { font-size: 15px; }
    .brand-brief .brand-brief-overview-benefits { gap: 8px 12px; }
    .brand-brief .brief-share-actions .btn { padding-inline: 12px; }
    .logo-workflow-mobile-eyebrow,
    .logo-workflow-mobile-status,
    .logo-workflow-mobile-toggle { font-size: 12px; }
}