/* Recursos */
.usage { display: grid; gap: 32px; }
@media (min-width: 960px) { .usage { grid-template-columns: 1fr 1.2fr; gap: 56px; align-items: start; } }
.usage__cards { display: grid; gap: 16px; }
.usage__cards .tile { display: flex; gap: 18px; align-items: flex-start; }
.usage__cards h3 { font-size: 17px; margin-bottom: 6px; }
.usage__cards p { color: var(--mut); font-size: 15.5px; }

.journal { display: grid; gap: 56px; }
.entry { display: grid; gap: 28px; align-items: center; }
@media (min-width: 900px) {
  .entry { grid-template-columns: 1fr 1fr; gap: 56px; }
  .entry:nth-child(even) .entry__media { order: 2; }
}
.entry__media.photo { aspect-ratio: 16 / 10; }
.entry time { display: inline-block; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--gold-p); font-weight: 600; margin-bottom: 10px; }
.entry p { color: var(--mut); }

.lexicon { position: relative; }
.lexicon__bar { display: none; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.lexicon.is-ready .lexicon__bar { display: flex; }
.lexicon__arrows { display: flex; gap: 10px; }
.lexicon__arrows button { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: transparent; border: 1px solid var(--line-strong); color: var(--tx); cursor: pointer; }
.lexicon__arrows button:hover:not(:disabled) { border-color: var(--lav); background: rgba(161, 146, 237, 0.12); }
.lexicon__arrows button:disabled { opacity: .4; cursor: default; }
.lexicon__arrows svg { width: 20px; height: 20px; }
.lexicon__status { font-size: 14px; color: var(--mut); margin: 0; }
.lexicon__track { overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 18px; scrollbar-width: thin; scrollbar-color: var(--gold) transparent; }
.lexicon__track ul { list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(250px, 82%); gap: 20px; }
@media (min-width: 768px) { .lexicon__track ul { grid-auto-columns: calc((100% - 20px) / 2); } }
@media (min-width: 1100px) { .lexicon__track ul { grid-auto-columns: calc((100% - 60px) / 4); } }
.lexicon__card { scroll-snap-align: start; display: flex; flex-direction: column; gap: 10px; }
.lexicon__card dfn { font-style: normal; font-family: var(--serif); font-size: 24px; color: var(--gold-p); }
.lexicon__card p { color: var(--mut); font-size: 15.5px; }

.program { list-style: none; display: grid; gap: 18px; }
.program__item { display: grid; gap: 18px; align-items: center; }
@media (min-width: 900px) { .program__item { grid-template-columns: 170px 1fr auto; gap: 32px; } }
.program__date { display: flex; flex-direction: column; padding: 16px 18px; border-radius: 12px; background: rgba(161, 146, 237, 0.12); border: 1px solid rgba(161, 146, 237, 0.3); }
.program__date b { font-size: 20px; color: var(--lav-h); }
.program__date span { font-size: 14px; color: var(--mut); }
.program__item h3 { margin-bottom: 6px; }
.program__item p { color: var(--mut); margin: 0; }
.program__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: var(--gold-p); margin-bottom: 8px; }
.program__meta span { display: inline-flex; }
.program__meta svg { width: 16px; height: 16px; margin-right: 6px; }
.program__item .btn { justify-self: start; }