@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Share+Tech+Mono&display=swap");

@font-face {
	font-family: "04b";src: url("https://itinerae.shop/fonts/04b03.ttf");
}

@font-face {
	font-family: "W95FA";src: url("https://itinerae.shop/fonts/w95f.woff");
}

@font-face {
	font-family: "spirit";src: url(https://itinerae.shop/fonts/spirit.ttf);
}
* {
	box-sizing: border-box;
}

@media (min-width: 650px) {
	.is-firefox .itinerae {
		zoom: 1.2;
	}
}

body {
	min-height: 100vh;
	margin: 0px;
	padding: 30px;
	background: #f7faf5 url("https://itinerae.neocities.org/bgs/300726/2518638m2meuijlr3.jpg") repeat fixed;
	color: #859188;
	font-family: "04b", "Share Tech Mono", "Courier New", monospace;
	font-size: 9px;
	line-height: 1.35;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 1000;
	pointer-events: none;
	background: repeating-linear-gradient( to bottom, rgba(0, 0, 0, 0.04) 0, rgba(0, 0, 0, 0.04) 1px, transparent 1px, transparent 2px );
}

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	background: #f2f7ef;
}

body::-webkit-scrollbar-thumb {
	border: 2px solid #f2f7ef;
	border-radius: 10px;
	background: #cbdcc7;
}

b, strong {
	color: #829284;
}

i {
	font: 12px "W95FA", "Share Tech Mono", monospace;
	color: #aebfa9;
	text-transform: none;
}

a {
	color: #879f8a;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #728776;
	background: rgba(227, 238, 223, 0.72);
}

blockquote {
	margin: 0px;
	padding: 0 20px;
	border-left: 4px solid #879b83;
	color: #879b83;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.itinerae {
	position: relative;
	width: min(100%, 600px);
	margin: 0px auto;
	border: 1px solid rgba(159, 181, 153, 0.48);
	border-radius: 15px;
	background: rgba(244, 249, 241, 0.64);
	box-shadow: 0 18px 34px rgba(96, 119, 92, 0.14), 0 5px 0 rgba(137, 158, 132, 0.10), 0 0 0 1px rgba(255, 255, 255, 0.72) inset;
	backdrop-filter: blur(17px);
	-webkit-backdrop-filter: blur(17px);
	overflow: hidden;
	isolation: isolate;
}

.itinerae::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient( 120deg, rgba(255, 255, 255, 0.58), transparent 31% );
}

.itinerae > * {
	position: relative;
	z-index: 1;
}

.osoite {
	display: flex;
	align-items: center;
	font: 10px monospace;
	gap: 9px;
	min-height: 47px;
	padding: 4px 10px 2px 10px;
	border-bottom: 1px solid rgba(157, 180, 152, 0.42);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(229, 239, 226, 0.72) );
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.sivun-osoite {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
	height: 22px;
	padding: 2px 6px 0;
	border: 1px solid rgba(154, 178, 149, 0.52);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.66);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92) inset, 0 2px 5px rgba(104, 121, 98, 0.08);
	color: #9aa69d;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.osoitejuttu {
	color: #b5c2b2;
}

.address-domain {
	color: #879889;
}

.kello-ja-zoom {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.kello {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 68px;
	height: 22px;
	padding: 1px 7px 0;
	font: 9px "04b", "Share Tech Mono", "Courier New", monospace;
	border: 1px solid rgba(154, 178, 149, 0.48);
	border-radius: 11px;
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(221, 234, 217, 0.72) );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) inset, 0 2px 4px rgba(104, 121, 98, 0.08);
	color: #849587;
	letter-spacing: 1px;
	white-space: nowrap;
}

.tsuumi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 22px;
	padding: 0;
	border: 1px solid rgba(154, 178, 149, 0.48);
	border-radius: 11px;
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.88), rgba(221, 234, 217, 0.72) );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.94) inset, 0 2px 4px rgba(104, 121, 98, 0.08);
	color: #849587;
	cursor: pointer;
}

.tsuumi svg {
	width: 11px;
	height: 11px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.tsuumi:hover, .tsuumi:focus-visible {
	border-color: rgba(132, 157, 127, 0.62);
	background: rgba(247, 252, 244, 0.94);
	color: #6f8373;
	outline: none;
	transform: translateY(-1px);
}

.tsuumi:active {
	transform: translateY(0);
}

.pallot {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
}

.pallo {
	width: 23px;
	height: 23px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.76) inset, 0 2px 4px rgba(105, 121, 101, 0.14);
}

.pallo:nth-child(1) {
	background: rgba(226, 238, 222, 0.96);
}

.pallo:nth-child(2) {
	background: rgba(196, 216, 191, 0.94);
}

.pallo:nth-child(3) {
	background: rgba(163, 188, 157, 0.92);
}

.address-path {
	color: #aab8aa;
}

.itinerae-kuva {
	position: relative;
	min-height: 108px;
	padding: 24px 18px 24px;
	border-bottom: 0 solid rgba(157, 180, 152, 0.46);
	background: linear-gradient( 90deg, rgba(255, 255, 252, 0.80), rgba(220, 234, 216, 0.42) ), url("https://itinerae.shop/new_landing/banner.jpg") center / cover;
	overflow: hidden;
}

.itinerae-kuva::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 58px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(242,247,239,.35) 35%, rgba(242,247,239,.98) 100%);
	z-index: 1;
}

.itinerae-kuva::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.14), rgba(167, 190, 162, 0.15) );
}

.ylatunniste-sisalto {
	position: relative;
	z-index: 1;
	display: flex;
	min-height: 86px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.itinerae-nimi {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 14px 6px;
	border-bottom: 1px solid rgba(132, 157, 127, 0.42);
	color: #768d79;
	font-family: "spirit", georgia;
	font-size: 25px;
	font-style: italic;
	font-weight: normal;
	line-height: 0.9;
	letter-spacing: 3px;
	text-transform: lowercase;
	text-shadow: 2px 1px 0 rgba(255, 255, 255, 0.98), 0 5px 14px rgba(101, 123, 97, 0.15);
}

.site-status-strip {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px 11px;
	margin-top: 8px;
	padding: 4px 8px 3px 8px;
	border: 1px solid rgba(145, 169, 140, 0.42);
	border-radius: 12px;
	background: rgba(250, 253, 248, 0.66);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset, 0 3px 8px rgba(103, 124, 99, 0.07);
	color: #87968a;
	font: 9px "04b", "Share Tech Mono", "Courier New", monospace;
	letter-spacing: 1px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.site-status-item {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.site-status-value {
	color: #758779;
}

.iti-klik {
	display: flex;
	align-items: stretch;
	justify-content: center;
	border-bottom: 1px solid rgba(157, 180, 152, 0.46);
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.86), rgba(225, 237, 221, 0.76) );
}

.iti-klik a {
	flex: 1;
	min-width: 0;
	padding: 4px 5px 3px;
	border-right: 1px solid rgba(166, 186, 161, 0.34);
	color: #87978a;
	font-family: "04b", "Share Tech Mono", "Courier New", monospace;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 3px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

.iti-klik a:last-child {
	border-right: 0;
}

.iti-klik a:hover {
	color: #708475;
	background: rgba(241, 247, 238, 0.80);
}

.iti-klik a img {
	opacity: 0.5;
	vertical-align: -1px;
}

.iti-klik a.is-active, .iti-klik a[aria-current="page"] {
	color: #6f8373;
	background: rgba(239, 247, 236, 0.94);
	box-shadow: 0 -2px 0 rgba(135, 159, 138, 0.34) inset;
}

.sivurakenne {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 170px;
	gap: 9px;
	padding: 9px;
	background: rgba(237, 245, 234, 0.46);
}

.sivupalkki, .paasisalto {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 9px;
}

.paasisalto {
	grid-column: 1;
	grid-row: 1;
}

.sivupalkki {
	grid-column: 2;
	grid-row: 1;
}

.box {
	position: relative;
	min-width: 0;
	border: 1px solid rgba(159, 181, 153, 0.48);
	border-radius: 5px;
	background: linear-gradient( 135deg, rgba(255, 255, 255, 0.82), rgba(239, 246, 236, 0.64) );
	box-shadow: 0 5px 12px rgba(111, 132, 107, 0.09), 0 1px 0 rgba(255, 255, 255, 0.94) inset;
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
	overflow: hidden;
}

.box::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient( 115deg, rgba(255, 255, 255, 0.32), transparent 36% );
}

.box > * {
	position: relative;
	z-index: 1;
}

.box-title {
	padding: 4px 5px 2px 5px;
	margin:0px;
	border-bottom: 1px solid rgba(164, 184, 158, 0.40);
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.86), rgba(222, 235, 218, 0.76) );
	color: #7f9182;
	font-family: "04b", arial;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.94);
}

.vihreax {
	float: right;
	margin-left: 4px;
	padding-bottom: 6px;
}

.perhonen {
	float: left;
	margin-right: 7px;
	opacity: 0.5;
}

.box-body {
	position: relative;
	margin: 5px;
	padding: 8px;
	border: 1px dashed rgba(166, 186, 161, 0.46);
	border-radius: 3px;
	background: linear-gradient( 135deg, rgba(255, 255, 255, 0.72), rgba(235, 244, 232, 0.56) );
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.90), 0 0 0 1px rgba(255, 255, 255, 0.54) inset, 0 6px 14px rgba(111, 132, 107, 0.05) inset;
}

.box-body::after {
	content: "";
	position: absolute;
	inset: 4px;
	pointer-events: none;
	border: 1px dotted rgba(166, 186, 161, 0.20);
	border-radius: 2px;
}

.box-body > * {
	position: relative;
	z-index: 1;
}

.box-body--flush {
	padding: 0px;
}

.updates-list, .todo-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.updates-list li:last-child {
	margin-bottom: 0px;
}

.todo-list li {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dotted rgba(166, 186, 161, 0.38);
}

.todo-list li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.todo-marker {
	display: inline-block;
	width: 12px;
	color: #9aae96;
}

.sidebar-button-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5px;
}

.sidebar-button-grid a {
	display: block;
	padding: 5px 3px;
	border: 1px solid rgba(159, 181, 153, 0.46);
	border-radius: 3px;
	background: rgba(253, 255, 251, 0.66);
	font-size: 9px;
	text-align: center;
	text-decoration: none;
}

.shye-card .box-body {
	overflow: auto;
}

.shye-photo {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 8px 4px 0px;
	padding: 3px;
	border: 1px solid rgba(151, 176, 146, 0.52);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.66);
	box-shadow: 0 2px 6px rgba(104, 123, 100, 0.11);
	object-fit: cover;
	opacity: 0.72;
	filter: saturate(0.62) brightness(1.08) hue-rotate(28deg);
}

.shye-name {
	color: #788b7b;
	font: italic 14px/1.05 "Crimson Text", Georgia, serif;
	letter-spacing: 1px;
	text-transform: lowercase;
}

.shop-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.shop-list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 8px;
	padding: 3px 0px;
	border-bottom: 1px dotted rgba(166, 186, 161, 0.38);
}

.shop-list li:last-child {
	border-bottom: 0;
}

.shop-label {
	color: #9aa69d;
}

.shop-value {
	color: #748778;
	font-weight: bold;
	text-align: right;
}

.sidebar-action {
	display: block;
	margin-top: 7px;
	padding: 5px 4px 2px 4px;
	border: 1px solid rgba(154, 178, 149, 0.46);
	border-radius: 3px;
	background: rgba(250, 253, 248, 0.72);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.82) inset;
	font-size: 10px;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
}

.shye-state {
	clear: both;
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px dotted rgba(166, 186, 161, 0.38);
}

.state-item {
	margin-bottom: 7px;
}

.state-item:last-child {
	margin-bottom: 0px;
}

.shye-state-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 4px;
	color: #9aa69d;
	font-size: 8px;
	letter-spacing: 1px;
}

.shye-state-label strong {
	color: #748778;
	font-size: 8px;
	font-weight: normal;
}

.state-progress {
	height: 5px;
	border: 1px solid rgba(154, 178, 149, 0.42);
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.62);
	overflow: hidden;
}

.state-progress span {
	display: block;
	height: 100%;
	background: linear-gradient(to right, #d7e6d3, #aec5aa);
}

#slideshow {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}

#slideshow marquee {
	display: block;
}

#slideshow a {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

#slideshow img {
	display: block;
	width: 125px;
	height: 95px;
	padding: 5px;
	border: 1px solid rgba(150, 174, 145, 0.55);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: 0 2px 5px rgba(100, 120, 96, 0.10), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
	object-fit: contain;
	opacity: 0.92;
}

.introduction-box .box-body {
	padding: 12px 11px;
}

.introduction-greeting {
	display: inline-block;
	margin-bottom: 8px;
	padding: 0px 0px 3px;
	border-bottom: 1px solid rgba(145, 171, 140, 0.34);
	color: #91a194;
	font-family: "Crimson Text", Georgia, serif;
	font-size: 16px;
	font-style: italic;
	text-transform: lowercase;
}

.introduction-link {
	margin-top: 13px;
	font-size: 14px;
	letter-spacing: 5px;
}

.content-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.miniblog-list {
	display: flex;
	flex-direction: column;
}

.miniblog-entry {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 9px;
	align-items: start;
	padding: 10px;
	border-bottom: 1px dotted rgba(166, 186, 161, 0.38);
}

.miniblog-entry:last-child {
	border-bottom: 0px;
}

.miniblog-image {
	display: block;
	width: 54px;
	border: 0px solid rgba(159, 181, 153, 0.48);
	border-radius: 3px;
	background: rgba(240, 247, 237, 0.0);
	object-fit: cover;
	opacity: 0.76;
	filter: saturate(0.62) sepia(0.08) hue-rotate(45deg);
}

.miniblog-content {
	min-width: 0;
}

.miniblog-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 8px;
	margin-bottom: 4px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(166, 186, 161, 0.28);
}

.miniblog-date {
	color: #a0afa2;
	font-size: 9px;
}

.miniblog-title {
	color: #7f9182;
	font-family: "Crimson Text", Georgia, serif;
	font-size: 13px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1;
	text-transform: lowercase;
}

.introduction-image {
	float: left;
	width: 70px;
	margin-right: 10px;
	opacity: 0.60;
	filter: grayscale(50%);
}

.sivunakyma {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 9px;
}

.sivunakyma[hidden] {
	display: none;
}

.sivunakyma.is-active {
	animation: page-view-in 0.22s ease both;
}

.sivunakyma:focus {
	outline: none;
}

@keyframes page-view-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.page-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.page-list li {
	position: relative;
	margin-bottom: 6px;
	padding: 0px 0px 5px 14px;
	border-bottom: 1px dotted rgba(166, 186, 161, 0.38);
}

.page-list li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.commission-status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 9px;
	padding: 7px 8px 4px 8px;
	border: 1px solid rgba(159, 181, 153, 0.42);
	border-radius: 3px;
	background: rgba(246, 251, 244, 0.72);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.88) inset;
}

.commission-status strong {
	letter-spacing: 2px;
}

.quick-info {
	margin: 10px 5px 0px;
	padding: 12px 18px;
	border: 1px dashed #ddd;
}

.quick-info-list {
	display: flex;
	flex-direction: column;
}

.quick-info-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px;
	font-size: 10px;
	line-height: 1.5;
	text-align: left;
	border-bottom: 1px dotted #c7cbc3;
}

.quick-info-item:last-child {
	border-bottom: 0;
}

.quick-info-item img {
	opacity: 0.7;
	filter: grayscale(50%);
	flex-shrink: 0;
}

@media (max-width: 500px) {
	.quick-info {
		margin-left: 3px;
		margin-right: 3px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.quick-info-item {
		font-size: 11px;
	}
}

.updates-list {
	display: grid;
	gap: 4px;
}

.updates-list li {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	align-items: stretch;
	margin: 0px;
	padding: 0px;
	border: 1px solid rgba(166, 186, 161, 0.30);
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.54);
	overflow: hidden;
}

.update-date {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 5px 4px;
	border-right: 1px solid rgba(153, 177, 148, 0.38);
	background: rgba(218, 232, 214, 0.68);
	color: #7d9080;
	font-family: "W95FA", "Share Tech Mono", monospace;
	font-size: 10px;
	letter-spacing: 1px;
	white-space: nowrap;
}

.update-text {
	min-width: 0;
	align-self: center;
	padding: 6px 7px 4px;
	color: #849287;
	line-height: 1.35;
}

.sivunakyma:not(#home) > .introduction-box {
	border-color: rgba(145, 171, 140, 0.56);
	background: linear-gradient( 145deg, rgba(251, 253, 249, 0.90), rgba(223, 235, 219, 0.72) );
}

.sivunakyma:not(#home) > .introduction-box .box-body {
	margin: 6px;
	border-style: solid;
	background: rgba(252, 254, 251, 0.62);
}

.sivunakyma:not(#home) .content-grid > .box, #terms > .box:last-child, #comms > .box:not(.introduction-box) {
	border-color: rgba(153, 178, 148, 0.46);
}

.page-list {
	display: grid;
	gap: 4px;
}

.page-list li {
	margin: 0px;
	padding: 5px 7px 4px 9px;
	border: 1px solid rgba(166, 186, 161, 0.26);
	border-left: 2px solid rgba(135, 159, 138, 0.42);
	border-radius: 2px;
	background: rgba(250, 253, 248, 0.48);
}

.page-list li::before {
	content: none;
}

#terms .content-grid .box-body {
	min-height: 92px;
	border-style: solid;
}

.guide-item {
	padding: 7px 0px;
	border-bottom: 1px dotted rgba(166, 186, 161, 0.38);
}

.guide-item:last-child {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.guide-item strong {
	display: block;
	margin-bottom: 3px;
	font-size: 9px;
	letter-spacing: 1px;
}

.guide-item p {
	margin: 0px;
}

#comms .commission-status {
	border-left: 3px solid rgba(129, 154, 124, 0.52);
	background: linear-gradient( to right, rgba(228, 239, 224, 0.74), rgba(250, 253, 248, 0.64) );
}

#comms > .box:last-child .box-body {
	border-style: solid;
	background: rgba(232, 241, 229, 0.54);
}

#info .content-grid > .box:first-child .box-body {
	border-style: solid;
}

.alatunniste {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2px 8px;
	min-height: 29px;
	padding: 6px 12px 5px;
	border-top: 1px solid rgba(157, 180, 152, 0.46);
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0.84), rgba(218, 232, 214, 0.76) );
	color: #8c9a8e;
	font-family: "Crimson Text", Georgia, serif;
	font-size: 13px;
	font-style: italic;
	line-height: 1.35;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.92);
	text-transform: lowercase;
}

.alatunniste span {
	min-width: 0;
}

@media (max-width: 600px) {
	body {
		padding: 30px;
	}

	.itinerae {
		border-radius: 11px;
	}

	.kello-ja-zoom {
		gap: 3px;
	}

	.tsuumi {
		width: 22px;
	}

	.pallot {
		gap: 4px;
	}

	.pallo {
		width: 18px;
		height: 18px;
	}

	.itinerae-kuva {
		min-height: 126px;
		padding: 20px 15px 26px;
	}

	.itinerae-nimi {
		padding: 3px 12px 6px;
		font-size: 23px;
	}

	.site-status-strip {
		gap: 4px 8px;
		margin-top: 7px;
		padding: 4px 8px 3px;
		font-size: 7px;
	}

	.iti-klik {
		flex-wrap: wrap;
	}

	.iti-klik a {
		flex: 1 0 50%;
		border-bottom: 1px solid rgba(166, 186, 161, 0.28);
	}

	.sivurakenne {
		display: flex;
		flex-direction: column;
	}

	.paasisalto {
		order: 1;
	}

	.sivupalkki {
		order: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}
}

@media (max-width: 430px) {
	.content-grid, .sivupalkki {
		grid-template-columns: 1fr;
	}

	.miniblog-entry {
		grid-template-columns: 46px minmax(0, 1fr);
		gap: 8px;
		padding: 9px;
	}

	.miniblog-image {
		width: 46px;
	}

	.alatunniste {
		gap: 1px;
		padding: 7px 10px 6px;
		font-size: 12px;
		line-height: 1.35;
	}

	.alatunniste span {
		flex: 1 1 100%;
	}
}

@media (max-width: 340px) {
	.osoitejuttu, .pallot {
		display: none;
	}

	.itinerae-nimi {
		font-size: 22px;
	}
}