/* Shared public form controls. Hidden fields, checkbox/radio semantics and submission stay intact. */
#main-content :is(.auth-page__card, .expression-form, .account-page__panel) { box-sizing: border-box; min-width: 0; background: #fbfcf8; color: #1d2423; border-color: #d7deda; border-radius: .4rem; box-shadow: none; }
#main-content .auth-page__card { border-top-color: #e9c66b; }
#main-content form.auth-page__form { padding: 0; border: 0; background: transparent; border-radius: 0; box-shadow: none; }
#main-content :is(.auth-page__field label, .account-page__form label) { color: #354549; font-size: .875rem; font-weight: 600; letter-spacing: 0; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .account-zborko__filters, .rab-form, .zbor-browser__filters) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=range]):not([type=color]):not([type=file]), select, textarea) { box-sizing: border-box; min-width: 0; max-width: 100%; min-height: 3.25rem; padding: .8rem 1rem; border: 1px solid #a7b3b4; border-radius: .25rem; background: #fff; color: #192427; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; box-shadow: none; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .account-zborko__filters, .rab-form, .zbor-browser__filters) :is(input, select, textarea):focus { border-color: #647f82; outline: 2px solid #647f82; outline-offset: 2px; box-shadow: none; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .account-zborko__filters, .rab-form) :is(input[type=checkbox], input[type=radio]) { accent-color: #29434a; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .account-zborko__filters) :is(button[type=submit], input[type=submit]),
#main-content .rab-form .mentorio-button:not(.mentorio-button--secondary):not(.rab-button--danger),
#main-content .programi-search button[type=submit] { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: .85rem 1.65rem; border: 1px solid #e9c66b; border-radius: .25rem; color: #192427; background: #e9c66b; font-family: inherit; font-size: .85rem; font-weight: 800; line-height: 1.25; letter-spacing: 0; text-transform: none; box-shadow: none; transition: background-color 180ms ease, border-color 180ms ease; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .account-zborko__filters) :is(button[type=submit], input[type=submit]):hover,
#main-content .rab-form .mentorio-button:not(.mentorio-button--secondary):not(.rab-button--danger):hover,
#main-content .programi-search button[type=submit]:hover { background: #f1d68f; border-color: #f1d68f; color: #152125; }
#main-content .account-privacy__delete button[type=submit] { background: #a83a31; border-color: #a83a31; color: #fff; }
#main-content .account-privacy__delete button[type=submit]:hover { background: #8a2e27; border-color: #8a2e27; color: #fff; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .rab-form) button:disabled { opacity: .5; cursor: not-allowed; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form, .phrase-filter, .rab-form) button:focus-visible { outline: 2px solid #647f82; outline-offset: 3px; }
#main-content :is(.auth-page__footer, .auth-page__form-help, .article-comment-form__note) { color: #526064; font-size: .875rem; line-height: 1.7; }
#main-content .auth-page__footer a { color: #29434a; text-underline-offset: .2em; }
#main-content .auth-page__notice { border-radius: .25rem; }
#main-content .auth-page__checkbox-indicator { border-color: #a7b3b4; border-radius: .2rem; background: #fff; }
#main-content .auth-page__checkbox input:checked + .auth-page__checkbox-indicator { background: #29434a; border-color: #29434a; }
#main-content .auth-page__checkbox input:focus-visible + .auth-page__checkbox-indicator { outline: 2px solid #647f82; outline-offset: 3px; }
#main-content .auth-social__button { box-sizing: border-box; min-height: 3.25rem; border: 1px solid #a7b3b4; border-radius: .25rem; background: #fbfcf8; color: #29434a; font-size: .85rem; font-weight: 700; }
#main-content .auth-social__button:is(:hover, :focus-visible) { border-color: #647f82; color: #29434a; background: #edf0eb; }
#main-content .auth-social__button:focus-visible { outline: 2px solid #647f82; outline-offset: 3px; }
#main-content :is(.auth-page__form, .account-page__form, .expression-form) [aria-invalid=true] { border-color: #a83a31; }
@media (max-width: 600px) {
  #main-content :is(.auth-page__card, .expression-form) { width: 100%; max-width: 100%; padding: 1.25rem; }
  #main-content .account-zborko__filters { grid-template-columns: minmax(0, 1fr); }
}

/* Main navigation spans the available viewport, including application screens. */
html body.rab-app-page .site-header .site-header__top .site-header__inner.site-header__inner { width: calc(100% - 2.5rem); max-width: none; }
@media (max-width: 700px) { html body.rab-app-page .site-header .site-header__top .site-header__inner.site-header__inner { width: calc(100% - 2rem); } }

/* Custom selectors use the same field dimensions without the browser popup. */
.mentorio-select { position: relative; min-width: 0; width: 100%; }
.mentorio-select > select[hidden], .mentorio-select__menu[hidden] { display: none !important; }
#main-content .mentorio-select button.mentorio-select__trigger,
#main-content #phrase-community .mentorio-select button.mentorio-select__trigger { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; min-height: 3.25rem; margin: 0; padding: .8rem 1rem; color: #192427; background: #fff; border: 1px solid #a7b3b4; border-radius: .25rem; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; letter-spacing: 0; text-transform: none; box-shadow: none; }
#main-content .mentorio-select .mentorio-select__trigger i { color: #637371; font-size: .75rem; }
#main-content .mentorio-select button.mentorio-select__trigger:hover { background: #fbfcf8; border-color: #647f82; }
#main-content .mentorio-select button.mentorio-select__trigger:focus-visible { outline: 2px solid #647f82; outline-offset: 2px; }
.mentorio-select__menu { position: absolute; z-index: 30; top: calc(100% + .4rem); left: 0; right: 0; box-sizing: border-box; overflow-y: auto; overscroll-behavior: contain; padding: .3rem; border: 1px solid #a7b3b4; border-radius: .3rem; background: #fbfcf8; color: #29434a; box-shadow: 0 12px 28px #15212520; }
.mentorio-select__menu.is-above { top: auto; bottom: calc(100% + .4rem); }
.mentorio-select__menu [role=option] { padding: .65rem .75rem; font-size: .9rem; line-height: 1.4; cursor: pointer; border-radius: .2rem; }
.mentorio-select__menu [role=option]:is(:hover, .is-active) { background: #e2e9e3; }
.mentorio-select__menu [aria-selected=true] { background: #f5e9c7; color: #192427; font-weight: 700; }
.mentorio-select__menu [aria-disabled=true] { opacity: .5; cursor: not-allowed; }
#main-content .zbor-browser form.zbor-browser__filters { background: #edf0eb; border: 1px solid #d7deda; border-radius: .4rem; box-shadow: none; }
#main-content .zbor-browser__field label { color: #354549; font-size: .875rem; font-weight: 600; }
#main-content .zbor-browser__count { color: #526064; }
/* The program search has one border, on its wrapper, rather than a boxed input inside it. */
#main-content .programi form.programi-search { padding: 0; border: 0; background: transparent; box-shadow: none; }
#main-content .programi-search .programi-search__input { border: 1px solid #a7b3b4; background: #fff; border-radius: .25rem; padding-left: 1rem; }
#main-content .programi .programi-search .programi-search__input input { min-height: 3.25rem; padding: .8rem 1rem .8rem 0; border: 0; outline: none; background: transparent; box-shadow: none; border-radius: 0; }
#main-content .programi-search__input:focus-within { border-color: #647f82; outline: none; box-shadow: 0 0 0 2px #647f8229; }
#main-content .programi-search__input i { color: #637371; }
@media (max-width: 540px) { #main-content .programi-search__row { flex-direction: column; } }
body.mentorio-editorial #main-content .zbor-browser__filters .mentorio-select button.mentorio-select__trigger { color: #192427; background: #fff; border: 1px solid #a7b3b4; font-size: 1rem; font-weight: 400; text-align: left; justify-content: space-between; padding: .8rem 1rem; }
body.mentorio-editorial #main-content .zbor-browser__filters .mentorio-select button.mentorio-select__trigger:hover { color: #192427; background: #fbfcf8; border-color: #647f82; }
#main-content #programi-search { min-height: 3.25rem; padding: .8rem 1rem .8rem 0; border: 0; border-radius: 0; outline: none; background: transparent; box-shadow: none; }
#main-content #programi-search:is(:focus, :focus-visible) { border: 0; outline: none; box-shadow: none; }