Convert Mobile Browsers to HTML admonitions (#2405)

Signed-off-by: Daniel Gray <dngray@privacyguides.org>

docs/mobile-browsers.md

@@ -44,7 +44,7 @@ On Android, Firefox is still less secure than Chromium-based alternatives: Mozil
 
 ### Brave
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![Brave logo](assets/img/browsers/brave.svg){ align=right }
 
@@ -58,11 +58,16 @@ On Android, Firefox is still less secure than Chromium-based alternatives: Mozil
 [:octicons-info-16:](https://support.brave.com/){ .card-link title=Documentation}
 [:octicons-code-16:](https://github.com/brave/brave-browser){ .card-link title="Source Code" }
 
-    ??? downloads annotate
+<details class="downloads" markdown>
+<summary>Downloads</summary>
 
 - [:simple-googleplay: Google Play](https://play.google.com/store/apps/details?id=com.brave.browser)
 - [:simple-github: GitHub](https://github.com/brave/brave-browser/releases)
 
+</details>
+
+</div>
+
 #### Recommended Configuration
 
 Tor Browser is the only way to truly browse the internet anonymously. When you use Brave, we recommend changing the following settings to protect your privacy from certain parties, but all browsers other than the [Tor Browser](tor.md#tor-browser) will be traceable by *somebody* in some regard or another.
@@ -81,9 +86,13 @@ Shields' options can be downgraded on a per-site basis as needed, but by default
 
 - [x] Select **Aggressive** under **Block trackers & ads**
 
-    ??? warning "Use default filter lists"
+<details class="warning" markdown>
+<summary>Use default filter lists</summary>
+
 Brave allows you to select additional content filters within the internal `brave://adblock` page. We advise against using this feature; instead, keep the default filter lists. Using extra lists will make you stand out from other Brave users and may also increase attack surface if there is an exploit in Brave and a malicious rule is added to one of the lists you use.
 
+</details>
+
 - [x] Select **Upgrade connections to HTTPS**
 - [x] Select **Always use secure connections**
 - [x] (Optional) Select **Block Scripts** (1)
@@ -127,7 +136,7 @@ On iOS, any app that can browse the web is [restricted](https://developer.apple.
 
 ### Safari
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![Safari logo](assets/img/browsers/safari.svg){ align=right }
 
@@ -137,6 +146,10 @@ On iOS, any app that can browse the web is [restricted](https://developer.apple.
 [:octicons-eye-16:](https://www.apple.com/legal/privacy/data/en/safari/){ .card-link title="Privacy Policy" }
 [:octicons-info-16:](https://support.apple.com/guide/safari/welcome/mac){ .card-link title=Documentation}
 
+</details>
+
+</div>
+
 #### Recommended Configuration
 
 These options can be found in :gear: **Settings** → **Safari**
@@ -197,7 +210,7 @@ If you use iCloud with Advanced Data Protection disabled, we also recommend chec
 
 ### AdGuard
 
-!!! recommendation
+<div class="admonition recommendation" markdown>
 
 ![AdGuard logo](assets/img/browsers/adguard.svg){ align=right }
 
@@ -210,20 +223,28 @@ If you use iCloud with Advanced Data Protection disabled, we also recommend chec
 [:octicons-info-16:](https://kb.adguard.com/ios){ .card-link title=Documentation}
 [:octicons-code-16:](https://github.com/AdguardTeam/AdguardForiOS){ .card-link title="Source Code" }
 
-    ??? downloads
+<details class="downloads" markdown>
+<summary>Downloads</summary>
 
 - [:simple-appstore: App Store](https://apps.apple.com/app/apple-store/id1047223162)
 
+</details>
+
+</div>
+
 Additional filter lists do slow things down and may increase your attack surface, so only apply what you need.
 
 ## Criteria
 
 **Please note we are not affiliated with any of the projects we recommend.** In addition to [our standard criteria](about/criteria.md), we have developed a clear set of requirements to allow us to provide objective recommendations. We suggest you familiarize yourself with this list before choosing to use a project, and conduct your own research to ensure it's the right choice for you.
 
-!!! example "This section is new"
+<div class="admonition example" markdown>
+<p class="admonition-title">This section is new</p>
 
 We are working on establishing defined criteria for every section of our site, and this may be subject to change. If you have any questions about our criteria, please [ask on our forum](https://discuss.privacyguides.net/latest) and don't assume we didn't consider something when making our recommendations if it is not listed here. There are many factors considered and discussed when we recommend a project, and documenting every single one is a work-in-progress.
 
+</div>
+
 ### Minimum Requirements
 
 - Must support automatic updates.