/* Artelnics template arrangements; shared tokens and components own presentation. */
html { scroll-padding-top: 90px; }
body { margin: 0; background: var(--aui-white, #fff); }
.artelnics-shared-main { min-height: 45vh; }
.artelnics-shared-main article { margin: 0; }
.aui .artelnics-shared-article { max-width: 960px; }
.aui .artelnics-shared-archive-card { padding: 0; overflow: hidden; }
.aui .artelnics-shared-card-media { display: block; width: 100%; height: 180px; padding: 24px; background: var(--aui-soft); }
.aui .artelnics-shared-card-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.aui .artelnics-shared-card-body { display: flex; flex-direction: column; flex: 1; width: 100%; padding: 28px; }
.aui .artelnics-shared-card-type { margin-bottom: 12px; color: var(--aui-muted); font-size: 13px; }
.aui .artelnics-shared-card-summary { margin-bottom: 16px; color: var(--aui-muted); font-size: 16px; line-height: 1.65; }
.aui .artelnics-shared-card-body > .aui-card-link { margin-top: auto; }
.aui .navigation.pagination { margin-top: 32px; }
.artelnics-shared-page > p:empty,
.artelnics-shared-page > p:has(> script:only-child) { margin: 0; }
@media (max-width: 40rem) { .aui .artelnics-shared-card-body { padding: 24px; } }

/* CookieYes is outside .aui and supplies inline colours. Keep this integration
 * scoped to its banner/preferences; !important overrides those inline colours. */
body .cky-consent-container {
  right: 24px;
  bottom: 24px;
  left: auto;
  width: min(420px, calc(100vw - 32px));
  max-width: 420px;
}
body .cky-consent-container .cky-consent-bar,
body .cky-modal .cky-preference-center {
  color: #193645 !important;
  background: #fff !important;
  border-color: #d8e1e7 !important;
  border-radius: 6px;
  font-family: Roboto, "Segoe UI", Arial, sans-serif;
}
body .cky-consent-container .cky-consent-bar {
  padding: 22px 24px;
  box-shadow: 0 12px 32px rgba(25, 54, 69, .14);
}
body .cky-consent-container .cky-notice,
body .cky-consent-container .cky-notice-group { display: block; width: 100%; max-width: none; }
body .cky-consent-container .cky-title,
body .cky-modal .cky-preference-title,
body .cky-modal .cky-accordion-btn { color: #193645 !important; }
body .cky-consent-container .cky-notice-des,
body .cky-modal .cky-preference-content-wrapper,
body .cky-modal .cky-accordion-header-des { color: #52636f !important; }
body .cky-modal .cky-audit-table {
  color: #193645 !important;
  background: #f4f7f9 !important;
  border-color: #d8e1e7 !important;
}
body .cky-modal .cky-footer-shadow { background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff) !important; }
body .cky-consent-container a[href],
body .cky-modal a[href],
body .cky-modal .cky-show-desc-btn { color: #176b91 !important; }
body .cky-modal .cky-switch input[type="checkbox"]:checked { background: #176b91 !important; }
body .cky-consent-container .cky-notice-btn-wrapper { display: flex; flex-wrap: wrap; gap: 12px; }
body .cky-consent-container .cky-btn,
body .cky-modal .cky-btn {
  min-height: 44px;
  border-radius: 6px;
  font-family: inherit;
  font-weight: 600;
  opacity: 1;
}
body .cky-consent-container .cky-notice-btn-wrapper .cky-btn { flex: 1; margin: 0; padding: 10px 14px; }
body .cky-consent-container .cky-btn-accept,
body .cky-modal .cky-btn-accept {
  color: #fff !important;
  background: #176b91 !important;
  border-color: #176b91 !important;
}
body .cky-consent-container .cky-btn-customize,
body .cky-consent-container .cky-btn-reject,
body .cky-modal .cky-btn-reject,
body .cky-modal .cky-btn-preferences {
  color: #176b91 !important;
  background: #fff !important;
  border-color: #176b91 !important;
}
body .cky-consent-container .cky-btn-accept:hover,
body .cky-modal .cky-btn-accept:hover { background: #125574 !important; border-color: #125574 !important; }
body .cky-consent-container .cky-btn-customize:hover,
body .cky-consent-container .cky-btn-reject:hover,
body .cky-modal .cky-btn-reject:hover,
body .cky-modal .cky-btn-preferences:hover { color: #125574 !important; border-color: #125574 !important; }
body .cky-consent-container .cky-consent-bar :is(button, a):focus-visible,
body .cky-modal .cky-preference-center :is(button, a, input):focus-visible { outline: 3px solid #176b91; outline-offset: 3px; }
@media (max-width: 40rem) {
  body .cky-consent-container { right: 16px; bottom: 16px; left: 16px; width: auto; max-width: none; }
  body .cky-consent-container .cky-notice-btn-wrapper { flex-direction: column; gap: 8px; }
}