/* Activated by the existing Phase 2A phone/standalone gate and the enhancement. */
:root { --gi-pwa-forum-ready: 1; }
html.pwa-mobile-app .pwa-forum-compose-page { display: block; width: 100%; min-width: 0; }
html.pwa-mobile-app .pwa-forum-compose-page > aside,
html.pwa-mobile-app .pwa-forum-compose-page > .page-breadcrumb { display: none; }
html.pwa-mobile-app .pwa-forum-compose-page .forum-subpage-hero { min-height: 0; margin-bottom: 12px; }
html.pwa-mobile-app .pwa-forum-compose-page .forum-subpage-hero > div { padding: 16px; }
html.pwa-mobile-app .pwa-forum-compose-page .forum-subpage-hero h1 { font-size: 1.4rem; margin: 0; }
html.pwa-mobile-app .pwa-forum-compose-page .forum-subpage-hero p { display: none; }
html.pwa-mobile-app .pwa-forum-compose-page > .content { width: 100%; min-width: 0; padding: 0 12px; }
html.pwa-mobile-app .pwa-forum-compose-page .main-box { padding: 16px; }
html.pwa-mobile-app .pwa-forum-compose-page .section-head { gap: 10px; flex-wrap: wrap; }
html.pwa-mobile-app .pwa-forum-compose-page .section-head h2 { font-size: 1.05rem; }
html.pwa-mobile-app .pwa-forum-compose-page .form-wrap { padding: 0; max-width: none; }
html.pwa-mobile-app:has(.pwa-forum-compose-page) .site-footer { display: none; }
html.pwa-mobile-app .pwa-forum-reply { min-width: 0; padding: 16px; scroll-margin-block: 85px; }
html.pwa-mobile-app .pwa-forum-form { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
html.pwa-mobile-app .pwa-forum-form > label { margin: 0; min-width: 0; font-size: 1rem; }
html.pwa-mobile-app .pwa-forum-form input:not([type="hidden"]):not([type="color"]),
html.pwa-mobile-app .pwa-forum-form select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 48px; margin-top: 5px; padding: 10px; font-size: 1rem; }
html.pwa-mobile-app .pwa-forum-form .mini-editor { min-width: 0; margin: 0; }
html.pwa-mobile-app .pwa-forum-form .mini-editor-area { min-height: 230px; padding: 12px; font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; scroll-margin-block: 85px; }
html.pwa-mobile-app .pwa-forum-formatting { border-bottom: 1px solid var(--gi-line, #d5e6f2); background: #fff; }
html.pwa-mobile-app .pwa-forum-formatting > summary { min-height: 48px; box-sizing: border-box; padding: 12px; cursor: pointer; color: var(--gi-blue-900, #005a9f); font-size: .875rem; font-weight: 700; }
html.pwa-mobile-app .pwa-forum-formatting .mini-editor-toolbar { display: flex; flex-wrap: wrap; gap: 6px; }
html.pwa-mobile-app .pwa-forum-formatting button { min-height: 44px; padding: 8px; }
html.pwa-mobile-app .pwa-forum-formatting input[type="color"] { flex: 0 0 48px; width: 48px; height: 48px; margin: 0; padding: 3px; }
html.pwa-mobile-app .pwa-forum-count { margin: -8px 0 0; font-size: .8rem; color: var(--gi-muted, #607b94); }
html.pwa-mobile-app .pwa-forum-form > button { min-height: 52px; margin: 0; width: 100%; white-space: normal; padding: 12px; font-size: 1rem; }
html.pwa-mobile-app .pwa-forum-form button:disabled { opacity: .6; cursor: wait; }
html.pwa-mobile-app .pwa-forum-feedback { margin: 0 0 14px; padding: 12px; background: var(--gi-blue-100, #eaf5fc); border-radius: 10px; overflow-wrap: anywhere; }
html.pwa-mobile-app .pwa-forum-feedback[hidden],
html.pwa-mobile-app .pwa-forum-preview[hidden] { display: none; }
html.pwa-mobile-app .pwa-forum-feedback p { margin: 0; }
html.pwa-mobile-app .pwa-forum-feedback.is-error { border-left: 4px solid #b33333; background: #fff3f1; }
html.pwa-mobile-app .pwa-forum-feedback a { display: inline-flex; min-height: 48px; align-items: center; font-weight: 700; }
html.pwa-mobile-app .pwa-forum-preview { min-width: 0; overflow-wrap: anywhere; }
html.pwa-mobile-app .pwa-forum-form :is(input, select, button) { scroll-margin-block: 85px; }
html.pwa-mobile-app .pwa-forum-form :focus-visible,
html.pwa-mobile-app .pwa-forum-feedback:focus-visible { outline: 3px solid var(--gi-blue-700, #1585cc); outline-offset: 3px; }