/* Page base */
body {
    background:#fafafa;
    font-family:'Segoe UI','Calibri',Arial,sans-serif;
    margin:0;
    padding:0; /* header script handles its own spacing */
}

/* Wrapper under the injected header */
#app-shell {
    width:100%;
    max-width:900px;
    margin:80px auto 40px; /* push content below sticky header and center */
    padding:0 30px;
    box-sizing:border-box;
}

/* Titles */
h1 {
    font-size:26px;
    font-weight:600;
    color:#1C0085;
    margin-bottom:6px;
}

.subhome {
    font-size:15px;
    color:#5A5A5A;
    margin-bottom:25px;
}

/* Main card */
.to-card {
    background:white;
    width:100%;
    padding:25px 32px;
    border-radius:12px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
    border:1px solid #ededed;
    line-height:1.45;
    font-size:14.5px;
    color:#333;
}

/* Button */
.open-form-btn {
    display:inline-block;
    background:#1C0085;
    color:white;
    padding:10px 20px;
    font-size:14px;
    font-weight:600;
    border:none;
    border-radius:8px;
    cursor:pointer;
    margin:15px 0 25px;
    transition:background .15s ease;
}

.open-form-btn:hover {
    background:#3E2A82;
}

/* Section headers */
.to-card h2 {
    font-size:16px;
    font-weight:600;
    color:#1C0085;
    margin-top:28px;
    margin-bottom:8px;
    border-bottom:1px solid #E6E0F6;
    padding-bottom:4px;
}

/* Bullet formatting */
.to-card ul {
    margin:8px 0 12px 20px;
    padding:0;
}

.to-card li {
    margin:4px 0;
}

/* Responsiveness */
@media (max-width:768px) {

    #app-shell {
        margin:70px auto 30px;
        padding:0 18px;
    }

    .to-card {
        padding:22px 20px;
    }

    h1 {
        font-size:22px;
    }

    .to-card h2 {
        font-size:15px;
    }
}