/* Public Policy India and STRIDE: career database pages.
   Loaded only on /resources/* pages, after site.css. Uses site.css tokens only. */
.page-hero .eyebrow a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.db-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0 0;font:700 13px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.db-meta span+span::before{content:"·";margin-right:18px;color:var(--line-2)}
.db-note{margin-top:22px;max-width:70ch}
.db-note p{font-size:15px;color:var(--body)}

.db-tools{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 0}
.db-tools .wrap{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.db-tools label{display:block;min-width:0}
.db-tools label>span{display:block;font:700 11.5px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.db-tools .input,.db-tools .select{min-height:42px;font-size:15px}
.db-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px;font-size:15px;color:var(--muted)}
.db-status button{background:none;border:0;padding:6px 0;font:700 14px/1.2 var(--sans);color:var(--ppi);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.db-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.db-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-top:3px solid var(--ppi);border-radius:var(--r);padding:20px 22px 18px;min-width:0}
.db-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.db-chip{display:inline-block;padding:3px 9px;border-radius:99px;background:var(--lav-wash);color:var(--ppi);font:700 11.5px/1.4 var(--sans);letter-spacing:.04em}
.db-chip.gold{background:var(--gold-wash);color:var(--gold)}
.db-name{font-size:clamp(19px,1.7vw,21px);margin:0 0 6px;overflow-wrap:anywhere}
.db-name a{color:var(--ink);text-decoration:none}
.db-name a:hover{color:var(--ppi);text-decoration:underline}
.db-by{font-size:14.5px;color:var(--muted);margin:0 0 14px}
.db-facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0 0 12px;font-size:15px;line-height:1.5}
.db-facts dt{font-weight:700;color:var(--ink)}
.db-facts dd{margin:0;overflow-wrap:anywhere}
.db-desc{font-size:15.5px;line-height:1.6;margin:0 0 12px;color:var(--body)}
.db-when{font-size:14.5px;margin:0 0 14px;color:var(--muted)}
.db-when strong{color:var(--ink)}
.db-who{font-size:15px;line-height:1.55;margin:0 0 14px}
.db-go{margin-top:auto;align-self:flex-start;font:700 14.5px/1.3 var(--sans)}
.db-go::after{content:" →"}
[data-body]{padding-bottom:var(--pad-y)}
.db-empty{padding:28px;border:1px dashed var(--line-2);border-radius:var(--r);text-align:center;color:var(--muted)}
.db-lock{padding:36px 28px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);text-align:center;max-width:640px;margin:40px auto}
.db-lock p{margin:0 auto 18px;max-width:52ch}

@media (max-width:980px){
  .db-tools .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .db-tools .db-q{grid-column:1/-1}
}
@media (max-width:640px){
  .db-meta{flex-direction:column;gap:4px}
  .db-meta span+span::before{content:none}
}
@media (max-width:760px){
  .db-list{grid-template-columns:1fr}
  .db-tools{position:static}
}
@media (max-width:420px){
  .db-tools .wrap{grid-template-columns:1fr}
  .db-facts{grid-template-columns:1fr;gap:0}
  .db-facts dd{margin-bottom:8px}
}
@media print{.db-tools,.db-status button{display:none}.db-list{grid-template-columns:1fr}.db-card{break-inside:avoid}}