/* Eval-to-Resume page additions; builds on ../assets/styles.css variables */
.tool-hero{padding:56px 0 48px}
.alert{background:#fff7e6;border:1px solid #f2d39a;border-left:5px solid var(--gold);border-radius:12px;padding:14px 18px;margin:0 0 24px;font-size:.95rem}
.tool-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.tool-grid label,.side label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px;color:var(--navy)}
textarea,.tool-grid input,.side input,select{width:100%;font:400 .95rem/1.5 Inter,sans-serif;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);background:#fff;margin-top:6px}
textarea{resize:vertical}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,160,42,.25)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.fields label:last-child{grid-column:1/-1}
.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:var(--ink)!important;margin:6px 0 16px!important}.check input{width:auto;margin-top:5px}
.req{color:#b23}.opt{font-weight:400;color:var(--muted)}.row{margin-top:12px}.sm{font-size:.85rem!important}
#out{margin-top:36px}.status{margin:0 0 18px;font-weight:600;color:var(--navy)}
.status .warn{display:block;color:#a12a12;background:#fdecea;border-radius:10px;padding:10px 14px;margin-top:8px}
.out-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}.side{display:grid;gap:18px}.side .btn{margin:10px 8px 0 0}
.bl{padding-left:20px;margin:0}.bl li{margin:0 0 16px}.bl [contenteditable]{border:1px dashed transparent;border-radius:8px;padding:4px 6px}.bl [contenteditable]:hover,.bl [contenteditable]:focus{border-color:var(--gold);outline:none}
.orig{font-size:.8rem;color:var(--muted);margin:2px 6px}.note{font-size:.8rem;color:#8a5a00;margin:2px 6px}
.chip{display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:99px;margin:0 6px 6px 0}.hit{background:#eef7f0;color:#1f6b3a}.miss{background:#f4f6fb;color:var(--muted)}
.hint,.sm-muted{color:var(--muted);font-size:.9rem}
@media (max-width:860px){.tool-grid,.out-grid,.fields{grid-template-columns:1fr}.links{display:none}}
