/* Glossary hub and term pages. Loaded after page.css (certifyi-glossary.php). */

/* Hub hero: one column, with the filter box */
.cw-gloss-hero{padding-top:var(--cw-hero-top);padding-bottom:3.5rem;max-width:52rem}
.cw-gloss-hero .cw-lead{margin-top:1.25rem}
.cw-gloss-search{margin-top:2rem;max-width:34rem}
.cw-gloss-search label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-2);margin-bottom:.5rem}
.cw-gloss-search input{box-sizing:border-box;width:100%;min-height:48px;padding:.75rem 1rem;font:400 1rem/1.4 var(--cw-f);color:#1E293B;background:#fff;border:1px solid transparent;border-radius:var(--cw-r,6px)}
.cw-gloss-search input::placeholder{color:#64748B}
.cw-gloss-search input:focus{outline:2px solid #C5DCCB;outline-offset:2px}
#main.cw-page .cw-gloss-count{margin:.5rem 0 0;min-height:1.4em;font-size:.875rem;color:var(--cw-ink-2)}

/* A to Z: sticks under the fixed header */
.cw-gloss-az{position:sticky;top:var(--cfy-hdr-h,64px);z-index:5;background:var(--cw-white);border-bottom:1px solid var(--cw-line)}
.admin-bar .cw-gloss-az{top:calc(var(--cfy-hdr-h,64px) + 32px)}
.cw-gloss-az ol{list-style:none;margin:0;padding:.5rem 0;display:flex;flex-wrap:wrap;gap:.25rem}
#main.cw-page .cw-gloss-az li{margin:0}
.cw-gloss-az a{display:inline-grid;place-items:center;min-width:2.25rem;min-height:2.25rem;font-weight:600;font-size:.95rem;color:var(--cw-ink);text-decoration:none;border-radius:4px}
.cw-gloss-az a:hover{background:var(--cw-sunken);color:var(--cw-primary)}

/* The list: a letter, then ruled rows */
.cw-gloss-list{padding-top:2.5rem;padding-bottom:4.5rem}
.cw-gloss-group{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-top:1px solid var(--cw-line);scroll-margin-top:calc(var(--cfy-hdr-h,64px) + 4rem)}
#main.cw-page .cw-gloss-group h2{font-size:2rem;line-height:1;color:var(--cw-ink-2)}
.cw-gloss-rows{margin:0}
.cw-gloss-rows>div{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;padding:1rem 0;border-bottom:1px solid var(--cw-line);scroll-margin-top:calc(var(--cfy-hdr-h,64px) + 4rem)}
.cw-gloss-rows>div:last-child{border-bottom:0}
.cw-gloss-rows>div[hidden]{display:none}
.cw-gloss-rows dt{font-size:1rem;font-weight:600;line-height:1.4}
#main.cw-page .cw-gloss-rows dt a{display:inline-block;padding:.15rem 0;color:var(--cw-ink);text-decoration:underline;text-decoration-color:var(--cw-line-strong);text-underline-offset:.2em}
#main.cw-page .cw-gloss-rows dt a:hover{color:var(--cw-primary);text-decoration-color:currentColor}
#main.cw-page .cw-gloss-rows dd{margin:0;max-width:68ch;color:var(--cw-ink-2);font-size:.95rem}
.cw-gloss-note{display:block;margin-top:.35rem;font-size:.8125rem;color:var(--cw-ink-2)}
#main.cw-page .cw-gloss-empty{padding:2rem 0;color:var(--cw-ink-2)}

/* Term page */
#main.cw-page .cw-gloss-crumb{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:.25em}
#main.cw-page .cw-gloss-crumb:hover{text-decoration-color:currentColor}
.cw-gloss-page .cw-gloss-rows>div{grid-template-columns:13rem minmax(0,1fr)}
.cw-gloss-see{margin:0 0 3.5rem;padding:1.25rem 1.5rem;border:1px solid var(--cw-line);border-radius:var(--cw-r,6px);background:var(--cw-white)}
#main.cw-page .cw-gloss-see-h{margin:0 0 .5rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cw-ink-2)}
.cw-gloss-see ul{list-style:none;margin:0;padding:0}
#main.cw-page .cw-gloss-see li{margin:0;padding:.3rem 0}

@media (max-width:1024px){
  .cw-gloss-rows>div,.cw-gloss-page .cw-gloss-rows>div{grid-template-columns:11rem minmax(0,1fr);gap:1.25rem}
}
@media (max-width:640px){
  .cw-gloss-group{grid-template-columns:1fr;gap:.5rem}
  .cw-gloss-rows>div,.cw-gloss-page .cw-gloss-rows>div{grid-template-columns:1fr;gap:.35rem}
  .cw-gloss-az ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}