:root{color-scheme:light;--bg: #f5f1e8;--panel: rgba(255, 252, 247, .94);--panel-border: rgba(114, 96, 72, .16);--text: #201810;--muted: #6f6256;--accent: #0f766e;--accent-soft: #d5f1eb;--danger: #b42318;--shadow: 0 18px 45px rgba(48, 37, 24, .09)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,118,110,.15),transparent 26%),linear-gradient(180deg,#f8f4ec 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}a{color:inherit}.page-shell{width:min(1450px,calc(100vw - 32px));margin:0 auto;padding:32px 0 40px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.hero-copy-block{max-width:800px}.eyebrow{margin:0 0 8px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.eyebrow-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,3.5rem);line-height:.96}.hero-copy,.tracker-copy,.results-meta,.company-meta,.saved-meta,.date-text,.job-description,.company-list-item span{color:var(--muted)}.hero-card{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;width:min(520px,100%)}.metric,.panel,.job-card,.saved-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:var(--shadow)}.metric{padding:18px}.metric span{display:block;font-size:1.8rem;font-weight:700;margin-bottom:6px}.metric label{color:var(--muted)}.layout{display:grid;grid-template-columns:300px minmax(0,1fr) 340px;gap:20px}.panel{padding:20px}.filters label,.tracker label{display:grid;gap:8px;margin-bottom:16px;font-weight:600}.filters input,.filters select,.filters textarea,.tracker select,.tracker textarea{width:100%;padding:12px 14px;border:1px solid rgba(114,96,72,.24);border-radius:12px;background:#fffdfa}.checkbox-row{display:flex!important;gap:10px;align-items:center;font-weight:500!important}.checkbox-row input{width:auto}.results-header{display:flex;justify-content:space-between;align-items:center}button,.job-link{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;transition:transform .12s ease,opacity .12s ease;text-decoration:none}button:hover,.job-link:hover{transform:translateY(-1px)}.secondary{background:transparent;color:var(--text);border:1px solid rgba(114,96,72,.24)}.save-button,.job-link{background:var(--accent);color:#fff}.save-button.saved{background:var(--accent-soft);color:var(--accent)}.remove-button{background:#fff1ef;color:var(--danger)}.results,.saved-list,.company-list{display:grid;gap:16px}.job-card,.saved-card{padding:18px}.card-top,.saved-card-header,.job-actions{display:flex;justify-content:space-between;gap:12px;align-items:start}.job-actions{align-items:center;margin-top:16px}.job-title,.saved-name{margin-bottom:6px}.score-block{min-width:72px;text-align:center;padding:12px;border-radius:16px;background:#f0ebe2}.score-block strong{display:block;font-size:1.5rem}.score-block span{color:var(--muted);font-size:.86rem}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.tag,.source-pill,.match-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:.88rem}.tag{background:#f0ebe2;color:#3f3225}.source-pill{background:#e5f0ff;color:#204f8f}.source-pill.aggregator{background:#f8ead7;color:#925d19}.match-pill.positive{background:#dff5ea;color:#176b45}.match-pill.neutral{background:#f0ebe2;color:#5d4f43}.match-pill.negative{background:#fff1ef;color:#b42318}.tips,.insights-panel,.companies-panel{border-top:1px solid rgba(114,96,72,.16);padding-top:16px;margin-top:16px}.tips ul{padding-left:18px;color:var(--muted)}.empty-state{margin-top:18px;padding:26px;text-align:center;color:var(--muted);background:#ffffff8c;border-radius:16px;border:1px dashed rgba(114,96,72,.22)}.company-list-item{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid rgba(114,96,72,.12)}.company-list-item:last-child{border-bottom:0}@media (max-width: 1150px){.layout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start}.hero-card{width:100%;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
