diff --git a/elements/_interactive.scss b/elements/_interactive.scss
index 95bf501..bf46005 100644
--- a/elements/_interactive.scss
+++ b/elements/_interactive.scss
@@ -57,7 +57,7 @@ label + input {
 }
 
 input, button, textarea, select {
-	margin: $margin_io;
+	margin: $margin_inline;
 
 	&[disabled="disabled"],
 	&[disabled] {
@@ -79,6 +79,10 @@ td > textarea {
 	}
 }
 
+.input_io, .button_io, .io_textarea, .io_select {
+	margin: $margin_io;
+}
+
 .input_io, .io_textarea, .io_select {
 	padding: $space_half;
 	color: $color_text_io;
diff --git a/elements/_sections.scss b/elements/_sections.scss
index 0b8edd8..ea0790e 100644
--- a/elements/_sections.scss
+++ b/elements/_sections.scss
@@ -1,3 +1,5 @@
+@use "sass:map";
+
 // Root
 // -----------------------------------------------------------------------------
 html {
@@ -81,7 +83,16 @@ section {}
 
 // Navigation
 // -----------------------------------------------------------------------------
-nav {}
+nav {
+
+	ul {
+		margin: 0;
+
+		&.inline li {
+			display: inline-block;
+		}
+	}
+}
 
 // Aside element
 // -----------------------------------------------------------------------------
@@ -107,6 +118,33 @@ aside {
 	*:first-child {
 		margin-top: 0;
 	}
+
+	&.io {
+
+		input,
+		textarea,
+		select,
+		button {
+			display: block;
+			width: 100%;
+		}
+
+		input {
+			@extend .input_io;
+		}
+
+		textarea {
+			@extend .io_textarea;
+		}
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
+		}
+	}
 }
 
 // Headings
@@ -180,12 +218,26 @@ header {}
 	}
 }
 
-header.io {
-	z-index: map.get($z-indexes, "content-top");
+header,
+aside,
+footer {
+	&.io {
+		.span_solo {
+			border: $width_border_io solid transparent;
+			padding: $padding_basic;
+		}
+	}
+}
+
+header.io,
+aside.io {
 	padding: $space_basic;
 
-	h1 {
-		margin: 0;
+	input,
+	button,
+	textarea,
+	select {
+		margin-inline: $space_half;
 	}
 
 	input {
@@ -205,6 +257,62 @@ header.io {
 	}
 }
 
+header,
+footer {
+	&.io {
+		@extend %flex-inline;
+		align-items: stretch;
+	}
+}
+
+header.io {
+	z-index: map.get($z-indexes, "content-top");
+
+	&>*:last-child *:last-child {
+		margin-right: 0;
+	}
+
+	&>*:first-child *:first-child {
+		margin-left: 0;
+	}
+
+	nav,
+	ul {
+		@extend %flex-inline;
+		align-items: stretch;
+	}
+
+	nav li {
+		margin: 0;
+	}
+
+	nav:last-child {
+		margin-left: auto;
+	}
+
+	h1 {
+		margin: 0;
+	}
+}
+
 // Footer
 // -----------------------------------------------------------------------------
-footer {}
\ No newline at end of file
+footer {
+	&.io {
+		input {
+			@extend .input_io;
+		}
+
+		textarea {
+			@extend .io_textarea;
+		}
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
+		}
+	}
+}
\ No newline at end of file
diff --git a/global/_config.scss b/global/_config.scss
index 17eab37..f028f2d 100644
--- a/global/_config.scss
+++ b/global/_config.scss
@@ -142,7 +142,8 @@ $space_large: $space_basic * 16;
 
 $margin_basic: $space_basic 0 !default;
 $margin_double: $space_double 0 !default;
-$margin_io: 0 $space_small 0 0 !default;
+$margin_inline: 0 $space_double 0 0 !default;
+$margin_io: 0 !default;
 
 $padding_basic: calc(#{$space_basic} - 3px) $space_basic !default;
 $padding_link: calc(#{$space_basic} - 1px) calc(#{$space_basic} * 2) !default;