/* Resources hub, glossary and events (src/components/pages/resources/*-content.htm). Builds on /qabout.css (.q-ab). */
.q-res .qr-hero{min-height:auto;padding:170px 0 70px}
@media(max-width:760px){.q-res .qr-hero{padding:130px 0 50px}}
.q-res .qr-hero .qa-h1{text-wrap:balance}
.q-res .qa-h2{text-wrap:balance}
.q-res .qr-grid{display:grid;gap:14px;margin-top:40px}
.q-res .qr-g2{grid-template-columns:1fr 1fr}
.q-res .qr-g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.q-res .qr-g3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.q-res .qr-g2,.q-res .qr-g3{grid-template-columns:1fr}}
.q-res .qr-card{display:flex;flex-direction:column;padding:24px;border-radius:22px;border:1px solid var(--q-line);background:var(--q-card);transition:border-color .3s,transform .3s}
.q-res .qr-card:hover{border-color:var(--q-cyan);transform:translateY(-3px)}
.q-res .qr-card.qr-wide{padding:30px;border-color:var(--q-line2);background:radial-gradient(420px 220px at 100% 0,rgba(34,211,238,.12),transparent),var(--q-card)}
.q-res .qr-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.q-res .qr-top i{font-style:normal;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:16px;color:var(--q-cyan);background:rgba(34,211,238,.12)}
.q-res .qr-tag{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--q-mut)}
.q-res .qr-card b{font-size:18px;letter-spacing:-.01em;color:var(--q-tx)}
.q-res .qr-card.qr-wide b{font-size:22px}
.q-res .qr-card p{color:var(--q-sub);font-size:14.5px;margin-top:8px}
.q-res .qr-go{margin-top:auto;padding-top:16px;font-size:13.5px;font-weight:650;color:var(--q-cyan)}
.q-res .qr-vss{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
@media(max-width:960px){.q-res .qr-vss{grid-template-columns:1fr 1fr}}
.q-res .qr-vs{display:flex;align-items:baseline;gap:8px;padding:18px 20px;border-radius:18px;border:1px solid var(--q-line);background:var(--q-card);transition:border-color .3s,transform .3s;flex-wrap:wrap}
.q-res .qr-vs:hover{border-color:var(--q-cyan);transform:translateY(-2px)}
.q-res .qr-vs span{font-weight:700;color:var(--q-cyan)}
.q-res .qr-vs i{font-style:normal;font-size:12px;color:var(--q-mut)}
.q-res .qr-vs b{font-size:16px;color:var(--q-tx)}
.q-res .qr-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.q-res .qr-post{display:block;border-radius:22px;overflow:hidden;border:1px solid var(--q-line);background:var(--q-card);transition:border-color .3s,transform .3s}
.q-res .qr-post:hover{border-color:var(--q-cyan);transform:translateY(-3px)}
.q-res .qr-cover{display:block;aspect-ratio:16/9;background:#0b1a2e center/cover}
.q-res .qr-post>div{padding:18px 20px 20px}
.q-res .qr-post small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--q-cyan)}
.q-res .qr-post b{display:block;font-size:16.5px;line-height:1.35;margin-top:6px;color:var(--q-tx)}
.q-res .qr-date{display:block;font-size:12.5px;color:var(--q-mut);margin-top:10px}
/* glossary */
.q-gloss .qr-tools{position:sticky;top:84px;z-index:5;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px;border-radius:20px;border:1px solid var(--q-line2);background:color-mix(in srgb,var(--q-ink) 82%,transparent);backdrop-filter:blur(12px)}
.q-gloss .qr-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;padding:0 14px;height:46px;border-radius:14px;border:1px solid var(--q-line2);background:var(--q-card)}
.q-gloss .qr-search span{color:var(--q-mut);font-size:18px}
.q-gloss .qr-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--q-tx);font-size:15px}
.q-gloss .qr-search input::placeholder{color:var(--q-mut)}
.q-gloss .qr-search:focus-within{border-color:var(--q-cyan);box-shadow:0 0 0 4px rgba(34,211,238,.12)}
.q-gloss .qr-az{display:flex;flex-wrap:wrap;gap:4px}
.q-gloss .qr-az a{min-width:30px;height:30px;padding:0 6px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--q-sub)}
.q-gloss .qr-az a:hover{background:rgba(34,211,238,.12);color:var(--q-cyan)}
.q-gloss .qr-az a.qr-off{opacity:.3;pointer-events:none}
.q-gloss .qr-empty{margin-top:30px;color:var(--q-sub)}
.q-gloss .qr-gloss{margin-top:20px}
.q-gloss .qr-letter{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--q-line);scroll-margin-top:170px}
@media(max-width:640px){.q-gloss .qr-letter{grid-template-columns:1fr;gap:10px}}
.q-gloss .qr-l{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#67e8f9,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.q-gloss .qr-terms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:860px){.q-gloss .qr-terms{grid-template-columns:1fr}}
.q-gloss .qr-term{padding:18px 20px;border-radius:18px;border:1px solid var(--q-line);background:var(--q-card);scroll-margin-top:170px;transition:border-color .3s}
.q-gloss .qr-term:hover,.q-gloss .qr-term:target{border-color:var(--q-cyan)}
.q-gloss .qr-term h2{font-size:17px!important;font-weight:650!important;letter-spacing:-.01em;margin:0!important;color:var(--q-tx)!important;line-height:1.3!important}
.q-gloss .qr-term p{color:var(--q-sub);font-size:14.5px;margin-top:6px}
.q-gloss mark{background:rgba(34,211,238,.25);color:inherit;border-radius:3px;padding:0 1px}
/* events */
.q-events .qr-reg{padding:22px;border-radius:20px;border:1px solid var(--q-line);background:var(--q-card)}
.q-events .qr-reg i{font-style:normal;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:var(--q-cyan);background:rgba(34,211,238,.12);margin-bottom:14px}
.q-events .qr-reg b{font-size:17px;color:var(--q-tx)}
.q-events .qr-reg p{color:var(--q-sub);font-size:14.5px;margin-top:6px}
.q-events .qr-freq{display:inline-block;margin-top:14px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(167,139,250,.14);color:var(--q-violet)}
.q-events .qr-regcta{margin-top:22px}
.q-events .qr-evs{display:grid;gap:16px;margin-top:40px}
.q-events .qr-ev{display:grid;grid-template-columns:340px 1fr;border-radius:22px;overflow:hidden;border:1px solid var(--q-line);background:var(--q-card);transition:border-color .3s,transform .3s}
.q-events .qr-ev:hover{border-color:var(--q-cyan);transform:translateY(-2px)}
@media(max-width:760px){.q-events .qr-ev{grid-template-columns:1fr}}
.q-events .qr-evimg{min-height:200px;background:#0b1a2e center/cover}
.q-events .qr-evb{padding:24px 26px;display:flex;flex-direction:column}
.q-events .qr-evm{display:flex;gap:10px;flex-wrap:wrap}
.q-events .qr-when{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:rgba(34,211,238,.12);color:var(--q-cyan)}
.q-events .qr-where{font-size:12.5px;color:var(--q-mut);align-self:center}
.q-events .qr-ev b{font-size:21px;letter-spacing:-.02em;margin-top:12px;color:var(--q-tx)}
.q-events .qr-ev p{color:var(--q-sub);font-size:15px;margin-top:8px}

/* tools row: 4 columns (8 cards); glossary terms may link to a guide or tool */
.q-res .qr-g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.q-res .qr-g4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.q-res .qr-g4{grid-template-columns:1fr}}
.q-res .qr-more{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--q-cyan)}
.q-res .qr-more:hover{text-decoration:underline}