/* The archive has its own editorial layout inside the portal's existing frame. */
#RavoraPage .updates-intro { margin: 3px 0 18px; }
#RavoraPage .updates-intro h2 { margin: 0 0 8px; color: #273d31; font: normal 28px/1.15 Georgia, serif; }
#RavoraPage .updates-intro p { margin: 0; font-size: 12px; line-height: 1.65; }
#RavoraPage .updates-latest { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
#RavoraPage .updates-latest a { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 7px; padding: 14px 34px 14px 17px; border: 1px solid #b79f73; border-left: 3px solid #385263; background: linear-gradient(115deg, #f9ecd6, #ead6b2); box-shadow: inset 0 0 0 2px #fff5df80; color: #293c47; text-decoration: none; }
#RavoraPage .updates-latest a.updates-latest-server { border-left-color: #3c5845; color: #2e4436; }
#RavoraPage .updates-latest a:hover { background: #fbefd9; border-color: #867044; }
#RavoraPage .updates-latest .updates-latest-label { font: bold 10px/1.5 Verdana, sans-serif; letter-spacing: .4px; text-transform: uppercase; }
#RavoraPage .updates-latest strong { font: bold 18px/1.25 Georgia, serif; }
#RavoraPage .updates-latest time { color: #63533e; font: 11px/1.4 Verdana, sans-serif; }
#RavoraPage .updates-latest .updates-latest-arrow { position: absolute; right: 13px; top: 14px; font: 20px/1 Georgia, serif; color: #756040; }
#RavoraPage #updates-search { padding: 12px 15px; border: 1px solid #bca582; background: #e6d5b9; box-shadow: inset 0 0 0 2px #f9ecd6; }
#RavoraPage .updates-search-fields { display: grid; grid-template-columns: minmax(120px, 1.65fr) minmax(120px, 1fr) minmax(120px, 1fr); gap: 12px; }
#RavoraPage .updates-search-fields label { display: block; margin-bottom: 6px; color: #4d412e; font: bold 11px/1.4 Verdana, sans-serif; }
#RavoraPage .updates-search-fields input, #RavoraPage .updates-search-fields select { width: 100%; min-width: 0; height: 36px; box-sizing: border-box; padding: 7px 9px; border: 1px solid #a89678; border-radius: 2px; background: #fff9ec; color: #493b2c; font: 12px Verdana, sans-serif; }
#RavoraPage .updates-search-fields input::placeholder { color: #736653; opacity: 1; }
#RavoraPage .updates-search-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 11px; }
#RavoraPage #updates-search button, #RavoraPage #updates-pagination button { min-height: 34px; padding: 6px 17px; border: 1px solid #263d31; border-radius: 2px; background: #34503e; box-shadow: inset 0 0 0 1px #61705b; color: #fff3d8; font: bold 11px Verdana, sans-serif; cursor: pointer; }
#RavoraPage #updates-search button:hover, #RavoraPage #updates-pagination button:not(:disabled):hover { background: #45654c; }
#RavoraPage #updates-search #updates-clear { border-color: transparent; box-shadow: none; background: transparent; color: #594832; text-decoration: underline; text-underline-offset: 3px; }
#RavoraPage #updates-search #updates-clear:hover { color: #253e30; }
#RavoraPage #updates-pagination button:disabled { background: #e4d4b9; border-color: #ac9979; color: #76674e; box-shadow: none; cursor: default; }
#RavoraPage :is(#updates-search, #updates-pagination, .nt-release, .updates-latest) :focus-visible { outline: 2px solid #185b88; outline-offset: 3px; }
#RavoraPage .updates-archive-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 18px; margin: 25px 0 15px; padding-bottom: 11px; border-bottom: 1px solid #bba179; }
#RavoraPage .updates-archive-heading h2 { margin: 0; font: normal 20px/1.3 Georgia, serif; color: #3e4431; }
#RavoraPage #updates-count { margin: 0; color: #63533f; font: 10px/1.5 Verdana, sans-serif; }
#RavoraPage #updates-empty { padding: 24px 15px; border: 1px dashed #b19a77; background: #f5e8d0; text-align: center; line-height: 1.6; }
#RavoraPage .nt-release { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 18px; margin: 0 0 19px; scroll-margin-top: 16px; }
#RavoraPage .nt-release[hidden], #RavoraPage #updates-pagination[hidden], #RavoraPage #updates-search[hidden], #RavoraPage #updates-empty[hidden] { display: none !important; }
#RavoraPage .updates-date { position: relative; display: flex; flex-direction: column; align-items: center; align-self: start; padding: 10px 2px; border-top: 2px solid #9f854f; border-bottom: 1px solid #c6ad7d; background: linear-gradient(#e6d4b0, #f2e3c8); color: #5b472c; text-align: center; }
#RavoraPage .updates-day { font: normal 29px/1 Georgia, serif; }
#RavoraPage .updates-month { margin-top: 4px; font: bold 10px/1.4 Verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; }
#RavoraPage .updates-year { margin-top: 3px; font: 9px/1.3 Verdana, sans-serif; }
#RavoraPage .updates-body { min-width: 0; padding: 16px 19px; border: 1px solid #c0a981; border-top: 2px solid #8e9a83; background: linear-gradient(110deg, #fff6e6aa, #f3e5cb99); box-shadow: 0 2px 3px #694e2010; }
#RavoraPage .nt-release[data-kind="cliente"] .updates-body { border-top-color: #8c9aa1; }
#RavoraPage .updates-entry-head h2 { margin: 10px 0 15px; color: #294533; font: bold 20px/1.3 Georgia, serif; overflow-wrap: anywhere; }
#RavoraPage .nt-release[data-kind="cliente"] .updates-entry-head h2 { color: #354c5b; }
#RavoraPage .updates-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; color: #6b5840; font: 10px/1.5 Verdana, sans-serif; align-items: center; }
#RavoraPage .nt-kind { padding: 2px 7px; border: 1px solid #b6c0a4; background: #dfe4ce; color: #354b2e; font-size: 9px; font-weight: bold; letter-spacing: .5px; text-transform: uppercase; }
#RavoraPage .nt-release[data-kind="cliente"] .nt-kind { border-color: #adc0c5; background: #dee7e7; color: #344e59; }
#RavoraPage .updates-era { font-size: 9px; }
#RavoraPage .updates-notes { margin: 0; padding-left: 17px; font-size: 12px; line-height: 1.75; }
#RavoraPage .updates-notes li { padding-left: 3px; }
#RavoraPage .updates-notes li::marker { color: #8b764a; }
#RavoraPage .updates-notes li + li { margin-top: 7px; }
#RavoraPage .updates-more { margin-top: 12px; }
#RavoraPage .updates-more summary { cursor: pointer; width: fit-content; max-width: 100%; color: #385640; font: bold 11px/1.6 Verdana, sans-serif; }
#RavoraPage .updates-more summary:hover { text-decoration: underline; text-underline-offset: 3px; }
#RavoraPage .updates-more-close, #RavoraPage .updates-more[open] .updates-more-open { display: none; }
#RavoraPage .updates-more[open] .updates-more-close { display: inline; }
#RavoraPage .updates-more[open] { position: relative; margin-top: 7px; padding-bottom: 29px; }
#RavoraPage .updates-more[open] summary { position: absolute; bottom: 0; left: 0; }
#RavoraPage #updates-pagination { display: grid; grid-template-columns: auto auto minmax(0, auto) auto auto; gap: 7px; justify-content: center; align-items: center; padding-top: 17px; border-top: 1px solid #c6b18d; margin: 22px 0 10px; }
#RavoraPage #updates-pagination button { min-width: 36px; padding: 7px 11px; }
#RavoraPage #updates-numbers { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; justify-content: center; }
#RavoraPage #updates-numbers button { padding: 7px; border-color: #ab9673; background: #f7ebd5; color: #59472f; box-shadow: none; }
#RavoraPage #updates-numbers button:hover { background: #fff6e5; }
#RavoraPage #updates-numbers button[aria-current="page"] { background: #34503e; color: #fff3d8; border-color: #263d31; box-shadow: inset 0 0 0 1px #61705b; }
@media (max-width: 720px) {
  #RavoraPage .updates-search-fields { grid-template-columns: 1fr 1fr; }
  #RavoraPage .updates-search-fields > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  #RavoraPage .updates-intro h2 { font-size: 25px; }
  #RavoraPage .updates-latest { grid-template-columns: 1fr; gap: 9px; }
  #RavoraPage .updates-latest a { padding-top: 12px; padding-bottom: 12px; }
  #RavoraPage .nt-release { grid-template-columns: 1fr; gap: 0; }
  #RavoraPage .updates-date { flex-direction: row; gap: 5px; justify-content: flex-start; padding: 8px 13px; border: 1px solid #c0a981; border-bottom: 0; }
  #RavoraPage .updates-day, #RavoraPage .updates-month, #RavoraPage .updates-year { margin: 0; font: bold 11px/1.4 Verdana, sans-serif; text-transform: none; letter-spacing: 0; }
  #RavoraPage .updates-body { padding: 13px; }
  #RavoraPage .updates-entry-head h2 { font-size: 19px; }
  #RavoraPage .updates-meta { gap: 6px 9px; }
  #RavoraPage .updates-search-fields { gap: 10px; }
  #RavoraPage #updates-pagination { grid-template-columns: repeat(4, 1fr); gap: 10px 5px; }
  #RavoraPage #updates-numbers { grid-column: 1 / -1; grid-row: 1; }
  #RavoraPage #updates-pagination button { min-height: 40px; padding: 5px; }
  #RavoraPage #updates-numbers button { min-width: 32px; }
  #RavoraPage .nt-release, #RavoraPage #updates-count, #RavoraPage #updates-pagination { scroll-margin-top: 86px; }
}