/*! system.css v0.1.11 - https://github.com/sakofchit/system.css */
@font-face {
	font-family: Chicago;
	src: url(fonts/ChicagoFLF.woff) format("woff");
	src: url(fonts/ChicagoFLF.woff2) format("woff2")
}

@font-face {
	font-family: Monaco;
	src: url(fonts/monaco.woff) format("woff");
	src: url(fonts/monaco.woff2) format("woff2")
}

@font-face {
	font-family: Chicago_12;
	src: url(fonts/ChiKareGo2.woff) format("woff");
	src: url(fonts/ChiKareGo2.woff2) format("woff2")
}

@font-face {
	font-family: Geneva_9;
	src: url(fonts/FindersKeepers.woff) format("woff");
	src: url(fonts/FindersKeepers.woff2) format("woff2")
}

::-webkit-scrollbar {
	background-color: #ffe8df;
	width: 22px
}

::-webkit-scrollbar-track {
	background: linear-gradient(45deg, #f7b9d3 25%, transparent 0, transparent 75%, #f7b9d3 0, #f7b9d3), linear-gradient(45deg, #f7b9d3 25%, transparent 0, transparent 75%, #f7b9d3 0, #f7b9d3);
	background-color: #ffe8df;
	background-position: 0 0, 2px 2px;
	background-size: 4px 4px;
	border-left: 3px solid #3f2a24;
	width: 10px
}

::-webkit-scrollbar-thumb {
	background-color: #ffe7dc;
	border: 2px solid #3f2a24;
	border-right: none;
	box-sizing: content-box;
	width: 20px
}

::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
	display: none;
}

.window-pane::-webkit-scrollbar-button:vertical:start:decrement,
.window-pane::-webkit-scrollbar-button:vertical:end:increment {
	display: block;
}

.window-pane::-webkit-scrollbar-button:vertical:start:decrement {
	background-image: url("icon/scrollbar-up.svg");
}

.window-pane::-webkit-scrollbar-button:vertical:end:increment {
	background-image: url("icon/scrollbar-down.svg");
}

.window-pane::-webkit-scrollbar-button:vertical:start:decrement:active {
	background-image: url("icon/scrollbar-up-active.svg");
}

.window-pane::-webkit-scrollbar-button:vertical:end:increment:active {
	background-image: url("icon/scrollbar-down-active.svg");
}

::-webkit-scrollbar-button:active {
	filter: brightness(0.85);
}

.window-pane::-webkit-scrollbar-button:vertical:start:increment,
.window-pane::-webkit-scrollbar-button:vertical:end:decrement {
	display: none;
}

::-webkit-scrollbar-button {
	background-repeat: no-repeat;
	height: 23px;
	width: 23px;
}

::-webkit-scrollbar-button:vertical:start {
  background-image: url("icon/scrollbar-up.svg");
}
::-webkit-scrollbar-button:vertical:start:active {
  background-image: url("icon/scrollbar-up-active.svg");
}
::-webkit-scrollbar-button:vertical:end {
  background-image: url("icon/scrollbar-down.svg");
}
::-webkit-scrollbar-button:vertical:end:active {
  background-image: url("icon/scrollbar-down-active.svg");
}

::-webkit-scrollbar-button:horizontal:start {
  background-image: url("icon/scrollbar-left.svg");
}
::-webkit-scrollbar-button:horizontal:start:active {
  background-image: url("icon/scrollbar-left-active.svg");
}
::-webkit-scrollbar-button:horizontal:end {
  background-image: url("icon/scrollbar-right.svg");
}
::-webkit-scrollbar-button:horizontal:end:active {
  background-image: url("icon/scrollbar-right-active.svg");
}
body.landing-page {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}

a,
a:link,
a:visited {
	color: #ff2aa6;
	text-decoration: none;
	font-weight: 700;
}

a:hover,
a:focus {
	color: #85D0F3;
	cursor: url("cursors/cinnamoroll/gif/working in background.png"), pointer;
}

.btn:hover,
.btn:focus,
button:hover,
button:focus {
	cursor: url("cursors/cinnamoroll/gif/working in background.png"), pointer;
}

hr {
	border-top: .15em solid #000
}

/* Heading styles */
.content-window .window-pane h1,
.content-window .window-pane h2,
.content-window .window-pane h3,
.content-window .window-pane h4,
.content-window .window-pane h5,
.content-window .window-pane h6,
.landing-window .window-pane h1,
.landing-window .window-pane h2,
.landing-window .window-pane h3,
.landing-window .window-pane h4,
.landing-window .window-pane h5,
.landing-window .window-pane h6 {
	font-family: Chicago;
	font-weight: 900;
	background: linear-gradient(to left, #FF3187 0%, #FF8BC3 22%, #D793E3 52%, #85D0F3 78%, #85D0F3 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 0;
	text-shadow: 1px 1px 2px rgba(32, 18, 24, 0.12);
	text-align: right;
}

.title-bar .title {
	display: inline-block;
	font-size: 1.1rem;
	padding: 0.3em 0.6em;
	position: relative;
	background:
		linear-gradient(to left, #FF3187 0%, #FF8BC3 22%, #D793E3 52%, #85D0F3 78%, #85D0F3 100%),
		#fff8f3;
	background-clip: text, padding-box;
	-webkit-background-clip: text, padding-box;
	-moz-background-clip: text, padding-box;
	color: transparent;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
	font-weight: 700;
}



h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.6em;
}

.standard-button {
	display: block;
	min-height: 20px;
	min-width: 59px
}

.standard-dialog {
	background-color: #fff1e8;
	border: 2px solid;
	box-shadow: 2px 2px;
	padding: 10px
}

.alert-box,
.modal-dialog {
	background: #fff1e8;
	padding: 13px;
	width: auto
}

.alert-contents,
.modal-contents {
	padding: 10px
}

.modeless-dialog {
	font-size: 16px;
	height: 100%;
	letter-spacing: -.025em;
	padding: 1.5rem .5rem .5rem
}

.inner-border {
	border-color: currentcolor;
	border-style: solid;
	border-width: 3.5px 5px
}

.outer-border {
	border: 2px solid;
	padding: 3px
}

.inactive-title-bar {
	align-items: center;
	background-clip: content-box;
	background-size: 6.6666666667% 13.3333333333%;
	display: flex;
	flex: none;
	height: 1.5rem;
	margin: .1rem 0;
	padding: .2rem .1rem
}

.title-bar {
	align-items: center;
	background-clip: content-box;
	background-size: 6.6666666667% 13.3333333333%;
	display: flex;
	flex: none;
	height: 1.5rem;
	margin: .1rem 0;
	padding: .2rem .1rem;
	background: repeating-linear-gradient(
		0deg,
		#000 0px,
		#000 2px,
		transparent 2px,
		transparent 4px
	);
}

.inactive-title-bar .title {
	color: #a5a5a5;
	cursor: default;
	font-family: Chicago_12;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	margin: 0 auto;
	padding: 0 .5em;
	text-align: center
}

.title-bar button {
	background-color: #fff2e8;
	border: 4px solid #000;
	cursor: pointer;
	display: block;
	height: 40px;
	margin: 0 .2rem;
	position: relative;
	transform: scale(.5);
	width: 40px
}

.title-bar button span {
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

.title-bar button.close:after,
.title-bar button.close:before {
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0
}

.title-bar button.close:before {
	background: linear-gradient(#000, #000) 0, linear-gradient(#000, #000) 100%, linear-gradient(#000, #000) top, linear-gradient(#000, #000) bottom;
	background-size: 30% 4px, 30% 4px, 4px 30%, 4px 30%
}

.title-bar button.close:after {
	background: linear-gradient(#000, #000) 0, linear-gradient(#000, #000) 100%, linear-gradient(#000, #000) top, linear-gradient(#000, #000) bottom;
	background-size: 22.5% 3.6363636364px, 22.5% 3.6363636364px, 3.6363636364px 22.5%, 3.6363636364px 22.5%;
	transform: rotate(45deg) scale(1.1)
}

.title-bar button.close:active:after,
.title-bar button.close:active:before {
	opacity: 1
}

.title-bar button.resize {
	background: linear-gradient(#000, #000) left 58%, linear-gradient(180deg, #000 0, #000) 58% top;
	background-color: #fff;
	background-size: 60% 4px, 4px 60%
}

.title-bar button.resize:active {
	background: #fff
}

.title-bar button.hidden {
	visibility: hidden
}

.window {
	background-color: #fff3ea;
	border: .1em solid #000;
	flex-direction: column;
	font-family: Inconsolata, Menlo, Chicago, Geneva;
	margin: 1rem;
	min-width: 320px;
	overflow: hidden
}

.window-pane {
	font-size: 15px;
	height: 100%;
	letter-spacing: -.025em;
	line-height: 1.5;
	overflow-y: scroll;
	padding: 1rem 2rem;
	background-color: #fff8f3;
}

.window-pane::-webkit-scrollbar {
	background-color: #ffe8df;
	width: 22px
}

.window-pane::-webkit-scrollbar-track {
	background: linear-gradient(45deg, #f7b9d3 25%, transparent 0, transparent 75%, #f7b9d3 0, #f7b9d3), linear-gradient(45deg, #f7b9d3 25%, transparent 0, transparent 75%, #f7b9d3 0, #f7b9d3);
	background-color: #ffe8df;
	background-position: 0 0, 2px 2px;
	background-size: 4px 4px;
	border-left: 4px solid #3f2a24;
	width: 10px
}

.window-pane::-webkit-scrollbar-thumb {
	background-color: #ffe7dc;
	border: 2px solid #3f2a24;
	border-right: none;
	box-sizing: content-box;
	width: 20px
}

.separator {
	border: 0;
	height: 22px;
	background: url("sakuradivider.gif") repeat-x center;
	background-size: auto 22px;
}

.details-bar,
.separator {
	display: flex;
	flex: none;
	flex-direction: row;
	font-size: 1rem;
	justify-content: space-between
}

.details-bar {
	border: .1rem solid #000;
	border-width: .1rem 0;
	font-weight: 100;
	padding: .4rem .8rem
}

.btn {
	background: transparent;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #000;
	cursor: pointer;
	font-family: Chicago_12;
	font-size: 18px;
	min-height: 20px;
	min-width: 59px;
	padding: 4px 12px;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.btn-default {
	background: #fff;
	border-image: url(icon/button-default.svg) 60 stretch;
	border-style: solid;
	border-width: .5em;
	color: #000;
	cursor: pointer;
	font-family: Chicago_12;
	font-size: 18px;
	min-height: 20px;
	min-width: 59px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none
}

.btn:active {
	background: #000;
	border-radius: 6px;
	color: #fff;
	font-family: Chicago_12
}

.btn:disabled {
	background: transparent;
	border-image: url(icon/button.svg) 30 stretch;
	border-style: solid;
	border-width: 5.5px;
	color: #b6b7b8;
	font-family: Chicago_12;
	font-size: 18px;
	min-height: 20px;
	min-width: 59px;
	text-align: center;
	text-decoration: none
}

.btn-default:active {
	border-radius: 12px
}

input {
	border: 1.5px solid #000;
	font-family: Chicago_12;
	font-size: 18px;
	padding-left: 5px
}

input:focus {
	outline: none
}

input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=password]:focus-visible,
input[type=number]:focus-visible,
input[type=date]:focus-visible,
input[type=time]:focus-visible,
input[type=datetime]:focus-visible,
input[type=datetime-local]:focus-visible,
input[type=month]:focus-visible,
input[type=week]:focus-visible,
input[type=search]:focus-visible,
input[type=tel]:focus-visible,
input[type=color]:focus-visible {
	background: #000;
	color: #fff
}

textarea:focus {
	background: #000;
	color: #fff
}

input[type=checkbox],
input[type=radio] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: 0;
	border: none;
	margin: 0;
	opacity: 0;
	position: fixed
}

input[type=checkbox]+label,
input[type=radio]+label {
	line-height: 13px;
	padding-left: 5px
}

input[type=radio]+label {
	margin-left: 18px;
	position: relative
}

input[type=radio]+label:before {
	border-image: url("icon/radio-border.svg") 4 / 4 / 0 stretch;
	background: url("icon/radio-border.svg");
	content: "";
	display: inline-block;
	height: 12px;
	left: -18px;
	margin-right: 6px;
	position: absolute;
	top: 0;
	width: 12px
}

input[type=radio]:focus-visible+label:before,
input[type=radio]:hover+label:before {
	background-image: url("icon/radio-border-focused.svg")
}

input[type=radio]:checked+label:after {
	background: url("icon/radio-dot.svg");
	content: "";
	display: block;
	height: 6px;
	left: -15px;
	position: absolute;
	top: 3px;
	width: 6px
}

input[type=checkbox]+label {
	margin-left: 19px;
	position: relative
}

input[type=checkbox]+label:before {
	border: 1.5px solid #000;
	background: #fff0e6;
	box-shadow: none;
	content: "";
	display: inline-block;
	height: 13px;
	left: -19px;
	margin-right: 6px;
	position: absolute;
	width: 13px
}

input[type=checkbox]:focus-visible+label:before,
input[type=checkbox]:hover+label:before {
	outline: 1px solid #000
}

input[type=checkbox]:checked+label:after {
	background: url("icon/checkmark.svg");
	content: "";
	display: block;
	height: 12px;
	left: -17px;
	position: absolute;
	top: 2px;
	width: 12px
}

input[type=checkbox][disabled]+label:before {
	background: none;
}

input[type=checkbox][disabled]:checked+label:after {
	background: url("icon/checkmark.svg");
	opacity: 0.5;
}

.field-row {
	align-items: center;
	display: flex;
	font-family: Chicago_12;
	font-size: 1em
}

.field-row-right {
	justify-content: flex-end;
}

.about-avatar {
	float: right;
	margin: 0 0 0.75rem 0.75rem;
}

[class^=field-row]+[class^=field-row] {
	margin-top: 6px
}

.field-row>*+* {
	margin-left: 6px
}

.apple {
	background: url("icon/apple.svg");
	border: none;
	display: inline-block;
	height: 22px;
	margin-right: 2px;
	width: 18px
}

form {
	font-family: Inconsolata, Menlo, Chicago, Geneva;
	font-size: 14px
}

.contact-form {
	display: grid;
	gap: 12px;
	width: min(100%, 720px);
}

.contact-form label {
	font-weight: 700;
	font-size: clamp(1.05rem, 2.6vw, 1.35rem);
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	max-width: 100%;
	min-width: min(250px, 100%);
	padding: 10px;
	font-size: clamp(1.05rem, 2.7vw, 1.4rem);
	box-sizing: border-box;
}

.contact-form textarea {
	min-height: 250px;
	min-width: min(400px, 100%);
	resize: vertical;
}

#contact-message {
	min-height: 250px;
	height: 250px;
	min-width: min(400px, 100%);
	width: 100%;
}

.contact-iframe {
	display: block;
	margin: 16px auto 0;
	border: 0;
	max-width: 100%;
}

.contact-iframe-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("icon/select-button.svg");
	background-position: top 2px right 2px;
	border: 1.5px solid;
	-webkit-box-shadow: 2px 8px 0 0 #000;
	-moz-box-shadow: 2px 8px 0 0 #000;
	box-shadow: 2px 2px 0 -1px #000;
	font-size: 18px;
	height: auto;
	padding-left: 20px;
	position: relative;
	width: 10rem
}

select,
ul[role] {
	font-family: Chicago_12
}

ul[role] {
	cursor: pointer;
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding: 0
}

ul[role=menu-bar] {
	background: #fff;
	display: flex
}

ul[role=menu-bar]>[role=menu-item] {
	padding: 6px 10px;
	position: relative
}

ul[role=menu-bar]>[role=menu-item]:focus {
	background: #000;
	color: #fff;
	outline: none
}

ul[role=menu-bar]>[role=menu-item]:focus-within {
	background: #000;
	color: #fff;
	outline: none
}

ul[role=menu-bar]>[role=menu-item]:hover {
	background: #000;
	color: #fff;
	outline: none
}

ul[role=menu-bar]>[role=menu-item][aria-haspopup=false] * {
	background: inherit;
	color: inherit;
	text-decoration: none
}

ul[role=menu] {
	background: #fff;
	border: 1px solid;
	box-shadow: 2px 2px;
	color: initial;
	min-width: 200px;
	position: relative
}

ul[role=menu]:before {
	box-shadow: inset 1px 0 rgba(0, 0, 0, .15), inset -1px 0 #fff;
	content: "";
	left: 28px;
	pointer-events: none;
	position: absolute;
	width: 2px
}

[role=menu-item] ul[role=menu] {
	display: none;
	left: 0;
	position: absolute;
	top: 100%;
	z-index: 99
}

ul[role=menu]>[role=menu-item]>a,
ul[role=menu]>[role=menu-item]>button,
ul[role=menu]>[role=menu-item][aria-haspopup=true] {
	all: unset;
	box-sizing: border-box;
	display: block;
	padding: 5px 20px;
	position: relative;
	width: 100%
}

ul[role=menu]>[role=menu-item]>a:focus,
ul[role=menu]>[role=menu-item]>a:hover,
ul[role=menu]>[role=menu-item]>button:focus,
ul[role=menu]>[role=menu-item]>button:hover,
ul[role=menu]>[role=menu-item][aria-haspopup=true]:focus,
ul[role=menu]>[role=menu-item][aria-haspopup=true]:hover {
	background: #000;
	color: #fff
}

ul [role=menu-item] {
	position: relative
}

ul [role=menu-item]:focus-within>[role=menu],
ul [role=menu-item]:focus>[role=menu] {
	display: block
}

ul [role=menu-item].divider:after {
	border-top: 1.5px dotted #000;
	content: "";
	display: block;
	padding: 0;
	pointer-events: none
}

.menu-items>li {
	margin-bottom: 1rem
}

/*# sourceMappingURL=system.css.map */
/* Custom bullet image */
ul {
	list-style: none;
	padding-left: 1.75rem;
}

ul li {
	position: relative;
}

ul li::before {
	content: "";
	position: absolute;
	left: -1.75rem;
	top: 0.1rem;
	width: 22px;
	height: 22px;
	background: url("flowers-glitter.gif") no-repeat center / 22px 22px;
	filter:
		drop-shadow(1px 0 0 rgba(51, 51, 51, 0.7))
		drop-shadow(-1px 0 0 rgba(51, 51, 51, 0.7))
		drop-shadow(0 1px 0 rgba(51, 51, 51, 0.7))
		drop-shadow(0 -1px 0 rgba(51, 51, 51, 0.7))
		drop-shadow(0 0 3px rgba(51, 51, 51, 0.6));
}
:root {
  --primary: #fff1f7;
  --secondary: #3f2a24;
  --tertiary: #c9a6b8;
  --disabled: #e9c9c0;
  --box-shadow: 3px 3px;
  --callout-bg: #fff1f7;
  --callout-border: #c9a6b8;
  --color-note: #ff8bc3;
  --color-important: #ff3187;
  --color-warning: #ff9fcb;
  --color-tip: #f3a6d1;
  --color-caution: #d793e3;
}

body {
  color: var(--secondary);
  background-image:
    linear-gradient(135deg, rgba(255, 222, 210, 0.2) 0%, rgba(255, 201, 214, 0.15) 38%, rgba(255, 221, 200, 0.15) 66%, rgba(231, 214, 255, 0.15) 100%),
    url("https://i.postimg.cc/J43jNJ0X/pixel-sakura.gif");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: url("cursors/cinnamoroll/gif/normal select.png"), auto;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="password"],
textarea {
	cursor: url("cursors/cinnamoroll/gif/text select.png"), text;
}

[disabled],
.disabled {
	cursor: url("cursors/cinnamoroll/gif/unavailable.png"), not-allowed;
}

[draggable="true"],
.draggable {
	cursor: url("cursors/cinnamoroll/gif/move.png"), move;
}

.resize-x {
	cursor: url("cursors/cinnamoroll/gif/horizontal resize.png"), ew-resize;
}

.resize-y {
	cursor: url("cursors/cinnamoroll/gif/vertical resize.png"), ns-resize;
}

/* Removed duplicate 'a' selector - consolidated at line 132-138 */

.float-illustration {
	float: left;
	margin: 0 12px 8px 0;
	max-width: min(220px, 45%);
	height: auto;
}

.landing {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 48px 6vw;
}

.landing-card {
	position: relative;
}

.landing-window {
	width: 250px;
	height: 400px;
	max-width: 250px;
	max-height: 400px;
	display: flex;
	flex-direction: column;
}

.landing-window .window-pane {
	flex: 1 1 auto;
	min-height: 0;
}

.landing-pane {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.landing-cta {
	display: flex;
	justify-content: flex-end;
	margin-top: 16px;
}

.title-bar.no-controls {
	justify-content: center;
}

.title-bar.no-controls .title {
	margin: 0;
}

.desk {
	display: grid;
	grid-template-columns: minmax(160px, 220px) minmax(0, 1fr);
	gap: 24px;
	padding: 24px 6vw 16px;
	flex: 1 1 auto;
	min-height: 0;
}

.desk>.window {
	margin: 0;
	min-width: 0;
}

.sidebar-window {
	align-self: start;
	position: sticky;
	top: 24px;
	width: 100%;
}

.nav-pane {
	display: none;
	gap: 10px;
	align-items: start;
	max-height: 60vh;
	overflow-y: auto;
	justify-items: center;
}

.nav-toggle {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
}

.nav-toggle-row {
	display: flex;
	justify-content: center;
	padding: 0.5rem 0;
	background-color: #fff8f3;
}

.nav-toggle-label {
	width: 80%;
}

.nav-toggle:checked ~ .nav-pane {
	display: grid;
}

.sidebar-window .nav-pane {
	max-height: clamp(220px, 60vh, 420px);
	overflow-y: auto;
	padding-bottom: 2rem;
}

.nav-pane .btn {
  display: inline-flex;
  width: 80%;
  background: linear-gradient(180deg, #ffe6d6 0%, #f3bdd1 100%);
  color: var(--secondary);
  border: 1px solid var(--secondary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  text-align: center;
  justify-content: center;
  font-size: 16px;
}

.nav-pane .btn:hover,
.nav-pane .btn:focus {
  background: linear-gradient(180deg, #fff0e3 0%, #e8a9c3 100%);
}

.content-window .window-pane {
	display: grid;
	gap: 16px;
	overflow-y: auto;
	padding: 0.75rem 1.25rem 4rem;
	box-sizing: border-box;
	flex: 1 1 auto;
	min-height: 0;
}

.content-window {
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

.placeholder-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.placeholder-card {
  border: 1px dashed var(--secondary);
  padding: 8px;
  background: #fff1e7;
}

.content-window .placeholder-card h3 {
	text-align: center;
}

.footer-window {
  margin: 0 6vw 16px;
  flex: 0 0 auto;
  margin-top: auto;
  position: relative;
  overflow: visible;
}

.footer-pane {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.footer-window .window-pane {
	overflow: visible;
	height: auto;
}

.footer-window .window-pane::-webkit-scrollbar {
	display: none;
}

@media (max-width: 900px) {
	.desk {
		grid-template-columns: 1fr;
		grid-template-rows: min-content 1fr;
	}

	.sidebar-window {
		position: static;
		max-height: 60vh;
		overflow: hidden;
	}

	.nav-pane {
		max-height: calc(60vh - 4rem);
		overflow-y: auto;
		width: 100%;
		padding-bottom: 2rem;
	}
}

.centered-block {
	text-align: center;
}

.markdown-alert {
  display: block !important;
  padding: 0.75rem 1rem !important;
  margin: 12px 0 16px !important;
  color: inherit;
  background: rgba(255, 241, 247, 0.6) !important;
  border: 1px solid rgba(201, 166, 184, 0.8) !important;
  border-left: 6px solid var(--callout-border, #c9a6b8) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 0 rgba(63, 42, 36, 0.15) !important;
  backdrop-filter: blur(2px) !important;
}

.markdown-alert>:first-child {
  margin-top: 0;
}

.markdown-alert>:last-child {
  margin-bottom: 0;
}

.markdown-alert .markdown-alert-title {
  display: flex;
  font-weight: 500;
  align-items: center;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.markdown-alert .markdown-alert-title .octicon {
  margin-right: 0.5rem;
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.markdown-alert.markdown-alert-note {
  background: rgba(255, 241, 247, 0.6) !important;
  border-left-color: var(--color-note, #ff8bc3) !important;
}

.markdown-alert.markdown-alert-note .markdown-alert-title {
  color: var(--color-note, #ff8bc3) !important;
}

.markdown-alert.markdown-alert-important {
  background: rgba(255, 49, 135, 0.1) !important;
  border-left-color: var(--color-important, #ff3187) !important;
}

.markdown-alert.markdown-alert-important .markdown-alert-title {
  color: var(--color-important, #ff3187) !important;
}

.markdown-alert.markdown-alert-warning {
  background: rgba(255, 159, 203, 0.15) !important;
  border-left-color: var(--color-warning, #ff9fcb) !important;
}

.markdown-alert.markdown-alert-warning .markdown-alert-title {
  color: var(--color-warning, #ff9fcb) !important;
}

.markdown-alert.markdown-alert-tip {
  background: rgba(243, 166, 209, 0.15) !important;
  border-left-color: var(--color-tip, #f3a6d1) !important;
}

.markdown-alert.markdown-alert-tip .markdown-alert-title {
  color: var(--color-tip, #f3a6d1) !important;
}

.markdown-alert.markdown-alert-caution {
  background: rgba(215, 147, 227, 0.15) !important;
  border-left-color: var(--color-caution, #d793e3) !important;
}

.markdown-alert.markdown-alert-caution .markdown-alert-title {
  color: var(--color-caution, #d793e3) !important;
}

details.markdown-alert > summary {
  cursor: pointer;
  list-style: none;
}

details.markdown-alert > summary::-webkit-details-marker {
  display: none;
}

/* Removed duplicate .window-pane .markdown-alert rules - consolidated into base .markdown-alert selector above */