﻿

#ez {


display: inline-grid;
grid-template-columns: 1fr auto auto;
column-gap:1em;
row-gap:1em;


}
#ez > div:nth-child(3n-2) {
text-align:right;
font-weight:bold;
}

hr {
margin:0;
border:1px solid black;
}
html {
	font-family: 'Libre Franklin,Helvetica,Arial,Lucida,sans-serif';
	text-align:justify;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	line-height: 1.7em;
}

body {
	min-height: 100vh;	
	margin: 0 auto 0 auto;
	display: grid;
	background-color: white;
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
body.harom {
	grid-template-rows: auto 1fr auto;
}
body.negy {
	grid-template-rows: auto 1fr auto auto;
}
body.ot {
	grid-template-rows: auto 1fr auto auto auto;
}
div.ketto {
display: grid;
grid-template-columns: 1fr 1fr;
}
.logok img {height:200px}


#fejlec, #fofejlec {
display:block;
width: 100%;
}   #fejlec{
cursor:pointer;}
#workingarea {
	padding-left: 5%;
    padding-right: 5%;
	background-color:white;
}
#navigacio {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
column-gap:1em;
}

#navigacio >:first-child {
text-align: right;
}
#navigacio >:nth-child(2) {
text-align: center;
}

#lablec, #vissza {
	text-align: center;
}

#lablec {
	background-color: #ffffeb;
}

#vissza {

}
iframe {

	width:100%;
	border: none;

}

#pelda {
	width:fit-content;
	display: inline-grid;
	grid-template-columns: auto auto;
column-gap:1em;
}


table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
a, {
	
	text-decoration: underline
}
mjx-container{
	display:inline-block;
	
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.toc-list, .toc-list ol {
  list-style-type: none;
}

.toc-list {
  padding: 0;
 counter-reset: clumsycount 0;
font-size:16pt;
}
.ssz {

counter-increment: clumsycount 1;
text-align:right;
width: 2em;
display:inline-block

}
.ssz::before {
    content: counter(clumsycount) ".\00A0";

}
.toc-list ol {
  padding-inline-start: 2em;
}

.toc-list > li > div {
  margin-block-start: 1em;
}

.toc-list li > div {
    text-decoration: none;
    display: grid;
	column-gap:1em;
    grid-template-columns: auto max-content max-content;
    align-items: end;
}

.toc-list li > div > .title {
    position: relative;
    overflow: hidden;
}

.toc-list li > div .leaders::after {
    position: absolute;
    padding-inline-start: .25ch;
    content: " . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . "
        ". . . . . . . . . . . . . . . . . . . . . ";
    text-align: right;
}

.toc-list li > div > .page {
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.toc-list li > div > .examssple {
    font-variant-numeric: tabular-nums;
    text-align: center;
	padding-left:1em;
}


.example a[aria-label=""] {
visibility:hidden;
}

pre {white-space: pre-wrap;margin-left: 1em;margin-right:1em;
}
kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}
.bra {display:none}

#logok {

display: grid;
grid-template-columns: 1fr 1fr;
column-gap:1em;

}
#logok > div {
width:100%;
padding-top: 1em;
padding-bottom: 1em;
object-fit: contain;
text-align:center;
}
#logok > div > img{

max-width: 100%;
    height: 200px;
}

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}.str {color:blue}.att {color:red}

/* kiegeszites */

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}
h1{font-size:40pt}
h2{font-size:26pt}
h3{font-size:22pt}
h4{font-size:18pt}
h5{font-size:16pt}
h6{font-size:14pt}
p{font-size:16pt}

h1,h2,h3,h4,h5,h6{
	color:#333;
	font-weight:500;
	line-height: 1.7em;
}

a {
    color: #498415;
	
}

a{text-decoration:none;}

p{padding-bottom:1em}

p:empty::before {
	content: none;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
	border: 1px solid #ddd;
}

 /* a:hover {
    color: #23527c;
    text-decoration: underline;
} */
