@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Ubuntu+Condensed&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');*/
/*2025 L12 refreshed */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sigmar&family=Sigmar+One&display=swap');

body {
	background-color: #ddd!important;
	background: #ddd;
	color: #444;
}

h1, h2, h3, h4, h5  {
	color: #333;
	text-wrap: balance;
	font-family: "Open Sans", "Nunito", sans-serif;
	font-weight: 700;
}
h1 {
	width: 80%;
	margin: .1rem auto;
	font-size: 3rem;
	text-align: center;
	text-indent: 0;
}
body > p {
	text-align: center;
	font-family: "Open Sans", "Nunito", sans-serif;
	text-indent: 0;
	font-size: 70%;

}
body > h1 {
	font-size: 1rem;
	width: 90%;
	color: #333;
	cite {
		display: inline-block;
		color: #111;
	}
}
h3	{
	font-size: 2.7rem;
	text-align: center;	
	font-weight: 800;
	font-style: italic;
	margin-bottom: 1rem;
}
h4.essay-subtitle {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 800;
	font-family: "Open Sans", sans-serif;
	padding: .3rem;
	margin: .3rem auto 4rem;
}

h4 {

}

h5 {

}

section::before {
	content: "Przypisy";
	display: block;
	margin-top: 2rem;
	text-align: center;
	font-size: 3rem;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

[role="doc-endnotes"] {
	ul li, ol li {
		list-style: none;
		
	}
}
.booktitle {
	display: flex; 
	flex-direction: row; 
	background: #444!important;
	color: white;

  i {
      margin: .1rem .3rem;
  }
	> div {
		background: #444!important;
		align-content: center;
		margin: 0;
	}
	div:has(img) {
		width: 20%;
		text-align: center;
	}
	img {
		width: 100%;
		max-width: 100%;
	}
	[rel="download"], [rel="qrcode"] {
		width: 16rem;
		align-content: flex-start;
		h5 {
			color: white;
			text-align: center;
			i {
				color: white;
			}
		}
	}

	[rel="download"] {
		a {
			margin: 3rem auto;
			padding: 1rem;
			display: inline-flex;    
			align-items: center;
			text-decoration: none;
			i {

			}
		}
	}
	[rel="qrcode"] {
		> div {
			border-radius: 5px;
			padding: .3rem;
			border: 2px solid yellow;
		}
		svg {
			
			width: 100%;
			max-width: 100%;
		}
	}
	p {
	background: #444;
	color: white;
	font-size: 1rem;
	text-indent: 0;
	line-height: 1.6;
	text-align: justify;
	}
	a {
		font-size: 1rem;
    font-weight: 400; 
    letter-spacing: 0.08rem; 
    padding: .1rem .6rem;
    background: #555;
    color: white;
    border-radius: 8px;
    background: linear-gradient(145deg, #aaa, #cacaca);
    box-shadow: inset 1px 1px 20px 0px rgba(0, 0, 0, 0.859), 
          1px 1px 6px 0px #333300;
	/*    box-shadow:  3px 3px 2px #777,*/
             -3px -3px 2px #444;
  	background: dodgerblue!important;
    transition: background 0.9s ease-in-out ;             
	}
	a:hover {
		background: deepskyblue!important;
	}
}
	.underline {
		text-decoration: underline;
	}

div {
	width: 75%;
	margin: 2rem auto;
	background: #eee;
}

.booktitle {
	margin: .3rem auto;
	background: #444;
	font-family: "Nunito";	
	color: white;
	padding: 1rem 1rem;
	width: 70%;
	max-width: 70%;
	min-width: 70%;
	p {
		margin: .3rem;
	}
}

body > div:nth-of-type(2), div.content, div:has(h3) {
	max-width: 80%;
	width: 80%;
	margin: 2rem auto 2rem;
	background: #fff!important;
	padding: 5rem 10rem 2rem;
	line-height: 1.3;
	box-sizing: border-box;
	h3 {
		width: 100%;
		box-sizing: border-box;
	}

}
div.booktitle {
	padding: 1rem!important;
	text-align: center;
	align-content: center;
	> div {
		padding: 1rem;
	}
}
p {
	font-size: 1.3rem;
	text-indent: 2rem;
	text-wrap: pretty;
	text-align: justify;
	margin: .3rem auto;
}
.centered {
	text-align: center;
}
body > p:last-of-type {
	margin-bottom: 10rem;
}

div:has(> p) {
	p:last-of-type {

	text-indent: 0;
	}
}

h4 + p, h5 + p {
	text-indent: 0;
}

hr + h4 {
	font-size: 3rem;
	text-align: center;
	font-family: "Open Sans", sans-serif;
}

hr:has(+h3) {
	margin: 3rem 30% 5rem;
	width: 10rem;
}

h4, h5 {
	font-weight: 600;
	margin: 1.5rem auto .3rem!important;
	font-weight: 700!important;
	text-align: left;
}
h4 {
	font-size: 1.6rem;
}
[rel="chapter"] > h5 {
	margin: 3rem .4rem .5rem;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.3rem;
	text-indent: 0;

}
h4.centered {
	text-align: center;
	font-weight: 900;
	font-size: 2rem;
	margin: 6rem auto 2rem!important;
	width: 95%;
	text-transform: uppercase;
}
h5 {
	font-size: 1.4rem;
}

blockquote {
	font-size: 1.2rem;
	border-left: 2px solid dodgerblue;
	padding-left: 1rem;

}
p + blockquote, blockquote + blockquote {
	border-left: 2px solid dodgerblue;
	padding-left: 2rem;
}
blockquote.attr {
	text-align: right;
	box-sizing: content-box;
}
h4 + blockquote {
	text-align: right;
}

.attr {
	text-align: right;
	font-style: italic;
}
blockquote + .attr {
	font-size: 1.2rem;
}

blockquote + .attr, blockquote:has(+ .attr) {
	background: #fff;
	box-sizing: border-box;
	padding: .4rem;

}
blockquote:has(+ .attr) {
		margin-bottom: 0;

}
blockquote + .attr {
	margin-top: 0;
	font-size: 80%;
}
blockquote + .attr:before {
	margin-top: 0;
	 content: "一 ";
}
ul  {
	margin: 2rem auto;
}
ul li {
	font-size: 1.3rem;
	text-wrap: balance;
	margin: 1rem auto;
}
ul li:first-of-type {

}

ul li + li  {
	
}
ul > li + p {
/*	background: red;*/
text-indent: 1.5rem!important;
margin: 0 auto!important;
}
li.footnote {
	list-style: none;
}
sup a:not([href*='http']), span > a:not([href*='http']), .footnote a:not([href*='http']), ._idFootnote a:not([href*='http']) {
	color: #ddd;
	background: dodgerblue!important;
	text-decoration: none;
	font-weight: 600;
	border-radius: 3px;
	padding: .1rem .3rem;
	margin: .1rem;
	scale: .5;
	font-size: 80%;
	opacity: .3;
	transition: opacity .5s ease-out;
}
sup a:not([href*='http']):hover, span > a:not([href*='http']):hover, .footnote a:not([href*='http']):hover, ._idFootnote a:not([href*='http']):hover {

	opacity: .9;
}
span > span a {
	vertical-align: super;
	font-family: "Open Sans";
}
sup a:hover, span > span a:hover {

	opacity: 1;
}

.infobox {
	box-sizing: border-box;
	width: 100%;
	background: #eee;
	padding: 0 0 1rem;
	span > a:not([href*='http']) {
	opacity: .8;
	}
	h5 {
		box-sizing: border-box;
		margin: 0;
		width: 100%;
		padding: 1rem;
		background: #555;
		color: white;
		font-weight: 700;
		text-decoration: allcaps;
	}
	> p {
		padding: 0 2rem;
	}
	> p + p  {
		padding-top: .4rem;
	}	
	h5 + p {
		margin-top: 2rem!important;
	}
	p:last-of-type {
		margin-bottom: 2rem;
	}
}
.footnotes, ._idFootnotes, .Footnotes, section[role="doc-endnotes"] {
	font-size: 75%;
	background: white;
	padding: 4rem;
	> div, > p {
		width: 80%;
		/*margin-left: 1rem!important;
		text-indent: -1rem!important;
		color: red;*/
	}
	> div:first-of-type, > p:first-of-type {
		margin-top: 3rem;
	}
	.footnote {
		margin: 2rem auto;

		text-align: justify;
		background: white;
		text-indent: -2rem;
		display: block;
		position: relative;
		p {
			margin-bottom: 1rem;
		}
	}
	[type="footnote"], div ._idFootnote, .footnote {
		color: #333;
/*		background: red;*/
	}
}

.footnote a[href*="http"], ._idFootnote a[href*='http'] {
	word-break: break-all;
	word-wrap: break-all;
	overflow-wrap: break-all;
  	color: palevioletred !important;
	font-size: 90%;
}
.text-footnote {
	padding: 1rem;
	p {
			margin-left: 2rem!important;
				text-indent: -2rem!important;
/*				color: red;*/
	}
}

figure {
	display: block;
	width: 70%!important;
	margin: 2rem auto 3rem!important;
	text-align: center;
	img {
		max-width: 100%;
		margin: 1rem auto;
	}
	figcaption {
		text-align: center;
	}
}

.text-intro {
	width: 70%;
	font-family: "Open Sans", sans-serif;
	border: 2px solid #ddd;
	background: #eee;
	padding: 2rem;
}

table {
	width: 90%;
	margin: 1rem auto;
	background: #ddd;
	border: 1px solid #888;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	text-align: center;
  font: normal 200 1rem 'Calibri', sans-serif;
  td {
  	padding: .5rem;
  }
}
.figcaption {
	margin: .2rem auto 2rem!important;
	width: 90%!important;
  font: normal 200 1rem 'Calibri', sans-serif;
}




@media screen and (max-width: 55.5em) {

div {
	width: 90%;
	padding: .5rem;
	background: white;
}

body > div:nth-of-type(2), div.content, div:has(h3) {
    max-width: 100%;
    width: 92%;
    margin: 1rem auto;
    background: #fff;
    padding: .5rem 1rem;
    line-height: 1.2;
    > * {
    	box-sizing: border-box;
    	max-width: 100%;
    	overflow: hidden;
    }
}
h3, h4.essay-subtitle, h4.centered {
	font-size: 1.5rem;
	font-weight: 700;
}
h4, h5 {
	margin: 2.5rem auto .5rem;

}

h4.essay-subtitle {
	font-size: 95%;
}
h4 + blockquote {
	text-wrap: balance;
}

h4.centered {
	width: 100%;
}

.footnotes, ._idFootnotes {
	padding: 1rem;
	padding-left:1.3rem ;
 > .footnote, > ._idFootnote {
 		margin: 1rem; 
		width: 90%;
 }
}

.footnote, ._idFootnote {
	padding: .1rem;
	max-width: 100%;
	margin: 1rem; 
	width: 90%;
/*	white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
}

.booktitle, body > div:first-of-type {
	width: 95%;
	min-width: 90%;
	max-width: 95%;
	margin: .2rem auto;

}

.booktitle	div:has(img) {
		width: 20%;
		margin: .2rem auto;
		text-align: center;
	}

hr + h4 {
	font-size: 2rem;
}


figure {
	width: 90%;
	margin: 2rem auto 3rem;
	figcaption {
		text-wrap: balance;
	}

}

blockquote {
	width: 90%;
	margin: 1.2rem auto;
	font-size: 1.1rem;
	text-align: justify;
	padding-left: 1rem!important;

}

.infobox {
	width: 98%;
	padding: 0 0 1rem;
	h5 {
		margin: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding: .5rem;
	}
	> p {
		padding: 0 2rem;
		font-size: 1.1rem;
	}
	> p + p  {
		padding-top: .4rem;
	}	
	h5 + p {
		margin-top: 2rem!important;
	}
	p:last-of-type {
		margin-bottom: 2rem;
	}
}
}