/* =========================================================
   FORM FIELDS
   ========================================================= */
#belief-form textarea {
    display:block;
    width:100%;
    max-width:700px;
    min-height:70px;
    margin:0 auto 24px;
    padding:14px 16px;
    font-family:var(--font);
    font-size:.95rem;
    font-weight:300;
    line-height:1.6;
    color:var(--text);
    background:#03070a;
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    resize:vertical;
    transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);
}

#belief-form textarea::placeholder {
    color:var(--muted);
    opacity:.8;
}

#belief-form textarea:focus {
    outline:none;
    border-color:var(--green-1);
    background:rgba(10,17,22,.9);
    box-shadow:0 0 20px rgba(52,211,153,.10);
}

/* =========================================================
   FORM LABELS
   ========================================================= */

#belief-form label.stage-instruction {
    margin:22px auto 8px;
    padding:0;
    border:0;
    font-size:.94rem;
    font-weight:500;
    line-height:1.45;
    color:var(--text);
}

/* =========================================================
   FIRST LABEL
   ========================================================= */

#belief-form label.stage-instruction:first-of-type {
    margin-top:10px;
}

/* =========================================================
   RESULT CARD
   ========================================================= */

#result-card {
    display:block;
    max-width:700px;
    margin:20px auto;
    text-align:left;
}

#result-card .stage-instruction {
    margin:16px auto;
    padding-bottom:0;
    border-bottom:0;
}

#result-card .stage-instruction:first-child strong {
    color:var(--purple-1);
    font-weight:600;
}

#result-new-belief {
    color:var(--green-2);
    font-size:1.15rem;
    font-weight:600;
    line-height:1.6;
    text-align:center;
}

/* =========================================================
   DAILY REPEAT CARD
   ========================================================= */

#result-daily {
    display:block;
    max-width:700px;
    margin:20px auto;
}

#result-daily .stage-instruction {
    margin:0;
    padding:0;
    border:0;
}

#result-daily strong {
    color:var(--green-1);
    font-weight:600;
}

/* =========================================================
   RESULT ACTIONS
   ========================================================= */

#belief-result .stage-actions {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
}

/* =========================================================
   STEP 2 DONE
   ========================================================= */

#post-tool-progress {
    width:100%;
    max-width:700px;
    margin:40px auto 0;
}

#post-tool-progress strong {
    color:var(--green-1);
    font-weight:800;
}

#post-tool-progress .progress-bar {
    width:100%;
}


/* =========================================================
   NEXT TOOL
   ========================================================= */

#next-tool {
    display:none;
    width:100%;
    max-width:700px;
    margin:20px auto 0;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    text-align:center;
}

#next-tool p {
    margin:0 0 14px;
    padding:0;
    color:var(--text);
    font-size:1rem;
    line-height:1.5;
}

#next-tool p strong {
    color:var(--text);
    font-weight:800;
}

#next-tool .tool-btn {
    display:inline-block;
    width:auto;
    margin:0 auto;
    text-decoration:none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:768px) {

    #belief-form textarea {
        font-size:.92rem;
    }

    #belief-form label.stage-instruction {
        font-size:.92rem;
    }

    #belief-result .stage-actions {
        flex-direction:column;
    }

    #belief-result .stage-actions .tool-btn {
        width:100%;
        max-width:320px;
    }
}


/* =========================================================
   PHONE
   ========================================================= */

@media (max-width:480px) {

    #belief-form textarea {
        margin-bottom:20px;
        padding:13px 14px;
    }

    #belief-form label.stage-instruction {
        margin-top:18px;
    }

    #result-new-belief {
        font-size:1.05rem;
    }
}


/* =========================================================
   PRINT
   ========================================================= */

@media print {

    body {
        padding:0;
        background:#fff;
        color:#000;
    }

    #left-side,
    #right-side,
    .brand-header,
    .brand-footer,
    .tool-head,
    #progressMount,
    #belief-form,
    #post-tool-progress,
    #next-tool,
    .why-box,
    .info-row,
    .ps-note,
    #belief-result .stage-actions {
        display:none !important;
    }

    #central-column,
    .tool-content {
        width:100%;
        max-width:100%;
        margin:0;
    }

    #belief-result {
        display:block !important;
        max-width:100%;
        padding:20px;
        background:#fff;
        border:0;
        box-shadow:none;
        color:#000;
    }

    #belief-result::before {
        display:none;
    }

    #belief-result .stage-title,
    #result-card,
    #result-daily {
        color:#000;
        background:#fff;
        border-color:#ccc;
        box-shadow:none;
    }

    #result-card .stage-instruction,
    #result-daily .stage-instruction {
        color:#000;
    }

    #result-card .stage-instruction strong,
    #result-daily strong,
    #result-new-belief {
        color:#000;
    }
}