/* references page: complete text-only project list (reflist step) */
.rl{background:linear-gradient(180deg,#06101f,#050d1a);border-top:1px solid rgba(243,199,122,.14);padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
.rl,.rl *{box-sizing:border-box}
.rl{font-family:"Inter","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif}
.rl-head{max-width:860px;margin-bottom:40px}
.rl-head .eyebrow{color:#f3c77a}
.rl-head h2{margin:0 0 16px;font-size:clamp(28px,3.4vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#f2f6fc}
.rl-lead{margin:0;color:#9fb0cb;font-size:16px;line-height:1.65;max-width:760px}
.rl-tools{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px 20px;align-items:end;margin-bottom:8px}
.rl-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.rl-f label,.rl-chl{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8294b1}
.rl-in{width:100%;height:46px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0a1629;color:#eaf0f9;font:inherit;font-size:15px;appearance:none;-webkit-appearance:none}
select.rl-in{padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#9fb0cb 50%),linear-gradient(135deg,#9fb0cb 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 15px) 20px;background-size:5px 5px;background-repeat:no-repeat;text-overflow:ellipsis}
.rl-in::placeholder{color:#6f819e}
.rl-in:hover{border-color:rgba(243,199,122,.4)}
.rl-in:focus-visible,.rl-chip:focus-visible,.rl-reset:focus-visible{outline:2px solid #f3c77a;outline-offset:2px}
.rl-fs{display:none}
.rl-chips{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;min-width:0}
.rl-cr{display:flex;flex-wrap:wrap;gap:8px}
.rl-chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:#dbe4f2;font:inherit;font-size:13.5px;line-height:1;cursor:pointer;transition:background .25s,border-color .25s,color .25s;max-width:100%}
.rl-chip b{font-weight:500;font-size:11.5px;color:#8294b1;font-variant-numeric:tabular-nums}
.rl-chip:hover{border-color:rgba(243,199,122,.5);background:rgba(243,199,122,.08);color:#fff}
.rl-chip.on{background:#f3c77a;border-color:#f3c77a;color:#07122a;font-weight:600}.rl-chip.on b{color:#4b3a12}
.rl-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;margin-top:6px}
.rl-count{margin:0;font-size:14px;color:#9fb0cb;font-variant-numeric:tabular-nums}.rl-count b{color:#f3c77a;font-weight:600;font-size:15px}
.rl-reset{background:none;border:0;border-bottom:1px solid rgba(243,199,122,.5);color:#f3c77a;font:inherit;font-size:13.5px;padding:4px 0;cursor:pointer;min-height:32px}
.rl-reset:hover{color:#fff;border-bottom-color:#fff}
.rl-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr) 210px;gap:24px;padding:12px 16px;margin-top:10px;border-bottom:1px solid rgba(243,199,122,.3);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8294b1}
.rl-cols span,.rl-n,.rl-l,.rl-s{min-width:0}
.rl-grp{margin-top:34px}.rl-grp:first-child{margin-top:18px}
.rl-gh{display:flex;align-items:baseline;gap:12px;margin:0 0 4px;padding:0 16px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#f3c77a}
.rl-gn{font-size:12px;font-weight:500;letter-spacing:.04em;color:#8294b1;font-variant-numeric:tabular-nums}
.rl-ul{list-style:none;margin:0;padding:0}
.rl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.46fr) 210px;gap:24px;align-items:center;height:62px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s}
.rl-row:hover{background:rgba(243,199,122,.05)}
.rl-n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:15px;line-height:1.35;font-weight:500;color:#eef3fb;overflow-wrap:anywhere}
.rl-l{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:#9fb0cb}
.rl-ci{color:#c9d5e8}.rl-ci+.rl-co:before{content:", "}
.rl-s{display:block;overflow:hidden}
.rl-t{display:inline-block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;padding:5px 11px;border-radius:99px;border:1px solid rgba(243,199,122,.3);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#f3c77a;line-height:1.2}
.rl-empty{margin:28px 0;padding:28px 16px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;color:#9fb0cb;text-align:center}
.rl-src{margin:32px 0 0;max-width:820px;font-size:13px;line-height:1.6;color:#7487a6}
.rl [hidden]{display:none!important}
@media(max-width:1000px){.rl-row,.rl-cols{grid-template-columns:minmax(0,1fr) minmax(0,.5fr) 180px;gap:16px}}
@media(max-width:760px){
.rl-tools{grid-template-columns:1fr;gap:14px}
.rl-fs{display:flex}.rl-chips{display:none}
.rl-in{height:48px;font-size:16px}
.rl-cols{display:none}
.rl-gh{padding:0 4px}
.rl-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;row-gap:6px;column-gap:12px;height:88px;padding:0 4px}
.rl-n{grid-column:1/-1;font-size:15px}
.rl-l{grid-column:1;grid-row:2;align-self:center}
.rl-s{display:block;grid-column:2;grid-row:2;align-self:center;max-width:46vw}
.rl-t{font-size:10px;padding:4px 9px}
}
@media(prefers-reduced-motion:reduce){.rl *{transition:none!important}}
