@charset "UTF-8";
/*
// 1. Import the initial variables
@import "../node_modules/bulma/sass/utilities/initial-variables";

// 2. Set your own initial variables
// Update the blue shade, used for links
$blue: #06bcef;
// Add pink and its invert
$pink: #ff8080;
$pink-invert: #fff;
// Update the sans-serif font family
$family-sans-serif: "Helvetica", "Arial", sans-serif;
*/
/* Box sizing rules */
*,
::after,
::before,
::backdrop,
::file-selector-button {
  box-sizing: border-box;
}
/* Prevent font size inflation */
html {
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html {
  font-smoothing: antialiased;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
/* Set core body defaults */
html, body {
  min-height: 100vh;
  margin: 0;
  line-height: 1.5;
}
/* Balance text wrapping on headings */
/* h1, h2,
h3, h4 {
  text-wrap: balance;
} */
/* deafult only on h1 */
h1 {
  text-wrap: balance;
}
a {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
/* optional figure fullwidth */
figure {
  margin-inline: 0;
}
img,
video {
  max-width: 100%;
  height: auto;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}
/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}
:focus-visible {
  outline-offset: 3px;
}
/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 1.5rem;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-focusable {
  text-decoration: none;
}
.sr-focusable:active, .sr-focusable:focus {
  position: relative;
  width: auto;
  height: auto;
  color: rgb(255, 255, 255);
  z-index: 99;
  clip: auto;
  font-size: 16px;
  letter-spacing: 0.4px;
  background: rgb(30, 140, 227);
  padding: 9px;
  text-decoration: none;
}
.sr-focusable--top:active, .sr-focusable--top:focus {
  top: 10px;
  left: 2px;
  position: absolute;
  z-index: 100001;
}
/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-v32-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/nunito-v32-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-v32-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/nunito-v32-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}
:root {
  --layout-mx: 1440px;
  --layout-mx-small: 950px;
  --color-purple: rgb(106, 48, 123);
  --color-green: rgb(227, 232, 193);
  --color-blue: rgb(206, 232, 234);
  --color-pink: rgb(239, 198, 217);
  --color-grey: color-mix(in srgb, var(--color-transparent), black var(--color-mix-5));
  --color-black: rgb(0, 0, 0);
  --color-white: rgb(255, 255, 255);
  --color-transparent: rgba(0, 0, 0, 0);
  --color-mix-5: 5%;
  --color-mix-15: 15%;
  --color-purple-darken: color-mix(in srgb, var(--color-purple), black var(--color-mix-15));
  --color-green-darken: color-mix(in srgb, var(--color-green), black var(--color-mix-5));
  --color-blue-darken: color-mix(in srgb, var(--color-blue), black var(--color-mix-5));
  --color-pink-darken: color-mix(in srgb, var(--color-pink), black var(--color-mix-5));
  --color-grey-darken: color-mix(in srgb, var(--color-grey), black var(--color-mix-5));
  --color-black-darken: var(--color-black);
  --color-white-darken: color-mix(in srgb, var(--color-white), black var(--color-mix-5));
  --color-transparent-darken: color-mix(in srgb, var(--color-transparent), black var(--color-mix-5));
  --color-black-lighten: color-mix(in srgb, var(--color-black), white var(--color-mix-15));
  --color-purple-react: var(--color-purple-darken);
  --color-green-react: var(--color-green-darken);
  --color-blue-react: var(--color-blue-darken);
  --color-pink-react: var(--color-pink-darken);
  --color-grey-react: var(--color-grey-darken);
  --color-black-react: var(--color-black-lighten);
  --color-white-react: var(--color-white-darken);
  --color-transparent-react: var(--color-transparent-darken);
  --main-color: 0;
  --font-color: var(--color-black);
  --font-color-inverse: var(--color-white);
  --size-x: 8px;
  --size-2x: calc(var(--size-x) * 2);
  --size-3x: calc(var(--size-x) * 3);
  --size-4x: calc(var(--size-x) * 4);
  --size-6x: calc(var(--size-x) * 6);
  --size-8x: calc(var(--size-x) * 8);
  --size-10x: calc(var(--size-x) * 10);
  --br: 25px;
  --radius-s: 10px;
  --radius-m: 25px;
  --gap-8: var(--size-x);
  --gap-16: var(--size-2x);
  --gap-32: var(--size-4x);
  --gap-48: var(--size-6x);
  --gap-64: var(--size-8x);
  --gap-80: var(--size-10x);
}
body {
  font-family: "Nunito", sans-serif;
  word-break: break-word;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 0px;
  line-height: 35px;
}
b, strong {
  font-weight: 700;
}
.small {
  font-size: 0.8em;
  line-height: 25px;
}
.type-home h1 {
  font-weight: 700;
  font-size: 75px;
  text-align: center;
  line-height: 85px;
  white-space: pre-wrap;
}
.type-home h2 {
  font-weight: 400;
  font-size: 30px;
  line-height: 40px;
  white-space: nowrap;
}
.type-home .lead {
  font-size: 35px;
  line-height: 45px;
}
.component h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
  white-space: nowrap;
}
.component .item {
  font-size: 25px;
  line-height: 0;
  white-space: nowrap;
  background-color: var(--color-green);
  border-radius: 25px;
  padding: 2rem;
}
.component .item h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 50px;
}
.component .item .categories {
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
}
.link-btn {
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  white-space: nowrap;
  border-style: solid;
  border-color: var(--color-black);
  border-width: 1px;
  border-radius: 10px;
  padding: 1.2rem;
}
#main a:not(.btn, .event-link, .news-item-link) {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: center 100%;
  background-position: center calc(100% - 1px);
  background-size: 100% 1px;
  background-repeat: no-repeat;
}
#main a:not(.btn, .event-link, .news-item-link):hover {
  animation: underline-pulse 0.25s ease;
}
#main a:not(.btn, .event-link, .news-item-link):focus {
  background: none;
}
@keyframes underline-pulse {
  0% {
    background-size: 100% 1px;
  }
  50% {
    background-size: 70% 1px;
  }
  100% {
    background-size: 100% 1px;
  }
}
#main ul li {
  margin-bottom: var(--gap-16);
}
:root {
  --layout-pad: var(--gap-32);
}
#header, #main, #footer {
  padding-inline: var(--layout-pad);
}
.container-mx {
  max-width: var(--layout-mx);
  margin-inline: auto;
}
.container-mx-small {
  --c-gap: var(--gap-64);
  max-width: calc(var(--layout-mx-small) + var(--c-gap));
  max-width: var(--layout-mx-small);
  margin-inline: auto;
}
#header {
  margin-bottom: var(--gap-64);
}
.article-header {
  padding-block-start: var(--gap-64);
  margin-block-end: var(--gap-48);
}
.article-header h1 {
  margin-block-start: 0;
}
.article-header .lead {
  margin-block-start: 0;
}
.article-header .lead p {
  margin: 0;
}
.container-mx:not(.container-mx-small) .article-header {
  display: flex;
  justify-content: space-between;
  gap: var(--gap-32);
  margin-block-end: var(--gap-64);
}
.container-mx:not(.container-mx-small) .article-header h1 {
  flex-basis: calc((100% - var(--gap-32)) / 2);
}
.container-mx:not(.container-mx-small) .article-header .lead {
  flex-basis: calc((100% - var(--gap-32)) / 2);
  flex-basis: 45%;
}
@media (max-width: 950px) {
  :root {
    --layout-pad: var(--gap-16);
  }
}
/* Shared form input styles — used by .form-field (page forms) and .listing-filters-field (filter bar) */
.form-field label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.listing-filters-field label {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1.375;
}
.form-field input[type=text],
.form-field input[type=email],
.form-field input[type=password],
.form-field input[type=url],
.form-field input[type=search],
.form-field textarea,
.form-field select,
.listing-filters-field input[type=search] {
  width: 100%;
  border: 0;
  border-radius: 0;
  padding: 0 0.75rem;
  line-height: 1.5;
  height: 43px;
}
.form-field input[type=text]::-moz-placeholder, .form-field input[type=email]::-moz-placeholder, .form-field input[type=password]::-moz-placeholder, .form-field input[type=url]::-moz-placeholder, .form-field input[type=search]::-moz-placeholder, .form-field textarea::-moz-placeholder, .listing-filters-field input[type=search]::-moz-placeholder {
  line-height: 1.5;
  transform: translateY(1px);
}
.form-field input[type=text]::placeholder,
.form-field input[type=email]::placeholder,
.form-field input[type=password]::placeholder,
.form-field input[type=url]::placeholder,
.form-field input[type=search]::placeholder,
.form-field textarea::placeholder,
.listing-filters-field input[type=search]::placeholder {
  line-height: 1.5;
  transform: translateY(1px);
}
@media (min-width: 64rem) {
  .form-field input[type=text]::-moz-placeholder, .form-field input[type=email]::-moz-placeholder, .form-field input[type=password]::-moz-placeholder, .form-field input[type=url]::-moz-placeholder, .form-field input[type=search]::-moz-placeholder, .form-field textarea::-moz-placeholder, .listing-filters-field input[type=search]::-moz-placeholder {
    font-size: 18px;
  }
  .form-field input[type=text]::placeholder,
  .form-field input[type=email]::placeholder,
  .form-field input[type=password]::placeholder,
  .form-field input[type=url]::placeholder,
  .form-field input[type=search]::placeholder,
  .form-field textarea::placeholder,
  .listing-filters-field input[type=search]::placeholder {
    font-size: 18px;
  }
}
.listing-filters-field input[type=search] {
  font-size: 16px !important;
  line-height: 1.375 !important;
}
.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus,
.listing-filters-field input[type=search]:focus {
  box-shadow: none;
}
.form-field textarea {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  height: auto;
  min-height: 120px;
}
/* ── Search input icon (filter bar only) ── */
.listing-filters-field input[type=search] {
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23000' d='M9.3 0a9 9 0 0 1 8.5 8.9v.4q-.3 3.2-2.3 5.5l6.5 6.5-.7.7-6.5-6.5a9 9 0 0 1-6 2.3h-.4A9 9 0 0 1 0 9.2V9c0-5.1 4-9 8.9-9zM9 1a7.9 7.9 0 1 0 0 15.8A7.9 7.9 0 0 0 8.9 1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 18px 18px;
}
/* Hide browser default search cancel button so it doesn't overlap the icon */
.listing-filters-field input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* ── Page form layout ── */
.form {
  max-width: var(--max-width-content);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 64rem) {
  .form {
    padding-bottom: 8rem;
  }
}
.form.form-fullwidth {
  max-width: 100%;
}
.form-heading {
  margin-top: 7rem;
  margin-bottom: 2rem;
}
@media (min-width: 64rem) {
  .form-heading {
    margin-bottom: 3rem;
  }
}
.form-heading-sub {
  display: block;
  margin-top: 0.25rem;
  line-height: 1.5;
}
@media (min-width: 64rem) {
  .form-heading-sub {
    font-size: 18px;
  }
}
.form-field {
  margin-bottom: 1.5rem;
}
.form-inline-language-control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 0.5rem;
  line-height: 1.5;
}
.form-field .form-inline-language-control label {
  margin-bottom: 0;
}
.form-field .form-inline-select {
  display: inline-block;
  width: auto;
  min-width: 9rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
/* ── File upload ── */
.form-upload {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 0.25rem;
  border: 1px dashed rgba(0, 0, 0, 0.2);
  padding: 1rem;
}
.form-upload .form-preview {
  display: block;
  flex-shrink: 0;
}
.form-upload .form-preview img {
  max-width: 120px;
  height: auto;
}
.form-upload-input {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.5rem;
}
.form-upload-input__spaced {
  margin-top: 0.5rem;
}
.form-upload-input input[type=file] {
  display: block;
  width: 100%;
  cursor: pointer;
  font-family: var(--font-sans, "Lexend", sans-serif);
  font-weight: 300;
  font-size: 13px;
  line-height: 1.67;
}
.form-upload-input input[type=file]::file-selector-button {
  margin-right: 0.75rem;
  border: 0;
  border-radius: 9999px;
  padding: 0.375rem 1rem;
  color: #fff;
  cursor: pointer;
  font-family: var(--font-sans, "Lexend", sans-serif);
  font-weight: 300;
  line-height: 1.67;
}
.form-upload-hint {
  color: rgba(0, 0, 0, 0.5);
  font-family: var(--font-sans, "Lexend", sans-serif);
  font-weight: 300;
  line-height: 2.5;
}
.form-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  cursor: pointer;
  line-height: 1.5;
}
.form-checkbox input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0;
  border-color: var(--color-purple, #05166b);
  color: var(--color-purple, #05166b);
  accent-color: var(--color-purple, #05166b);
}
.form-checkbox input[type=checkbox]:focus {
  outline: 2px solid var(--color-purple, #05166b);
  outline-offset: 2px;
}
.form-actions {
  margin-top: 2rem;
}
.form-link {
  display: inline-block;
  margin-top: 1rem;
  text-decoration-line: underline;
  line-height: 1.5;
}
@media (min-width: 64rem) {
  .form-link {
    font-size: 18px;
  }
}
.form-section {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 2rem;
  font-family: var(--font-sans, "Lexend", sans-serif);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}
@media (min-width: 64rem) {
  .form-section {
    line-height: 1.625;
  }
}
.form-notice {
  margin-bottom: 1.5rem;
  background-color: rgba(220, 252, 231, 0.6);
  padding: 1rem;
  color: #000;
  line-height: 1.5;
}
@media (min-width: 64rem) {
  .form-notice {
    font-size: 18px;
  }
}
.form-error {
  margin-bottom: 1.5rem;
  background-color: color-mix(in srgb, var(--color-rose-default, #f6939d) 25%, transparent);
  padding: 1rem;
  color: #000;
  line-height: 1.5;
}
.form-errors {
  margin-bottom: 1.5rem;
  list-style-type: disc;
  background-color: color-mix(in srgb, var(--color-rose-default, #f6939d) 25%, transparent);
  padding: 1rem 1rem 1rem 2rem;
  color: #000;
}
.form-errors li {
  color: #000;
  line-height: 1.5;
}
@media (min-width: 64rem) {
  .form-errors li {
    font-size: 18px;
  }
}
/* ── Tiptap rich text editor ── */
.tiptap-wrapper {
  width: 100%;
}
.tiptap-toolbar {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  border-bottom: 1px solid color-mix(in srgb, var(--color-purple, #05166b) 20%, transparent);
  background-color: color-mix(in srgb, var(--color-purple, #05166b) 10%, transparent);
  padding: 0.375rem 0.5rem;
}
.tiptap-toolbar-btn {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.25rem;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s;
}
.tiptap-toolbar-btn:hover {
  background-color: color-mix(in srgb, var(--color-purple, #05166b) 10%, transparent);
  color: var(--color-purple, #05166b);
}
.tiptap-toolbar-btn.is-active {
  background-color: color-mix(in srgb, var(--color-purple, #05166b) 15%, transparent);
  color: var(--color-purple, #05166b);
}
.tiptap-toolbar-sep {
  width: 1px;
  height: 1rem;
  flex-shrink: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  background-color: rgba(0, 0, 0, 0.15);
}
.tiptap-editor .ProseMirror {
  width: 100%;
  min-height: 120px;
  background-color: color-mix(in srgb, var(--color-purple, #05166b) 10%, transparent);
  padding: 0.75rem;
  line-height: 1.5;
  outline: none;
  white-space: pre-wrap;
}
.tiptap-editor .ProseMirror:focus {
  outline: 2px solid var(--color-purple, #05166b);
  outline-offset: -2px;
}
.tiptap-editor .ProseMirror p {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tiptap-editor .ProseMirror a {
  color: var(--color-purple, #05166b);
  text-decoration-line: underline;
  /* Prevent links from navigating while editing — text selection still works
     because the parent contenteditable handles pointer events for selection */
  pointer-events: none;
}
/* ── Link bubble ── */
.tiptap-link-bubble {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 0.375rem 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  z-index: 50;
  visibility: hidden;
}
/* View mode: URL + action buttons */
.tiptap-link-bubble__view {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.tiptap-link-bubble.is-edit-mode .tiptap-link-bubble__view {
  display: none;
}
/* Edit mode: input + apply/cancel */
.tiptap-link-bubble__edit {
  display: none;
  align-items: center;
  gap: 0.25rem;
}
.tiptap-link-bubble.is-edit-mode .tiptap-link-bubble__edit {
  display: flex;
}
.tiptap-link-bubble__url {
  display: block;
  max-width: 200px;
  overflow: hidden;
  color: var(--color-purple, #05166b);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration-line: underline;
  line-height: 1.67;
}
.tiptap-link-bubble__input {
  width: 12rem;
  min-width: 0;
  height: 1.5rem;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-purple, #05166b) 40%, transparent);
  background-color: transparent;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  line-height: 1.67;
  outline: none;
}
.tiptap-link-bubble__input:focus {
  border-color: var(--color-purple, #05166b);
}
.tiptap-link-bubble__btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.25rem;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: color 0.15s, background-color 0.15s;
}
.tiptap-link-bubble__btn:hover {
  background-color: color-mix(in srgb, var(--color-purple, #05166b) 10%, transparent);
  color: var(--color-purple, #05166b);
}
.tiptap-link-bubble__btn--danger:hover {
  background-color: #fef2f2;
  color: #dc2626;
}
/* Separator between URL and buttons */
.tiptap-link-bubble__view .tiptap-link-bubble__btn:first-of-type {
  margin-left: 0.25rem;
}
/* ── Create-link popup (toolbar button → new link) ── */
.tiptap-wrapper {
  position: relative;
}
.tiptap-link-create {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 0.375rem 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.tiptap-editor .ProseMirror ul {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-type: disc;
  padding-left: 1.25rem;
}
.tiptap-editor .ProseMirror ol {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  list-style-type: decimal;
  padding-left: 1.25rem;
}
/* ── Field hint text ── */
.form-hint {
  display: block;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.67;
}
/* ── Tabs ── */
.form-tabs {
  display: flex;
  gap: 0;
  margin-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.form-tab-btn {
  margin-bottom: -1px;
  border: 0;
  border-bottom: 2px solid transparent;
  background-color: transparent;
  padding: 0.75rem 1.25rem;
  color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  line-height: 1.5;
  transition: color 0.15s, border-color 0.15s;
}
.form-tab-btn:hover {
  color: var(--color-purple, #05166b);
}
.form-tab-btn.is-active {
  border-bottom-color: var(--color-purple, #05166b);
  color: var(--color-purple, #05166b);
}
/* Hide panels when JS is active — fields still submit; only display is toggled */
.js .form-tab-panel {
  display: none;
}
.js .form-tab-panel.is-active {
  display: block;
}
h1 {
  font-weight: 700;
  font-size: 75px;
  letter-spacing: 0px;
  line-height: 85px;
}
h2 {
  margin-block: var(--gap-64) var(--gap-32);
  line-height: 44px;
}
h3 {
  margin-block: var(--gap-32) var(--gap-16);
}
.lead {
  font-size: 30px;
  letter-spacing: 0px;
  line-height: 40px;
}
.breadcrumb {
  font-size: 15px;
  line-height: 25px;
}
.image-block {
  margin: var(--gap-32) 0 var(--gap-48);
}
.image-block img {
  width: 100%;
}
.image-block figcaption {
  max-width: calc(100% - var(--gap-48));
  margin-inline: auto;
  font-size: 0.8em;
  line-height: 25px;
}
.btn {
  --btn-color: var(--color-transparent);
  --btn-color-react: var(--color-transparent-react);
  --btn-pad: var(--gap-16);
  display: inline-block;
  padding: var(--btn-pad);
  margin-right: var(--btn-pad);
  margin-bottom: var(--btn-pad);
  border-radius: var(--radius-s);
  border-width: 1px;
  border-style: solid;
  border-color: var(--btn-color);
  background-color: var(--btn-color);
  color: var(--color-black);
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms ease-in-out;
}
.btn:hover, .btn:focus {
  text-decoration: none;
  background-color: var(--btn-color-react);
  border-color: var(--btn-color-react);
}
.btn.btn-outline {
  --btn-color: var(--color-transparent);
  border-color: var(--color-black);
}
.btn.btn-outline:hover, .btn.btn-outline:focus {
  background-color: var(--btn-color-react);
  border-color: var(--color-black);
}
.btn.btn-disabled {
  cursor: default;
}
.btn.btn-purple {
  --btn-color: var(--color-purple);
  --btn-color-react: var(--color-purple-react);
  color: var(--color-white);
}
.btn.btn-green {
  --btn-color: var(--color-green);
  --btn-color-react: var(--color-green-react);
}
.btn.btn-blue {
  --btn-color: var(--color-blue);
  --btn-color-react: var(--color-blue-react);
}
.btn.btn-pink {
  --btn-color: var(--color-pink);
  --btn-color-react: var(--color-pink-react);
}
.btn.btn-grey {
  --btn-color: var(--color-grey);
  --btn-color-react: var(--color-grey-react);
}
.btn.btn-black {
  --btn-color: var(--color-black);
  --btn-color-react: var(--color-black-react);
  color: var(--color-white);
}
.btn.btn-white {
  --btn-color: var(--color-white);
  --btn-color-react: var(--color-white-react);
}
.btn.btn-transparent {
  --btn-color: var(--color-transparent);
  --btn-color-react: var(--color-transparent-react);
}
.btn.btn-transparent:hover, .btn.btn-transparent:focus {
  border-color: var(--color-transparent);
}
.btn.btn-s {
  --btn-pad: var(--gap-8);
  font-size: 0.8em;
  line-height: 25px;
}
.box {
  --box-color: var(--color-transparent);
  --box-pad: var(--gap-64);
  border-radius: var(--radius-m);
  border-width: 1px;
  border-style: solid;
  border-color: var(--box-color);
  background-color: var(--box-color);
  padding: var(--box-pad);
}
.box.box-outline {
  border-color: var(--color-black);
}
.box.box-purple {
  --box-color: var(--color-purple);
  color: var(--color-white);
}
.box.box-green {
  --box-color: var(--color-green);
}
.box.box-blue {
  --box-color: var(--color-blue);
}
.box.box-pink {
  --box-color: var(--color-pink);
}
.box.box-grey {
  --box-color: var(--color-grey);
}
.box.box-black {
  --box-color: var(--color-black);
  color: var(--color-white);
}
.box.box-white {
  --box-color: var(--color-white);
}
.box.box-transparent {
  --box-color: var(--color-transparent);
}
.box.box-m {
  --box-pad: var(--gap-64);
  border-radius: var(--radius-m);
}
.box.box-s {
  --box-pad: var(--gap-32);
  border-radius: var(--radius-s);
}
.box.box-fw {
  width: min(100% + 2 * var(--box-pad), 100vw - 2 * var(--layout-pad));
  max-width: var(--layout-mx);
  margin-inline: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.box > :first-child {
  margin-top: 0;
}
.box > :last-child {
  margin-bottom: 0;
}
.c-header {
  margin-bottom: var(--gap-64);
}
.c-header a {
  color: inherit;
  text-decoration: none;
}
.c-header a:focus, .c-header a:hover {
  text-decoration: none;
}
.main-nav > ul, .lang-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
.main-nav {
  -moz-column-gap: var(--gap-80);
       column-gap: var(--gap-80);
}
.c-header {
  display: flex;
  justify-content: space-between;
  padding-top: var(--gap-64);
  font-size: 20px;
  line-height: 30px;
}
.nav-container {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-32);
}
.nav-container a:not(.btn):after {
  display: block;
  content: "";
  border-bottom: 2px solid #000000;
  margin-top: 3px;
  transform: scaleX(0);
  transition: all 150ms ease-in-out;
}
.nav-container a:not(.btn):hover:after {
  transform: scaleX(1);
}
.nav-container .main-nav {
  order: 2;
}
.nav-container .topbar {
  order: 1;
  display: flex;
  justify-content: flex-end;
  gap: 5rem;
}
.nav-container .topbar .btn {
  margin-top: calc(var(--gap-16) * -1);
}
.nav-container .topbar *:last-child {
  margin-right: 0;
}
.c-footer {
  margin-top: var(--gap-64);
  margin-bottom: var(--gap-64);
  padding: var(--gap-48);
}
.c-footer a {
  color: inherit;
  text-decoration: none;
}
.c-footer nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.c-footer .footer-inner {
  display: flex;
  justify-content: space-between;
}
.c-footer .footer-address {
  font-size: 0.8em;
  line-height: 25px;
}
.c-footer .footer-service-nav {
  font-size: 0.8em;
  line-height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  margin-block-end: 1em;
}
.c-footer .footer-service-nav a {
  display: inline-block;
  margin-block-end: var(--gap-8);
}
.c-footer .footer-profile-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-32);
}
#events-filter {
  font-size: 0.8em;
}
#events-filter .filter-set-form {
  --gap: var(--gap-32);
  display: flex;
  gap: var(--gap);
  align-items: flex-end;
}
#events-filter .filter-set-form .filter-set {
  --col: 3;
  display: flex;
  gap: var(--gap);
  flex-grow: 4;
}
#events-filter .filter-set-form .filter-set fieldset {
  border: none;
  padding: 0;
  width: calc((100% - (var(--col) - 1) * var(--gap)) / var(--col));
}
#events-filter .filter-set-form .filter-set fieldset button {
  z-index: 2;
  position: relative;
  margin: 0 0 var(--gap-8);
  padding-block: var(--gap-8);
  width: 100%;
  min-height: 61px;
  display: flex;
  align-items: center;
}
#events-filter .filter-set-form .filter-reset {
  background: none;
  border: 0;
  margin: 0 0 var(--gap-16);
  padding: 0 0 var(--gap-8);
  font-size: 0.8em;
}
#events-filter .filter-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  aspect-ratio: 1;
  margin-left: auto;
  background-color: var(--color-black-lighten);
  -webkit-mask: url("../images/arrow.svg") center/contain no-repeat;
          mask: url("../images/arrow.svg") center/contain no-repeat;
  transition: transform 0.3s ease;
}
#events-filter .filter-icon img {
  width: 100%;
  aspect-ratio: 1;
  display: none;
}
#events-filter .filter-button {
  transition: background-color 0.2s ease;
}
#events-filter .filter-button:hover .filter-icon, #events-filter .filter-button:focus .filter-icon {
  background-color: var(--color-black);
}
#events-filter .filter-button.is-active {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
#events-filter .filter-button[aria-expanded=true] .filter-icon {
  transform: rotate(180deg);
}
#events-filter .filter-panel {
  position: absolute;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-s);
  border: 1px solid #ccc;
  background: white;
}
#events-filter .filter-panel .filter-panel-in1 {
  padding-inline: 1rem;
  min-height: 0;
}
#events-filter .filter-panel .filter-panel-in2 {
  padding: 1rem 0;
}
#events-filter .filter-panel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 768px) {
  #events-filter .filter-panel {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1rem 1rem 0 0;
    max-height: 80vh;
    overflow-y: auto;
    transform: translateY(100%);
    transition: transform 200ms ease;
  }
  #events-filter .filter-panel:not([hidden]) {
    transform: translateY(0);
  }
}
@media (min-width: 769px) {
  #events-filter fieldset {
    position: relative;
  }
  #events-filter .filter-panel {
    top: 100%;
    left: 0;
    min-width: 200px;
  }
}
#events-results .events-list {
  --gap: 64px;
  list-style-type: none;
  padding: 0;
  margin: 0 0 var(--gap-64);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-64);
}
#events-results .events-list .event-item {
  position: relative;
  border-radius: var(--br);
  background-color: var(--color-green);
  transition: background-color 0.2s ease;
  width: 100%;
  padding: var(--gap-64);
  padding-right: 30%;
  display: flex;
  flex-direction: column;
}
#events-results .events-list .event-item .event-link {
  color: inherit;
  text-decoration: none;
}
#events-results .events-list .event-item .event-link:hover, #events-results .events-list .event-item .event-link:focus {
  color: inherit;
  text-decoration: none;
}
#events-results .events-list .event-item .event-link::after {
  content: "";
  position: absolute;
  inset: 0;
}
#events-results .events-list .event-item:has(.event-link:hover), #events-results .events-list .event-item:has(.event-link:focus) {
  background-color: var(--color-green-react);
}
#events-results .events-list .event-item .event-meta {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-32);
  font-size: 0.8em;
}
#events-results .events-list .event-item .event-meta dt, #events-results .events-list .event-item .event-meta dd {
  margin: 0;
}
#events-results .events-list .event-item h2 {
  order: 2;
  margin-top: calc(var(--gap-64) - 22px);
  margin-bottom: calc(var(--gap-16) - 0px);
  line-height: 50px;
  font-size: 40px;
}
#events-results .events-list .event-item:has(h2) h2 + * {
  margin-top: 0;
}
#events-results .events-list .event-item .event-dates {
  order: 3;
}
#events-results .events-list .event-item .event-location {
  order: 4;
}
#events-results .events-list .event-item p, #events-results .events-list .event-item .event-dates, #events-results .events-list .event-item .event-location {
  margin: 0;
}
.event-detail .event-categories {
  padding-block-start: var(--gap-64);
}
.event-detail .event-categories + .article-header {
  padding-block-start: var(--gap-16);
}
.event-detail .event-detail-box {
  margin-top: var(--gap-64);
}
.event-detail .event-detail-box .subscribe-box .btn {
  margin-top: var(--gap-32);
  margin-right: var(--gap-32);
}
.event-detail .event-detail-box .event-meta {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem var(--gap-32);
}
.event-detail .event-detail-box .event-meta dt, .event-detail .event-detail-box .event-meta dd {
  margin: 0;
}
.partner-list .partner-list-item {
  margin-block: var(--gap-32) var(--gap-32);
}
.partner-list .partner-list-item.has-image {
  display: flex;
  gap: var(--gap-32);
  margin-block-end: var(--gap-32);
}
.partner-list .partner-list-item .partner-item-logo {
  flex-basis: calc(30% - var(--gap-32) / 2);
  margin: 0;
}
.partner-list .partner-list-item .partner-list-item-txt {
  flex-basis: calc(70% - var(--gap-32) / 2);
}
.partner-list .partner-list-item .partner-list-item-txt h2, .partner-list .partner-list-item .partner-list-item-txt h3 {
  margin: 0 0 var(--gap-8);
}
.partner-list .partner-list-item .partner-list-item-txt p {
  margin: 0;
}
.partner-list .partner-list-item .partner-list-item-txt a {
  margin-block-start: 1em;
}
/* ── Tabs ── */
.form-tab-btn.is-active {
  --btn-color: var(--color-pink);
  --btn-color-react: var(--color-pink);
  cursor: default;
}
/* Hide panels when JS is active — fields still submit; only display is toggled */
.form-tab-panel {
  display: none;
}
.form-tab-panel.is-active {
  display: block;
}
.news-list-box .news-list {
  --gap: 64px;
  list-style-type: none;
  padding: 0;
  margin: 0 0 var(--gap-64);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-64);
}
.news-list-box .news-list .news-item {
  position: relative;
  border-radius: var(--br);
  background-color: var(--color-green);
  transition: background-color 0.2s ease;
  width: 100%;
  padding: var(--gap-64);
  padding-right: 30%;
  display: flex;
  flex-direction: column;
}
.news-list-box .news-list .news-item .news-item-link {
  color: inherit;
  text-decoration: none;
}
.news-list-box .news-list .news-item .news-item-link:hover, .news-list-box .news-list .news-item .news-item-link:focus {
  color: inherit;
  text-decoration: none;
}
.news-list-box .news-list .news-item .news-item-link::after {
  content: "";
  position: absolute;
  inset: 0;
}
.news-list-box .news-list .news-item:has(.news-item-link:hover), .news-list-box .news-list .news-item:has(.news-item-link:focus) {
  background-color: var(--color-green-react);
}
.news-list-box .news-list .news-item .news-item-date {
  font-size: 0.8em;
}
.news-list-box .news-list .news-item h2 {
  margin-top: calc(var(--gap-64) - 22px);
  margin-bottom: calc(var(--gap-16) - 0px);
  line-height: 50px;
  font-size: 40px;
}
.news-list-box .news-list .news-item:has(h2) header + * {
  margin-top: 0;
}
.news-list-box .news-list .news-item p, .news-list-box .news-list .news-item .news-item-lead {
  margin: 0;
}