@charset "utf-8";

:root {
	--grid-font-size: 1em;
}

.ufw>summary>* {
	margin-top: -1.875em;
	margin-left: 1.5em;
}

label.bootable_app_tab {
	width: calc(100% / 3);
}

label:is(.boot_tab, .start_tab, .minecraft_tab, .minecraft_tab) {
	width: calc(100% / 2);
}

dl.keyboard *{
	line-height: 1.2em;
}

.no_ten li {
	list-style-type: none;
	margin-left: -1.875rem;
}

.no_ten li:not(:last-of-type) {
	margin-bottom: 2em;
}

.bond_child table {
	width: calc(100% - 1.5rem);
	margin-left: 1.5rem;
}

.nmcli_device,
.nmcli_connection,
.ufw_status_output {
	display: grid;
	column-gap: 3em;

	* {
		font-size: var(--grid-font-size);
		line-height: 1.2em;
	}
}

.nmcli_device {
	grid: auto-flow 1.2em / max-content max-content max-content max-content;
}

.nmcli_connection {
	grid: auto-flow 1.2em / max-content max-content max-content max-content;
}

.ufw_status_output {
	grid: auto-flow 1.2em / max-content max-content max-content max-content;
}

:is(.nmcli_device, .nmcli_connection, .ufw_status_output)>div:last-of-type {
	width: calc(100% + 1rem);
}

div.partition {
	display: grid;
	width: 100%;
	font-size: xx-small;
	text-align: center;
	margin: 5px 0px;

	div {
		border: 1px solid gray;
		vertical-align: middle;
		margin-right: -1px;
		padding: 0rem 0rem;
		text-wrap: nowrap;
		line-height: 1em;

		span {
			&::before {
				content: "[";
			}

			&::after {
				content: "]";
			}
		}

		&.partition_boot {
			writing-mode: vertical-rl;
		}
	}
}

#partition_with_macos {
	grid: auto / 3fr 7fr;

	div {

		/*Linux*/
		&:nth-child(1) {
			background-color: rgb(153 153 255 / 0.3);
		}

		/*macOS*/
		&:nth-child(2) {
			background-color: rgb(255 223 153 / 0.3);
		}
	}
}

#partition_default {
	grid: auto/1fr 19fr;

	div {

		/*boot*/
		&:nth-child(1) {
			background-color: rgb(255 0 0 / 0.3);
		}

		/*Linux*/
		&:nth-child(2) {
			background-color: rgb(255 223 153 / 0.3);
		}
	}
}

#partition_with_swap {
	grid: auto / 1fr 15fr 4fr;

	div {

		/*boot*/
		&:nth-child(1) {
			background-color: rgb(255 0 0 / 0.3);
		}

		/*Linux*/
		&:nth-child(2) {
			background-color: rgb(255 223 153 / 0.3);
		}

		/*swap*/
		&:nth-child(3) {
			background-color: rgb(127 127 127 / 0.3);
		}
	}
}

#partition_remind_home {
	grid: auto / 1fr 19fr;

	>div {

		/*boot*/
		&:nth-child(1) {
			background-color: rgb(255 0 0 / 0.3);
		}

		/*Linux*/
		&:nth-child(2) {
			display: grid;
			grid: auto / 5fr 2fr 12fr;
			padding-left: 0px;
			padding-right: 0px;
			padding-top: calc(0.5rem - 1px);
			padding-bottom: 0.5rem;

			div {

				/*「/」*/
				&:nth-child(1) {
					background-color: rgb(255 153 0 / 0.3);
				}

				/*「/ext」*/
				&:nth-child(2) {
					background-color: rgb(255 255 0 / 0.3);
				}

				/*「/home」*/
				&:nth-child(3) {
					background-color: rgb(0 153 255 / 0.3);
				}
			}
		}
	}
}

dl.index div.sub {
	font-size: large;
}

dt,
li.dt {
	list-style-type: none;
	font-weight: bold;
}

li.dt * {
	list-style-type: revert;
	font-weight: revert;
}

img {
	margin: 3px;
	border: 2px solid saddlebrown;
	width: calc(100% - 10px);

	&.zu {
		aspect-ratio: 800 / 450;
	}

	&.display {
		aspect-ratio: 800 / 480;
	}

	&.zu, &.display {
		display: block;
		max-width: 800px;
	}
}

p+img{
	margin-top: 2em;
	text-indent: 0;
}