/* Copyright © 2026 YourQuiz. All rights reserved. */


/* ----- TERMS OF USE PAGE ----- */
#termOverlayLayer {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10009;
    display: none;
}

.termWindowBox {
    width: 670px;
    height: 500px;
    overflow: auto; 
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    border: 2px solid #1398cd;
}

.termWindowHeader {
    position: relative;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}

.termWindowHeader h2 {
    margin: 0;
    font-weight: bold;
    color: #333;
}

.termWindowTitle {
    font-weight: bold;
    font-size: 24px;   /* 👈 MATCHES Login h2 */
    color: #333;
    margin: 0;         /* same as login */
}

.termWindowControls {
    position: absolute;
    top: 0;
    right: 0;
}

.termWindowControls button {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.termWindowControls button:hover {
    opacity: 0.6;    
}

/* Terms of Use */
.term_container {
    font-family: sans-serif;
    line-height: 1.4;
    color: #333;
    /*color: #000;*/
    margin: 0 auto;
}

.term_container h2 {
    font-size: 18px;
    margin: 16px 0 2px 0;   /* Top, Right, Bottom, Left */
    color: #000;
}

.term_container h3 {
    font-size: 15px;
    margin: 16px 0 2px 0;   /* Top, Right, Bottom, Left */
    color: #000;
}

.term_container p {
    margin: 0 0 5px 0;       /* Top, Right, Bottom, Left */
}




/* ----- PRIVACY POLICY PAGE ----- */
#privacyOverlayLayer {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10009;
    display: none;
}

.privacyWindowBox {
    width: 670px;
    height: 500px;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    border: 2px solid #1398cd;
}

.privacyWindowHeader {
    position: relative;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}

.privacyWindowHeader h2 {
    margin: 0;
    font-weight: bold;
    color: #333;
}

.privacyWindowTitle {
    font-weight: bold;
    font-size: 24px;   /* 👈 MATCHES Login h2 */
    color: #333;
    margin: 0;         /* same as login */
}

.privacyWindowControls {
    position: absolute;
    top: 0;
    right: 0;
}

.privacyWindowControls button {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.privacyWindowControls button:hover {
    opacity: 0.6;    
}

/* Privacy Policy */
.privacy_container {
    font-family: sans-serif;
    line-height: 1.4;
    color: #333;
    /*color: #000;*/
    margin: 0 auto;
}

.privacy_container h2 {
    font-size: 18px;
    margin: 16px 0 2px 0;   /* Top, Right, Bottom, Left */
    color: #000;
}

.privacy_container h3 {
    font-size: 15px;
    margin: 16px 0 2px 0;   /* Top, Right, Bottom, Left */
    color: #000;
}

.privacy_container p {
    margin: 0 0 5px 0;       /* Top, Right, Bottom, Left */
}




/* ----- HOW TO USE YourQuiz PAGE ----- */
#howOverlayLayer {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10009;
    display: none;
}

.howWindowBox {
    width: 670px;
    height: 500px;
    overflow: auto;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    border: 2px solid #1398cd;
}

.howWindowHeader {
    position: relative;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}

.howWindowHeader h2 {
    margin: 0;
    font-weight: bold;
    color: #333;
}

.howWindowTitle {
    font-weight: bold;
    font-size: 24px;   /* 👈 MATCHES Login h2 */
    color: #333;
    margin: 0;         /* same as login */
}

.howWindowControls {
    position: absolute;
    top: 0;
    right: 0;
}

.howWindowControls button {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

.howWindowControls button:hover {
    opacity: 0.6;    
}

/* How To Use YourQuiz */
.how_container {
    font-family: sans-serif;
    line-height: 1.4;
    color: #333;
    /*color: #000;*/
    margin: 0 auto;
}

.how_container h2 {
    font-size: 18px;
    margin: 16px 0 2px 0;   /* Top, Right, Bottom, Left */
    color: #000;
}

.how_container p {
    margin: 0 0 5px 0;       /* Top, Right, Bottom, Left */
}