cleanup, docs

site/doc/style.css

@@ -203,6 +203,8 @@ a:hover {
 	display: block;
 	padding: 3px 8px;
 	border-radius: 4px;
+	overflow-wrap: anywhere;
+	word-break: break-word;
 	transition: background 150ms var(--ease);
 }
 
@@ -230,6 +232,8 @@ a:hover {
 	display: block;
 	padding: 7px 12px;
 	border-radius: 6px;
+	overflow-wrap: anywhere;
+	word-break: break-word;
 	transition: background 150ms var(--ease), transform 150ms var(--ease);
 }
 
@@ -365,6 +369,8 @@ a:hover {
 	font-size: 0.875rem;
 	line-height: 1.5;
 	color: var(--text-dim);
+	overflow-wrap: anywhere;
+	word-break: break-word;
 }
 
 .sidebar-card strong {
@@ -468,6 +474,36 @@ pre code {
 	background: none;
 }
 
+.example-source {
+	margin-bottom: 14px;
+}
+
+.example-output {
+	border: 1px solid var(--border);
+	border-left: 3px solid var(--accent);
+	border-radius: var(--radius);
+	background: var(--bg-code);
+	padding: 12px 14px 14px;
+}
+
+.example-output-label {
+	font-family: var(--font-mono);
+	font-size: 0.72rem;
+	font-weight: 700;
+	letter-spacing: 0.08em;
+	text-transform: uppercase;
+	color: var(--text-dim);
+	margin-bottom: 8px;
+}
+
+.example-output pre {
+	margin: 0;
+	background: transparent;
+	border: none;
+	box-shadow: none;
+	padding: 0;
+}
+
 /* ── Lists ── */
 
 ul {