/* Spanish adaptations to the shared French conjugation design. */
body { margin: 0; }
#primaryContent { width: 100%; }
.guide-overview { margin: 20px 0 24px; padding: 24px var(--cj-inset); background: var(--cj-surface); border-radius: var(--cj-radius); box-shadow: inset 0 0 0 1px var(--cj-line); }
.guide-overview h1 { margin: 0 0 12px; font-size: 36px; line-height: 1.2; font-weight: 500; }
.guide-instructions { max-width: 75ch; color: var(--cj-text-muted); line-height: 1.65; }
.guide-instructions .material-symbols-outlined { font-size: 20px; vertical-align: middle; }
.row { flex-wrap: wrap; }
.content-column { flex: 1 1 450px; min-width: 0; }
.conjugation-table { width: 238px; max-width: 100%; box-sizing: border-box; }
.conjugation { padding: 2px 8px; }
.conjugation > div:first-child { width: 98px; flex: 0 0 98px; font-style: normal; }
.conjugation > div:last-child { width: auto; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.conjugation-table-row { align-items: flex-start; }
.lesson-jumps { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px var(--cj-inset) 28px; }
.lesson-jumps > span { color: var(--cj-text-muted); margin-right: 4px; }
.lesson-jumps a { padding: 5px 12px; border: 1px solid var(--cj-line); border-radius: 20px; text-decoration: none; background: var(--cj-surface); }
.lesson-jumps a:hover { background: var(--cj-hover); }
[id$="-verbs"] { scroll-margin-top: 24px; }
.guide-pager { width: 100%; clear: both; margin-top: 40px; }
.guide-pager a { min-width: 0; }
.next-page-title { padding: 0; }
.tense { max-width: 100%; border: 1px solid var(--cj-line); border-radius: 14px; padding: 16px; margin: 12px 0; }
.tense h5 { text-align: center; }
.tense .conjugation-table-row { justify-content: center; }
.full-width { max-width: 100%; overflow-x: auto; }
.popUpStyle { background: var(--cj-popup-bg); color: var(--cj-popup-text); }
@media (max-width: 800px) { .content-column { flex-basis: 100%; } }
@media (max-width: 550px) {
 .guide-overview { padding-top: 20px; padding-bottom: 20px; }
 .guide-overview h1 { font-size: 30px; }
 .content-column { flex: auto; }
 .guide-pager .nav-spacer { display: none; }
 .conjugation-table { width: 100%; max-width: 330px; }
 .next-page-title { white-space: normal; }
}

.guide-menu-button { border: 0; background: transparent; color: white; padding: 8px; margin-left: 8px; cursor: pointer; }
@media (max-width: 550px) {
 #menu-opener.guide-menu-button { display: inline-flex; visibility: visible; align-items: center; justify-content: center; }
 #interiorNavigation.guide-menu-open { display: block; position: fixed; top: 48px; left: 0; max-height: calc(100vh - 64px); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
}