mostly good for release

_src/assets/css/default/default.css

@@ -1,6 +1,5 @@
 @import url("./variables.css");
 @import url("./nav.css");
-@import url("./mobile.css");
 :root {
 	--view: 18rem;
 }
@@ -10,7 +9,9 @@ body {
 	font-size: 100%;
 	margin: 0;
 	padding: 0;
-	& a, button {
+	& a,
+	button {
+		cursor: pointer;
 		&:is(:hover, :focus) {
 			outline: 0;
 		}
@@ -64,7 +65,9 @@ article {
 
 	& p {
 		word-wrap: break-word;
-		padding: var(--pad-sm);
+	}
+	& p:not(:last-child, [aria-label]) {
+		padding-bottom: var(--pad-sm);
 	}
 
 	& code:not(pre *) {
@@ -143,3 +146,58 @@ a:has(img[src*="/assets/img/button"]):is(:hover, :focus) img {
 	transform: translateY(-4px);
 	transition: var(--trans);
 }
+@media screen and (max-width: 920px) {
+	body > nav {
+		position: initial;
+		width: 100%;
+	}
+	main {
+		padding: var(--pad-l);
+	}
+
+	main > section {
+		flex-direction: column;
+	}
+
+	main > section {
+		width: initial;
+	}
+
+	article {
+		max-width: initial;
+		width: auto;
+	}
+
+	body > nav::before {
+		content: none;
+	}
+
+	body > nav {
+		flex-direction: row;
+		border: 0;
+		width: 100%;
+		& details {
+			height: fit-content;
+			width: 100%;
+		}
+	}
+	body::after {
+		content: "";
+	}
+}
+@media screen and (max-width: 450px) {
+	main {
+		padding: var(--pad-sm);
+	}
+	article {
+		padding: var(--pad-l);
+		border: 0;
+	}
+	body > nav {
+		flex-direction: column;
+		justify-content: start;
+		& details[open] {
+			width: 100%;
+		}
+	}
+}