/* ============================================================
   CGS Carbon — resources page styles
   Document cards, FAQ accordion, glossary list.
   ============================================================ */

.page-hero.on-photo{background-image:url(../img/resources-hero.jpg)}

/* ---------- document cards ---------- */
.doc-card .kind{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--teal);margin-bottom:14px}
.doc-card .avail{margin-top:auto;padding-top:20px;font-size:.85rem;color:var(--slate)}

/* ---------- FAQ accordion ---------- */
.acc details{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;margin-bottom:12px}
.acc summary{cursor:pointer;list-style:none;padding:22px 26px;font-weight:600;color:var(--ink);
  display:flex;justify-content:space-between;align-items:center;gap:20px;letter-spacing:-.02em}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";width:12px;height:12px;flex:none;border-right:2px solid var(--teal);
  border-bottom:2px solid var(--teal);transform:rotate(45deg) translateY(-3px);
  transition:transform .2s var(--ease)}
.acc details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.acc .ab{padding:0 26px 24px;color:var(--slate);font-size:.97rem}
.acc summary:hover{color:var(--teal-dark)}

/* ---------- glossary ---------- */
.glossary{margin:0}
.glossary div{border-top:1px solid var(--line);padding:24px 0;display:grid;
  grid-template-columns:240px 1fr;gap:28px}
.glossary div:last-child{border-bottom:1px solid var(--line)}
.glossary dt{font-weight:700;color:var(--ink);letter-spacing:-.02em}
.glossary dd{margin:0;color:var(--slate);font-size:.97rem;max-width:72ch}

@media(max-width:620px){
  .glossary div{grid-template-columns:1fr;gap:6px}
}