/* Oaklin opportunities.css v1.0 - 23rd Sep 2026. The role drawer; theme chrome, no content-block types. */
html.oak-ats-open,body.oak-ats-open{overflow:hidden}
.oak-ats-overlay{position:fixed;inset:0;z-index:900;background:#0b3a0cb3;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.oak-ats-overlay.is-open{opacity:1;visibility:visible}
.oak-ats{position:fixed;inset:0 0 0 auto;z-index:901;width:min(560px,100%);height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);box-shadow:-24px 0 80px #0b3a0c40;transform:translateX(102%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility .28s;overflow-wrap:anywhere;border-radius:var(--r-lg) 0 0 var(--r-lg);overflow:hidden}
.oak-ats.is-open{transform:none;visibility:visible}
.oak-ats-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px;background:#104911;color:#fff}
.oak-ats-brand{width:auto;height:38px}
.oak-ats-close{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px;color:#fff;border:1px solid #ffffff66;border-radius:999px;background:transparent;font-size:.9rem}
.oak-ats-close:hover{background:#ffffff1a}.oak-ats-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.oak-ats-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.oak-ats-head{padding:26px 32px 34px;background:#104911;color:#fff;position:relative}
.oak-ats-head:after{content:'';position:absolute;left:32px;bottom:0;width:64px;height:3px;border-radius:3px 3px 0 0;background:var(--orange)}
.oak-ats-eyebrow{display:block;margin:0 0 14px;color:var(--light);font-size:.72rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase}
.oak-ats-head h2{margin:0 0 14px;color:#fff;font-weight:200;font-size:clamp(2.2rem,4vw,3rem)}
.oak-ats-head p{color:#d7e6d2;font-size:1rem;line-height:1.7}
.oak-ats-count{padding:24px 32px 0;margin:0 0 14px;color:var(--muted);font-size:.85rem}
.oak-ats-list{padding:0 32px 10px}
.oak-ats-card{margin:0 0 22px;padding:26px;border-radius:var(--r-lg);background:var(--card);border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.oak-ats-programme{color:var(--accent-text);font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
.oak-ats-card h3{font-size:2rem;font-weight:300;margin:0}
.oak-ats-meta{display:flex;flex-wrap:wrap;gap:8px}.oak-ats-meta span{padding:6px 13px;border-radius:999px;background:var(--panel);font-size:.88rem;color:var(--forest)}
.oak-ats-closing{display:flex;align-items:center;gap:9px;font-size:.92rem;color:var(--ink);margin:0}.oak-ats-closing .ic{width:18px;height:18px;color:var(--orange)}
.oak-ats-card .btn{margin-top:6px}
.oak-ats-empty{padding:30px 26px;background:var(--panel);border-radius:var(--r-lg)}
.oak-ats-key{padding:26px 32px 34px;background:var(--panel);border-top:1px solid var(--line)}
.oak-ats-key h3{font-size:1.05rem;font-weight:500;margin:0 0 18px}
.oak-ats-key dl{display:grid;gap:18px;margin:0}.oak-ats-key dt{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--forest)}.oak-ats-key dt .ic{color:var(--orange);width:20px;height:20px}
.oak-ats-key dd{margin:6px 0 0 30px;font-size:.92rem;color:var(--muted);line-height:1.7}
.oak-ats-toolbar :focus-visible{outline-color:var(--mustard)}
html[data-theme=dark] .oak-ats-toolbar,html[data-theme=dark] .oak-ats-head{background:#0f3d11}
@media(max-width:560px){.oak-ats{border-radius:0}.oak-ats-toolbar{padding:12px 18px}.oak-ats-head{padding:22px 20px 30px}.oak-ats-head:after{left:20px}.oak-ats-count,.oak-ats-list,.oak-ats-key{padding-inline:20px}.oak-ats-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.oak-ats,.oak-ats-overlay{transition:none}}
@media print{.oak-ats,.oak-ats-overlay{display:none!important}}