/* ResumeATS identity 2026-10 · "Editor's desk": cream paper, ink navy, oxblood
   red-pencil accent, highlighter marks, Fraunces serif headlines, ruled-paper texture. */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-latin.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2190-2193,U+2212,U+20AC}
:root{--bg:#fbf7ef;--paper:#fffdf8;--ink:#1b2236;--muted:#545b6c;--line:#e7dfcf;--accent:#9f1d35;--accent-dark:#7f1629;--accent-soft:#f8ecec;--hl:#ffe58a;--serif:"Fraunces",Georgia,"Times New Roman",serif}
body{background:var(--bg)}
body::before{background:repeating-linear-gradient(180deg,transparent 0 31px,#1b223608 31px 32px)}
:is(h1,h2):not(#paper *),.brand,.lab-title{font-family:var(--serif);letter-spacing:-.015em}
h1:not(#paper *){font-weight:700}
.nav{background:#fbf7efeb;border-bottom-color:var(--line)}
.brand-mark{background:var(--ink);color:#fff8e7;border-radius:4px;font-family:var(--serif);box-shadow:3px 3px 0 var(--accent)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark);box-shadow:0 8px 20px #9f1d3540}
.panel{background:var(--paper);border-color:var(--line)}
.pill{border-color:#e9cfcf;color:var(--accent-dark);background:#fffdf8cc}
.pill-dot{box-shadow:0 0 0 3px #9f1d3524}
.tab.is-active,.chip{color:var(--accent-dark)}
.chip{border-color:#ebcaca}
.input:focus,.textarea:focus,.skill-box:focus-within,.lint textarea:focus{box-shadow:0 0 0 4px #9f1d351f}
.guide-card:hover{border-color:#d9a3a8}
.hero{background:none;border-bottom:1px solid var(--line)}
.hero h1 em{color:var(--ink);background:linear-gradient(transparent 58%,var(--hl) 58% 92%,transparent 92%);background-size:0 100%;background-repeat:no-repeat;animation:ra-mark .9s .25s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ra-mark{to{background-size:100% 100%}}
.trust li{background:var(--paper);color:#2f3547}
.hero-grid{display:grid;gap:28px;align-items:center}
@media(min-width:980px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr)}}
.lab{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:18px 18px 14px 26px;box-shadow:0 1px 0 #fff inset,0 18px 40px #1b22361a;transform:rotate(.4deg)}
.lab::before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background:#e8b4b8}
.lab-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.lab-title{font-size:1.25rem;margin:0}
.lab-verdict{font-size:12.5px;font-weight:700;color:var(--accent);font-style:italic}
.lab[data-score="2"] .lab-verdict{color:#0b6b4b}
.lab-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}
.lab-input{width:100%;font:15px/1.5 inherit;font-family:inherit;color:var(--ink);background:#fff;border:1px solid #d8cfbd;border-radius:6px;padding:10px 12px;resize:vertical;min-height:76px}
.lab-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #9f1d351f}
.lab-meter{height:6px;border-radius:99px;background:#efe7d8;margin:12px 0 10px;overflow:hidden}
.lab-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#d9822b);transition:width .35s cubic-bezier(.2,.8,.2,1)}
.lab[data-score="2"] .lab-meter span{background:#0b6b4b}
.lab-checks{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.lab-checks li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#3a2a2e}
.lab-mark{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--accent);transition:transform .25s ease,background .25s ease}
.lab-checks li.is-pass{color:#14352a}
.lab-checks li.is-pass .lab-mark{background:#0b6b4b;transform:rotate(360deg)}
.lab-actions{display:flex;flex-wrap:wrap;gap:8px}
.lab-actions .btn{height:44px}
.lab-status{min-height:1.4em;margin:8px 0 0;font-size:13px;color:#0b6b4b;font-weight:600}
.lab-foot{margin:2px 0 0;font-size:12px;color:var(--muted)}
@media(max-width:640px){.lab{transform:none;padding-left:22px}.lab::before{left:11px}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none;background-size:100% 100%}.lab{transform:none}.lab-meter span,.lab-mark{transition:none}.lab-checks li.is-pass .lab-mark{transform:none}}
@media print{body::before{display:none}}