/* Sarkarijob Search: lightweight, accessible government job notice board. */
:root{--ink:#1f2937;--muted:#526174;--blue:#163b63;--line:#d5dde6;--paper:#f4f6f8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,"Segoe UI",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,summary{cursor:pointer}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b06e00;outline-offset:3px}.wrap{max-width:1200px;margin:auto;padding:0 24px}.navbar{background:#fff;border-top:4px solid var(--blue);border-bottom:1px solid var(--line)}.nav-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:24px;font-weight:700;color:var(--blue);line-height:1.2}.wordmark{display:flex;flex-direction:column}.logo small{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:5px}.navbar nav{display:flex;gap:22px;flex-wrap:wrap}.navbar nav a{font-size:14px}.nav-cta{border:1px solid var(--blue);padding:8px 14px;border-radius:3px;font-weight:600}.first-screen{padding:28px 0;background:#eef3f8;border-bottom:1px solid var(--line)}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow,.subhead{font-size:11px;letter-spacing:.7px;font-weight:700;color:var(--blue)}h1{font-size:32px;line-height:1.25;margin:10px 0 12px;letter-spacing:-.5px}h2{font-size:22px;line-height:1.3;margin:8px 0 14px}h3{font-size:18px;line-height:1.45;margin:9px 0}p{margin:8px 0 14px}.intro p{color:var(--muted);max-width:760px}.listing-counter{border-left:1px solid var(--line);padding-left:24px;display:flex;align-items:center;gap:12px;flex-shrink:0}.listing-counter strong{font-size:30px;color:var(--blue)}.listing-counter span{font-size:12px;color:var(--muted);line-height:1.4}.profile-panel,.results-panel,.source-disclosure,.notice-detail{background:#fff;border:1px solid var(--line);border-radius:4px}.profile-panel{padding:20px 24px}.panel-title h2{font-size:20px;margin:4px 0 14px}#profile-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:13px;font-weight:600}.optional{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}input,select{border:1px solid #9daaba;border-radius:3px;color:var(--ink);background:#fff;min-width:0;max-width:100%}.field input,.field select{width:100%;min-height:42px;padding:8px 10px;font-size:14px}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.primary-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:3px;padding:10px 20px;font-weight:600}.primary-btn:hover{background:#0d2c4b}.text-btn,.filter-clear{background:none;border:0;color:var(--blue);text-decoration:underline;padding:5px 0;font-size:13px}.privacy-note{grid-column:1/-1;font-size:12px;color:var(--muted);margin:0}.listings-section{padding:24px 0 42px}.results-panel{padding:24px}.results-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.results-head h2 span{font-size:16px;padding:2px 7px;background:#eef3f8;color:var(--blue);border-radius:3px}.results-head p{font-size:13px;color:var(--muted);margin:0}.update-pill{font-size:12px;white-space:nowrap;color:var(--muted)}.filter-bar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(4,minmax(110px,1fr));gap:10px}.filter-bar select,.filter-bar input{width:100%;min-height:42px;font-size:13px;padding:8px}.search-field{display:flex;position:relative}.search-field>span{display:none}.toggle-bar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:16px 0}.check{display:flex;align-items:center;gap:7px;font-size:13px}.check input{width:16px;height:16px;accent-color:var(--blue)}.filter-clear{margin-left:auto}.results-list{display:grid;gap:0}.job-card{padding:18px 0;border-top:1px solid var(--line)}.job-card:last-child{border-bottom:1px solid var(--line)}.job-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.agency{font-size:12px;color:var(--muted)}.agency-symbol{display:none}.status{font-size:11px;padding:3px 8px;border:1px solid #c7ced8;border-radius:3px;color:#4b5563}.status.review{background:#fff9eb;color:#775000;border-color:#e4d2a8}.status.eligible{background:#edf7f1;color:#225839}.status.ineligible,.status.expired{background:#f5f5f5;color:#555}.job-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.reason{color:var(--muted);font-size:13px;margin:8px 0}.job-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.explain{border:0;background:none;color:var(--blue);padding:3px;font-size:12px}.evidence{margin-top:12px;padding:14px;background:var(--paper);font-size:13px}.evidence-row{padding:8px 0;border-bottom:1px solid var(--line)}.evidence-row>span{margin-left:12px}.ev-pass{color:#225839}.ev-fail{color:#9b2525}.match-feedback{padding:12px 14px;background:#edf3fa;border-left:3px solid var(--blue);font-size:13px;margin-bottom:16px}.empty-state{padding:30px 10px;color:var(--muted);text-align:center}.result-footer{font-size:12px;color:var(--muted);margin-top:18px}.demo-disclosure{font-size:12px;margin-top:18px}.demo-disclosure label{margin-top:10px}.source-disclosure{padding:16px 20px;margin-top:20px}.source-disclosure summary{font-weight:600}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.source-card{border:1px solid var(--line);border-radius:3px;padding:12px;display:flex;justify-content:space-between;gap:10px;font-size:13px}.source-card small{display:block;color:var(--muted);font-size:11px;margin-top:5px}footer{background:#fff;border-top:1px solid var(--line);padding:20px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer-brand{font-size:18px}.footer-inner p{margin:0}.detail-page{padding-top:24px;padding-bottom:40px;min-height:70vh}.detail-page>h1{margin-top:20px}.notice-detail{padding:28px;max-width:900px}.notice-detail h1{font-size:28px}.notice-detail h2{font-size:20px;margin-top:26px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:16px}dl{display:grid;grid-template-columns:190px 1fr;border-top:1px solid var(--line);margin:24px 0}dt,dd{margin:0;padding:10px;border-bottom:1px solid var(--line);font-size:14px}dt{background:var(--paper);font-weight:600}.official-link{font-weight:600;text-decoration:underline}[hidden]{display:none!important}
@media(max-width:1000px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-cta{display:none}}
@media(max-width:650px){.wrap{padding-left:16px;padding-right:16px}.nav-inner{padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:14px}.logo{font-size:21px}.navbar nav{gap:18px}.navbar nav a{font-size:12px}.intro{display:block}.listing-counter{display:flex;border-left:0;padding-left:0;margin:10px 0 0}h1{font-size:27px}.eyebrow{font-size:9px}#profile-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-panel,.results-panel{padding:16px}.field label{font-size:12px}.field input,.field select{font-size:13px}.form-actions{gap:12px}.primary-btn{width:100%}.results-head{align-items:flex-start;flex-direction:column;gap:8px}.job-top{align-items:flex-start;flex-direction:column;gap:6px}.job-actions{align-items:flex-start;flex-direction:column;gap:8px}.filter-clear{margin-left:0}.toggle-bar{gap:12px}.source-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}.notice-detail{padding:18px}.notice-detail h1{font-size:24px}dl{grid-template-columns:1fr}dt{padding-bottom:3px;border-bottom:0}dd{padding-top:3px;overflow-wrap:anywhere}}
@media(max-width:370px){#profile-form,.filter-bar{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.confidence-summary{font-size:12px;color:#163b63;font-weight:600}.ranking-note{font-size:12px;color:#526174;margin-top:12px;max-width:950px}.confidence-detail{border-top:1px solid #d5dde6;margin-top:24px;padding-top:12px}.confidence-detail li{font-size:13px}

/* Modern, accessible presentation; one layout with a remembered light/dark choice. */
:root {
 --ink:#142539;--muted:#5a6a80;--blue:#175e83;--line:#dbe4ed;--paper:#f3f7fc;
 --surface:#fff;--surface-soft:#eef5fb;--hero:#e9f4fc;--field:#fff;
 --shadow:0 12px 32px rgba(26,54,88,.055);--hover:#c0d8e8;
 color-scheme:light;
}
:root[data-theme="dark"] {
 --ink:#eaf2ff;--muted:#b0bed1;--blue:#8acbfb;--line:#2c4059;--paper:#0b1523;
 --surface:#142337;--surface-soft:#1b2e43;--hero:#132a43;--field:#17283e;
 --shadow:0 12px 36px rgba(0,0,0,.18);--hover:#456482;
 color-scheme:dark;
}
body {background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.navbar,footer {background:var(--surface);border-color:var(--line)}
.navbar {border-top:3px solid var(--blue)}
.nav-inner {min-height:84px;gap:20px}
.brand-block {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;flex-shrink:0}
.brand-block .logo {font-size:22px;letter-spacing:-.5px}
.brand-block .wordmark small {font-size:9px;letter-spacing:1.15px;margin-top:2px}
.navbar nav a {font-weight:600;color:var(--muted)}
.navbar nav a:hover {color:var(--blue)}
.header-actions {display:flex;align-items:center;gap:12px}
.theme-toggle {
 border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;
 border-radius:12px;padding:7px 12px;font-weight:650;font-size:13px;white-space:nowrap;
 transition:background-color .15s,border-color .15s;
}
.theme-toggle:hover {border-color:var(--hover)}
.theme-icon {font-size:21px;line-height:1}
.nav-cta {border-radius:11px;padding:9px 14px;white-space:nowrap}
.feed-status {
 display:inline-flex;align-items:center;gap:7px;border-radius:999px;
 background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);
 padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:.3px;line-height:1.4;
}
.feed-dot {height:7px;width:7px;display:inline-block;border-radius:50%;background:#97a4b1;flex-shrink:0}
.feed-status[data-state="live"] {background:#e9f9f0;color:#12613c;border-color:#b8e8cc}
.feed-status[data-state="live"] .feed-dot {background:#18a766;box-shadow:0 0 0 3px rgba(24,167,102,.12)}
.feed-status[data-state="recent"] {background:#fff8e8;color:#785119;border-color:#ebddb8}
.feed-status[data-state="recent"] .feed-dot {background:#c78f24}
.feed-status[data-state="stale"] .feed-dot,.feed-status[data-state="unknown"] .feed-dot {background:#9a6175}
:root[data-theme="dark"] .feed-status[data-state="live"] {background:#133d31;color:#94f4bd;border-color:#276347}
:root[data-theme="dark"] .feed-status[data-state="recent"] {background:#3d3222;color:#ffe6a2;border-color:#655230}
.first-screen {background:linear-gradient(130deg,var(--hero),var(--paper));border-color:var(--line);padding:34px 0 30px}
.eyebrow,.subhead {color:var(--blue)}
h1 {font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-1px}
.intro p {color:var(--muted)}
.listing-counter {border-color:var(--line)}
.listing-counter strong {color:var(--blue)}
.listing-counter span {color:var(--muted)}
.profile-panel,.results-panel,.source-disclosure,.notice-detail {
 background:var(--surface);border-color:var(--line);border-radius:18px;
 box-shadow:var(--shadow);
}
.profile-panel {padding:26px}
.profile-panel h2 {font-size:22px;font-weight:750}
input,select {color:var(--ink);background:var(--field);border-color:var(--line);border-radius:10px}
input::placeholder {color:var(--muted);opacity:.82}
.field input,.field select,.filter-bar input,.filter-bar select {min-height:45px;border-radius:10px}
.field input:focus,.field select:focus,.filter-bar input:focus,.filter-bar select:focus {border-color:var(--blue)}
.primary-btn {border-radius:11px;min-height:46px;padding:10px 22px}
:root[data-theme="dark"] .primary-btn {background:#217bac;color:#fff;border-color:#217bac}
:root[data-theme="dark"] .primary-btn:hover {background:#186890}
.text-btn,.filter-clear {color:var(--blue)}
.results-panel {padding:26px}
.results-head h2 #results-title {font-size:inherit;padding:0;background:none;border-radius:0;color:var(--ink)}
.results-head h2 #job-count {background:var(--surface-soft);color:var(--blue);border-radius:8px}
.update-pill {color:var(--muted)}
.toggle-bar {gap:22px}
.check input {accent-color:var(--blue)}
.results-list {gap:10px}
.job-card {
 border:1px solid var(--line);border-radius:13px;padding:17px 18px;
 background:var(--surface);transition:border-color .15s,box-shadow .15s;
}
.job-card:last-child {border-bottom:1px solid var(--line)}
.job-card:hover {border-color:var(--hover);box-shadow:0 4px 15px rgba(20,65,97,.055)}
.job-card h3 {margin:8px 0 10px;font-size:17px;line-height:1.4}
.job-top .agency {color:var(--muted);font-weight:600}
.job-meta,.reason {color:var(--muted)}
.status {background:var(--surface-soft);color:var(--muted);border-color:var(--line);border-radius:999px}
:root[data-theme="dark"] .status.review {background:#3d3020;color:#ffda9e;border-color:#6f512b}
:root[data-theme="dark"] .status.eligible {background:#173f34;color:#a9f6cb;border-color:#275f4b}
:root[data-theme="dark"] .status.ineligible,:root[data-theme="dark"] .status.expired {background:var(--surface-soft);color:var(--muted)}
.match-feedback {background:var(--surface-soft);border-color:var(--blue);border-radius:9px}
.source-card,.evidence {background:var(--surface-soft);border-color:var(--line);border-radius:10px}
.result-footer,.footer-inner {color:var(--muted)}
dt {background:var(--surface-soft)}
dd,dt {border-color:var(--line)}
.confidence-summary {color:var(--blue)}
@media(max-width:1000px){
 .navbar nav {gap:14px}
}
@media(max-width:650px){
 .nav-inner {padding-top:12px;padding-bottom:10px;gap:10px;align-items:center}
 .brand-block {order:0;flex:1 1 auto;min-width:0}
 .brand-block .logo {font-size:20px}
 .brand-block .wordmark small {font-size:8px}
 .header-actions {order:1;margin-left:auto}
 .theme-toggle {width:42px;height:42px;padding:0}
 .theme-label {display:none}
 .navbar nav {order:2;flex:1 0 100%;width:100%;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;padding:8px 0 2px}
 .navbar nav a {font-size:12px}
 .first-screen {padding-top:20px}
 .intro {margin-bottom:14px}
 .listing-counter {gap:10px}
 .listing-counter strong {font-size:26px}
 .profile-panel,.results-panel {padding:17px;border-radius:15px}
 .job-card {padding:15px;border-radius:12px}
 .job-card h3 {font-size:16px}
 .results-head {gap:8px}
 .update-pill {font-size:11px;white-space:normal}
 .source-disclosure {border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
 .job-card,.theme-toggle {transition:none}
}
