/*----------------------------------------------
    CUSTOM D3-CALCULATOR — scoped to .d3calc-editor
----------------------------------------------*/

/* Originally on body — scoped to the editor container */
.d3calc-editor {
    background: #12110F;
    color: #A99877;
    font-family: Arial, Helvetica, sans-serif;
}

/* Originally a global reset — scoped to avoid conflicts with the host site.
   box-sizing: content-box restores browser default (Tailwind forces border-box globally). */
.d3calc-editor,
.d3calc-editor * {
    margin: 0;
    padding: 0;
    box-sizing: content-box;
}

.d3calc-editor ol,
.d3calc-editor ul {
    list-style: none;
}

.d3calc-editor p {
    margin: 20px 40px;
    font-size: 14px;
}
.d3calc-editor p:after { clear: both; display: block; content: ''; }
.d3calc-editor p strong { color: #ffab67; }
.d3calc-editor p.error { margin: 60px 80px; font-size: 20px; text-align: center; }

.d3calc-editor h1 { font-size: 20px; text-align: center; color: #e55c00; margin-bottom: 30px; }

.d3calc-editor div.important {
    display: inline-block;
    background: #003800;
    border: 1px solid #0c0;
    color: #0c0;
    padding: 10px;
    margin: 10px;
    word-break: normal;
    border-radius: 8px;
    width: 290px;
}
.d3calc-editor div.important strong { display: block; color: #0f0; margin-bottom: 8px; }

.d3calc-editor div.notice {
    display: inline-block;
    background: #332d22;
    border: 1px solid #ac9360;
    color: #ac9360;
    padding: 10px;
    margin: 10px;
    border-radius: 8px;
    width: 290px;
}
.d3calc-editor div.notice strong { display: block; color: #d1b886; margin-bottom: 8px; }

/* IE warning message */
.d3calc-editor p.warning {
    background: #382400;
    border: 1px solid #ffa128;
    color: #ffa128;
    padding: 10px;
    display: block;
    word-break: normal;
    border-radius: 8px;
    margin: 20px 40px;
    font-size: 14px;
}
.d3calc-editor p.warning strong { display: block; color: #ffa128; margin-bottom: 8px; }

@-moz-document url-prefix() { .d3calc-editor p.warning { display: none; } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .d3calc-editor p.warning { display: none; } }