/* Styles for the tailored-resume page and the job-page button. Uses the site's colour variables when present (--bg --fg --mut --line --acc --accfg --card). */
#resume-app{--rs-acc:var(--acc,#0b6e6e);--rs-accfg:var(--accfg,#fff);--rs-line:var(--line,#e3e8ee);--rs-mut:var(--mut,#5b6775);--rs-card:var(--card,#f6f9fa);--rs-bg:var(--bg,#fff);--rs-fg:var(--fg,#1b2430)}
#resume-app .rs-card{border:1px solid var(--rs-line);background:var(--rs-card);border-radius:10px;padding:16px;margin:16px 0}
#resume-app h2{font-size:1.2rem;margin:0 0 8px;line-height:1.25}
#resume-app label{display:block;font-size:14px;color:var(--rs-mut);margin:10px 0 0}
#resume-app label input,#resume-app label textarea{display:block;margin-top:4px}
#resume-app input,#resume-app textarea,#resume-app select{font:inherit;padding:9px;border:1px solid var(--rs-line);border-radius:8px;background:var(--rs-bg);color:var(--rs-fg);width:100%;min-width:0;box-sizing:border-box}
#resume-app input[type=checkbox]{width:auto;margin-right:6px;display:inline-block}
#resume-app input[type=file]{margin:10px 0;background:transparent}
#resume-app textarea{resize:vertical}
#resume-app .rs-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
#resume-app .rs-row>*{flex:1 1 150px}
#resume-app .rs-grid{align-items:end;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
#resume-app .btn{display:inline-block;background:var(--rs-acc);color:var(--rs-accfg);padding:10px 18px;border-radius:8px;text-decoration:none;font-weight:600;border:1px solid var(--rs-acc);font-size:16px;cursor:pointer;margin-top:10px}
#resume-app .btn.ghost{background:transparent;color:var(--rs-acc)}
#resume-app .btn[disabled]{opacity:.6;cursor:wait}
#resume-app .rs-job{border-left:3px solid var(--rs-acc);padding:4px 10px;margin:10px 0}
#resume-app .rs-meta,#resume-app .rs-fine{color:var(--rs-mut);font-size:13px}
#resume-app .rs-msg{font-size:14px;margin:8px 0 0;min-height:1em}
#resume-app .rs-msg.warn{color:#b3261e}#resume-app .rs-msg.ok{color:var(--rs-acc)}
#resume-app .rs-flag{background:#fff4d6;color:#5a4300;border:1px solid #f0d78a;border-radius:6px;font-size:13px;padding:4px 8px;margin-top:4px}
/* The site is light-only (color-scheme: light), so no dark-mode overrides here. */
#resume-app fieldset{border:1px solid var(--rs-line);border-radius:8px;margin:16px 0 0;padding:8px 12px 12px}
#resume-app legend{font-weight:600;padding:0 6px}
#resume-app .rs-entry{border-bottom:1px dashed var(--rs-line);padding:10px 0}
#resume-app .rs-bullet{display:flex;gap:6px;align-items:flex-start;margin-top:6px;flex-wrap:wrap}
#resume-app .rs-bullet textarea{flex:1 1 70%}
#resume-app .rs-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#resume-app .rs-link,#resume-app .rs-x{background:none;border:0;color:var(--rs-acc);font:inherit;font-size:14px;cursor:pointer;padding:4px 0;text-decoration:underline}
#resume-app .rs-x{color:var(--rs-mut)}
#resume-app .rs-skills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
#resume-app .rs-skill{display:inline-flex;gap:2px;align-items:center;flex:0 1 200px}
#resume-app .rs-skill .rs-x{text-decoration:none;padding:0 4px}
#resume-app .rs-done{border:1px solid var(--rs-acc);border-radius:8px;padding:12px;margin-top:12px}
#resume-app .rs-check{display:block;margin:12px 0 0;color:var(--rs-fg);font-size:15px}
#resume-app .rs-busy{font-weight:600}
#tailor-cta{margin:10px 0}.tailor-btn{margin-right:8px}