body {
    margin:0;
    padding:0;
    font-family:'Lexend';
    font-weight:200;
    line-height:1.15;
    background-color:#eee;
}
header {
    background-color:#AD2E24;
    display:block;
    height:48px;
}
header h1 {
    line-height:48px;
    padding:0 5px;
    margin:0;
    font-family:'Nunito';
    font-weight:400;
    color:white;
    text-align:center;
    font-size:22px;
}
header, .card {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
b {
    font-weight:400;
}

.gyakseg-stat {
    width:100%;
}
.gyakseg-stat th {
    font-family:'Nunito';
    font-size:25px;
    text-align:center;
}
.gyakseg-stat td {
    text-align:center;
    font-size:14px;
}
.checkable-line {
    margin:10px 5px;
    color:red;
    font-weight:bold;
    border-width:1px;
    border-color:#ddd;
    border-style:solid;
    border-radius:4px;
    padding:5px 5px 7px 5px;
    display:block;
}
#gyakSegedIdoCel {
    font-size:18px;
    padding:4px;
}
#gyakSegedIdoVerdict {
    background-color:rgba(0,0,0,.1);
    padding:5px;
    border-radius:4px;
    margin:0 10px;
}
.checkable-line:has(input:checked) {
    color:green;
}
.checkable-line input {
    margin-right:2px;
}
.field-label {
    margin:10px 5px;
    display:block;
    
}
.field-label b {
    display:block;
    color:red;
}
.card {
    background-color:#EF9A9A;
    color:#000;
    border-radius:6px;
    margin:10px 10px;
    padding:12px;
    min-height:65px;
    transition:.15s;
    border-width:0;
    box-shadow:1px 1px 3px 0 rgba(0,0,0,.1);
    position:relative;
}
.card .additional {
    clear:both;
    margin:11px -5px 0 -5px;
    padding:2px 5px;
    font-size:14px;
}
.card.subheader {
    background-color:#9b0e0e;
    color:#eee;
    min-height:22px;
}
.card.dupla {
    width:calc(50% - 40px);
    float:left;
    margin-right:4px;
    margin-top:0;
}
.card.small {
    min-height:42px;
}
.card.small .icon {
    height:52px;
    line-height:56px;
}
.card.transparent {
    
}
.card.transparent .icon {
    border-radius:6px;
}
.card:active {
    transform:scale(0.95);
}
.card h3 {
    font-family:'Nunito';
    font-size:19px;
    margin:0;
    padding:0 3px;
}
.card p {
    margin:0;
    padding:0;
    font-size:15px;
}
.card .icon {
    float:left;
    width:48px;
    background-color:rgba(0,0,0,.04);
    font-size:24px;
    line-height:75px;
    height:75px;
    text-align:center;
    margin:-5px 10px -5px -5px;
}
.card .icon.floaty {
    float:none;
    position:absolute;
    right:0;
    bottom:0;
    opacity:.5;
    background-color:transparent;
    font-size:55px;
    line-height:55px;
    height:65px;
    width:60px;
    color:rgba(0,0,0,.3);
}
.card.blue {
    background-color:#ff9800;
    color:#000;
    font-family:'Nunito';
    border-color:#99aacc;
}
.card.red {
    background-color:#d32f2f;
    color:white;
}
#gyak-seged-endform fieldset {
    border:none;
    padding:8px;
}
#gyak-seged-endform fieldset legend {
    font-weight:bold;
}
#gyak-seged-endform label {
    display:block;
    padding:6px 0;
    margin-left:10px;
}
#gyak-seged-endform label b {
    color:red;
    font-weight:normal;
    display:block;
    margin-bottom:4px;
}
#gyak-seged-endform input[type='text'] {
    display:block;
    padding:4px;
    width:100%;
    box-sizing: border-box;
    border-width:2px;
    border-style:solid;
    border-color:red;
    border-radius: 4px;
}
#gyak-seged-endform fieldset small {
    display:block;
    margin:0;
    padding:0;
    font-size:13px;
    color:#888;
}
#gyak-naplo-outer {
    width:100%;
    font-size:13px;
}
#gyak-naplo-outer b {
    font-size:15px;
    color:red;
}
#gyak-naplo-outer i {
    font-size:28px;
    color:orange;
}
section {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#f7f7f7;
    transform:translateX(100%);
    opacity:0;
    transition:.2s;
}
section.active {
    transform:translateX(0%);
    opacity:1;
}
section button {
    display:block;
    font-family:'Nunito';
    background-color: #AD2E24;
    border:none;
    line-height:32px;
    color:white;
    font-size:17px;
    border-radius:5px;
    width: 100%;
    transition:.1s;
}
section button:active {
    transform: scale(0.95);
}
button.focus-gomb {
    width:18%;
    display:inline-block;
    margin:1vw;
}
button.focus-gomb.used {
    opacity:.5;
}
.subsection
 {
    padding:8px;
}
section > p {
    padding:0px 8px;
    margin-top:13px;
    margin-bottom:8px;
    line-height:1.15;
    color:#666;
}
section > p.sh {
    font-size:20px;
    font-weight:800;
    color:black;
    margin-top:20px;
    margin-bottom:5px;
}
section > p > b {
    color:black;
}
section > table {
    width:calc(100% - 16px);
    box-sizing:border-box;
    margin:5px 8px;
    line-height:1.1;
}
section > table th {
    color:black;
    text-align:left;
    vertical-align:top;
}
section > table td {
    padding-bottom:10px;
}
section > .subsection > h2 {
    margin-left:0;
}
section > h2, .subsection > h2 {
    color:#AD2E24;
    font-size:25px;
    margin-left:8px;
    padding:0;
    margin-top:36px;
    margin-bottom:0;
    font-family:'Nunito';
}
section>img {
    padding-left:10px;
    padding-bottom:5px;
}
p.mathquill {
display:block !important;
}
p.bold {
    font-weight:bold;
    color:black;
}
overline {
    display:inline-block;
    border-style:solid;
    border-color:black;
    border-width: 1px 0 0 0;
    padding: 0 2px;
    line-height:1;
}
.back-float {
    position:absolute;
    top:0;
    left:0;
    height:42px;
    line-height:42px;
    width:42px;
    text-align:center;
    font-size:18px;
    color:white;
    background-color:rgba(0,0,0,.2);
    border-radius:4px;
    margin:3px;
}
.share-float {
    position:absolute;
    top:0;
    right:0;
    height:42px;
    line-height:42px;
    width:42px;
    text-align:center;
    font-size:18px;
    color:white;
    text-align:center;
    background-color:rgba(0,0,0,.2);
    border-radius:4px;
    margin:3px;
}
.pin-float {
    position:absolute;
    top:0;
    right:48px;
    height:42px;
    line-height:42px;
    width:42px;
    text-align:center;
    font-size:18px;
    color:white;
    text-align:center;
    background-color:rgba(0,0,0,.2);
    border-radius:4px;
    margin:3px;
}
input[type='number'] {
    border-radius:3px;
    border-color:red;
    padding:3px;
    width:70px;
    border-width:1px;
    border-style:solid;
    background-color:#eee;
}

/* Ajánlott tartalmak */
.recommended {
    background-color:#eee;
    padding:10px 0 20px 0;
}
.recommended h2 {
    font-size:18px;
    text-align:center;
    margin:0;
    padding:0;
    color:black;
}
.recommended-item {
    clear:both;
    min-height:64px;
    margin:10px 0;
}
.recommended-item img {
    float:left;
    margin:0 10px;
    width:64px;
    height:64px;
}
.recommended-item-title {
    font-family:'Nunito';
    color:red;
    font-weight:400;
    font-size:16px;
}
.recommended-item-platform {
    font-size:13px;
    margin-top:5px;
    color:#666;
}
.script {
    display:none;
}

.feedbackpill {
    color:green;
    float:right;
    padding:0 3px 3px 3px;
}
/* Sötét mód */
@media (prefers-color-scheme: dark) {
    section {
        background-color:#222;
        color:#ddd;
    }
    section > p {
        color:#ddd;
    }
    section > p > b, section > p.sh {
        color:#fff;
    }
    section > table th {
        color:white;
    }
    p.bold {
        color:white;
    }
    .card {
        background-color:#444;
        color:#eee;
            border-color:#666;
    }
    .card.subheader {
        background-color:#000;
    }
    .card.blue {
        background-color:#0d47a1;
        color:#bbdefb;
        font-family:'Nunito';
        border-color:#3388ff;
    }
    .card .icon {
        background-color:rgba(0,0,0,.25);
    }
    .card.red {
        background-color:#ad1457;
        border-color:#ee66aa;
    }
    input[type='number'] {
        background-color:black;
        color:white;
    }
}

@media (prefers-contrast: more) {
    section {
        background-color:#000;
        color:#fff;
    }
    section > p {
        color:#fff;
    }
    section > p > b, section > p.sh {
        color:#fff;
    }
    section > table th {
        color:white;
    }
    p.bold {
        color:white;
    }
    .card {
        background-color:#000;
        color:#fff;
        border-style:solid;
        border-color:yellow;
        border-width:2px;
    }
    .card.subheader {
        background-color:#000;
    }
    .card.blue {
        background-color:#000;
        color:#fff;
        font-family:'Nunito';
    }
    .card .icon {
        display:none;
    }
    .card.red {
        background-color:#000;
    }
    input[type='number'] {
        background-color:black;
        color:white;
    }
    header, header * {
        background-color:white !important;
        color:black !important;
        forced-color-adjust:none;
    }
    header h1 {
        color:black;
        forced-color-adjust:none;
    }
}@media (prefers-reduced-motion: reduce) {
    * {transition:0s !important;}
}