fix: tidy the phone layouts

- Wrap long code lines in the explorer below 992px; the declared
  useWrapMode option was never applied.
- Light editor and gutter use the page colour, like dark mode.
- New anonymization uses the same 18px inset as other pages.
- Settings, new conference and FAQ section links scroll in one row
  instead of wrapping under a lone underline.
- Page intros are no longer clamped to two lines.
- Status page actions stack full width without the anonymize form's
  sticky bar styling; dropdown labels no longer split apart.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

public/script/app.js

@@ -2736,6 +2736,11 @@ export const exploreController = function (state, http, location, params, html,
             );
             _editor.session.setUseSoftTabs(state.aceOption.useSoftTab);
             _editor.session.setTabSize(state.aceOption.tabSize);
+            // Phones can't scroll long lines comfortably, so wrap them there.
+            _editor.session.setUseWrapMode(
+              state.aceOption.useWrapMode &&
+                window.matchMedia("(max-width: 991px)").matches
+            );
             _editor.setBehavioursEnabled(state.aceOption.enableBehaviours);
             _editor.setFadeFoldWidgets(state.aceOption.fadeFoldWidgets);
             return removeHashListener;