:root{--ink:#193e39;--green:#176849;--paper:#f7f8f2;--line:#d7e1d5;--muted:#66746a;--lime:#e0ee9f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}.page{min-height:100svh;max-width:1440px;margin:auto;padding:0 64px;display:flex;flex-direction:column}.brand-row{padding:35px 0 28px;text-align:center}.brand{display:inline-block;color:var(--ink);font-size:60px;font-weight:800;letter-spacing:-3px;text-decoration:none;line-height:1}.brand span{color:var(--green)}.brand-row p{font-size:11px;letter-spacing:.6px;color:var(--muted);margin:12px 0 0}.nav{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}button{font:inherit;cursor:pointer}.nav button{border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);padding:14px 10px;font-size:13px;font-weight:600;min-height:50px}.nav button.active{background:var(--ink);color:white;border-color:var(--ink)}.nav button:hover{background:#eaf0da;color:var(--ink);border-color:#a5be9c}main{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:440px;padding:60px 0 45px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;width:min(100%,900px);margin:auto}.entry{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:145px;padding:34px;border:1px solid var(--green);border-radius:12px;text-align:left;transition:transform .15s,box-shadow .15s}.entry.employer{background:var(--ink);color:#fff;border-color:var(--ink)}.entry.candidate{background:#eaf0da;color:var(--ink);border-color:#bdcfad}.entry:hover{transform:translateY(-3px);box-shadow:0 10px 25px #193e3910}.entry .label{display:block;font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.3}.entry .sub{display:block;font-size:12px;margin-top:8px;font-weight:400;opacity:.8}.entry svg{width:28px;height:28px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none}.entry .arrow{font-size:27px;line-height:1;opacity:.8}.entry-title{display:flex;align-items:center;gap:20px}.status{min-height:24px;margin:20px 0 0;text-align:center;color:var(--muted);font-size:12px}.value{padding:0 0 34px;text-align:center;max-width:800px;margin:auto}.value .kicker{color:var(--green);font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 12px}.value h1{font-size:27px;line-height:1.35;letter-spacing:-.6px;font-weight:600;margin:0 0 14px}.value .summary{max-width:670px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.8}.value .note{font-size:11px;color:var(--muted);margin:14px 0 0}footer{display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 23px;color:var(--muted);font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #b78018;outline-offset:4px}.sample-tag{font-size:9px;letter-spacing:.6px;color:#7c826f;text-transform:uppercase}@media(min-height:850px){main{min-height:490px}.value{padding-bottom:45px}}@media(max-width:900px){.page{padding:0 28px}.nav{gap:8px}.nav button{font-size:11px}.entry{padding:25px;min-height:130px}.entry .label{font-size:22px}.entry-grid{gap:20px}.entry-title{gap:13px}.value h1{font-size:24px}}@media(max-width:560px){.page{padding:0 18px}.brand-row{padding:28px 0 24px}.brand{font-size:49px}.nav{grid-template-columns:repeat(3,1fr);padding:14px 0}.nav button{padding:11px 6px;min-height:44px}main{min-height:300px;padding:45px 0 30px}.entry-grid{gap:12px}.entry{min-height:138px;padding:20px 15px;justify-content:center;text-align:center}.entry-title{flex-direction:column;gap:12px}.entry .label{font-size:19px}.entry .sub{font-size:10px}.entry .arrow{display:none}.entry svg{width:25px;height:25px}.value h1{font-size:22px}.value .summary{font-size:12px}.value .note{font-size:10px}footer{font-size:9px;flex-wrap:wrap;justify-content:center;text-align:center}.value{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){.entry{transition:none}}
.nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:14px 10px;font-size:13px;font-weight:600;min-height:50px}.nav a.active{background:var(--ink);color:white}.nav a:hover{background:#eaf0da;color:var(--ink)}a.entry{text-decoration:none}@media(max-width:900px){.nav a{font-size:11px}}@media(max-width:560px){.nav a{padding:11px 6px;min-height:44px}}