feat: propose/showcase a notice tag

Author: Timongcraft

src/content/docs/paper/dev/api/pdc.md

@@ -55,12 +55,12 @@ item.editPersistentDataContainer(pdc -> {
 });
 ```
 
-:::note
-
-The [`ItemStack#editPersistentDataContainer()`](jd:paper:org.bukkit.inventory.ItemStack#editPersistentDataContainer(java.util.function.Consumer)) method on `ItemStack` is only available in 1.21.4+. For older versions, you need to access and modify the [`ItemMeta`](jd:paper:org.bukkit.inventory.meta.ItemMeta) instead.
-For 1.16.5+, there's the [`ItemStack#editMeta()`](jd:paper:org.bukkit.inventory.ItemStack#editMeta(java.util.function.Consumer)) method though.
+<details class="notice">
+  <summary>Version Notice</summary>
 
-:::
+  The [`ItemStack#editPersistentDataContainer()`](jd:paper:org.bukkit.inventory.ItemStack#editPersistentDataContainer(java.util.function.Consumer)) method on `ItemStack` is only available in 1.21.4+. For older versions, you need to access and modify the [`ItemMeta`](jd:paper:org.bukkit.inventory.meta.ItemMeta) instead.
+  For 1.16.5+, there's the [`ItemStack#editMeta()`](jd:paper:org.bukkit.inventory.ItemStack#editMeta(java.util.function.Consumer)) method though.
+</details>
 
 :::note
 
@@ -208,11 +208,11 @@ String value = pdcView.getOrDefault(key, PersistentDataType.STRING, "<null>");
 player.sendPlainMessage(value);
 ```
 
-:::note
-
-PDC-view support for `ItemStack` was only introduced in 1.21.1. For older versions, you need to use the `ItemMeta` instead.
+<details class="notice">
+  <summary>Version Notice</summary>
 
-:::
+  PDC-view support for `ItemStack` was only introduced in 1.21.1. For older versions, you need to use the `ItemMeta` instead.
+</details>
 
 ## Storing on different objects
 

src/styles/custom.css

@@ -102,3 +102,13 @@
   /* return to Starlight default */
   --sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);
 }
+
+.notice summary {
+  padding: 0.45rem 0.6rem;
+  border-radius: 6px;
+  border-left: 4px solid var(--color-accent-6, #2563eb);
+  background: var(--color-accent-2, #e8f4ff);
+}
+html[data-theme="dark"] details.notice summary {
+  background: var(--color-accent-2, #0f1724);
+}