/*
Theme Name: De Ark 2026
Theme URI: https://ckcdeark.nl/
Description: Modern child-thema voor CKC De Ark. Behoudt de bestaande WordPress- en Elementor-inhoud, met een nieuwe homepage, navigatie en overzichtspagina's.
Author: CKC De Ark
Template: bluedustcreative-wijzer
Version: 1.3.76
Text Domain: de-ark-2026
*/

.ark-admissions-note{padding:32px 0 0;background:#fffdf8}
.ark-admissions-note__card{padding:clamp(1.25rem,3vw,2rem);border-left:4px solid #7650b6;border-radius:0 1rem 1rem 0;background:#f0ebfa;color:#10233f}
.ark-admissions-note__kicker{margin:0 0 .65rem;color:#7650b6;font-size:.76rem;font-weight:800;line-height:1.65;letter-spacing:.08em;text-transform:uppercase}
body.ark-2026.home #ark-content .ark-admissions-note__card h2{margin:.5rem 0 1rem;font-family:"Ark Usual",Arial,sans-serif;font-size:clamp(1.75rem,2.7vw,2.375rem);font-weight:400;line-height:1.2;letter-spacing:-.025em;color:#10233f}
.ark-admissions-note__text{max-width:74ch;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.ark-admissions-note__text p{margin:1rem 0}
.ark-admissions-note__text p:last-child{margin-bottom:0}

@font-face {
  font-family: "Ark Usual";
  src: url("assets/fonts/usual-regular.woff2") format("woff2"), url("assets/fonts/usual-regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Ark Usual";
  src: url("assets/fonts/usual-extrabold.woff2") format("woff2"), url("assets/fonts/usual-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

:root {
  --ark-ink: #10233f;
  --ark-blue: #2b57c8;
  --ark-blue-dark: #183987;
  --ark-purple: #7650b6;
  --ark-cream: #f8f3e8;
  --ark-paper: #fffdf8;
  --ark-yellow: #f2bc3e;
  --ark-coral: #ec755a;
  --ark-mint: #b7ddd2;
  --ark-sky: #c8e6ef;
  --ark-line: rgba(16, 35, 63, .14);
  --ark-shadow: 0 24px 64px rgba(23, 45, 83, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.ark-2026 {
  margin: 0;
  overflow-x: hidden;
  background: var(--ark-paper);
  color: var(--ark-ink);
  font: 400 16px/1.65 "Ark Usual", Arial, sans-serif;
}
body.ark-2026.admin-bar .ark-header { top: 32px; }
body.ark-2026 a { color: inherit; text-decoration: none; }
body.ark-2026 img { display: block; max-width: 100%; }
body.ark-2026 button,
body.ark-2026 input { font: inherit; }
.ark-shell { width: min(1220px, calc(100% - 48px)); margin-inline: auto; }
.ark-skip {
  position: fixed; left: 16px; top: -80px; z-index: 99999;
  padding: 12px 18px; border-radius: 10px; color: #fff; background: var(--ark-ink);
}
.ark-skip:focus { top: 12px; }

/* Keep the search overlay's close icon clear and centred. The parent theme's
   generic button padding otherwise squeezes the SVG until it is nearly hidden. */
body.ark-2026 .ark-search-close {
  display: grid !important;
  place-items: center;
  padding: 0 !important;
  color: #fff !important;
  line-height: 0;
}
body.ark-2026 .ark-search-close svg {
  display: block !important;
  flex: 0 0 20px;
  width: 20px !important;
  min-width: 20px;
  height: 20px !important;
  fill: none !important;
  stroke: #fff !important;
  stroke-width: 2.2;
}
body.ark-2026 .ark-search-close:hover {
  color: #fff !important;
  background: var(--ark-purple) !important;
  transform: rotate(5deg) scale(1.06);
}
body.ark-2026 .ark-search-close:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(118, 80, 182, .36);
}

.ark-topbar { color: #fff; background: var(--ark-ink); font-size: 12px; letter-spacing: .035em; }
.ark-topbar__inner {
  min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.ark-topbar a { color: #fff2a9; }

.ark-header {
  position: sticky; top: 0; z-index: 1000;
  border-bottom: 1px solid rgba(16, 35, 63, .08);
  background: rgba(255, 253, 248, .94);
  backdrop-filter: blur(16px);
}
.ark-nav {
  min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 34px;
}
.ark-brand img { width: 164px; height: auto; }
.ark-menu-toggle {
  position: relative; z-index: 3; display: none; width: 46px; height: 46px; padding: 0 !important;
  align-items: center; justify-content: center; flex-direction: column; gap: 6px; line-height: 1;
  border: 0; border-radius: 50%; color: #fff; background: var(--ark-ink); cursor: pointer;
}
.ark-menu-toggle span {
  display: block; flex: 0 0 2px; width: 19px; height: 2px; margin: 0; background: currentColor;
  transform: none; transition: transform .2s ease, opacity .2s ease;
}
.ark-menu-toggle.is-open span:first-child { transform: translateY(4px) rotate(45deg); }
.ark-menu-toggle.is-open span:last-child { transform: translateY(-4px) rotate(-45deg); }
.ark-submenu-toggle,
.ark-menu-mobile-cta { display: none; }
.ark-menu { display: flex; align-items: center; gap: clamp(18px, 2vw, 32px); margin: 0; padding: 0; list-style: none; }
.ark-menu > li { position: relative; }
.ark-menu > li > a {
  display: flex; align-items: center; min-height: 48px; font-size: 14px; font-weight: 800;
}
.ark-menu > li.menu-item-has-children > a::after { content: "⌄"; margin: -4px 0 0 7px; color: var(--ark-purple); }
.ark-menu > li > a::before {
  content: ""; position: absolute; right: 100%; bottom: 4px; left: 0; height: 2px;
  background: var(--ark-purple); transition: right .18s ease;
}
.ark-menu > li:hover > a::before,
.ark-menu > li.current-menu-item > a::before,
.ark-menu > li.current-menu-ancestor > a::before { right: 0; }
.ark-menu .sub-menu {
  position: absolute; top: calc(100% - 3px); left: -20px; min-width: 245px; margin: 0; padding: 12px;
  visibility: hidden; list-style: none; border: 1px solid var(--ark-line); border-radius: 18px;
  opacity: 0; background: #fff; box-shadow: var(--ark-shadow);
  transform: translateY(10px); transition: .18s ease;
}
.ark-menu li.is-submenu-open > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.ark-menu .sub-menu a { display: block; padding: 10px 12px; border-radius: 10px; font-size: 14px; }
.ark-menu .sub-menu a:hover,
.ark-menu .sub-menu a:focus { color: var(--ark-blue); background: #f2f5ff; }
.ark-header-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 46px; padding: 0 18px; border-radius: 999px; color: #fff !important;
  background: var(--ark-blue); font-size: 13px; font-weight: 800; white-space: nowrap;
  transition: transform .18s ease, box-shadow .18s ease;
}
.ark-header-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(43, 87, 200, .24); }

.ark-kicker {
  margin: 0 0 16px; color: var(--ark-blue); font-size: 12px; font-weight: 800;
  letter-spacing: .16em; text-transform: uppercase;
}
.ark-kicker::before {
  content: ""; display: inline-block; width: 26px; height: 2px; margin: 0 9px 3px 0; background: currentColor;
}
.ark-display {
  margin: 0; font-family: Georgia, "Times New Roman", serif;
  font-weight: 700; letter-spacing: -.055em; line-height: .97;
}
.ark-display em { color: var(--ark-purple); font-weight: 400; }
.ark-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  min-height: 52px; padding: 0 24px; border-radius: 999px; font-weight: 800;
  transition: transform .18s ease, box-shadow .18s ease;
}
.ark-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(25, 57, 137, .2); }
.ark-button--blue { color: #fff !important; background: var(--ark-blue); }
.ark-button--dark { color: #fff !important; background: var(--ark-ink); }
.ark-text-link { font-weight: 800; }
.ark-text-link span { margin-left: 6px; color: var(--ark-purple); }

.ark-hero { position: relative; overflow: hidden; padding: 74px 0 82px; background: var(--ark-cream); }
.ark-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .92fr 1.08fr; gap: 76px; align-items: center; }
.ark-hero h1 { max-width: 610px; font-size: clamp(64px, 7.5vw, 108px); }
.ark-hero h1 span {
  display: block; max-width: 520px; margin-top: 14px; color: var(--ark-coral);
  font-family: "Ark Usual", Arial, sans-serif; font-size: clamp(28px, 3vw, 42px);
  font-weight: 400; letter-spacing: -.045em; line-height: 1.05;
}
.ark-hero__intro { max-width: 560px; margin: 28px 0 0; color: #43536b; font-size: clamp(17px, 1.5vw, 20px); }
/* Gerichte homepage-aanpassing: bestaande beelden, bakens en kompas behouden. */
body.ark-2026.home .ark-hero h1.ark-display,
body.ark-2026.home .ark-hero h1.ark-display em,
body.ark-2026.home .ark-hero h1.ark-display > span {
  font-family: "Ark Usual", Arial, sans-serif; color: #10233f;
  font-style: normal; font-weight: 800; letter-spacing: -.045em;
}
body.ark-2026.home .ark-hero h1.ark-display { font-size: clamp(42px, 5.8vw, 78px); line-height: 1.06; }
body.ark-2026.home .ark-foundation { padding-bottom: 36px; }
body.ark-2026.home .ark-foundation h2 { color: #10233f; font-size: clamp(34px, 4.6vw, 62px); line-height: 1.08; }
.ark-foundation__intro { max-width: 760px; margin: 24px 0 32px; color: #43536b; font-size: 19px; }
.ark-foundation__values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; }
.ark-foundation__values > div { border-top: 3px solid #7650b6; padding-top: 18px; }
.ark-foundation__values h3 { margin: 0 0 10px; color: #10233f; font-family: "Ark Usual",Arial,sans-serif; font-size: 23px; }
.ark-foundation__values p { margin: 0; color: #43536b; }
.ark-foundation__path { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: -2rem 0 2.5rem; padding: 0 0 20px; border-bottom: 1px solid #ded8ce; }
.ark-foundation__path a { color: #10233f; font-size: 15px; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.ark-foundation__path span { color: #7650b6; }
body.ark-2026.home #kompas .ark-section-head,
body.ark-2026.home #koers .ark-section-head { display: block; }
body.ark-2026.home #kompas .ark-section-head > p,
body.ark-2026.home #koers .ark-section-head__intro { max-width: 780px; margin-top: 24px; }
@media(max-width: 700px) {
  .ark-foundation__values { grid-template-columns: 1fr; gap: 24px; }
  .ark-foundation__intro { font-size: 17px; }
  .ark-foundation__path { gap: 12px; }
}
.ark-hero__actions { display: flex; align-items: center; gap: 24px; margin-top: 34px; }
.ark-hero__shortcuts { display: flex; gap: 26px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--ark-line); font-size: 12px; }
.ark-hero__shortcuts a { display: inline-flex; align-items: center; gap: 8px; }
.ark-hero__shortcuts svg { flex: none; width: 20px; height: 20px; color: var(--ark-purple); }
.ark-hero__visual { position: relative; min-height: 535px; }
.ark-hero__image { height: 535px; overflow: hidden; border-radius: 100px 20px 100px 20px; box-shadow: var(--ark-shadow); }
.ark-hero__image picture { display: block; width: 100%; height: 100%; }
.ark-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.ark-sticker {
  position: absolute; top: -28px; left: -36px; width: 132px; height: 132px;
  display: grid; place-content: center; border-radius: 50%; color: #fff; text-align: center;
  background: var(--ark-purple); box-shadow: 0 16px 35px rgba(52, 34, 91, .24);
  transform: rotate(-8deg);
}
.ark-sticker span, .ark-sticker b { display: block; line-height: 1.1; }
.ark-sticker span { font-size: 17px; }
.ark-sticker b { font-size: 16px; }
.ark-photo-label {
  position: absolute; right: -22px; bottom: 25px; display: flex; align-items: center; gap: 12px;
  padding: 14px 18px; border-radius: 16px; background: #fff; box-shadow: 0 15px 36px rgba(25, 45, 76, .18); font-size: 12px;
}
.ark-dots { display: flex; gap: 4px; }
.ark-dots i { width: 10px; height: 10px; border-radius: 50%; background: var(--ark-blue); }
.ark-dots i:nth-child(2) { background: var(--ark-yellow); }
.ark-dots i:nth-child(3) { background: var(--ark-coral); }
.ark-orbit { position: absolute; border: 1px solid rgba(117, 80, 182, .14); border-radius: 50%; }
.ark-orbit--one { width: 460px; height: 460px; right: -230px; top: -180px; }
.ark-orbit--two { width: 250px; height: 250px; left: -140px; bottom: -120px; }
.ark-course-line {
  position: absolute; right: 0; bottom: 0; left: 0; height: 32px; pointer-events: none;
  /* Two broad, low waves; the paper fill joins the following section cleanly. */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 32' preserveAspectRatio='none'%3E%3Cpath d='M0 16C133 4 267 4 400 16S667 28 800 16S1067 4 1200 16S1467 28 1600 16V32H0Z' fill='%23fffdf8'/%3E%3Cpath d='M0 16C133 4 267 4 400 16S667 28 800 16S1067 4 1200 16S1467 28 1600 16' fill='none' stroke='%237650b6' stroke-opacity='.72' stroke-width='3.5'/%3E%3C/svg%3E") center bottom / 100% 32px no-repeat;
}

.ark-section { padding: 100px 0; }
.ark-section--paper { background: var(--ark-paper); }
.ark-section--cream {
  background: var(--ark-cream);
}
body.ark-2026.home #vandaag { padding-top: clamp(40px,5vw,70px); padding-bottom: clamp(55px,7vw,95px); }
.ark-section--ink { color: #fff; background: var(--ark-ink); }
.ark-section-head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 72px; align-items: end; margin-bottom: 42px; }
.ark-section-head h2 { font-size: clamp(48px, 5.5vw, 78px); }
.ark-section-head > p { margin: 0; color: #617087; }
.ark-section--ink .ark-section-head > p { color: #c4d0df; }
.ark-section-head__intro { color: #617087; }
.ark-section-head__intro p { margin: 0; }
.ark-section-head__intro p + p { margin-top: 10px; }
.ark-section--ink .ark-section-head__intro { color: #c4d0df; }
.ark-section--ink .ark-section-head__intro strong { color: #fff; }
.ark-section--ink .ark-kicker { color: #c9d7ff; }

.ark-today-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; }
.ark-news-card {
  position: relative; overflow: hidden; min-height: 410px; padding: 38px; border-radius: 30px;
  color: #10233f; background: #d9edf5;
}
.ark-news-card::after {
  content: ""; position: absolute; width: 210px; height: 158px; right: -12px; bottom: 6px;
  border: 0; border-radius: 0; opacity: .42; pointer-events: none;
  background: url("assets/images/ark-news-outline.svg") center / contain no-repeat;
}
.ark-news-card > * { position: relative; z-index: 1; }

/* Gezamenlijke rustige titelstijl; homepage en inhoud blijven ongewijzigd. */
body.ark-2026:not(.home) #ark-content .ark-inner-hero {
  background: linear-gradient(#f8f3e8,#f8f3e8) top / 100% calc(100% - 32px) no-repeat !important;
  border: 0; box-shadow: none; isolation: isolate; overflow: hidden; z-index: 1;
  margin-bottom: -32px;
  padding-bottom: calc(clamp(2.35rem, 4.5vw, 3.6rem) + 32px);
}
body.ark-2026:not(.home) #ark-content .ark-inner-hero::after { display: none; }
body.ark-2026:not(.home) #ark-content .ark-inner-hero--school::after {
  display: block; content: ""; position: absolute; inset: auto 4% 72px auto;
  width: min(44%,510px); height: 170px; border: 0; border-radius: 0;
  background: url("assets/images/ark-school-outline.svg?v=136") right bottom / contain no-repeat;
  opacity: .22; pointer-events: none; z-index: -1; transform: none;
}
body.ark-2026:not(.home) #ark-content .ark-inner-hero::before {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 32px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 32' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1600V16C1467 28 1333 28 1200 16S933 4 800 16S533 28 400 16S133 4 0 16Z' fill='%23f8f3e8'/%3E%3Cpath d='M0 16C133 4 267 4 400 16S667 28 800 16S1067 4 1200 16S1467 28 1600 16' fill='none' stroke='%237650b6' stroke-opacity='.72' stroke-width='3.5'/%3E%3C/svg%3E") center bottom / 100% 32px no-repeat;
  pointer-events: none;
}
body.page-id-3203 .ark-bso-card-head > small { display: none; }
@media(min-width:1001px) {
  body.ark-2026:not(.home) #ark-content .ark-inner-hero--school { padding-bottom: calc(clamp(2.35rem, 4.5vw, 3.6rem) + 40px); }
  body.ark-2026:not(.home) #ark-content .ark-inner-hero--school > .ark-shell > div { max-width: 62%; }
  body.ark-2026:not(.home) #ark-content .ark-inner-hero--school.ark-inner-hero--long-title h1 { font-size: clamp(32px,4.4vw,64px); }
}
@media(max-width:1000px) {
  body.ark-2026:not(.home) #ark-content .ark-inner-hero--school::after { display: none; }
}
body.ark-2026:not(.home) #ark-content .ark-inner-hero h1 {
  color: #10233f !important; font-family: "Ark Usual",Arial,sans-serif !important;
  font-style: normal; font-weight: 800; line-height: 1.12;
}
body.ark-2026:not(.home) #ark-content .ark-inner-hero h1 :is(em,span,strong) { color: inherit !important; font: inherit !important; }
body.ark-2026:not(.home) #ark-content .ark-inner-hero .ark-kicker { color: #43536b; }
body.ark-2026:not(.home) #ark-content .ark-inner-hero .ark-kicker::before { background: #7650b6; }
.ark-news-card small { display: inline-block; padding: 6px 10px; border-radius: 999px; color: var(--ark-ink); background: #fff; font-weight: 800; }
.ark-news-card h3 { margin: 45px 0 15px; font: 700 45px/1 Georgia, serif; letter-spacing: -.04em; }
.ark-news-card a { position: absolute; z-index: 2; bottom: 34px; left: 38px; color: #183987; font-weight: 800; }
.ark-quick-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ark-quick-card {
  position: relative; min-height: 126px; display: grid; grid-template-columns: 46px 1fr auto; gap: 14px;
  align-items: center; padding: 22px; border: 1px solid var(--ark-line); border-radius: 24px; background: #fff;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ark-quick-card:hover { transform: translateY(-3px); border-color: rgba(43, 87, 200, .4); box-shadow: 0 14px 30px rgba(25, 45, 76, .09); }
.ark-quick-card__icon { width: 46px; height: 46px; display: grid; place-content: center; border-radius: 15px; background: #eef2ff; font-size: 22px; }
.ark-quick-card__icon svg {
  width: 25px; height: 25px; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
}
.ark-quick-card__icon--brand { overflow: hidden; }
.ark-quick-card__brand {
  display: block; width: 46px; height: 46px; border-radius: 15px;
  object-fit: cover; filter: hue-rotate(-70deg) saturate(.92);
}
.ark-quick-card:nth-child(2n) .ark-quick-card__icon { background: #f0eafa; }
.ark-quick-card__brand--cloudwise, .ark-quick-card__brand--parnassys { filter: none; }
.ark-quick-card:nth-child(3n) .ark-quick-card__icon { background: #fff2cc; }
.ark-quick-card b, .ark-quick-card small { display: block; }
.ark-quick-card small { margin-top: 2px; color: #6b788b; font-size: 12px; }

.ark-stops { position: relative; display: grid; grid-template-columns: repeat(6, 1fr); margin-bottom: 34px; }
.ark-stops::before { content: ""; position: absolute; top: 31px; right: 7%; left: 7%; border-top: 1px dashed rgba(255,255,255,.25); }
.ark-stop {
  position: relative; z-index: 2; display: grid; justify-items: center; gap: 9px; padding: 0;
  border: 0; color: #cbd4df; background: transparent; cursor: pointer;
}
.ark-stop__dot {
  width: 62px; height: 62px; display: grid; place-content: center; border: 3px solid var(--stop-color);
  border-radius: 50%; color: #fff; background: var(--ark-ink); font: 700 20px Georgia, serif;
  transition: transform .2s ease, background .2s ease;
}
.ark-stop:hover .ark-stop__dot,
.ark-stop.is-active .ark-stop__dot { color: var(--ark-ink); background: var(--stop-color); transform: scale(1.08); }
.ark-stop.is-active { color: #fff; }
.ark-course-card {
  position: relative; display: grid; grid-template-columns: 1.25fr .75fr; min-height: 390px; overflow: hidden;
  border-radius: 36px; color: var(--ark-ink); background:
    linear-gradient(120deg, #fff 0 66%, color-mix(in srgb, var(--active-color) 24%, white) 66% 100%);
}
.ark-course-copy { position: relative; z-index: 2; padding: 50px; }
.ark-course-copy small {
  display: inline-block; padding: 7px 11px; border: 1px solid var(--active-color); border-radius: 999px;
  color: var(--active-color); font-weight: 800;
}
.ark-course-copy h3 { margin: 25px 0 16px; font: 700 clamp(38px, 4vw, 59px)/1 Georgia, serif; letter-spacing: -.04em; }
.ark-course-copy p { max-width: 680px; color: #516078; font-size: 17px; }
.ark-course-actions { display: flex; gap: 12px; margin-top: 27px; }
.ark-course-actions button { padding: 9px 14px; border: 1px solid var(--ark-line); border-radius: 999px; background: #fff; cursor: pointer; }
.ark-course-compass { position: relative; display: grid; place-content: center; text-align: center; }
.ark-course-compass__ring {
  position: absolute; inset: 48px; border: 2px solid rgba(16,35,63,.16); border-radius: 50%;
  box-shadow: 0 0 0 22px rgba(255,255,255,.32), 0 0 0 23px rgba(16,35,63,.08);
}
.ark-course-compass__ring::before,
.ark-course-compass__ring::after {
  content: ""; position: absolute; top: 50%; left: 50%; background: rgba(16,35,63,.15); transform: translate(-50%,-50%);
}
.ark-course-compass__ring::before { width: 126%; height: 1px; }
.ark-course-compass__ring::after { width: 1px; height: 126%; }
.ark-course-compass__needle {
  position: absolute; top: 60px; left: 50%; color: var(--active-color); font-size: 58px;
  transform: translateX(-50%) rotate(24deg); transform-origin: 50% 120px; transition: color .2s ease;
}
.ark-course-compass strong { position: relative; z-index: 2; font: 700 82px/.85 Georgia, serif; letter-spacing: -.06em; }
.ark-course-compass small { position: relative; z-index: 2; margin-top: 7px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.ark-methods { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.ark-method {
  position: relative; min-width: 0; min-height: 360px; display: grid; grid-template-rows: 150px 1fr;
  grid-column: span 4; overflow: hidden; border-radius: 28px; transition: transform .2s ease, box-shadow .2s ease;
}
.ark-method:hover { transform: translateY(-5px); box-shadow: 0 18px 35px rgba(25,45,76,.14); }
.ark-method:nth-child(4),
.ark-method:nth-child(5) { grid-column: span 6; }
.ark-method--purple { background: #d9ccf2; }
.ark-method--blue { background: #c9e4f1; }
.ark-method--yellow { background: #f7cd61; }
.ark-method--coral { background: #ee8063; }
.ark-method--mint { background: #c4e4d9; }
.ark-method__media { position: relative; overflow: hidden; background: rgba(255,255,255,.35); }
.ark-method__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(16,35,63,.18), transparent 55%); }
.ark-method__media img { width: 100%; height: 100%; object-fit: cover; }
.ark-method--yellow .ark-method__media img,
.ark-method--blue .ark-method__media img { object-fit: contain; padding: 18px; background: rgba(255,255,255,.72); }
.ark-method--mint .ark-method__media {
  display: grid; place-items: center; background: #fff;
}
.ark-method--mint .ark-method__media::after { display: none; }
.ark-method--mint .ark-method__media img[src*="codex-clipboard-69633668"] {
  width: min(72%, 300px) !important; height: auto !important; padding: 0; object-fit: contain; background: #fff;
}
.ark-method--coral .ark-method__media:has(img[src*="kanjertraining-logo"]) {
  display: grid; place-items: center; background: #fff;
}
.ark-method--coral .ark-method__media:has(img[src*="kanjertraining-logo"])::after { display: none; }
.ark-method--coral .ark-method__media img[src*="kanjertraining-logo"] {
  width: min(76%, 320px) !important; height: auto !important; padding: 0; object-fit: contain; background: #fff;
}
.ark-method__number {
  position: absolute; z-index: 2; left: 18px; bottom: 15px; width: 39px; height: 39px;
  display: grid; place-content: center; border-radius: 50%; color: #fff; background: var(--ark-ink);
  font: 700 14px Georgia, serif;
}
.ark-method__body { display: block; min-width: 0; padding: 22px 26px 26px; overflow-wrap: anywhere; }
.ark-method h3 { max-width: calc(100% - 32px); margin: 0 0 5px; font: 700 clamp(24px, 2.2vw, 31px)/1.02 Georgia, serif; letter-spacing: -.035em; overflow-wrap: normal; }
.ark-method:first-child h3 {
  max-width: 100%; white-space: normal; overflow-wrap: anywhere; letter-spacing: -.045em;
}
.ark-method h4 { margin: 0 0 13px; font-size: 14px; }
.ark-method p { max-width: 430px; margin: 0; font-size: 14px; line-height: 1.5; }
.ark-method__arrow {
  position: absolute; z-index: 3; right: 20px; bottom: 20px; width: 39px; height: 39px;
  display: grid; place-content: center; border: 1px solid rgba(16,35,63,.2); border-radius: 50%; background: rgba(255,255,255,.46);
}

.ark-section--instagram { background: #fffdf8; }
.ark-instagram-head { display: flex; align-items: end; justify-content: space-between; gap: 32px; }
.ark-instagram-head h2 { font-size: clamp(42px, 5vw, 68px); }
.ark-instagram-head p:not(.ark-kicker) { margin: 20px 0 0; color: #52627a; font-size: 17px; }
.ark-instagram-head .ark-button { flex: none; }
.ark-instagram-feed { margin-top: 36px; }
/* Override the feed plugin's inline pale-blue follow button, not the feed layout. */
body.ark-2026.home #sb_instagram #sbi_load .sbi_follow_btn a {
  background: #183987 !important; color: #fff !important;
}
body.ark-2026.home #sb_instagram #sbi_load .sbi_follow_btn a:hover {
  background: #10233f !important; color: #fff !important;
}
body.ark-2026.home #sb_instagram #sbi_load .sbi_follow_btn a:focus-visible {
  outline: 3px solid #7650b6; outline-offset: 3px;
}
@media (max-width: 700px) {
  .ark-instagram-head { align-items: flex-start; flex-direction: column; gap: 24px; }
  .ark-instagram-head h2 { font-size: clamp(40px, 10vw, 58px); }
  .ark-instagram-head .ark-button { white-space: normal; text-align: center; }
}

.ark-section--mission {
  position: relative; overflow: hidden;
  background:
    radial-gradient(circle at 0 0, rgba(242,188,62,.22), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(118,80,182,.20), transparent 34%),
    #edf4ff;
}
.ark-mission { display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center; }
.ark-mission__compass { position: relative; min-height: 540px; }
.ark-mission__compass::before {
  content: ""; position: absolute; inset: 55px; border: 1px solid rgba(16,35,63,.16); border-radius: 50%;
  background: repeating-conic-gradient(from -1deg, rgba(16,35,63,.22) 0 2deg, transparent 2deg 15deg);
  box-shadow: inset 0 0 0 25px rgba(255,255,255,.58), 0 0 0 12px rgba(255,255,255,.38), 0 0 0 13px rgba(16,35,63,.07);
}
.ark-mission__compass::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 380px; height: 380px;
  border: 2px solid rgba(43,87,200,.16); border-radius: 50%; transform: translate(-50%,-50%);
}
.ark-mission__rose {
  position: absolute; z-index: 1; top: 50%; left: 50%; width: 344px; height: 344px;
  border: 2px solid rgba(16,35,63,.22); border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.94) 0 48%, rgba(232,239,255,.88) 49% 70%, rgba(255,255,255,.78) 71%);
  box-shadow: inset 0 0 0 8px rgba(118,80,182,.08);
  transform: translate(-50%,-50%);
}
.ark-mission__rose::before {
  content: ""; position: absolute; inset: 27px;
  background: conic-gradient(
    from -45deg,
    rgba(43,87,200,.28) 0 25%, rgba(118,80,182,.11) 0 50%,
    rgba(43,87,200,.20) 0 75%, rgba(118,80,182,.11) 0
  );
  clip-path: polygon(50% 0, 58% 38%, 100% 50%, 58% 62%, 50% 100%, 42% 62%, 0 50%, 42% 38%);
}
.ark-mission__rose::after {
  content: ""; position: absolute; top: 50%; left: 50%; width: 224px; height: 224px;
  border: 1px solid rgba(16,35,63,.14); border-radius: 50%; background: rgba(248,251,255,.94);
  transform: translate(-50%,-50%);
}
.ark-mission__rose i {
  position: absolute; z-index: 2; top: 38px; left: 50%; width: 22px; height: 112px;
  background: linear-gradient(90deg, #d45c52 0 50%, var(--ark-blue) 50%);
  clip-path: polygon(50% 0, 100% 100%, 50% 79%, 0 100%);
  filter: drop-shadow(0 5px 7px rgba(16,35,63,.18)); transform: translateX(-50%);
}
.ark-mission__center {
  position: absolute; z-index: 2; top: 50%; left: 50%; width: 164px; height: 164px;
  display: grid; place-content: center; border-radius: 50%; color: #fff; text-align: center;
  background: var(--ark-ink); box-shadow: 0 20px 45px rgba(16,35,63,.22); transform: translate(-50%,-50%);
}
.ark-mission__center span, .ark-mission__center strong { display: block; line-height: 1; }
.ark-mission__center strong { margin-top: 5px; color: #fff2a9; font: 700 38px/1 Georgia, serif; letter-spacing: -.05em; }
.ark-mission__center i { margin-top: 12px; color: var(--ark-coral); font-style: normal; }
.ark-mission__point {
  position: absolute; z-index: 3; min-width: 170px; display: flex; align-items: center; gap: 10px;
  padding: 10px 15px 10px 10px; border: 1px solid rgba(16,35,63,.12); border-radius: 999px;
  color: var(--ark-ink); background: #fff; box-shadow: 0 10px 22px rgba(25,45,76,.08);
  font-weight: 800; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease;
}
.ark-mission__point:hover,
.ark-mission__point.is-active { transform: translateY(-3px); box-shadow: 0 15px 29px rgba(25,45,76,.16); }
.ark-mission__point.is-active { outline: 3px solid color-mix(in srgb, var(--mission-color) 42%, transparent); }
.ark-mission__point span {
  width: 36px; height: 36px; min-width: 36px; flex: 0 0 36px; aspect-ratio: 1;
  display: grid; place-content: center; border-radius: 50%; color: #fff; background: var(--mission-color);
}
.ark-mission__point-icon svg,
.ark-mission__panel-symbol svg,
.ark-vision-route__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.ark-mission__point-icon svg path[fill],
.ark-mission__panel-symbol svg path[fill],
.ark-vision-route__icon svg path[fill] { fill: currentColor; stroke: none; }
.ark-mission__point--1 { top: 4%; left: 50%; transform: translateX(-50%); }
.ark-mission__point--1:hover,
.ark-mission__point--1.is-active { transform: translate(-50%,-3px); }
.ark-mission__point--2 { top: 50%; right: 0; transform: translateY(-50%); }
.ark-mission__point--2,
.ark-mission__point--4 { min-width: 0; max-width: 175px; white-space: normal; line-height: 1.15; }
.ark-mission__point--2:hover,
.ark-mission__point--2.is-active { transform: translateY(calc(-50% - 3px)); }
.ark-mission__point--3 { bottom: 4%; left: 50%; transform: translateX(-50%); }
.ark-mission__point--3:hover,
.ark-mission__point--3.is-active { transform: translate(-50%,-3px); }
.ark-mission__point--4 { top: 50%; left: 0; transform: translateY(-50%); }
.ark-mission__point--4:hover,
.ark-mission__point--4.is-active { transform: translateY(calc(-50% - 3px)); }
.ark-mission__panel {
  position: relative; overflow: hidden; min-height: 360px; padding: 52px; border-radius: 34px;
  background: #fff; box-shadow: var(--ark-shadow);
}
.ark-mission__panel::after {
  content: ""; position: absolute; right: -80px; bottom: -90px; width: 240px; height: 240px;
  border: 34px solid color-mix(in srgb, var(--mission-color) 28%, transparent); border-radius: 50%;
}
.home .ark-mission__panel::after { display: none; }
.ark-mission__label { color: var(--mission-color); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.ark-mission__panel-symbol {
  position: absolute; z-index: 2; top: 34px; right: 42px; width: 64px; height: 64px;
  display: grid; place-content: center; border-radius: 22px; color: #fff; background: var(--mission-color);
  box-shadow: 0 12px 24px color-mix(in srgb, var(--mission-color) 26%, transparent); font: 700 28px/1 Georgia, serif;
}
.ark-mission__panel h3 { position: relative; z-index: 2; margin: 24px 0 16px; font: 700 clamp(46px, 5vw, 68px)/1 Georgia, serif; letter-spacing: -.05em; }
.ark-mission__panel p { position: relative; z-index: 2; max-width: 520px; color: #526078; font-size: 18px; }
.ark-mission__panel a { position: relative; z-index: 2; display: inline-block; margin-top: 24px; }
.ark-mission__note {
  position: relative; z-index: 2; margin-top: 26px; padding: 18px 20px; border-left: 5px solid var(--mission-color);
  border-radius: 0 18px 18px 0; background: color-mix(in srgb, var(--mission-color) 9%, #fff);
}
.ark-mission__note strong { display: block; margin-bottom: 5px; color: var(--ark-ink); font-size: 14px; }
.ark-mission__note span { color: #526078; font-size: 15px; line-height: 1.55; }
.ark-mission__details { position: relative; z-index: 2; display: grid; gap: 12px; margin-top: 26px; }
.ark-mission__details .ark-mission__note { margin-top: 0; }
.ark-mission-page-intro { max-width: 800px; margin: 0 auto 48px; text-align: center; }
.ark-mission-page-intro h2 { margin: 12px 0 0; font-size: clamp(34px, 4.2vw, 58px); }
.ark-mission-page-intro p:last-child { max-width: 700px; margin-inline: auto; color: #526078; font-size: 18px; }
.ark-section--mission-page { padding-top: 82px; }
.ark-section--mission-page .ark-mission {
  padding: 28px; border: 1px solid rgba(43,87,200,.10); border-radius: 42px;
  align-items: start; background: rgba(255,255,255,.47); box-shadow: 0 22px 60px rgba(25,45,76,.08);
}
.ark-section--mission-page .ark-mission__point--2 { right: -22px; max-width: 215px; }
.ark-section--mission-page .ark-mission__point--4 { left: 26px; max-width: 215px; }
.ark-section--mission-page .ark-mission__panel { min-height: 560px; }
.ark-section--mission-page .ark-mission__panel h3 { margin-top: 54px; }
.ark-section--mission-page .ark-mission__compass::before { animation: ark-compass-ring 34s linear infinite; }
.ark-section--mission-page .ark-mission__rose::before { animation: ark-compass-glow 5s ease-in-out infinite; }
.ark-section--mission-page .ark-mission__rose i {
  transform: translateX(-50%) rotate(var(--compass-angle, 0deg)); transform-origin: 50% 134px;
  transition: transform .75s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}
.ark-section--mission-page .ark-mission__center::after {
  content: ""; position: absolute; inset: -12px; border: 2px solid color-mix(in srgb, var(--mission-color) 46%, transparent);
  border-radius: 50%; animation: ark-compass-pulse 3.2s ease-out infinite; pointer-events: none;
}
.ark-mission__spark {
  position: absolute; z-index: 2; width: 9px; height: 9px; border-radius: 50%; background: var(--mission-color);
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--mission-color) 15%, transparent); pointer-events: none;
  animation: ark-compass-float 4.6s ease-in-out infinite;
}
.ark-mission__spark--1 { top: 18%; left: 16%; }
.ark-mission__spark--2 { top: 20%; right: 14%; animation-delay: -1.2s; }
.ark-mission__spark--3 { right: 18%; bottom: 15%; animation-delay: -2.4s; }
.ark-mission__spark--4 { bottom: 17%; left: 14%; animation-delay: -3.5s; }
@keyframes ark-compass-ring { to { transform: rotate(360deg); } }
@keyframes ark-compass-glow { 0%,100% { opacity: .72; } 50% { opacity: 1; } }
@keyframes ark-compass-pulse { 0% { opacity: .7; transform: scale(.94); } 70%,100% { opacity: 0; transform: scale(1.16); } }
@keyframes ark-compass-float { 0%,100% { transform: translateY(0) scale(.88); opacity: .55; } 50% { transform: translateY(-9px) scale(1.12); opacity: 1; } }
.ark-vision-route {
  position: relative; margin-top: 72px; padding: 42px 34px 54px; border-radius: 38px;
  background: var(--ark-ink); box-shadow: 0 24px 58px rgba(16,35,63,.18); overflow: hidden;
}
.ark-vision-route::before {
  content: ""; position: absolute; right: -90px; bottom: -130px; width: 360px; height: 360px;
  border: 55px solid rgba(176,139,224,.15); border-radius: 50%;
}
.ark-vision-route__head { position: relative; z-index: 2; max-width: 700px; }
.ark-vision-route__head .ark-kicker { color: #c9d7ff; }
.ark-vision-route__head h2 {
  margin: 10px 0 42px; color: #fff; font: 700 clamp(38px, 4.5vw, 60px)/1 Georgia, serif; letter-spacing: -.045em;
}
.ark-vision-route__line {
  position: absolute; z-index: 1; top: 224px; right: 8%; left: 8%; height: 80px;
  border-top: 2px dashed rgba(255,255,255,.26); border-radius: 50%; transform: rotate(-2deg);
}
.ark-vision-route__cards { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ark-vision-route__card {
  position: relative; min-width: 0; min-height: 270px; padding: 22px; border: 1px solid rgba(255,255,255,.18); border-radius: 25px;
  color: var(--ark-ink); background: #fff; box-shadow: inset 0 8px 0 var(--mission-color), 0 15px 34px rgba(0,0,0,.14);
  font-family: inherit; text-align: left; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;
}
.ark-section--mission-page .ark-vision-route__card {
  overflow: hidden; color: var(--ark-ink) !important; background: #fff !important; white-space: normal !important;
}
.ark-vision-route__card:nth-child(even) { transform: translateY(24px); }
.ark-vision-route__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.2); }
.ark-vision-route__card:nth-child(even):hover { transform: translateY(20px); }
.ark-vision-route__card.is-active { outline: 3px solid var(--mission-color); outline-offset: 3px; }
.ark-vision-route__number { display: block; color: var(--mission-color); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.ark-vision-route__icon {
  width: 54px; height: 54px; display: grid; place-content: center; margin: 20px 0 26px; border-radius: 18px;
  color: #fff; background: var(--mission-color); font: 700 24px/1 Georgia, serif;
}
.ark-vision-route__icon svg { width: 27px; height: 27px; }
.ark-vision-route__card strong { display: block; margin-bottom: 11px; font: 700 28px/1 Georgia, serif; letter-spacing: -.035em; }
.ark-vision-route__card small {
  display: block; width: 100%; color: #526078; font-size: 14px; line-height: 1.48;
  white-space: normal !important; overflow-wrap: anywhere; word-break: normal;
}

.ark-visit {
  display: grid; grid-template-columns: 1fr .9fr; gap: 20px; align-items: center;
  padding: 46px; border-radius: 36px; background: var(--ark-cream);
}
.ark-visit h2 { font-size: clamp(44px, 5vw, 70px); }
.ark-visit__image { height: 350px; min-height: 350px; overflow: hidden; border-radius: 26px 70px 26px 26px; }
.ark-visit__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }

.ark-inner-hero {
  position: relative; overflow: hidden; padding: 76px 0 68px;
  background:
    radial-gradient(circle at 92% 8%, rgba(118,80,182,.20) 0 110px, transparent 111px),
    radial-gradient(circle at 4% 95%, rgba(242,188,62,.24) 0 75px, transparent 76px),
    var(--ark-cream);
}
.ark-inner-hero::after {
  content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 6px;
  background: linear-gradient(90deg, var(--ark-blue) 0 18%, var(--ark-purple) 18% 35%, var(--ark-coral) 35% 52%, var(--ark-yellow) 52% 69%, #5b9c7f 69% 84%, #4c9ec1 84%);
}
.ark-inner-hero__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 50px; align-items: center; }
.ark-inner-hero h1 { font-size: clamp(58px, 7vw, 92px); }
.ark-inner-hero p { max-width: 650px; color: #56647a; font-size: 18px; }
.ark-inner-hero__image { height: 390px; overflow: hidden; border-radius: 80px 20px 80px 20px; box-shadow: var(--ark-shadow); }
.ark-inner-hero__image picture { display: block; width: 100%; height: 100%; }
.ark-inner-hero__image img { width: 100%; height: 100%; object-fit: cover; }
.ark-inner-hero__image--method { background: #fff; }
.ark-inner-hero__image--method img { object-fit: contain; padding: 18px; }
.ark-inner-hero__image--method:has(img[src*="codex-clipboard-69633668"]) {
  display: grid; place-items: center; background: #fff;
}
.ark-inner-hero__image--method img[src*="codex-clipboard-69633668"] {
  width: min(78%, 300px) !important; height: auto !important; padding: 0 !important; object-fit: contain;
}
.ark-inner-hero__image--method:has(img[src*="kanjertraining-logo"]) {
  display: grid; place-items: center; background: #fff;
}
.ark-inner-hero__image--method img[src*="kanjertraining-logo"] {
  width: min(82%, 430px) !important; height: auto !important; padding: 0 !important; object-fit: contain;
}
.ark-kanjer-poster {
  width: min(100%, 520px); margin: 54px auto 10px; padding: 28px;
  border-radius: 28px; background: #f5f1fb; text-align: center;
}
.ark-kanjer-poster img {
  display: block; width: min(100%, 391px); height: auto; margin: 0 auto;
  border-radius: 18px; box-shadow: 0 14px 32px rgba(25,45,76,.14);
}
.ark-kanjer-poster figcaption {
  margin-top: 18px; color: #526078; font-size: 14px; line-height: 1.5;
}
.page-id-2658 .ark-content .elementor-widget-image,
.page-id-2658 .ark-content .ark-kanjer-legacy-media,
.page-id-2658 .ark-content .ark-kanjer-legacy-copy { display: none !important; }
.page-id-2658 .ark-content a.ark-external-info-button {
  display: inline-flex; align-items: center; gap: 11px; margin: 9px 0 12px; padding: 14px 22px;
  border: 0; border-radius: 999px; color: #fff !important;
  background: linear-gradient(110deg, var(--ark-blue), var(--ark-purple));
  box-shadow: 0 12px 26px rgba(43,87,200,.22); font-weight: 800; text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.page-id-2658 .ark-content a.ark-external-info-button::after { content: "↗"; font-size: 18px; }
.page-id-2658 .ark-content a.ark-external-info-button:hover {
  transform: translateY(-2px); box-shadow: 0 16px 30px rgba(43,87,200,.28);
}
.page-id-2658 .ark-content a.ark-external-info-button:focus-visible {
  outline: 3px solid var(--ark-yellow); outline-offset: 4px;
}
.ark-overview { padding: 82px 0 100px; }
.ark-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ark-overview-card {
  min-height: 240px; display: flex; flex-direction: column; justify-content: space-between;
  padding: 28px; border: 1px solid var(--ark-line); border-radius: 26px; background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ark-overview-card:hover { transform: translateY(-4px); box-shadow: 0 18px 34px rgba(25,45,76,.1); }
.ark-overview-card:nth-child(4n+1) { background: #f0ebfa; }
.ark-overview-card:nth-child(4n+2) { background: #e5f2f7; }
.ark-overview-card:nth-child(4n+3) { background: #fff1c8; }
.ark-overview-card:nth-child(4n+4) { background: #f8d6cc; }
.ark-overview-card h2 { margin: 24px 0 10px; font: 700 30px/1.05 Georgia, serif; letter-spacing: -.035em; }
.ark-overview-card p { margin: 0; color: #526078; font-size: 14px; }
.ark-overview-card__arrow { align-self: flex-end; width: 42px; height: 42px; display: grid; place-content: center; border: 1px solid rgba(16,35,63,.2); border-radius: 50%; }

/* Newsletter rows share their baselines, including when a title wraps. */
.ark-overview-grid > .ark-overview-card {
  display: grid; grid-template-rows: 42px auto auto 1fr;
  justify-content: normal; align-content: start; gap: 16px;
  text-align: left; min-width: 0;
}
.ark-overview-grid > .ark-overview-card > span:not(.ark-overview-card__arrow) { display: contents; }
.ark-overview-grid .ark-overview-card__arrow { justify-self: end; align-self: start; }
.ark-overview-grid .ark-overview-card small { margin: 0; line-height: 1.4; }
.ark-overview-grid .ark-overview-card h2 { margin: 0; }
.ark-overview-grid .ark-overview-card p { margin: 0; line-height: 1.65; }
@supports (grid-template-rows: subgrid) {
  .ark-overview-grid > .ark-overview-card {
    grid-row: span 4; grid-template-rows: subgrid;
  }
}

.ark-content-wrap {
  padding: 70px 0 100px;
  background:
    radial-gradient(circle at 100% 15%, rgba(200,230,239,.5), transparent 24%),
    var(--ark-paper);
}
.ark-content-title { margin-bottom: 40px; font-size: clamp(48px, 6vw, 78px); }
.ark-content {
  position: relative; overflow: hidden; max-width: 1080px; margin-inline: auto; padding: clamp(26px, 5vw, 58px);
  border: 1px solid var(--ark-line); border-radius: 34px; background: #fff; box-shadow: 0 18px 42px rgba(25,45,76,.08);
}
.ark-content::before {
  content: ""; position: absolute; top: 0; right: 0; left: 0; height: 8px;
  background: linear-gradient(90deg, var(--ark-blue) 0 24%, var(--ark-purple) 24% 43%, var(--ark-coral) 43% 60%, var(--ark-yellow) 60% 78%, #5b9c7f 78% 90%, #4c9ec1 90%);
}
.ark-content :where(h2,h3,h4) { color: var(--ark-ink); font-family: Georgia, serif; letter-spacing: -.035em; }
.ark-content h2 { margin-top: 48px; font-size: 40px; }
.ark-content h3 { margin-top: 34px; font-size: 28px; }
.ark-content a { color: var(--ark-blue); text-decoration: underline; text-underline-offset: 3px; }
.ark-content .elementor { max-width: none; }
.ark-content :where(p,li) { color: #4d5d74; font-size: 17px; }
.ark-day-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 34px 0 28px;
}
.ark-day-preview article {
  position: relative;
  min-height: 170px;
  padding: 24px 24px 22px;
  border: 1px solid rgba(16,35,63,.1);
  border-radius: 24px;
  background: linear-gradient(145deg, #f0ebfa, #fffdf8);
  box-shadow: 0 12px 26px rgba(16,35,63,.07);
}
.ark-day-preview article:nth-child(2n) { background: linear-gradient(145deg, #e5f2f7, #fffdf8); }
.ark-day-preview article:nth-child(3n) { background: linear-gradient(145deg, #fff1c8, #fffdf8); }
.ark-day-preview article:nth-child(4n) { background: linear-gradient(145deg, #f8d6cc, #fffdf8); }
.ark-day-preview article > span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  color: var(--ark-ink);
  background: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
.ark-day-preview article h3 { margin: 18px 0 8px; font-size: 25px; }
.ark-day-preview article p { margin: 0; font-size: 15px; }
.ark-content .elementor-widget-text-editor > .elementor-widget-container {
  padding: clamp(20px, 3vw, 30px); border: 1px solid rgba(118,80,182,.11); border-radius: 23px;
  background: #f8f5fd;
}
.ark-content .elementor-section:nth-child(4n+2) .elementor-widget-text-editor > .elementor-widget-container { background: #eef7fa; border-color: rgba(76,158,193,.13); }
.ark-content .elementor-section:nth-child(4n+3) .elementor-widget-text-editor > .elementor-widget-container { background: #fff7df; border-color: rgba(242,188,62,.18); }
.ark-content .elementor-section:nth-child(4n+4) .elementor-widget-text-editor > .elementor-widget-container { background: #fff0eb; border-color: rgba(238,128,99,.16); }
.ark-content ul { padding-left: 1.25rem; }
.ark-content li::marker { color: var(--ark-purple); }
.ark-content img { border-radius: 24px; }
.ark-content .elementor-button { border-radius: 999px !important; color: #fff !important; background: var(--ark-blue) !important; text-decoration: none !important; }
.single-post .ark-content .wp-block-button__link {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 23px;
  border: 1px solid rgba(255,255,255,.28); border-radius: 999px;
  color: #fff !important; background: linear-gradient(110deg, var(--ark-blue), var(--ark-purple));
  box-shadow: 0 12px 26px rgba(43,87,200,.22); font-weight: 800; line-height: 1.35;
  text-decoration: none !important; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.single-post .ark-content .wp-block-button__link::after { content: "↗"; font-size: 1.05em; }
.single-post .ark-content .wp-block-button__link:hover {
  transform: translateY(-2px); box-shadow: 0 16px 30px rgba(43,87,200,.28); filter: saturate(1.08);
}
.single-post .ark-content .wp-block-button__link:focus-visible {
  outline: 3px solid var(--ark-yellow); outline-offset: 4px;
}
.ark-duplicate-title,
.ark-legacy-heading,
.ark-duplicate-action { display: none !important; }

.page-id-3054 .ark-leave-button {
  display: inline-flex; align-items: center; gap: 11px; margin: 9px 0 20px; padding: 14px 22px;
  border: 0; border-radius: 999px; color: #fff !important; background: linear-gradient(110deg, var(--ark-blue), var(--ark-purple));
  box-shadow: 0 12px 24px rgba(43,87,200,.19); font-weight: 800; text-decoration: none !important;
}
.page-id-3054 .ark-leave-button::after { content: "→"; font-size: 20px; }

.page-id-3126 .ark-content img[src*="dearkbunschoten.nl"] { display: none !important; }
.page-id-3126 .ark-content .ark-broken-portal-image { display: none !important; }
.page-id-3126 .ark-portal-button {
  display: inline-flex; align-items: center; gap: 12px; margin: 10px 0 22px; padding: 16px 24px;
  border: 0; border-radius: 999px; color: #fff !important; background: linear-gradient(110deg, var(--ark-blue), var(--ark-purple));
  box-shadow: 0 14px 28px rgba(43,87,200,.22); font-weight: 800; text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
.page-id-3126 .ark-portal-button::before {
  content: ""; width: 19px; height: 19px; display: block;
  border: 2px solid currentColor; border-radius: 50%;
  box-shadow: inset 0 -6px 0 -3px currentColor;
}
.page-id-3126 .ark-portal-button::after { content: "↗"; font-size: 18px; }
.page-id-3126 .ark-portal-button:hover { transform: translateY(-2px); box-shadow: 0 17px 32px rgba(43,87,200,.27); }

.page-id-3132 .ark-content { max-width: 1120px; background: #f8fbff; }
.page-id-3132 .ark-content .elementor-widget-shortcode > .elementor-widget-container { padding: 0; }
.page-id-3132 .ics-calendar {
  color: var(--ark-ink); font-family: "Ark Usual", Arial, sans-serif;
}
.page-id-3132 .ics-calendar-list-wrapper { margin: 0; padding: 0; }
.page-id-3132 .ics-calendar .ics-calendar-label {
  position: relative !important; top: auto !important; margin: 30px 0 14px !important; padding: 18px 24px !important;
  border: 0 !important; border-radius: 22px; color: #fff !important;
  background:
    radial-gradient(circle at 92% 20%, rgba(255,255,255,.17) 0 38px, transparent 39px),
    linear-gradient(110deg, var(--ark-blue), var(--ark-purple)) !important;
  box-shadow: 0 12px 26px rgba(43,87,200,.14);
  font: 700 clamp(27px, 3vw, 38px)/1 Georgia, serif !important; letter-spacing: -.035em;
}
.page-id-3132 .ics-calendar .ics-calendar-label:first-child { margin-top: 0 !important; }
.page-id-3132 .ics-calendar-date-wrapper {
  position: relative; overflow: hidden; display: grid !important; grid-template-columns: minmax(185px, .38fr) 1fr;
  gap: 22px; align-items: center; margin: 0 0 12px !important; padding: 20px 22px 20px 27px !important;
  border: 1px solid rgba(16,35,63,.09) !important; border-radius: 21px; background: #fff !important;
  box-shadow: 0 8px 22px rgba(25,45,76,.055);
}
.page-id-3132 .ics-calendar-date-wrapper::before {
  content: ""; position: absolute; top: 12px; bottom: 12px; left: 0; width: 6px; border-radius: 0 8px 8px 0;
  background: linear-gradient(var(--ark-blue), var(--ark-purple));
}
.page-id-3132 .ics-calendar-date-wrapper:nth-of-type(4n+2)::before { background: linear-gradient(var(--ark-coral), var(--ark-yellow)); }
.page-id-3132 .ics-calendar-date-wrapper:nth-of-type(4n+3)::before { background: linear-gradient(#4c9ec1, #5b9c7f); }
.page-id-3132 .ics-calendar .ics-calendar-date {
  margin: 0 !important; padding: 0 !important; border: 0 !important; color: var(--ark-blue-dark) !important;
  background: transparent !important; font: 800 15px/1.35 "Ark Usual", Arial, sans-serif !important;
  letter-spacing: .01em; text-transform: none;
}
.page-id-3132 .ics-calendar .events { margin: 0 !important; padding: 0 !important; }
.page-id-3132 .ics-calendar .event {
  margin: 0 !important; padding: 14px 17px !important; border: 0 !important; border-radius: 15px;
  color: var(--ark-ink) !important; background: #f3effb !important;
}
.page-id-3132 .ics-calendar-date-wrapper:nth-of-type(4n+2) .event { background: #fff5d8 !important; }
.page-id-3132 .ics-calendar-date-wrapper:nth-of-type(4n+3) .event { background: #e8f5f4 !important; }
.page-id-3132 .ics-calendar .event .title { color: inherit !important; font-size: 16px; font-weight: 800; }
.page-id-3132 .ics-calendar :where(dt,dd) { margin: 0; }

.page-id-2899 .ark-content { max-width: 1180px; background: #fbfcff; }
.page-id-2899 .ark-content .elementor-section > .elementor-container {
  align-items: stretch; flex-wrap: wrap; gap: 18px;
}
.page-id-2899 .ark-content .elementor-column.ark-team-card {
  width: calc((100% - 36px) / 3) !important; flex: 0 0 calc((100% - 36px) / 3) !important;
  overflow: hidden; margin: 0 0 18px; border: 1px solid rgba(16,35,63,.09); border-radius: 24px;
  background: #fff; box-shadow: 0 12px 28px rgba(25,45,76,.08);
}
.page-id-2899 .ark-team-card > .elementor-widget-wrap,
.page-id-2899 .ark-team-card > .elementor-column-wrap > .elementor-widget-wrap {
  display: flex; height: 100%; padding: 0 !important; flex-direction: column;
}
.page-id-2899 .ark-team-card .elementor-widget-image {
  width: 100%; height: 278px; margin: 0 !important;
}
.page-id-2899 .ark-team-card .elementor-widget-image > .elementor-widget-container { height: 100%; }
.page-id-2899 .ark-team-card .elementor-widget-image img {
  width: 100% !important; height: 100% !important; border-radius: 0; object-fit: cover; object-position: center 18%;
}
.page-id-2899 .ark-team-card .elementor-widget-image:has(img[src*="/Inke.png"]),
.page-id-2899 .ark-team-card .elementor-widget-image:has(img[src*="/Lianne-1-scaled.jpg"]),
.page-id-2899 .ark-team-card .elementor-widget-image:has(img[src*="/Jan-1.jpg"]) {
  background: linear-gradient(135deg, #e7e4f3, #e7eef2);
}
.page-id-2899 .ark-team-card .elementor-widget-image img[src*="/Inke.png"],
.page-id-2899 .ark-team-card .elementor-widget-image img[src*="/Lianne-1-scaled.jpg"] {
  width: 88% !important; margin-inline: auto; object-position: center 18%;
}
.page-id-2899 .ark-team-card .elementor-widget-image img[src*="/Jan-1.jpg"] {
  width: 84% !important; margin-inline: auto; object-position: center 18%;
}
.page-id-2899 .ark-team-photo-placeholder {
  width: 100%; height: 278px; flex: 0 0 278px; display: grid; place-content: center;
  color: #183987; background: #dceef6;
  font: 800 54px/1 "Ark Usual", sans-serif; letter-spacing: -.06em;
}
.page-id-2899 .ark-team-card .elementor-widget-text-editor { width: 100%; margin: 0 !important; flex: 1; }
.page-id-2899 .ark-team-card .elementor-widget-text-editor > .elementor-widget-container {
  height: 100%; padding: 18px 20px 21px; border: 0; border-radius: 0; background: #eef7fa !important;
}
.page-id-2899 .ark-team-card .elementor-widget-text-editor p { margin: 0; line-height: 1.42; }
.page-id-2899 .ark-team-card .elementor-widget-text-editor strong {
  display: block; margin-bottom: 3px; color: var(--ark-purple); font-size: 12px; letter-spacing: .035em; text-transform: uppercase;
}
.page-id-2899 .ark-team-heading { width: 100% !important; flex: 0 0 100% !important; }
.page-id-2899 .ark-team-heading .elementor-widget-text-editor > .elementor-widget-container {
  margin: 18px 0 4px; padding: 18px 22px; border: 0; border-radius: 20px;
  background: linear-gradient(100deg, #eee7fb, #edf6fb);
}
.page-id-2899 .ark-team-heading--hidden,
.page-id-2899 .ark-team-empty-row { display: none !important; }

.ark-footer { padding: 68px 0 28px; color: #fff; background: var(--ark-ink); }
.ark-footer__grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 44px; }
.ark-footer img {
  display: block; width: 205px; max-width: 100%; height: auto !important; margin-bottom: 24px; padding: 10px 12px;
  border-radius: 14px; background: #fff; object-fit: contain;
}
.ark-footer h2 { margin: 0 0 17px; color: #c9d7ff; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; }
.ark-footer p, .ark-footer a { color: #d1d8e2; font-size: 14px; }
.ark-footer ul { margin: 0; padding: 0; list-style: none; }
.ark-footer li + li { margin-top: 8px; }
.ark-footer a:hover { color: #fff2a9; }
.ark-footer__bottom {
  display: flex; justify-content: space-between; gap: 24px; margin-top: 50px; padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.13); color: #9dabbc; font-size: 12px;
}

@media (max-width: 1050px) {
  .ark-header-cta { display: none; }
  .ark-nav { position: relative; gap: 20px; }
  .ark-menu-toggle { display: flex; margin-left: auto; flex: 0 0 46px; }
  .ark-menu-wrap {
    position: absolute; z-index: 2; top: calc(100% + 1px); right: 0; display: block;
    width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 118px); padding: 16px;
    overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    visibility: hidden; pointer-events: none; border: 1px solid var(--ark-line); border-top: 0;
    border-radius: 0 0 26px 26px; opacity: 0; background: rgba(255,253,248,.985);
    box-shadow: 0 24px 46px rgba(16,35,63,.18); transform: translateY(-10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }
  .ark-menu-wrap.is-open { visibility: visible; pointer-events: auto; opacity: 1; transform: translateY(0); }
  body.ark-2026.admin-bar .ark-menu-wrap { max-height: calc(100dvh - 166px); }
  .ark-menu { display: block; margin: 0; }
  .ark-menu > li {
    display: grid; grid-template-columns: minmax(0,1fr) 46px; align-items: center;
    border-bottom: 1px solid rgba(16,35,63,.09);
  }
  .ark-menu > li:last-child { border-bottom: 0; }
  .ark-menu > li > a { grid-column: 1; min-height: 54px; padding: 5px 10px; font-size: 16px; }
  .ark-menu > li > a::before,
  .ark-menu > li.menu-item-has-children > a::after { display: none; }
  .ark-submenu-toggle {
    grid-column: 2; display: grid; width: 36px; height: 36px; place-content: center; justify-self: end;
    padding: 0; border: 1px solid rgba(118,80,182,.22); border-radius: 50%; color: var(--ark-purple);
    background: #f3eefb; cursor: pointer;
  }
  .ark-submenu-toggle span { display: block; font-size: 22px; line-height: 1; transition: transform .2s ease; }
  .ark-menu > li.is-submenu-open > .ark-submenu-toggle span { transform: rotate(45deg); }
  .ark-menu .sub-menu {
    position: static; grid-column: 1 / -1; display: block; max-height: 0; min-width: 0; margin: 0;
    padding: 0 0 0 10px; overflow: hidden; visibility: hidden; border: 0; border-radius: 0;
    opacity: 0; background: transparent; box-shadow: none; transform: none;
    transition: max-height .28s ease, opacity .2s ease, padding .2s ease;
  }
  .ark-menu li:hover > .sub-menu,
  .ark-menu li:focus-within > .sub-menu { visibility: hidden; opacity: 0; transform: none; }
  .ark-menu > li.is-submenu-open > .sub-menu {
    max-height: 520px; padding-bottom: 12px; visibility: visible; opacity: 1;
  }
  .ark-menu .sub-menu li + li { margin-top: 4px; }
  .ark-menu .sub-menu a {
    display: flex; min-height: 43px; align-items: center; padding: 8px 12px;
    border-radius: 12px; color: #43536a; background: #f5f3fa; font-size: 14px;
  }
  .ark-menu .sub-menu a:hover,
  .ark-menu .sub-menu a:focus { color: var(--ark-blue); background: #eaf0ff; }
  .ark-menu-mobile-cta {
    display: flex; min-height: 50px; align-items: center; justify-content: space-between; margin-top: 14px; padding: 0 18px;
    border-radius: 16px; color: #fff !important; background: linear-gradient(110deg, var(--ark-blue), var(--ark-purple));
    box-shadow: 0 12px 24px rgba(43,87,200,.2); font-weight: 800;
  }
  body.ark-menu-open { overflow: hidden; }
  .ark-hero__grid { gap: 42px; }
  .ark-hero__visual, .ark-hero__image { min-height: 460px; height: 460px; }
}

@media (max-width: 860px) {
  body.ark-2026.admin-bar .ark-header { top: 46px; }
  .ark-topbar__inner > span { display: none; }
  .ark-hero__grid,
  .ark-section-head,
  .ark-course-card,
  .ark-mission,
  .ark-visit,
  .ark-inner-hero__grid { grid-template-columns: 1fr; }
  .ark-hero { padding-top: 55px; }
  .ark-hero__copy { order: 1; }
  .ark-hero__visual { order: 2; }
  .ark-section-head { gap: 18px; }
  .ark-today-grid { grid-template-columns: 1fr; }
  .ark-course-compass { min-height: 330px; }
  .ark-overview-grid { grid-template-columns: 1fr 1fr; }
  .ark-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .ark-shell { width: min(100% - 30px, 1220px); }
  .ark-topbar__inner { justify-content: center; text-align: center; }
  .ark-nav { min-height: 74px; }
  .ark-brand img { width: 145px; }
  .ark-hero h1 { font-size: clamp(54px, 18vw, 76px); }
  .ark-hero__actions { align-items: flex-start; flex-direction: column; gap: 16px; }
  .ark-hero__shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .ark-hero__visual, .ark-hero__image { min-height: 360px; height: 360px; }
  .ark-hero__image { border-radius: 60px 16px 60px 16px; }
  .ark-sticker { left: -5px; width: 105px; height: 105px; }
  .ark-photo-label { right: 8px; bottom: 12px; }
  .ark-section { padding: 72px 0; }
  .ark-section-head h2 { font-size: 48px; }
  .ark-quick-grid,
  .ark-overview-grid { grid-template-columns: 1fr; }
  .ark-stops { gap: 10px; overflow-x: auto; grid-template-columns: repeat(6, 92px); padding-bottom: 10px; }
  .ark-stops::before { display: none; }
  .ark-stop__dot { width: 54px; height: 54px; }
  .ark-course-copy { padding: 30px 24px; }
  .ark-course-compass { min-height: 280px; }
  .ark-course-compass__ring { inset: 42px 70px; }
  .ark-methods { display: block; }
  .ark-method { min-height: 340px; margin-bottom: 14px; }
  .ark-mission__compass { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .ark-mission__compass::before,
  .ark-mission__compass::after,
  .ark-mission__rose,
  .ark-mission__spark { display: none; }
  .ark-mission__center {
    position: relative; top: auto; left: auto; width: 100%; height: 150px; grid-column: 1 / -1;
    border-radius: 28px; transform: none;
  }
  .ark-mission__point {
    position: static; min-width: 0; max-width: none !important; width: 100%; justify-content: flex-start;
    padding: 9px 10px; font-size: 13px; line-height: 1.15; white-space: normal; transform: none !important;
  }
  .ark-mission__panel { min-height: 330px; padding: 34px 25px; }
  .ark-section--mission-page .ark-mission { padding: 14px; border-radius: 28px; }
  .ark-section--mission-page .ark-mission__panel { min-height: 360px; }
  .ark-mission-page-intro { margin-bottom: 30px; text-align: left; }
  .ark-mission__panel-symbol { top: 26px; right: 24px; width: 52px; height: 52px; border-radius: 17px; }
  .ark-vision-route { margin-top: 46px; padding: 30px 18px 34px; border-radius: 28px; }
  .ark-vision-route__head h2 { margin-bottom: 28px; }
  .ark-vision-route__line { top: 180px; bottom: 40px; left: 42px; width: 1px; height: auto; border-top: 0; border-left: 2px dashed rgba(255,255,255,.24); transform: none; }
  .ark-vision-route__cards { grid-template-columns: 1fr; }
  .ark-vision-route__card,
  .ark-vision-route__card:nth-child(even),
  .ark-vision-route__card:hover,
  .ark-vision-route__card:nth-child(even):hover { min-height: 0; transform: none; }
  .ark-visit { padding: 28px 22px; }
  .ark-visit__image { height: 280px; min-height: 280px; }
  .ark-inner-hero { padding: 55px 0; }
  .ark-inner-hero h1 { font-size: 55px; }
  .ark-inner-hero__image { height: 280px; }
  .ark-footer__grid { grid-template-columns: 1fr; }
  .ark-day-preview { grid-template-columns: 1fr; gap: 12px; }
  .ark-footer__bottom { flex-direction: column; }
  .page-id-2899 .ark-content .elementor-column.ark-team-card {
    width: 100% !important; flex-basis: 100% !important;
  }
  .page-id-3132 .ics-calendar-date-wrapper { grid-template-columns: 1fr; gap: 11px; padding: 19px 18px 19px 24px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .ark-section--mission-page .ark-mission__compass::before,
  .ark-section--mission-page .ark-mission__rose::before,
  .ark-section--mission-page .ark-mission__center::after,
  .ark-mission__spark { animation: none !important; }
  .ark-section--mission-page .ark-mission__rose i { transition: none; }
}

/* Eén rustige koppenfamilie op de homepage; vervolgpagina's blijven ongewijzigd. */
body.ark-2026.home #ark-content :is(h1,h2,h3,h4),
body.ark-2026.home #ark-content :is(h1,h2,h3,h4) :is(em,span,strong) {
  font-family: "Ark Usual", Arial, sans-serif;
  font-style: normal;
  font-weight: 800;
}
body.ark-2026.home #ark-content h2.ark-display {
  font-size: clamp(32px, 4.4vw, 60px);
  line-height: 1.12;
  letter-spacing: -.035em;
}
body.ark-2026.home #ark-content h2.ark-display em { color: inherit; }
body.ark-2026.home #ark-content .ark-course-copy h3 {
  font-size: clamp(26px, 3.4vw, 44px); line-height: 1.15;
}
/* The longer sixth heading fits the desktop copy column without an orphan word.
   Keep natural wrapping on phones/tablets; never force a clipped nowrap line. */
@media (min-width: 1051px) {
  body.ark-2026.home #koers:has(.ark-stop:last-child[aria-selected="true"]) .ark-course-copy h3 {
    font-size: clamp(26px, 3vw, 39px);
  }
}
body.ark-2026.home #ark-content .ark-section-head { display: block; }
body.ark-2026.home #ark-content .ark-section-head > p,
body.ark-2026.home #ark-content .ark-section-head__intro { max-width: 780px; margin-top: 24px; }

/* De basis: drie verbonden ankerpunten, in de bestaande Ark-vormtaal. */
body.ark-2026.home .ark-foundation__interactive { background: #f0edf6; border: 1px solid #dfd7ed; border-radius: 32px; padding: 32px 40px; }
.ark-foundation__anchors { position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ark-foundation__anchors::before { content: ""; position: absolute; top: 35px; left: 16.66%; right: 16.66%; height: 2px; background: #c8b9df; }
body.ark-2026.home .ark-foundation__anchors button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; min-width: 0; padding: 0 4px 20px; border: 0; border-radius: 12px; background: transparent; color: #10233f; font-family: "Ark Usual",Arial,sans-serif; font-size: 19px; line-height: 1.3; box-shadow: none; cursor: pointer; }
.ark-foundation__symbol { display: grid; place-items: center; width: 72px; height: 72px; box-sizing: border-box; border: 2px solid #7650b6; border-radius: 50%; background: #fffdf8; color: #624095; transition: background .18s,color .18s; }
.ark-foundation__symbol svg { width: 30px; height: 30px; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ark-foundation__anchors [aria-selected="true"] .ark-foundation__symbol { background: #624095; color: #fff; box-shadow: 0 0 0 5px #e2d8ef; }
.ark-foundation__anchors [aria-selected="true"] strong { text-decoration: underline; text-underline-offset: 7px; }
body.ark-2026.home .ark-foundation__anchors button:focus-visible { outline: 3px solid #2b57c8; outline-offset: 5px; }
.ark-foundation__panels { display: grid; border-top: 1px solid #c8b9df; padding-top: 24px; }
.ark-foundation__interactive.is-ready .ark-foundation__panels > div { grid-area: 1 / 1; }
.ark-foundation__interactive.is-ready .ark-foundation__panels > [hidden] { display: block !important; visibility: hidden; pointer-events: none; }
body.ark-2026.home .ark-foundation__panels h3 { margin: 0 0 12px; font-family: "Ark Usual",Arial,sans-serif; color: #10233f; font-size: clamp(23px,3vw,31px); line-height: 1.2; }
.ark-foundation__panels p { max-width: 740px; margin: 0; color: #43536b; }
body.ark-2026.home #basis, body.ark-2026.home #kompas, body.ark-2026.home #koers, body.ark-2026.home #methodes { scroll-margin-top: 110px; }
@media(max-width:700px) {
  body.ark-2026.home .ark-foundation__interactive { padding: 24px 16px; border-radius: 24px; }
  .ark-foundation__anchors { gap: 4px; }
  body.ark-2026.home .ark-foundation__anchors button { font-size: clamp(12px,3.5vw,17px); padding-inline: 0; }
  .ark-foundation__symbol { width: 56px; height: 56px; }
  .ark-foundation__anchors::before { top: 27px; }
}