/* Access catalogue (/programs/access/catalogue) and its teaser on /programs/access. Tokens only, so dark mode follows
   org.css. Filtering is assets/js/catalogue.js; without JavaScript the filters are hidden and every entry shows. */

/* Filters */
.ac-filters{display:none;gap:1.4rem 2.5rem;align-items:end;flex-wrap:wrap;padding:1.5rem 1.6rem;margin:0 0 clamp(2.5rem,2rem + 2vw,4rem);border-radius:20px;background:var(--paper-3);border:1px solid var(--line)}
.js .ac-filters{display:flex}
.ac-seg{border:0;margin:0;padding:0;min-width:0}
.ac-seg legend{padding:0;margin:0 0 .7rem;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ac-seg__opts{display:flex;flex-wrap:wrap;gap:.45rem}
.ac-seg label{position:relative;display:inline-flex}
.ac-seg input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.ac-seg span{display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border-radius:999px;border:1px solid var(--line-2);font-size:.9rem;font-weight:500;color:var(--body);transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.ac-seg label:hover span{border-color:var(--text);color:var(--text)}
.ac-seg input:checked+span{background:var(--ink-bg);border-color:var(--ink-bg);color:var(--ink-fg)}
.ac-seg input:focus-visible+span{outline:2px solid var(--sun);outline-offset:2px}
.ac-count{margin:0 0 .55rem auto;color:var(--muted);letter-spacing:.06em}
@media (max-width:760px){.ac-filters{padding:1.2rem}.ac-count{margin-left:0}}

/* Groups */
.ac-group+.ac-group{margin-top:clamp(3rem,2rem + 3vw,5rem)}
.ac-group__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--text)}
.ac-group__head .h3{margin:0}
.ac-group__head .h3 a{text-decoration:none}
.ac-group__head .h3 a:hover{text-decoration:underline;text-decoration-color:var(--sun)}
.ac-group__head p{margin:0;letter-spacing:.08em}

/* One application */
.ac-app{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:1.5rem clamp(2rem,1rem + 4vw,5rem);padding:clamp(2rem,1.6rem + 1.5vw,3rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.ac-app:target{background:linear-gradient(90deg,var(--paper-3),transparent 80%)}
.ac-app__num{display:block;color:var(--sun-ink);margin-bottom:1rem;font-size:.78rem}
.ac-app__name{font-family:var(--f-display);font-weight:360;font-size:clamp(1.5rem,1.25rem + .8vw,2rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 .7rem}
.ac-app__head{font-family:var(--f-display);font-style:italic;font-weight:320;font-size:1.12rem;line-height:1.4;color:var(--muted);margin:0 0 1.2rem;max-width:26rem}
.ac-orgs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.ac-orgs li{display:inline-flex;align-items:center;height:28px;padding:0 .75rem;border-radius:999px;border:1px solid var(--line-2);font-family:var(--f-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ac-also{margin:.8rem 0 0;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ac-pair{margin:0 0 1.3rem}
.ac-pair h4{font-family:var(--f-mono);font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sun-ink);margin:0 0 .45rem}
.ac-pair p{margin:0;color:var(--body);max-width:40rem}
.ac-more{margin:0 0 1.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ac-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;font-weight:600;font-size:.93rem}
.ac-more summary::-webkit-details-marker{display:none}
.ac-more summary::after{content:"";flex:none;width:.6rem;height:.6rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .3s var(--ease)}
.ac-more[open] summary::after{transform:rotate(-135deg) translateY(-3px)}
.ac-limits{margin:0 0 1rem;padding-left:1.1rem;color:var(--body);font-size:.95rem}
.ac-limits li{margin:.35rem 0}
.ac-limits li::marker{color:var(--sun-ink)}
.ac-facts{display:grid;gap:.8rem;margin:0 0 1rem}
.ac-facts dt{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ac-facts dd{margin:.15rem 0 0;color:var(--body);font-size:.95rem}
.ac-src{font-size:.85rem;color:var(--muted);margin:0 0 1rem}
.ac-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.6rem;margin:0}
.ac-apply{color:var(--sun-ink)}
.ac-links .link-arrow svg{flex:none}
@media (max-width:860px){.ac-app{grid-template-columns:1fr}.ac-app__head{max-width:none}}

.ac-empty{padding:2.5rem 0;border-top:1px solid var(--line)}
.ac-empty[hidden],.ac-app[hidden],.ac-group[hidden]{display:none}
.ac-terms{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(2rem,1rem + 5vw,6rem);align-items:start}
@media (max-width:900px){.ac-terms{grid-template-columns:1fr}}
.ac-notes p{color:var(--body)}

/* Teaser on /programs/access */
.ac-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,1rem + 5vw,6rem);align-items:center;padding:clamp(2rem,1.5rem + 3vw,4rem);border-radius:28px;background:var(--paper-3);border:1px solid var(--line)}
.ac-teaser .h2{margin-bottom:1rem}
.ac-teaser__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ac-teaser__list a{display:block;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .35s var(--ease)}
.ac-teaser__list li:last-child a{border-bottom:0}
.ac-teaser__list a:hover{padding-left:.6rem}
.ac-teaser__list .mono{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sun-ink);margin-bottom:.25rem}
.ac-teaser__list strong{font-family:var(--f-display);font-weight:380;font-size:1.25rem;letter-spacing:-.01em}
@media (max-width:860px){.ac-teaser{grid-template-columns:1fr}}

@media print{.ac-filters,.ac-links,.ac-empty{display:none!important}.ac-more{border:0}.ac-more>*{display:block}.ac-app{break-inside:avoid;grid-template-columns:1fr 1.6fr!important}.ac-teaser{background:#fff!important}}