:root {
  --oik-plum-950: #271322;
  --oik-plum-900: #3a1833;
  --oik-plum-800: #48203f;
  --oik-plum-700: #5b274d;
  --oik-rose-700: #ae2459;
  --oik-rose-600: #c92e68;
  --oik-rose-500: #dd4a7e;
  --oik-rose-100: #fceaf1;
  --oik-blush-100: #fff4f7;
  --oik-blush-50: #fff9fb;
  --oik-champagne-100: #fbf6f2;
  --oik-white: #fff;
  --oik-ink-900: #251e24;
  --oik-ink-700: #4b4148;
  --oik-ink-500: #756b72;
  --oik-line: #eedce4;
  --oik-success: #2e8b57;
  --oik-warning: #c98916;
  --oik-danger: #b42318;
  --oik-radius-card: 18px;
  --oik-radius-control: 12px;
  --oik-shadow-card: 0 12px 40px rgba(58, 24, 51, .08);
  --oik-shadow-soft: 0 8px 26px rgba(58, 24, 51, .06);
  --oik-container: 1240px;
  --oik-section-space: clamp(56px, 7vw, 88px);
  --oik-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --oik-font-body: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.oik-site,
.oik-site * {
  box-sizing: border-box;
}

.oik-site {
  margin: 0;
  background: var(--oik-blush-50);
  color: var(--oik-ink-900);
  font-family: var(--oik-font-body);
  font-size: 16px;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.oik-site.oik-menu-is-open {
  overflow: hidden;
}

.oik-site img,
.oik-site svg,
.oik-site video {
  display: block;
  max-width: 100%;
}

.oik-site img {
  height: auto;
}

.oik-site button,
.oik-site input,
.oik-site select,
.oik-site textarea {
  font: inherit;
}

.oik-site a {
  text-underline-offset: .16em;
}

.oik-site p,
.oik-site li,
.oik-site a,
.oik-site h1,
.oik-site h2,
.oik-site h3,
.oik-site h4 {
  overflow-wrap: anywhere;
}

.oik-site h1,
.oik-site h2,
.oik-site h3,
.oik-site h4,
.oik-site p {
  margin-top: 0;
}

.oik-site h1,
.oik-site h2,
.oik-site h3,
.oik-site h4 {
  color: var(--oik-plum-900);
  font-family: var(--oik-font-heading);
  font-weight: 600;
  line-height: 1.08;
  text-wrap: balance;
}

.oik-site h1 { font-size: clamp(2.8rem, 6vw, 5.3rem); letter-spacing: -.035em; }
.oik-site h2 { font-size: clamp(2.15rem, 4.3vw, 3.75rem); letter-spacing: -.025em; }
.oik-site h3 { font-size: clamp(1.35rem, 2vw, 1.75rem); }

.oik-icon {
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
}

.oik-container {
  width: min(calc(100% - 40px), var(--oik-container));
  margin-inline: auto;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.oik-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  transform: translateY(-150%);
  padding: 12px 18px;
  border-radius: 8px;
  background: var(--oik-white);
  color: var(--oik-plum-900);
  box-shadow: var(--oik-shadow-card);
}

.oik-skip-link:focus { transform: translateY(0); }

.oik-card {
  background: var(--oik-white);
  border: 1px solid var(--oik-line);
  border-radius: var(--oik-radius-card);
  box-shadow: var(--oik-shadow-card);
}

.oik-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border: 1px solid var(--oik-rose-600);
  border-radius: var(--oik-radius-control);
  padding: .78rem 1.25rem;
  background: var(--oik-rose-600);
  color: var(--oik-white);
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}

.oik-button:hover {
  background: var(--oik-rose-700);
  border-color: var(--oik-rose-700);
  color: var(--oik-white);
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(174, 36, 89, .2);
}

.oik-button--outline {
  background: transparent;
  color: var(--oik-rose-700);
}

.oik-button--outline:hover {
  background: var(--oik-rose-100);
  color: var(--oik-plum-900);
}

.oik-button--light {
  background: var(--oik-white);
  border-color: var(--oik-white);
  color: var(--oik-plum-900);
}

.oik-button--light:hover {
  background: var(--oik-rose-100);
  border-color: var(--oik-rose-100);
  color: var(--oik-plum-900);
}

.oik-button--ghost {
  background: transparent;
  border-color: rgba(255,255,255,.55);
  color: var(--oik-white);
}

.oik-button--ghost:hover {
  background: rgba(255,255,255,.12);
  border-color: var(--oik-white);
}

.oik-button:focus-visible,
.oik-site a:focus-visible,
.oik-site button:focus-visible,
.oik-site summary:focus-visible {
  outline: 3px solid rgba(201, 46, 104, .38);
  outline-offset: 3px;
}

.oik-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.oik-eyebrow,
.oik-kicker {
  margin-bottom: 10px;
  color: var(--oik-rose-700);
  font-size: .875rem;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.35;
  text-transform: uppercase;
}

.oik-text-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--oik-rose-700);
  font-weight: 750;
  text-decoration: none;
}

.oik-text-link .oik-icon {
  width: 18px;
  transition: transform .2s ease;
}

.oik-text-link:hover .oik-icon { transform: translateX(4px); }

/* Header */
.oik-header {
  position: relative;
  z-index: 100;
  background: var(--oik-white);
  box-shadow: 0 1px 0 rgba(58, 24, 51, .08);
}

.oik-topbar {
  background: linear-gradient(90deg, var(--oik-plum-900), var(--oik-plum-700));
  color: var(--oik-white);
  font-size: .875rem;
}

.oik-topbar__inner {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.oik-topbar__inner p { margin: 0; font-size: .78rem; letter-spacing: .02em; }
.oik-topbar__contacts { display: flex; align-items: center; gap: 18px; }
.oik-topbar__contacts a { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; color: inherit; text-decoration: none; }
.oik-topbar__contacts .oik-icon { width: 15px; }

.oik-mainbar__inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 28px;
}

.oik-brand {
  min-height: 44px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.oik-brand__image {
  width: auto;
  max-width: 205px;
  height: 58px;
  object-fit: contain;
}

.oik-brand--text {
  min-width: 170px;
  flex-direction: column;
  align-items: flex-start;
  color: var(--oik-plum-900);
  line-height: 1;
}

.oik-brand__name {
  font-family: var(--oik-font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.oik-brand__sub {
  margin-top: 5px;
  color: var(--oik-rose-700);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.oik-nav { margin-left: auto; }
.oik-nav__list { display: flex; align-items: center; gap: clamp(14px, 2vw, 28px); margin: 0; padding: 0; list-style: none; }
.oik-nav__item { position: relative; }
.oik-nav__item > a,
.oik-nav__list > li > a {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--oik-ink-900);
  font-size: .91rem;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.oik-nav__item > a:hover,
.oik-nav__list > li > a:hover,
.oik-nav .current-menu-item > a,
.oik-nav .current_page_item > a { color: var(--oik-rose-700); }
.oik-nav__chevron { width: 13px; transform: rotate(90deg); }

.oik-nav .sub-menu {
  position: absolute;
  top: calc(100% + 2px);
  left: -18px;
  z-index: 10;
  min-width: 245px;
  margin: 0;
  padding: 10px;
  list-style: none;
  background: var(--oik-white);
  border: 1px solid var(--oik-line);
  border-radius: 14px;
  box-shadow: var(--oik-shadow-card);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.oik-nav .menu-item-has-children:hover > .sub-menu,
.oik-nav .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.oik-nav .sub-menu a {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border-radius: 9px;
  color: var(--oik-ink-700);
  font-size: .9rem;
  font-weight: 650;
  text-decoration: none;
}

.oik-nav .sub-menu a:hover { background: var(--oik-blush-100); color: var(--oik-rose-700); }
.oik-button--header { min-height: 44px; padding-inline: 18px; white-space: nowrap; }
.oik-menu-toggle,
.oik-menu-close {
  width: 48px;
  height: 48px;
  display: none;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: var(--oik-blush-100);
  color: var(--oik-plum-900);
  cursor: pointer;
}

.oik-menu-toggle .oik-icon,
.oik-menu-close .oik-icon { width: 25px; height: 25px; }

.oik-mobile-overlay {
  position: fixed;
  inset: 0;
  z-index: 990;
  background: rgba(39, 19, 34, .56);
  opacity: 0;
  transition: opacity .25s ease;
}

.oik-mobile-overlay.is-open { opacity: 1; }

.oik-mobile-panel {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 1000;
  width: min(92vw, 410px);
  height: 100dvh;
  padding: 20px;
  display: flex;
  flex-direction: column;
  background: var(--oik-white);
  box-shadow: -24px 0 60px rgba(39, 19, 34, .18);
  transform: translateX(105%);
  visibility: hidden;
  pointer-events: none;
  transition: transform .28s ease, visibility 0s linear .28s;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.oik-mobile-panel.is-open { transform: translateX(0); visibility: visible; pointer-events: auto; transition-delay: 0s; }
.oik-mobile-panel__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--oik-line); }
.oik-mobile-panel__head .oik-brand__image { height: 48px; max-width: 185px; }
.oik-mobile-panel__head .oik-brand--text { min-width: 0; }
.oik-mobile-panel__head .oik-menu-close { display: inline-flex; }
.oik-nav--mobile { margin: 18px 0 0; }
.oik-nav__list--mobile { display: block; }
.oik-nav__list--mobile > li { border-bottom: 1px solid var(--oik-line); }
.oik-nav__list--mobile > li > a { width: 100%; min-height: 52px; justify-content: space-between; font-size: 1rem; }
.oik-nav--mobile .sub-menu { position: static; min-width: 0; padding: 0 0 12px 14px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
.oik-nav--mobile .sub-menu a { min-height: 44px; }
.oik-mobile-panel__actions { display: grid; gap: 10px; margin-top: auto; padding-top: 24px; padding-bottom: max(8px, env(safe-area-inset-bottom)); }

/* Hero */
.oik-main { background: var(--oik-blush-50); }
.oik-hero {
  position: relative;
  background:
    radial-gradient(circle at 8% 48%, rgba(201, 46, 104, .08) 0 10%, transparent 10.5%),
    linear-gradient(115deg, var(--oik-blush-100), var(--oik-champagne-100));
  isolation: isolate;
}

.oik-hero::after {
  content: "";
  position: absolute;
  right: 2%;
  bottom: -90px;
  z-index: -1;
  width: 240px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(201, 46, 104, .06);
  filter: blur(2px);
}

.oik-hero__grid {
  min-height: 610px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
  align-items: stretch;
}

.oik-hero__content {
  max-width: 650px;
  align-self: center;
  padding-block: clamp(72px, 8vw, 112px);
  padding-right: clamp(34px, 5vw, 80px);
}

.oik-hero__content h1 { margin-bottom: 22px; }
.oik-hero__lead { max-width: 590px; margin-bottom: 28px; color: var(--oik-ink-700); font-size: clamp(1.05rem, 1.5vw, 1.23rem); }
.oik-hero__checks { display: flex; flex-wrap: wrap; gap: 12px 22px; margin: 28px 0 0; padding: 0; list-style: none; color: var(--oik-ink-700); font-size: .94rem; font-weight: 650; }
.oik-hero__checks li { display: inline-flex; align-items: center; gap: 7px; }
.oik-hero__checks .oik-icon { width: 18px; color: var(--oik-success); }

.oik-hero__visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: 0 0 0 90px;
  background: linear-gradient(145deg, #f8dfe8, #f3cbd9);
}

.oik-hero__visual img { width: 100%; height: 100%; min-height: 610px; object-fit: cover; object-position: center; }
.oik-hero__art { position: absolute; inset: 0; background: linear-gradient(145deg, #f7e0e8, #fff7f3); }
.oik-hero__circle { position: absolute; display: block; border-radius: 50%; border: 1px solid rgba(201, 46, 104, .16); }
.oik-hero__circle--one { width: 58%; aspect-ratio: 1; right: -8%; top: 7%; background: rgba(255,255,255,.34); }
.oik-hero__circle--two { width: 34%; aspect-ratio: 1; left: 8%; bottom: 10%; background: rgba(201,46,104,.06); }
.oik-hero__sparkle { position: absolute; width: 120px; height: 120px; left: 50%; top: 50%; color: rgba(91, 39, 77, .28); transform: translate(-50%, -50%); }
.oik-admin-hint { position: absolute; left: 24px; right: 24px; bottom: 24px; margin: 0; padding: 12px 16px; border-radius: 10px; background: rgba(255,255,255,.86); color: var(--oik-plum-900); font-size: .85rem; text-align: center; }

/* Trust */
.oik-trust-strip { position: relative; z-index: 2; margin-top: -42px; }
.oik-trust-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--oik-white);
  border: 1px solid var(--oik-line);
  border-radius: var(--oik-radius-card);
  box-shadow: var(--oik-shadow-card);
}

.oik-trust-strip article { min-width: 0; display: flex; align-items: center; gap: 14px; padding: 24px; }
.oik-trust-strip article + article { border-left: 1px solid var(--oik-line); }
.oik-trust-strip .oik-icon { width: 42px; height: 42px; padding: 9px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-trust-strip strong,
.oik-trust-strip span { display: block; }
.oik-trust-strip strong { color: var(--oik-plum-900); font-family: var(--oik-font-heading); font-size: 1.18rem; line-height: 1.15; }
.oik-trust-strip span { margin-top: 4px; color: var(--oik-ink-500); font-size: .82rem; }

/* Sections */
.oik-section { padding-block: var(--oik-section-space); }
.oik-section--editor { padding-bottom: 0; }
.oik-section--programs { background: var(--oik-blush-50); }
.oik-section--about { background: var(--oik-champagne-100); }
.oik-section--instructors { background: var(--oik-white); }
.oik-section--events { background: var(--oik-blush-100); }
.oik-section--faq { background: var(--oik-white); }

.oik-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 34px; }
.oik-section-head h2 { max-width: 780px; margin-bottom: 0; }
.oik-section-head .oik-text-link { flex: 0 0 auto; margin-bottom: 8px; }

.oik-prose { max-width: 860px; color: var(--oik-ink-700); font-size: 1.05rem; }
.oik-prose > :last-child { margin-bottom: 0; }
.oik-prose a { color: var(--oik-rose-700); }

.oik-program-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.oik-program-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; transition: transform .22s ease, box-shadow .22s ease; }
.oik-program-card:hover { transform: translateY(-5px); box-shadow: 0 18px 46px rgba(58, 24, 51, .12); }
.oik-program-card__image { aspect-ratio: 4 / 3; overflow: hidden; background: var(--oik-rose-100); }
.oik-program-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.oik-program-card:hover .oik-program-card__image img { transform: scale(1.035); }
.oik-program-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 24px; }
.oik-program-card h3 { margin-bottom: 12px; }
.oik-program-card h3 a { min-height: 44px; display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.oik-program-card p { color: var(--oik-ink-700); }
.oik-program-card .oik-text-link { margin-top: auto; }
.oik-program-card--fallback { min-height: 330px; background: linear-gradient(155deg, var(--oik-white), var(--oik-blush-100)); }
.oik-program-card__symbol { width: 70px; height: 70px; margin: 24px 24px 0; display: grid; place-items: center; border-radius: 20px; background: var(--oik-white); color: var(--oik-rose-700); box-shadow: var(--oik-shadow-soft); }
.oik-program-card__symbol .oik-icon { width: 34px; height: 34px; }

.oik-about-grid { display: grid; grid-template-columns: minmax(320px, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(38px, 6vw, 88px); }
.oik-about-visual { position: relative; min-height: 530px; overflow: hidden; background: linear-gradient(145deg, #f6d8e2, #fff8f5); }
.oik-about-visual::before,
.oik-about-visual::after { content: ""; position: absolute; border-radius: 50%; }
.oik-about-visual::before { width: 76%; aspect-ratio: 1; left: -18%; bottom: -18%; background: rgba(255,255,255,.58); }
.oik-about-visual::after { width: 42%; aspect-ratio: 1; right: -5%; top: 8%; border: 1px solid rgba(201, 46, 104, .2); }
.oik-about-visual__shape { position: absolute; width: 140px; height: 300px; left: 50%; top: 50%; border: 2px solid rgba(91,39,77,.2); border-radius: 50% 50% 45% 45%; transform: translate(-50%, -46%) rotate(8deg); }
.oik-about-visual__icon { position: absolute; width: 100px; height: 100px; left: 50%; top: 50%; color: rgba(91,39,77,.3); transform: translate(-50%, -50%); }
.oik-about-content > p:not(.oik-eyebrow) { max-width: 720px; color: var(--oik-ink-700); font-size: 1.05rem; }
.oik-feature-list { display: grid; gap: 16px; margin: 30px 0; }
.oik-feature-list article { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; align-items: start; }
.oik-feature-list article > .oik-icon { width: 48px; height: 48px; padding: 11px; border-radius: 50%; background: var(--oik-white); color: var(--oik-rose-700); box-shadow: var(--oik-shadow-soft); }
.oik-feature-list h3 { margin: 2px 0 5px; font-family: var(--oik-font-body); font-size: 1rem; font-weight: 800; }
.oik-feature-list p { margin: 0; color: var(--oik-ink-500); font-size: .93rem; }

.oik-people-grid,
.oik-principles-grid,
.oik-event-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.oik-person-card,
.oik-event-card { min-width: 0; overflow: hidden; }
.oik-person-card > a,
.oik-event-card > a { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--oik-rose-100); }
.oik-person-card img,
.oik-event-card img { width: 100%; height: 100%; object-fit: cover; }
.oik-person-card > div,
.oik-event-card > div { padding: 24px; }
.oik-person-card h3 a,
.oik-event-card h3 a { min-height: 44px; display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.oik-person-card p,
.oik-event-card p { color: var(--oik-ink-700); }
.oik-principles-grid article { padding: 30px; }
.oik-principles-grid article > .oik-icon { width: 54px; height: 54px; padding: 13px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-principles-grid h3 { margin: 22px 0 10px; }
.oik-principles-grid p { margin-bottom: 0; color: var(--oik-ink-700); }

.oik-faq-grid { display: grid; grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr); gap: clamp(34px, 6vw, 80px); align-items: start; }
.oik-faq-grid > div:first-child { position: sticky; top: 24px; }
.oik-faq-grid > div:first-child > p:not(.oik-eyebrow) { color: var(--oik-ink-700); }
.oik-accordion { display: grid; gap: 12px; }
.oik-faq-item { overflow: hidden; background: var(--oik-blush-50); border: 1px solid var(--oik-line); border-radius: 14px; }
.oik-faq-item summary { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 18px; color: var(--oik-plum-900); font-weight: 750; cursor: pointer; list-style: none; }
.oik-faq-item summary::-webkit-details-marker { display: none; }
.oik-faq-item summary span { flex: 0 0 auto; color: var(--oik-rose-700); font-size: 1.4rem; font-weight: 400; transition: transform .2s ease; }
.oik-faq-item[open] summary span { transform: rotate(45deg); }
.oik-faq-item > div { padding: 0 18px 18px; color: var(--oik-ink-700); }
.oik-faq-item > div > :last-child { margin-bottom: 0; }

.oik-cta-section { padding-block: 28px; background: var(--oik-white); }
.oik-cta-section__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(28px, 4vw, 52px); border-radius: 24px; background: linear-gradient(115deg, var(--oik-plum-900), #6f315f); color: var(--oik-white); }
.oik-cta-section h2 { max-width: 760px; margin-bottom: 12px; color: var(--oik-white); font-size: clamp(2rem, 4vw, 3.3rem); }
.oik-cta-section p { margin-bottom: 0; color: rgba(255,255,255,.78); }
.oik-cta-section .oik-eyebrow { color: #f7abc4; }
.oik-cta-section .oik-actions { flex: 0 0 auto; }

/* Footer */
.oik-footer { padding-top: 64px; background: linear-gradient(120deg, var(--oik-plum-950), var(--oik-plum-900)); color: rgba(255,255,255,.78); }
.oik-footer .oik-brand { width: max-content; max-width: 100%; padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.96); color: var(--oik-plum-900); }
.oik-footer .oik-brand__sub { color: var(--oik-rose-700); }
.oik-footer__grid { display: grid; grid-template-columns: 1.35fr .8fr .9fr 1fr; gap: clamp(28px, 5vw, 62px); padding-bottom: 48px; }
.oik-footer h2 { margin-bottom: 20px; color: var(--oik-white); font-family: var(--oik-font-body); font-size: .88rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.oik-footer__brand p { max-width: 360px; margin-top: 20px; color: rgba(255,255,255,.68); }
.oik-footer-nav { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.oik-footer-nav a { min-height: 44px; display: flex; align-items: center; color: rgba(255,255,255,.72); text-decoration: none; }
.oik-footer-nav a:hover { color: var(--oik-white); }
.oik-footer__contact { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.oik-footer__contact a,
.oik-footer__contact p { min-height: 44px; display: flex; align-items: flex-start; gap: 8px; margin: 0; color: rgba(255,255,255,.72); text-decoration: none; }
.oik-footer__contact .oik-icon { width: 18px; margin-top: 3px; color: #f3a7c1; }
.oik-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.oik-socials a { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--oik-white); font-weight: 800; text-decoration: none; }
.oik-socials a:hover { background: rgba(255,255,255,.1); }
.oik-footer__bottom { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid rgba(255,255,255,.12); font-size: .875rem; }
.oik-footer__bottom p { margin: 0; }
.oik-footer__bottom nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }
.oik-footer__bottom a { min-height: 44px; display: inline-flex; align-items: center; color: rgba(255,255,255,.65); text-decoration: none; }

@media (min-width: 768px) {
  .oik-container { width: min(calc(100% - 64px), var(--oik-container)); }
}

@media (min-width: 1200px) {
  .oik-container { width: min(calc(100% - 96px), var(--oik-container)); }
}

@media (max-width: 1120px) {
  .oik-nav--desktop,
  .oik-button--header { display: none; }
  .oik-menu-toggle { display: inline-flex; margin-left: auto; }
  .oik-mainbar__inner { min-height: 74px; }
  .oik-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); min-height: 560px; }
  .oik-hero__visual img { min-height: 560px; }
  .oik-program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-trust-strip__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-trust-strip article:nth-child(3) { border-left: 0; border-top: 1px solid var(--oik-line); }
  .oik-trust-strip article:nth-child(4) { border-top: 1px solid var(--oik-line); }
  .oik-footer__grid { grid-template-columns: 1.3fr repeat(3, 1fr); gap: 28px; }
}

@media (max-width: 860px) {
  .oik-topbar__inner { justify-content: center; }
  .oik-topbar__inner > p { display: none; }
  .oik-hero__grid { min-height: 0; grid-template-columns: 1fr; padding-bottom: 32px; }
  .oik-hero__content { max-width: none; padding: 64px 0 38px; }
  .oik-hero__visual { min-height: 440px; border-radius: 38px; }
  .oik-hero__visual img { min-height: 440px; }
  .oik-trust-strip { margin-top: -2px; }
  .oik-about-grid,
  .oik-faq-grid { grid-template-columns: 1fr; }
  .oik-about-visual { min-height: 390px; }
  .oik-people-grid,
  .oik-principles-grid,
  .oik-event-grid { grid-template-columns: 1fr 1fr; }
  .oik-faq-grid > div:first-child { position: static; }
  .oik-cta-section__inner { align-items: flex-start; flex-direction: column; }
  .oik-cta-section .oik-actions { width: 100%; }
  .oik-footer__grid { grid-template-columns: 1fr 1fr; }
  .oik-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .oik-container { width: min(calc(100% - 40px), var(--oik-container)); }
  .oik-topbar__contacts { gap: 12px; }
  .oik-topbar__contacts span { font-size: .75rem; }
  .oik-topbar__contacts .oik-icon { display: none; }
  .oik-topbar__contacts a:nth-child(2) { display: none; }
  .oik-mainbar__inner { gap: 14px; }
  .oik-brand__image { max-width: 175px; height: 50px; }
  .oik-brand--text { min-width: 0; }
  .oik-brand__name { font-size: 1.25rem; }
  .oik-brand__sub { font-size: .75rem; }
  .oik-menu-toggle { width: 46px; height: 46px; }
  .oik-hero__content { padding-top: 52px; }
  .oik-hero__lead { font-size: 1rem; }
  .oik-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .oik-actions .oik-button { width: 100%; }
  .oik-hero__checks { display: grid; gap: 10px; }
  .oik-hero__visual { min-height: 340px; border-radius: 28px; }
  .oik-hero__visual img { min-height: 340px; }
  .oik-trust-strip__grid { grid-template-columns: 1fr; }
  .oik-trust-strip article + article { border-left: 0; border-top: 1px solid var(--oik-line); }
  .oik-trust-strip article { padding: 20px; }
  .oik-section-head { align-items: flex-start; flex-direction: column; margin-bottom: 26px; }
  .oik-section-head .oik-text-link { margin-bottom: 0; }
  .oik-program-grid,
  .oik-people-grid,
  .oik-principles-grid,
  .oik-event-grid { grid-template-columns: 1fr; }
  .oik-program-card--fallback { min-height: 0; }
  .oik-about-visual { min-height: 320px; }
  .oik-feature-list article { grid-template-columns: 44px minmax(0, 1fr); }
  .oik-feature-list article > .oik-icon { width: 44px; height: 44px; }
  .oik-cta-section__inner { padding: 28px 22px; border-radius: 20px; }
  .oik-footer { padding-top: 48px; }
  .oik-footer__grid { grid-template-columns: 1fr; }
  .oik-footer__brand { grid-column: auto; }
  .oik-footer__bottom { align-items: flex-start; flex-direction: column; padding-block: 22px; }
  .oik-footer__bottom nav { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .oik-site *,
  .oik-site *::before,
  .oik-site *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* v0.3.0 — Program and instructor templates */
.oik-inner-hero,
.oik-program-hero,
.oik-instructor-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 9% 80%, rgba(201,46,104,.08) 0 105px, transparent 106px),
    linear-gradient(110deg, var(--oik-blush-100), var(--oik-champagne-100));
}

.oik-inner-hero__grid,
.oik-program-hero__grid,
.oik-instructor-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, .96fr);
  align-items: stretch;
  min-height: 500px;
}

.oik-inner-hero__content,
.oik-program-hero__content,
.oik-instructor-hero__content {
  position: relative;
  z-index: 2;
  align-self: center;
  max-width: 680px;
  padding: 72px 58px 72px 0;
}

.oik-inner-hero h1,
.oik-program-hero h1,
.oik-instructor-hero h1 {
  margin-bottom: 22px;
  font-size: clamp(3rem, 5.2vw, 5rem);
}

.oik-inner-hero__lead,
.oik-program-hero__lead,
.oik-instructor-hero__lead {
  max-width: 640px;
  margin-bottom: 28px;
  color: var(--oik-ink-700);
  font-size: clamp(1rem, 1.5vw, 1.18rem);
}

.oik-inner-hero__visual,
.oik-program-hero__visual {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.5), rgba(252,234,241,.7));
}

.oik-inner-hero__visual::before,
.oik-program-hero__visual::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 34%;
  background: linear-gradient(90deg, var(--oik-champagne-100), transparent);
  pointer-events: none;
}

.oik-inner-hero__visual img,
.oik-program-hero__visual img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
}

.oik-inner-hero__visual--empty,
.oik-inner-hero__art {
  display: grid;
  place-items: center;
}

.oik-inner-hero__art {
  width: 100%;
  height: 100%;
  min-height: 500px;
  color: rgba(174,36,89,.3);
  background: radial-gradient(circle, rgba(255,255,255,.75), rgba(252,234,241,.25));
}

.oik-inner-hero__art .oik-icon {
  width: 132px;
  height: 132px;
  stroke-width: 1;
}

.oik-inner-hero--compact .oik-inner-hero__grid { min-height: 420px; }
.oik-inner-hero--compact .oik-inner-hero__visual,
.oik-inner-hero--compact .oik-inner-hero__art { min-height: 420px; }

.oik-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
  color: var(--oik-ink-500);
  font-size: .86rem;
  font-weight: 650;
}
.oik-breadcrumb a { color: var(--oik-rose-700); text-decoration: none; }

.oik-feature-band {
  position: relative;
  z-index: 3;
  margin-top: -34px;
}
.oik-feature-band__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--oik-line);
  border-radius: var(--oik-radius-card);
  background: var(--oik-white);
  box-shadow: var(--oik-shadow-card);
}
.oik-feature-band article {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  align-items: center;
  gap: 16px;
  min-height: 126px;
  padding: 25px 30px;
}
.oik-feature-band article + article { border-left: 1px solid var(--oik-line); }
.oik-feature-band article > .oik-icon {
  width: 54px;
  height: 54px;
  padding: 13px;
  border-radius: 50%;
  background: var(--oik-rose-100);
  color: var(--oik-rose-700);
}
.oik-feature-band strong,
.oik-feature-band span { display: block; }
.oik-feature-band strong { color: var(--oik-plum-900); font-family: var(--oik-font-heading); font-size: 1.25rem; }
.oik-feature-band span { color: var(--oik-ink-500); font-size: .91rem; }

.oik-section--soft { background: linear-gradient(180deg, rgba(255,244,247,.75), rgba(251,246,242,.78)); }
.oik-result-count { color: var(--oik-rose-700); font-weight: 800; }

.oik-age-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 22px;
}
.oik-age-path { padding: 28px; }
.oik-age-path__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  border-radius: 17px;
  background: var(--oik-rose-100);
  color: var(--oik-rose-700);
}
.oik-age-path__icon .oik-icon { width: 30px; height: 30px; }
.oik-age-path > span { color: var(--oik-rose-700); font-size: .85rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.oik-age-path h3 { margin: 7px 0 13px; }
.oik-age-path p { min-height: 78px; color: var(--oik-ink-700); }

.oik-level-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
}
.oik-level-grid article { position: relative; padding: 34px; overflow: hidden; }
.oik-level-grid article > span {
  position: absolute;
  top: 18px;
  right: 22px;
  color: rgba(174,36,89,.14);
  font-family: var(--oik-font-heading);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}
.oik-level-grid h3 { position: relative; margin-bottom: 15px; }
.oik-level-grid p { position: relative; margin-bottom: 0; color: var(--oik-ink-700); }

.oik-filter-bar {
  display: grid;
  grid-template-columns: repeat(3,minmax(130px,1fr)) minmax(200px,1.35fr) auto auto;
  align-items: end;
  gap: 14px;
  margin-bottom: 30px;
  padding: 20px;
}
.oik-filter-bar--simple { grid-template-columns: minmax(240px,1fr) auto auto; }
.oik-filter-bar label { display: grid; gap: 7px; color: var(--oik-plum-900); font-size: .8rem; font-weight: 800; }
.oik-filter-bar input,
.oik-filter-bar select {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--oik-line);
  border-radius: var(--oik-radius-control);
  padding: 0 14px;
  background: var(--oik-white);
  color: var(--oik-ink-900);
}
.oik-filter-bar input:focus,
.oik-filter-bar select:focus { outline: 3px solid rgba(201,46,104,.2); border-color: var(--oik-rose-600); }

.oik-program-archive-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
.oik-program-archive-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; }
.oik-program-archive-card__image {
  display: grid;
  place-items: center;
  min-height: 230px;
  overflow: hidden;
  background: linear-gradient(135deg,var(--oik-rose-100),var(--oik-champagne-100));
  color: var(--oik-rose-700);
}
.oik-program-archive-card__image img { width: 100%; height: 230px; object-fit: cover; transition: transform .35s ease; }
.oik-program-archive-card__image:hover img { transform: scale(1.035); }
.oik-program-archive-card__image > span .oik-icon { width: 70px; height: 70px; }
.oik-program-archive-card__body { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.oik-program-archive-card__body h3 { margin: 12px 0; }
.oik-program-archive-card__body h3 a { color: inherit; text-decoration: none; }
.oik-program-archive-card__body > p { flex: 1; color: var(--oik-ink-700); }
.oik-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.oik-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 11px;
  border: 1px solid rgba(201,46,104,.2);
  border-radius: 999px;
  background: var(--oik-blush-100);
  color: var(--oik-rose-700);
  font-size: .76rem;
  font-weight: 800;
}
.oik-inline-facts { display: flex; flex-wrap: wrap; gap: 12px 18px; margin: 4px 0 16px; }
.oik-inline-facts div { display: flex; align-items: center; gap: 7px; }
.oik-inline-facts dt { color: var(--oik-rose-700); }
.oik-inline-facts dd { margin: 0; color: var(--oik-ink-500); font-size: .87rem; }

.oik-empty-state { display: grid; justify-items: center; gap: 12px; padding: 48px 28px; text-align: center; }
.oik-empty-state > .oik-icon { width: 56px; height: 56px; color: var(--oik-rose-700); }
.oik-empty-state h3 { margin-bottom: 0; }
.oik-empty-state p { max-width: 650px; color: var(--oik-ink-700); }

.oik-pagination { margin-top: 34px; }
.oik-pagination .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0; list-style: none; }
.oik-pagination a,
.oik-pagination span {
  display: grid;
  place-items: center;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid var(--oik-line);
  border-radius: 10px;
  background: var(--oik-white);
  color: var(--oik-plum-900);
  text-decoration: none;
}
.oik-pagination .current { border-color: var(--oik-rose-600); background: var(--oik-rose-600); color: var(--oik-white); }

.oik-cta-band { padding: 0 0 var(--oik-section-space); background: var(--oik-blush-50); }
.oik-cta-band__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 38px 44px;
  border-radius: 24px;
  background: linear-gradient(110deg,var(--oik-plum-900),var(--oik-plum-700));
  box-shadow: var(--oik-shadow-card);
}
.oik-cta-band h2,
.oik-cta-band p { color: var(--oik-white); }
.oik-cta-band h2 { margin-bottom: 10px; font-size: clamp(2rem,3vw,3rem); }
.oik-cta-band p { max-width: 700px; margin-bottom: 0; opacity: .88; }
.oik-cta-band .oik-eyebrow { color: #f8c8da; }

.oik-program-facts { position: relative; z-index: 3; margin-top: -30px; }
.oik-program-facts__grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  overflow: hidden;
  border: 1px solid var(--oik-line);
  border-radius: var(--oik-radius-card);
  background: var(--oik-white);
  box-shadow: var(--oik-shadow-card);
}
.oik-program-facts article { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 11px; min-height: 104px; padding: 20px; }
.oik-program-facts article + article { border-left: 1px solid var(--oik-line); }
.oik-program-facts .oik-icon { width: 28px; height: 28px; color: var(--oik-rose-700); }
.oik-program-facts span,
.oik-program-facts strong { display: block; }
.oik-program-facts span { color: var(--oik-ink-500); font-size: .75rem; }
.oik-program-facts strong { color: var(--oik-plum-900); font-size: .91rem; }

.oik-anchor-nav { position: sticky; z-index: 50; top: 0; border-block: 1px solid var(--oik-line); background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.admin-bar .oik-anchor-nav { top: 32px; }
.oik-anchor-nav .oik-container { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: thin; }
.oik-anchor-nav a { min-width: max-content; padding: 15px 13px; border-bottom: 2px solid transparent; color: var(--oik-ink-700); font-size: .84rem; font-weight: 750; text-decoration: none; }
.oik-anchor-nav a:hover { border-color: var(--oik-rose-600); color: var(--oik-rose-700); }

.oik-content-sidebar-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(310px,.65fr); gap: 24px; }
.oik-two-column-panels { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.oik-three-column-panels { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.oik-content-panel,
.oik-list-panel { padding: 32px; }
.oik-content-panel h2,
.oik-list-panel h2 { margin-bottom: 20px; font-size: clamp(1.75rem,2.5vw,2.5rem); }
.oik-list-panel > p { color: var(--oik-ink-700); }
.oik-check-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.oik-check-list li { display: flex; align-items: flex-start; gap: 10px; color: var(--oik-ink-700); }
.oik-check-list .oik-icon { width: 22px; height: 22px; flex: 0 0 22px; margin-top: 2px; color: var(--oik-rose-600); }
.oik-detail-list { display: grid; gap: 0; margin: 0; }
.oik-detail-list div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 0; border-bottom: 1px solid var(--oik-line); }
.oik-detail-list dt { color: var(--oik-ink-500); }
.oik-detail-list dd { margin: 0; color: var(--oik-plum-900); font-weight: 750; text-align: right; }
.oik-note,
.oik-warning-note { margin-top: 18px; padding: 15px 17px; border-radius: 12px; background: var(--oik-blush-100); color: var(--oik-ink-700); }
.oik-warning-note { border-left: 4px solid var(--oik-warning); background: #fff9e9; }

.oik-outcome-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.oik-outcome-grid article { display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: start; gap: 12px; padding: 22px; }
.oik-outcome-grid .oik-icon { width: 28px; height: 28px; padding: 6px; border-radius: 50%; background: var(--oik-rose-600); color: var(--oik-white); }
.oik-outcome-grid p { margin: 0; color: var(--oik-ink-700); }

.oik-instructor-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.oik-instructor-card { overflow: hidden; }
.oik-instructor-card a { display: block; color: inherit; text-decoration: none; }
.oik-instructor-card img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.oik-instructor-card h3 { margin: 18px 18px 8px; }
.oik-instructor-card p { margin: 0 18px 20px; color: var(--oik-ink-500); }

.oik-faq-list { display: grid; gap: 12px; }
.oik-faq { overflow: hidden; }
.oik-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 62px; padding: 16px 20px; color: var(--oik-plum-900); font-weight: 800; cursor: pointer; list-style: none; }
.oik-faq summary::-webkit-details-marker { display: none; }
.oik-faq summary .oik-icon { color: var(--oik-rose-600); transition: transform .2s ease; }
.oik-faq[open] summary .oik-icon { transform: rotate(90deg); }
.oik-faq > div { padding: 0 20px 20px; color: var(--oik-ink-700); }

.oik-instructor-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.oik-instructor-profile-card { overflow: hidden; }
.oik-instructor-profile-card__media { display: grid; place-items: center; min-height: 320px; background: linear-gradient(145deg,var(--oik-rose-100),var(--oik-champagne-100)); color: var(--oik-rose-700); }
.oik-instructor-profile-card__media img { width: 100%; height: 320px; object-fit: cover; }
.oik-instructor-profile-card__media > span .oik-icon { width: 80px; height: 80px; }
.oik-instructor-profile-card__body { padding: 25px; }
.oik-instructor-profile-card h3 { margin: 12px 0 4px; }
.oik-instructor-profile-card h3 a { color: inherit; text-decoration: none; }
.oik-instructor-profile-card__title { color: var(--oik-rose-700)!important; font-weight: 750; }
.oik-instructor-profile-card__body > p { color: var(--oik-ink-700); }
.oik-verified-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 31px; padding: 5px 10px; border-radius: 999px; background: #edf8f1; color: var(--oik-success); font-size: .76rem; font-weight: 850; }

.oik-instructor-hero { background: linear-gradient(105deg,var(--oik-blush-100),var(--oik-champagne-100)); }
.oik-instructor-hero__grid { position: relative; grid-template-columns: 310px minmax(0,1fr); align-items: center; gap: 48px; min-height: 470px; padding-block: 56px; }
.oik-instructor-hero__portrait { display: grid; place-items: center; width: 310px; aspect-ratio: 1; overflow: hidden; border: 9px solid rgba(255,255,255,.8); border-radius: 50%; background: var(--oik-white); box-shadow: var(--oik-shadow-card); color: var(--oik-rose-700); }
.oik-instructor-hero__portrait img { width: 100%; height: 100%; object-fit: cover; }
.oik-instructor-hero__portrait > span .oik-icon { width: 92px; height: 92px; }
.oik-instructor-hero__content { max-width: 720px; padding: 0; }
.oik-instructor-hero__content h1 { margin: 14px 0 8px; }
.oik-instructor-hero__title { margin-bottom: 18px; color: var(--oik-rose-700); font-size: 1.2rem; font-weight: 800; }
.oik-instructor-hero__art { position: absolute; right: -40px; bottom: -80px; color: rgba(201,46,104,.1); }
.oik-instructor-hero__art .oik-icon { width: 260px; height: 260px; }

.oik-trust-note { padding: 36px 0; background: var(--oik-white); }
.oik-trust-note__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.oik-trust-note article { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 18px; padding: 24px; border: 1px solid var(--oik-line); border-radius: var(--oik-radius-card); background: var(--oik-blush-50); }
.oik-trust-note article > .oik-icon { width: 50px; height: 50px; padding: 11px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-trust-note h2 { margin-bottom: 7px; font-size: 1.55rem; }
.oik-trust-note p { margin: 0; color: var(--oik-ink-700); }

@media (max-width: 1120px) {
  .oik-inner-hero__grid,
  .oik-program-hero__grid { grid-template-columns: minmax(0,1fr) minmax(330px,.8fr); }
  .oik-age-path-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-filter-bar { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-filter-bar__search { grid-column: span 2; }
  .oik-program-archive-grid,
  .oik-instructor-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-program-facts__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-program-facts article:nth-child(4) { border-left: 0; border-top: 1px solid var(--oik-line); }
  .oik-program-facts article:nth-child(n+4) { border-top: 1px solid var(--oik-line); }
  .oik-outcome-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-instructor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .oik-inner-hero__grid,
  .oik-program-hero__grid { grid-template-columns: 1fr; min-height: 0; padding-bottom: 28px; }
  .oik-inner-hero__content,
  .oik-program-hero__content { max-width: none; padding: 56px 0 30px; }
  .oik-inner-hero__visual,
  .oik-program-hero__visual { min-height: 380px; border-radius: 30px; }
  .oik-inner-hero__visual img,
  .oik-program-hero__visual img,
  .oik-inner-hero__art { min-height: 380px; }
  .oik-feature-band { margin-top: -2px; padding-top: 18px; }
  .oik-feature-band__grid { grid-template-columns: 1fr; }
  .oik-feature-band article + article { border-left: 0; border-top: 1px solid var(--oik-line); }
  .oik-level-grid,
  .oik-content-sidebar-grid,
  .oik-two-column-panels,
  .oik-three-column-panels { grid-template-columns: 1fr; }
  .oik-instructor-hero__grid { grid-template-columns: 230px minmax(0,1fr); gap: 30px; min-height: 0; }
  .oik-instructor-hero__portrait { width: 230px; }
  .oik-trust-note__grid { grid-template-columns: 1fr; }
  .oik-cta-band__inner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 700px) {
  .oik-inner-hero h1,
  .oik-program-hero h1,
  .oik-instructor-hero h1 { font-size: clamp(2.55rem,12vw,3.7rem); }
  .oik-age-path-grid,
  .oik-level-grid,
  .oik-program-archive-grid,
  .oik-instructor-archive-grid,
  .oik-outcome-grid,
  .oik-instructor-grid { grid-template-columns: 1fr; }
  .oik-age-path p { min-height: 0; }
  .oik-filter-bar,
  .oik-filter-bar--simple { grid-template-columns: 1fr; }
  .oik-filter-bar__search { grid-column: auto; }
  .oik-program-facts { margin-top: -2px; padding-top: 16px; }
  .oik-program-facts__grid { grid-template-columns: 1fr 1fr; }
  .oik-program-facts article:nth-child(n) { border-top: 1px solid var(--oik-line); border-left: 0; }
  .oik-program-facts article:nth-child(-n+2) { border-top: 0; }
  .oik-program-facts article:nth-child(even) { border-left: 1px solid var(--oik-line); }
  .oik-program-facts article { grid-template-columns: 30px minmax(0,1fr); min-height: 92px; padding: 15px; }
  .oik-program-facts .oik-icon { width: 23px; height: 23px; }
  .oik-content-panel,
  .oik-list-panel { padding: 24px 20px; }
  .oik-instructor-hero__grid { grid-template-columns: 1fr; justify-items: center; padding-block: 45px; text-align: center; }
  .oik-instructor-hero__portrait { width: min(250px,72vw); }
  .oik-instructor-hero__content { display: grid; justify-items: center; }
  .oik-instructor-hero__content .oik-breadcrumb,
  .oik-instructor-hero__content .oik-chip-row { justify-content: center; }
  .oik-instructor-hero__lead { max-width: 560px; }
  .oik-instructor-hero__art { display: none; }
  .oik-cta-band__inner { padding: 30px 22px; }
}

@media (max-width: 430px) {
  .oik-inner-hero__content,
  .oik-program-hero__content { padding-top: 42px; }
  .oik-inner-hero__visual,
  .oik-program-hero__visual,
  .oik-inner-hero__visual img,
  .oik-program-hero__visual img,
  .oik-inner-hero__art { min-height: 300px; }
  .oik-feature-band article { grid-template-columns: 46px minmax(0,1fr); padding: 20px 17px; }
  .oik-feature-band article > .oik-icon { width: 46px; height: 46px; padding: 11px; }
  .oik-program-facts__grid { grid-template-columns: 1fr; }
  .oik-program-facts article:nth-child(n) { border-top: 1px solid var(--oik-line); border-left: 0; }
  .oik-program-facts article:first-child { border-top: 0; }
  .oik-anchor-nav a { padding-inline: 11px; }
  .oik-detail-list div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .oik-detail-list dd { text-align: left; }
}

/* v0.4.0 — Events, FAQ, exams and weekly schedule */
.oik-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.oik-category-grid--faq { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.oik-category-card {
  min-width: 0;
  min-height: 150px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 8px;
  padding: 24px;
  color: var(--oik-plum-900);
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.oik-category-card:hover,
.oik-category-card.is-active { transform: translateY(-3px); border-color: rgba(201,46,104,.48); box-shadow: 0 16px 38px rgba(58,24,51,.11); }
.oik-category-card > .oik-icon { width: 42px; height: 42px; padding: 9px; border-radius: 13px; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-category-card span { font-family: var(--oik-font-heading); font-size: 1.24rem; font-weight: 700; line-height: 1.15; }
.oik-category-card small { color: var(--oik-ink-500); font-size: .8rem; }

.oik-filter-bar--events { grid-template-columns: repeat(3,minmax(145px,1fr)) minmax(210px,1.4fr) auto auto; }
.oik-filter-bar--faq { grid-template-columns: minmax(260px,1.7fr) minmax(190px,.8fr) auto auto; }
.oik-filter-bar--exam { grid-template-columns: repeat(4,minmax(140px,1fr)) auto auto; }
.oik-filter-bar--schedule { grid-template-columns: repeat(6,minmax(120px,1fr)); }
.oik-filter-bar--schedule .oik-filter-bar__search { grid-column: span 2; }

.oik-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
}
.oik-status--open { background: #eaf7ef; color: #247748; }
.oik-status--limited { background: #fff5de; color: #9a6500; }
.oik-status--full,
.oik-status--closed,
.oik-status--paused { background: #f5e9ed; color: #8c3456; }
.oik-status--completed { background: #eef0f2; color: #5f6770; }

.oik-event-archive-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
.oik-event-list-card { min-width: 0; overflow: hidden; display: flex; flex-direction: column; }
.oik-event-list-card__media {
  display: grid;
  place-items: center;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: linear-gradient(145deg,var(--oik-rose-100),var(--oik-champagne-100));
  color: var(--oik-rose-700);
}
.oik-event-list-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.oik-event-list-card:hover .oik-event-list-card__media img { transform: scale(1.035); }
.oik-event-list-card__media > span .oik-icon { width: 76px; height: 76px; }
.oik-event-list-card__body { flex: 1; display: flex; flex-direction: column; padding: 25px; }
.oik-event-list-card__body h3 { margin: 15px 0 10px; }
.oik-event-list-card__body h3 a { color: inherit; text-decoration: none; }
.oik-event-list-card__body > p { flex: 1; color: var(--oik-ink-700); }
.oik-event-list-card__body .oik-actions { margin-top: 8px; }

.oik-past-event-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.oik-past-event-grid article { min-width: 0; overflow: hidden; }
.oik-past-event-grid article > a { display: grid; place-items: center; aspect-ratio: 16/10; overflow: hidden; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-past-event-grid img { width: 100%; height: 100%; object-fit: cover; }
.oik-past-event-grid article > div { padding: 20px; }
.oik-past-event-grid article > div > span { color: var(--oik-ink-500); font-size: .8rem; }
.oik-past-event-grid h3 { margin: 7px 0 12px; font-size: 1.4rem; }
.oik-past-event-grid h3 a { color: inherit; text-decoration: none; }
.oik-placeholder-icon { display: grid; place-items: center; width: 100%; height: 100%; }
.oik-placeholder-icon .oik-icon { width: 64px; height: 64px; }

.oik-parent-info-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.oik-parent-info-grid article { padding: 25px; }
.oik-parent-info-grid article > .oik-icon { width: 48px; height: 48px; padding: 11px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-parent-info-grid h3 { margin: 18px 0 9px; }
.oik-parent-info-grid p { margin: 0; color: var(--oik-ink-700); }

.oik-faq-page-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 28px; align-items: start; }
.oik-faq-trust { position: sticky; top: 22px; padding: 28px; background: linear-gradient(155deg,var(--oik-plum-900),var(--oik-plum-700)); color: rgba(255,255,255,.82); }
.oik-faq-trust h2,
.oik-faq-trust h3 { color: var(--oik-white); }
.oik-faq-trust h2 { font-size: clamp(2rem,3vw,2.7rem); }
.oik-faq-trust .oik-eyebrow { color: #f8c7d9; }
.oik-faq-trust article { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 13px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.14); }
.oik-faq-trust article > .oik-icon { width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: rgba(255,255,255,.12); color: var(--oik-white); }
.oik-faq-trust h3 { margin: 0 0 4px; font-family: var(--oik-font-body); font-size: .98rem; }
.oik-faq-trust p { margin: 0; color: rgba(255,255,255,.7); font-size: .88rem; }

.oik-exam-list { display: grid; gap: 12px; }
.oik-exam-row {
  display: grid;
  grid-template-columns: 92px minmax(0,1.5fr) minmax(125px,.45fr) auto;
  align-items: center;
  gap: 20px;
  padding: 18px;
}
.oik-exam-row > time { min-height: 88px; display: grid; place-items: center; align-content: center; border-radius: 14px; background: var(--oik-blush-100); color: var(--oik-plum-900); text-align: center; }
.oik-exam-row > time strong { font-family: var(--oik-font-heading); font-size: 2rem; line-height: 1; }
.oik-exam-row > time span { margin-top: 5px; color: var(--oik-ink-500); font-size: .75rem; text-transform: uppercase; }
.oik-exam-row__main h3 { margin: 8px 0; }
.oik-exam-row__main h3 a { color: inherit; text-decoration: none; }
.oik-exam-row__status { display: grid; justify-items: start; gap: 7px; }
.oik-exam-row__status small { color: var(--oik-ink-500); }
.oik-exam-row > .oik-actions { justify-content: flex-end; }

.oik-criteria-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.oik-criteria-grid article { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 12px; min-height: 82px; padding: 18px; }
.oik-criteria-grid .oik-icon { width: 34px; height: 34px; padding: 7px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-criteria-grid span { color: var(--oik-plum-900); font-size: .9rem; font-weight: 750; }

.oik-process-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.oik-process-steps li { position: relative; min-width: 0; padding: 0 20px; text-align: center; }
.oik-process-steps li::before { content: ""; position: absolute; top: 20px; left: 0; right: 0; height: 1px; background: var(--oik-line); }
.oik-process-steps li:first-child::before { left: 50%; }
.oik-process-steps li:last-child::before { right: 50%; }
.oik-process-steps li > span { position: relative; z-index: 1; width: 42px; height: 42px; display: grid; place-items: center; margin: 0 auto 16px; border-radius: 50%; background: var(--oik-rose-600); color: var(--oik-white); font-weight: 850; }
.oik-process-steps h3 { margin-bottom: 8px; font-size: 1.38rem; }
.oik-process-steps p { margin: 0; color: var(--oik-ink-700); font-size: .88rem; }

.oik-demo-warning { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; gap: 16px; margin-bottom: 20px; padding: 18px 20px; border: 1px solid #eed18c; border-radius: 14px; background: #fff9e8; color: #6d5000; }
.oik-demo-warning > .oik-icon { width: 44px; height: 44px; padding: 9px; border-radius: 50%; background: #fff0bd; }
.oik-demo-warning strong,
.oik-demo-warning span { display: block; }
.oik-demo-warning span { margin-top: 3px; font-size: .9rem; }
.oik-demo-badge { display: inline-flex; margin-left: 7px; padding: 3px 7px; border-radius: 999px; background: #fff0bd; color: #7c5800; font-size: .75rem; font-weight: 850; vertical-align: middle; }

.oik-day-tabs { display: flex; gap: 10px; overflow-x: auto; margin: 0 0 20px; padding: 3px 1px 10px; scrollbar-width: thin; }
.oik-day-tabs a { min-width: 105px; min-height: 48px; display: grid; place-items: center; padding: 8px 14px; border: 1px solid var(--oik-line); border-radius: 12px; background: var(--oik-white); color: var(--oik-plum-900); font-weight: 750; text-decoration: none; white-space: nowrap; }
.oik-day-tabs a.is-active,
.oik-day-tabs a:hover { border-color: var(--oik-rose-600); background: var(--oik-rose-600); color: var(--oik-white); }

.oik-schedule-table-wrap { overflow-x: auto; }
.oik-schedule-table { width: 100%; border-collapse: collapse; min-width: 1020px; }
.oik-schedule-table th { padding: 15px 14px; border-bottom: 1px solid var(--oik-line); background: var(--oik-blush-100); color: var(--oik-plum-900); font-size: .75rem; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.oik-schedule-table td { padding: 16px 14px; border-bottom: 1px solid var(--oik-line); color: var(--oik-ink-700); vertical-align: middle; }
.oik-schedule-table tbody tr:last-child td { border-bottom: 0; }
.oik-schedule-table td strong,
.oik-schedule-table td span,
.oik-schedule-table td small { display: block; }
.oik-schedule-table td strong { color: var(--oik-plum-900); }
.oik-schedule-table td small { margin-top: 3px; color: var(--oik-ink-500); font-size: .76rem; }
.oik-capacity-bar { width: 86px; height: 6px; margin-top: 7px; overflow: hidden; border-radius: 999px; background: #f1e7eb; }
.oik-capacity-bar i { display: block; height: 100%; border-radius: inherit; background: var(--oik-success); }
.oik-schedule-legend { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; color: var(--oik-ink-500); font-size: .82rem; }
.oik-schedule-legend span { display: inline-flex; align-items: center; gap: 7px; }
.oik-schedule-legend i { width: 10px; height: 10px; border-radius: 50%; }
.oik-schedule-legend i.is-open { background: var(--oik-success); }
.oik-schedule-legend i.is-limited { background: var(--oik-warning); }
.oik-schedule-legend i.is-full { background: var(--oik-rose-700); }

@media (max-width: 1120px) {
  .oik-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-category-grid--faq { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-filter-bar--events { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-filter-bar--faq { grid-template-columns: minmax(260px,1.5fr) minmax(190px,1fr) auto auto; }
  .oik-filter-bar--exam { grid-template-columns: repeat(2,minmax(0,1fr)) auto auto; }
  .oik-filter-bar--schedule { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-event-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-past-event-grid,
  .oik-parent-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-exam-row { grid-template-columns: 82px minmax(0,1fr) auto; }
  .oik-exam-row__status { grid-column: 2; }
  .oik-exam-row > .oik-actions { grid-column: 3; grid-row: 1 / span 2; flex-direction: column; }
  .oik-criteria-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-process-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 0; }
  .oik-process-steps li::before { display: none; }
}

@media (max-width: 860px) {
  .oik-faq-page-grid { grid-template-columns: 1fr; }
  .oik-faq-trust { position: static; }
  .oik-process-steps { grid-template-columns: 1fr; gap: 12px; }
  .oik-process-steps li { display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: start; gap: 15px; padding: 15px 18px; border: 1px solid var(--oik-line); border-radius: 14px; background: var(--oik-white); text-align: left; }
  .oik-process-steps li > span { margin: 0; }
  .oik-process-steps h3 { margin-top: 1px; }
}

@media (max-width: 700px) {
  .oik-category-grid,
  .oik-category-grid--faq,
  .oik-event-archive-grid,
  .oik-past-event-grid,
  .oik-parent-info-grid,
  .oik-criteria-grid { grid-template-columns: 1fr; }
  .oik-category-card { min-height: 112px; grid-template-columns: 46px minmax(0,1fr); align-items: center; align-content: center; column-gap: 14px; padding: 18px; }
  .oik-category-card > .oik-icon { grid-row: 1 / span 2; }
  .oik-category-card span { font-size: 1.13rem; }
  .oik-filter-bar--events,
  .oik-filter-bar--faq,
  .oik-filter-bar--exam,
  .oik-filter-bar--schedule { grid-template-columns: 1fr; }
  .oik-filter-bar--schedule .oik-filter-bar__search { grid-column: auto; }
  .oik-exam-row { grid-template-columns: 70px minmax(0,1fr); gap: 14px; }
  .oik-exam-row__status { grid-column: 2; }
  .oik-exam-row > .oik-actions { grid-column: 1 / -1; grid-row: auto; flex-direction: row; justify-content: stretch; }
  .oik-exam-row > .oik-actions > * { flex: 1; }
  .oik-schedule-table-wrap { overflow: visible; border: 0; background: transparent; box-shadow: none; }
  .oik-schedule-table { min-width: 0; display: block; }
  .oik-schedule-table thead { display: none; }
  .oik-schedule-table tbody { display: grid; gap: 14px; }
  .oik-schedule-table tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; overflow: hidden; border: 1px solid var(--oik-line); border-radius: 16px; background: var(--oik-white); box-shadow: var(--oik-shadow-soft); }
  .oik-schedule-table td { display: block; padding: 14px 15px; border-bottom: 1px solid var(--oik-line); }
  .oik-schedule-table td::before { content: attr(data-label); display: block; margin-bottom: 4px; color: var(--oik-rose-700); font-size: .75rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
  .oik-schedule-table td:nth-child(1),
  .oik-schedule-table td:nth-child(2),
  .oik-schedule-table td:last-child { grid-column: 1 / -1; }
  .oik-schedule-table td:last-child { border-bottom: 0; }
}

@media (max-width: 430px) {
  .oik-exam-row { grid-template-columns: 1fr; }
  .oik-exam-row > time { min-height: 72px; grid-template-columns: auto auto; gap: 8px; justify-content: start; padding-inline: 16px; }
  .oik-exam-row > time span { margin: 0; }
  .oik-exam-row__status,
  .oik-exam-row > .oik-actions { grid-column: 1; }
  .oik-demo-warning { grid-template-columns: 1fr; }
  .oik-schedule-table tr { grid-template-columns: 1fr; }
  .oik-schedule-table td:nth-child(n) { grid-column: 1; }
}

/* v0.4.0 accessibility touch-target refinement */
.oik-breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 2px;
}

/* v0.5.0 — Başarı, basın ve doğrulanmış medya modülleri */
.oik-filter-bar--proof,
.oik-filter-bar--gallery {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr)) minmax(240px,1.4fr) auto auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 28px;
  padding: 18px;
}
.oik-filter-bar--gallery { grid-template-columns: minmax(190px,.8fr) minmax(190px,.8fr) minmax(260px,1.4fr) auto auto; }
.oik-filter-bar--proof label,
.oik-filter-bar--gallery label { display: grid; gap: 7px; min-width: 0; }
.oik-filter-bar--proof label > span,
.oik-filter-bar--gallery label > span { color: var(--oik-plum-900); font-size: .78rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.oik-filter-bar--proof input,
.oik-filter-bar--proof select,
.oik-filter-bar--gallery input,
.oik-filter-bar--gallery select { width: 100%; min-height: 48px; border: 1px solid var(--oik-line); border-radius: 10px; padding: 0 13px; background: var(--oik-white); color: var(--oik-ink-900); }

.oik-proof-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.oik-proof-card,
.oik-press-card,
.oik-gallery-card { min-width: 0; overflow: hidden; }
.oik-proof-card__media,
.oik-press-card__media { min-height: 230px; display: block; overflow: hidden; background: linear-gradient(135deg,var(--oik-rose-100),var(--oik-champagne-100)); text-decoration: none; }
.oik-proof-card__media img,
.oik-press-card__media img { width: 100%; height: 230px; object-fit: cover; transition: transform .35s ease; }
.oik-proof-card:hover .oik-proof-card__media img,
.oik-press-card:hover .oik-press-card__media img { transform: scale(1.035); }
.oik-proof-card__media > span,
.oik-press-card__media > span { min-height: 230px; display: grid; place-items: center; color: var(--oik-rose-700); }
.oik-proof-card__media .oik-icon,
.oik-press-card__media .oik-icon { width: 64px; height: 64px; }
.oik-proof-card__body,
.oik-press-card__body { padding: 22px; }
.oik-proof-card h3,
.oik-press-card h3 { margin: 14px 0 10px; }
.oik-proof-card h3 a,
.oik-press-card h3 a { color: inherit; text-decoration: none; }
.oik-proof-card p,
.oik-press-card p { color: var(--oik-ink-700); }
.oik-status--verified { gap: 5px; background: #e8f6ee; color: #1d7045; }
.oik-status--verified .oik-icon { width: 15px; height: 15px; }
.oik-chip--muted { background: #f4eff2; color: var(--oik-ink-700); }

.oik-detail-hero { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); overflow: hidden; }
.oik-detail-hero__content { padding: clamp(28px,5vw,64px); }
.oik-detail-hero__content h1 { margin: 18px 0 16px; font-size: clamp(2.55rem,5vw,4.7rem); }
.oik-detail-hero__content > p { max-width: 68ch; color: var(--oik-ink-700); }
.oik-detail-hero__media { min-height: 430px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,var(--oik-rose-100),var(--oik-champagne-100)); color: var(--oik-rose-700); }
.oik-detail-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.oik-detail-hero__media > .oik-icon { width: 86px; height: 86px; }
.oik-detail-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin: 28px 0 0; }
.oik-detail-facts div { padding: 14px 16px; border: 1px solid var(--oik-line); border-radius: 12px; background: rgba(255,255,255,.7); }
.oik-detail-facts dt { color: var(--oik-ink-500); font-size: .75rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.oik-detail-facts dd { margin: 5px 0 0; color: var(--oik-plum-900); font-weight: 750; }
.oik-detail-facts a { color: var(--oik-rose-700); }
.oik-content-proof-layout { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,.5fr); gap: 28px; align-items: start; }
.oik-entry-content { padding: clamp(25px,4vw,48px); }
.oik-entry-content > *:last-child { margin-bottom: 0; }
.oik-proof-panel { position: sticky; top: 24px; padding: 28px; }
.oik-proof-panel h2 { font-size: 2.2rem; }
.oik-proof-panel p { color: var(--oik-ink-700); }
.oik-privacy-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--oik-line); font-size: .88rem; }
.oik-privacy-note .oik-icon { margin-top: 2px; color: var(--oik-rose-700); }

.oik-press-featured-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.oik-press-meta { display: flex; flex-wrap: wrap; gap: 10px 16px; margin: 16px 0; color: var(--oik-ink-500); font-size: .82rem; }
.oik-press-meta span { display: inline-flex; align-items: center; gap: 6px; }
.oik-press-meta .oik-icon { width: 17px; height: 17px; color: var(--oik-rose-600); }
.oik-press-archive-list { display: grid; gap: 12px; }
.oik-press-row { display: grid; grid-template-columns: 210px minmax(0,1fr) auto; gap: 22px; align-items: center; padding: 20px; }
.oik-press-row__date { min-height: 72px; display: flex; align-items: center; gap: 11px; padding: 14px; border-radius: 12px; background: var(--oik-blush-100); color: var(--oik-plum-900); font-weight: 750; }
.oik-press-row__date .oik-icon { color: var(--oik-rose-600); }
.oik-press-row h3 { margin: 9px 0 6px; }
.oik-press-row h3 a { color: inherit; text-decoration: none; }
.oik-press-row p { margin: 0; color: var(--oik-ink-700); }
.oik-press-row__action { display: grid; gap: 10px; justify-items: stretch; min-width: 150px; }

.oik-category-grid--media { grid-template-columns: repeat(6,minmax(0,1fr)); }
.oik-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.oik-gallery-card__button { position: relative; width: 100%; min-height: 250px; display: block; overflow: hidden; border: 0; padding: 0; background: var(--oik-rose-100); cursor: zoom-in; }
.oik-gallery-card__button img { width: 100%; height: 250px; object-fit: cover; transition: transform .35s ease; }
.oik-gallery-card__button:hover img { transform: scale(1.04); }
.oik-gallery-card__overlay { position: absolute; inset: auto 14px 14px auto; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: rgba(58,24,51,.84); color: var(--oik-white); opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }
.oik-gallery-card__button:hover .oik-gallery-card__overlay,
.oik-gallery-card__button:focus-visible .oik-gallery-card__overlay { opacity: 1; transform: translateY(0); }
.oik-gallery-card__video { min-height: 250px; display: grid; place-items: center; align-content: center; gap: 12px; color: var(--oik-rose-700); }
.oik-gallery-card__video .oik-icon { width: 64px; height: 64px; }
.oik-gallery-card__body { padding: 20px; }
.oik-gallery-card__body h3 { margin: 13px 0 8px; }
.oik-gallery-card__body p { margin-bottom: 14px; color: var(--oik-ink-700); }
.oik-gallery-card__body time { color: var(--oik-ink-500); font-size: .8rem; }
.oik-privacy-banner { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; align-items: center; gap: 20px; padding: 26px; }
.oik-privacy-banner > .oik-icon { width: 50px; height: 50px; padding: 11px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-privacy-banner h2 { margin-bottom: 6px; font-size: clamp(1.65rem,3vw,2.3rem); }
.oik-privacy-banner p { margin: 0; color: var(--oik-ink-700); }

.oik-gallery-dialog { width: min(1100px,calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; border: 0; border-radius: 18px; padding: 0; background: var(--oik-plum-950); color: var(--oik-white); box-shadow: 0 30px 100px rgba(20,8,18,.45); }
.oik-gallery-dialog::backdrop { background: rgba(23,10,20,.78); backdrop-filter: blur(4px); }
.oik-gallery-dialog__close { position: sticky; top: 14px; z-index: 2; float: right; width: 48px; height: 48px; display: grid; place-items: center; margin: 14px 14px -62px 0; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(39,19,34,.78); color: var(--oik-white); cursor: pointer; }
.oik-gallery-dialog [data-oik-gallery-media] { min-height: 300px; display: grid; place-items: center; background: #180d16; }
.oik-gallery-dialog img,
.oik-gallery-dialog video { max-height: calc(100dvh - 190px); width: auto; max-width: 100%; object-fit: contain; }
.oik-gallery-dialog video { width: 100%; }
.oik-gallery-dialog__caption { padding: 22px 28px 28px; }
.oik-gallery-dialog__caption h2 { margin-bottom: 8px; color: var(--oik-white); font-size: clamp(1.8rem,4vw,2.6rem); }
.oik-gallery-dialog__caption p { margin: 0; color: rgba(255,255,255,.72); }

@media (max-width: 1120px) {
  .oik-filter-bar--proof { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-filter-bar--gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-proof-grid,
  .oik-press-featured-grid,
  .oik-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .oik-category-grid--media { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oik-press-row { grid-template-columns: 170px minmax(0,1fr); }
  .oik-press-row__action { grid-column: 2; grid-template-columns: auto auto; justify-content: start; }
}

@media (max-width: 860px) {
  .oik-detail-hero { grid-template-columns: 1fr; }
  .oik-detail-hero__media { min-height: 300px; order: -1; }
  .oik-content-proof-layout { grid-template-columns: 1fr; }
  .oik-proof-panel { position: static; }
  .oik-privacy-banner { grid-template-columns: 50px minmax(0,1fr); }
  .oik-privacy-banner .oik-button { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .oik-filter-bar--proof,
  .oik-filter-bar--gallery { grid-template-columns: 1fr; }
  .oik-proof-grid,
  .oik-press-featured-grid,
  .oik-gallery-grid,
  .oik-category-grid--media { grid-template-columns: 1fr; }
  .oik-proof-card__media,
  .oik-press-card__media,
  .oik-proof-card__media img,
  .oik-press-card__media img { min-height: 210px; height: 210px; }
  .oik-detail-facts { grid-template-columns: 1fr; }
  .oik-detail-hero__content { padding: 26px 20px; }
  .oik-detail-hero__media { min-height: 240px; }
  .oik-press-row { grid-template-columns: 1fr; gap: 13px; }
  .oik-press-row__date { min-height: 0; }
  .oik-press-row__action { grid-column: 1; grid-template-columns: 1fr 1fr; }
  .oik-gallery-card__button,
  .oik-gallery-card__button img,
  .oik-gallery-card__video { min-height: 220px; height: 220px; }
  .oik-gallery-card__overlay { opacity: 1; transform: none; }
  .oik-privacy-banner { grid-template-columns: 1fr; }
  .oik-gallery-dialog { width: calc(100% - 18px); max-height: calc(100dvh - 18px); }
  .oik-gallery-dialog__caption { padding: 18px 20px 22px; }
}

/* v0.6.0 — secure forms, contact, registration and trial pages */
.oik-contact-layout,
.oik-registration-layout,
.oik-trial-layout {
  display: grid;
  grid-template-columns: minmax(280px,.82fr) minmax(0,1.55fr);
  gap: 28px;
  align-items: start;
}

.oik-registration-layout,
.oik-trial-layout {
  grid-template-columns: minmax(0,1.55fr) minmax(280px,.78fr);
}

.oik-contact-panel,
.oik-form-panel,
.oik-process-panel {
  padding: clamp(24px,3vw,38px);
  min-width: 0;
}

.oik-contact-panel > h2,
.oik-form-panel > h2,
.oik-process-panel > h2 {
  margin-bottom: 12px;
  font-size: clamp(2rem,3.6vw,3rem);
}

.oik-form-panel > p,
.oik-process-panel > p {
  color: var(--oik-ink-700);
}

.oik-contact-list {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}

.oik-contact-list > a,
.oik-contact-list > div {
  min-height: 72px;
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--oik-line);
  border-radius: 14px;
  background: var(--oik-blush-50);
  color: var(--oik-ink-700);
  text-decoration: none;
}

.oik-contact-list .oik-icon {
  width: 44px;
  height: 44px;
  padding: 10px;
  border-radius: 12px;
  background: var(--oik-rose-100);
  color: var(--oik-rose-700);
}

.oik-contact-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.oik-contact-list strong {
  display: block;
  margin-bottom: 2px;
  color: var(--oik-plum-900);
}

.oik-security-panel {
  margin-top: 26px;
  padding: 22px;
  border-radius: 16px;
  background: linear-gradient(145deg,var(--oik-plum-900),var(--oik-plum-700));
  color: rgba(255,255,255,.82);
}

.oik-security-panel h3 {
  margin-bottom: 12px;
  color: var(--oik-white);
}

.oik-security-panel ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 1.15rem;
}

.oik-secure-form {
  position: relative;
  margin-top: 24px;
}

.oik-form-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

.oik-field {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: var(--oik-plum-900);
  font-weight: 700;
}

.oik-field--wide {
  grid-column: 1 / -1;
}

.oik-field > span {
  font-size: .86rem;
}

.oik-field em {
  color: var(--oik-rose-600);
  font-style: normal;
}

.oik-field input,
.oik-field select,
.oik-field textarea {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  border: 1px solid var(--oik-line);
  border-radius: 12px;
  padding: 11px 13px;
  background: var(--oik-white);
  color: var(--oik-ink-900);
  outline: none;
  transition: border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.oik-field textarea {
  min-height: 126px;
  resize: vertical;
}

.oik-field input:focus,
.oik-field select:focus,
.oik-field textarea:focus {
  border-color: var(--oik-rose-600);
  box-shadow: 0 0 0 4px rgba(201,46,104,.11);
}

.oik-field.has-error input,
.oik-field.has-error select,
.oik-field.has-error textarea {
  border-color: var(--oik-danger);
  background: #fff8f7;
}

.oik-field small {
  color: var(--oik-danger);
  font-size: .78rem;
  font-weight: 650;
}

.oik-file-field input[type="file"] {
  min-height: 92px;
  padding: 20px;
  border-style: dashed;
  background: var(--oik-blush-50);
}

.oik-file-field output {
  display: grid;
  gap: 6px;
  color: var(--oik-ink-700);
  font-size: .8rem;
  font-weight: 600;
}

.oik-form-consents {
  display: grid;
  gap: 12px;
  margin: 20px 0;
}

.oik-check-row {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  color: var(--oik-ink-700);
  font-size: .84rem;
  line-height: 1.55;
}

.oik-check-row input {
  width: 20px;
  height: 20px;
  margin-top: 1px;
  accent-color: var(--oik-rose-600);
}

.oik-check-row.has-error {
  padding: 10px;
  border: 1px solid rgba(180,35,24,.35);
  border-radius: 10px;
  background: #fff8f7;
}

.oik-check-row a {
  color: var(--oik-rose-700);
  font-weight: 750;
}

.oik-form-submit {
  width: 100%;
}

.oik-form-security-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 14px 0 0;
  color: var(--oik-ink-500);
  font-size: .78rem;
}

.oik-form-security-note .oik-icon {
  margin-top: 2px;
  color: var(--oik-success);
}

.oik-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.oik-form-status {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  margin: 20px 0;
  padding: 17px;
  border-radius: 14px;
}

.oik-form-status .oik-icon {
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 50%;
}

.oik-form-status strong,
.oik-form-status span {
  display: block;
}

.oik-form-status span,
.oik-form-status li {
  font-size: .86rem;
}

.oik-form-status ul {
  margin: 7px 0 0;
  padding-left: 1.1rem;
}

.oik-form-status--success {
  border: 1px solid rgba(46,139,87,.25);
  background: #f1fbf5;
  color: #236a43;
}

.oik-form-status--success .oik-icon {
  background: rgba(46,139,87,.12);
}

.oik-form-status--error {
  border: 1px solid rgba(180,35,24,.25);
  background: #fff7f6;
  color: #8f1d15;
}

.oik-form-status--error .oik-icon {
  background: rgba(180,35,24,.1);
}

.oik-process-list {
  display: grid;
  gap: 18px;
  margin: 26px 0;
  padding: 0;
  list-style: none;
}

.oik-process-list li {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 14px;
  align-items: start;
}

.oik-process-list li > span,
.oik-horizontal-steps li > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--oik-rose-100);
  color: var(--oik-rose-700);
  font-weight: 800;
}

.oik-process-list strong {
  display: block;
  color: var(--oik-plum-900);
}

.oik-process-list p {
  margin: 3px 0 0;
  color: var(--oik-ink-700);
  font-size: .86rem;
}

.oik-info-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}

.oik-info-grid > article {
  min-width: 0;
  padding: 24px;
}

.oik-info-grid > article > .oik-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  padding: 11px;
  border-radius: 14px;
  background: var(--oik-rose-100);
  color: var(--oik-rose-700);
}

.oik-info-grid h3 {
  margin-bottom: 9px;
}

.oik-info-grid p {
  margin: 0;
  color: var(--oik-ink-700);
}

.oik-horizontal-steps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.oik-horizontal-steps li {
  min-height: 104px;
  display: flex;
  gap: 13px;
  align-items: center;
  padding: 20px;
  border: 1px solid var(--oik-line);
  border-radius: 16px;
  background: var(--oik-white);
}

.oik-faq-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}

@media (max-width: 980px) {
  .oik-contact-layout,
  .oik-registration-layout,
  .oik-trial-layout {
    grid-template-columns: 1fr;
  }
  .oik-contact-panel,
  .oik-process-panel {
    order: 2;
  }
  .oik-info-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 700px) {
  .oik-contact-panel,
  .oik-form-panel,
  .oik-process-panel {
    padding: 22px 18px;
  }
  .oik-form-grid,
  .oik-info-grid,
  .oik-horizontal-steps,
  .oik-faq-columns {
    grid-template-columns: 1fr;
  }
  .oik-field--wide {
    grid-column: auto;
  }
  .oik-horizontal-steps li {
    min-height: 82px;
  }
}

.oik-file-field input[type="file"] {
  max-width: 100%;
  overflow: hidden;
  font-size: .78rem;
}

.oik-file-field input[type="file"]::file-selector-button {
  max-width: 58%;
  margin-right: 10px;
  border: 1px solid var(--oik-line);
  border-radius: 9px;
  padding: 9px 10px;
  background: var(--oik-white);
  color: var(--oik-plum-900);
  font-weight: 750;
  white-space: normal;
}

/* v0.7.0 — Editorial and corporate templates */
.oik-section--tight { padding-block: clamp(28px, 4vw, 48px); }
.oik-editorial-hero .oik-inner-hero__lead,
.oik-about-hero .oik-inner-hero__lead { max-width: 660px; }

.oik-editorial-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1.4fr) repeat(3, minmax(150px, .72fr)) auto auto;
  gap: 12px;
  align-items: center;
  padding: 18px;
}
.oik-editorial-filters label { min-width: 0; }
.oik-editorial-filters select,
.oik-editorial-filters input {
  width: 100%;
  min-height: 48px;
  border: 1px solid var(--oik-line);
  border-radius: 12px;
  background: var(--oik-white);
  color: var(--oik-ink-900);
  font: inherit;
}
.oik-editorial-filters select { padding: 0 38px 0 14px; }
.oik-search-field { position: relative; display: block; }
.oik-search-field .oik-icon { position: absolute; z-index: 1; left: 15px; top: 50%; width: 20px; transform: translateY(-50%); color: var(--oik-rose-700); }
.oik-search-field input { padding: 0 42px 0 46px; }

.oik-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.oik-article-grid--featured { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.oik-article-card { min-width: 0; overflow: hidden; }
.oik-article-card__media { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: linear-gradient(135deg, var(--oik-rose-100), var(--oik-champagne-100)); }
.oik-article-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.oik-article-card:hover .oik-article-card__media img { transform: scale(1.035); }
.oik-article-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--oik-rose-700); }
.oik-article-card__placeholder .oik-icon { width: 62px; height: 62px; }
.oik-article-card__body { display: flex; min-height: 270px; flex-direction: column; padding: 22px; }
.oik-article-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; color: var(--oik-ink-500); font-size: .82rem; }
.oik-pill { min-height: 32px; display: inline-flex; align-items: center; width: max-content; max-width: 100%; padding: 6px 11px; border-radius: 999px; background: var(--oik-rose-100); color: var(--oik-rose-800); font-size: .78rem; font-weight: 800; text-decoration: none; }
.oik-article-card h2,
.oik-article-card h3 { margin: 0 0 11px; font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.18; }
.oik-article-card h2 a,
.oik-article-card h3 a { color: inherit; text-decoration: none; }
.oik-article-card p { margin: 0 0 20px; color: var(--oik-ink-700); }
.oik-article-card__footer { display: flex; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--oik-line); color: var(--oik-ink-500); font-size: .82rem; }

.oik-pagination { margin-top: 34px; }
.oik-pagination .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.oik-pagination a,
.oik-pagination span { min-width: 44px; min-height: 44px; display: inline-grid; place-items: center; padding: 8px 12px; border: 1px solid var(--oik-line); border-radius: 10px; background: var(--oik-white); color: var(--oik-plum-900); text-decoration: none; }
.oik-pagination .current { border-color: var(--oik-rose-700); background: var(--oik-rose-700); color: var(--oik-white); }

.oik-article-hero { padding: clamp(48px, 7vw, 88px) 0 44px; background: linear-gradient(115deg, var(--oik-blush-100), var(--oik-champagne-100)); }
.oik-article-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr); align-items: center; gap: clamp(38px, 6vw, 86px); margin-top: 32px; }
.oik-article-hero__content h1 { max-width: 820px; margin: 18px 0; font-size: clamp(2.5rem, 5.3vw, 5rem); }
.oik-article-hero__lead { max-width: 780px; color: var(--oik-ink-700); font-size: clamp(1.05rem, 1.8vw, 1.3rem); }
.oik-article-hero__media { min-height: 420px; overflow: hidden; border-radius: 34px; background: var(--oik-rose-100); box-shadow: 0 24px 70px rgba(76,30,65,.14); }
.oik-article-hero__media img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }
.oik-article-hero__media .oik-inner-hero__art { min-height: 420px; }
.oik-article-byline { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; }
.oik-article-author { display: flex; align-items: center; gap: 12px; }
.oik-article-author__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.oik-article-author strong,
.oik-article-author span { display: block; }
.oik-article-author span { color: var(--oik-ink-500); font-size: .88rem; }
.oik-article-dates { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 18px; color: var(--oik-ink-600); font-size: .88rem; }
.oik-article-dates span { min-height: 34px; display: inline-flex; align-items: center; gap: 7px; }
.oik-article-dates .oik-icon { width: 18px; }
.oik-verified-label { color: #267b50; font-weight: 750; }

.oik-article-tools { border-bottom: 1px solid var(--oik-line); background: var(--oik-white); }
.oik-article-tools__inner { min-height: 70px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.oik-article-tools a,
.oik-copy-link { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 13px; border: 1px solid var(--oik-line); border-radius: 10px; background: var(--oik-white); color: var(--oik-plum-900); font: inherit; text-decoration: none; cursor: pointer; }

.oik-article-layout { display: grid; grid-template-columns: minmax(240px, .36fr) minmax(0, 1fr); gap: clamp(38px, 6vw, 84px); align-items: start; }
.oik-article-sidebar { position: sticky; top: 24px; display: grid; gap: 18px; }
.oik-toc,
.oik-related-programs { padding: 24px; }
.oik-toc h2,
.oik-related-programs h2 { font-size: 1.35rem; }
.oik-toc ol { display: grid; gap: 8px; margin: 0; padding-left: 22px; }
.oik-toc li::marker { color: var(--oik-rose-700); font-weight: 700; }
.oik-toc a { min-height: 38px; display: inline-flex; align-items: center; color: var(--oik-ink-700); text-decoration: none; }
.oik-toc__level-3 { margin-left: 15px; font-size: .92rem; }
.oik-related-programs { display: grid; gap: 8px; }
.oik-related-programs a { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--oik-line); color: var(--oik-plum-900); text-decoration: none; }
.oik-related-programs .oik-icon { width: 18px; }
.oik-article-content { min-width: 0; font-size: 1.07rem; line-height: 1.8; }
.oik-article-content > :first-child { margin-top: 0; }
.oik-article-content h2 { margin: 2.3em 0 .7em; font-size: clamp(1.8rem, 3vw, 2.5rem); scroll-margin-top: 30px; }
.oik-article-content h3 { margin: 1.8em 0 .65em; font-size: clamp(1.45rem, 2.5vw, 1.9rem); scroll-margin-top: 30px; }
.oik-article-content img { max-width: 100%; height: auto; border-radius: 18px; }
.oik-article-content blockquote { margin: 30px 0; padding: 22px 28px; border-left: 4px solid var(--oik-rose-700); border-radius: 0 14px 14px 0; background: var(--oik-blush-50); color: var(--oik-plum-900); }
.oik-expert-note { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 18px; margin-top: 42px; padding: 24px; border: 1px solid var(--oik-line); border-radius: 18px; background: var(--oik-blush-50); }
.oik-expert-note > div:first-child { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--oik-rose-100); color: #267b50; }
.oik-expert-note p { margin: 4px 0 0; }
.oik-article-sources { margin-top: 44px; padding-top: 32px; border-top: 1px solid var(--oik-line); }
.oik-article-sources a { overflow-wrap: anywhere; }

.oik-about-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.oik-about-facts article { display: grid; grid-template-columns: 54px minmax(0, 1fr); align-items: center; gap: 4px 18px; padding: 24px; }
.oik-about-facts .oik-icon { width: 46px; height: 46px; grid-row: 1 / span 2; padding: 10px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-about-facts strong { font-family: var(--oik-font-display); color: var(--oik-plum-900); font-size: clamp(1.7rem, 3vw, 2.4rem); }
.oik-about-facts span { color: var(--oik-ink-600); }
.oik-corporate-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.oik-corporate-card { padding: 30px; }
.oik-corporate-card > .oik-icon { width: 54px; height: 54px; padding: 12px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-corporate-card h2 { margin: 20px 0 12px; }
.oik-corporate-card p { color: var(--oik-ink-700); }
.oik-corporate-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.oik-corporate-card li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 9px; align-items: start; }
.oik-corporate-card li .oik-icon { width: 20px; color: var(--oik-rose-700); }
.oik-timeline { position: relative; display: grid; gap: 24px; margin: 0; padding: 0 0 0 34px; list-style: none; }
.oik-timeline::before { content: ''; position: absolute; top: 12px; bottom: 12px; left: 10px; width: 2px; background: var(--oik-line); }
.oik-timeline__item { position: relative; }
.oik-timeline__marker { position: absolute; top: 26px; left: -31px; width: 16px; height: 16px; border: 4px solid var(--oik-blush-50); border-radius: 50%; background: var(--oik-rose-700); box-shadow: 0 0 0 1px var(--oik-rose-300); }
.oik-timeline__card { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 24px; align-items: center; padding: 22px; }
.oik-timeline__image { height: 120px; overflow: hidden; border-radius: 14px; background: var(--oik-rose-100); }
.oik-timeline__image img { width: 100%; height: 100%; object-fit: cover; }
.oik-timeline__card h3 { margin: 10px 0 6px; }
.oik-timeline__card p { margin: 0; color: var(--oik-ink-700); }
.oik-about-story { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 24px; }
.oik-document-cta { display: flex; flex-direction: column; align-items: flex-start; padding: 30px; background: var(--oik-blush-50); }
.oik-document-cta > .oik-icon { width: 54px; height: 54px; color: var(--oik-rose-700); }
.oik-document-cta .oik-button { margin-top: auto; }

@media (max-width: 1120px) {
  .oik-editorial-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-editorial-filters .oik-search-field { grid-column: 1 / -1; }
  .oik-article-grid--featured { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-article-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(320px, .7fr); }
}

@media (max-width: 860px) {
  .oik-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-article-hero__grid,
  .oik-article-layout,
  .oik-about-story { grid-template-columns: 1fr; }
  .oik-article-hero__media { min-height: 360px; }
  .oik-article-hero__media img,
  .oik-article-hero__media .oik-inner-hero__art { min-height: 360px; }
  .oik-article-sidebar { position: static; }
  .oik-corporate-grid { grid-template-columns: 1fr; }
  .oik-about-facts { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 620px) {
  .oik-editorial-filters { grid-template-columns: 1fr; padding: 14px; }
  .oik-editorial-filters .oik-search-field { grid-column: auto; }
  .oik-editorial-filters .oik-button { width: 100%; }
  .oik-article-grid,
  .oik-article-grid--featured { grid-template-columns: 1fr; }
  .oik-article-card__body { min-height: 0; }
  .oik-article-card__footer { align-items: flex-start; flex-direction: column; }
  .oik-article-hero { padding-top: 42px; }
  .oik-article-hero__content h1 { font-size: clamp(2.3rem, 12vw, 3.5rem); }
  .oik-article-byline { align-items: flex-start; flex-direction: column; }
  .oik-article-dates { justify-content: flex-start; }
  .oik-article-hero__media { min-height: 290px; border-radius: 24px; }
  .oik-article-hero__media img,
  .oik-article-hero__media .oik-inner-hero__art { min-height: 290px; }
  .oik-article-tools__inner { padding-block: 12px; }
  .oik-article-tools__inner > span { width: 100%; }
  .oik-article-tools a,
  .oik-copy-link { flex: 1 1 calc(50% - 8px); justify-content: center; }
  .oik-article-content { font-size: 1rem; }
  .oik-about-facts { grid-template-columns: 1fr; }
  .oik-timeline { padding-left: 28px; }
  .oik-timeline__card { grid-template-columns: 1fr; }
  .oik-timeline__image { height: 190px; }
}

/* v0.8.0 — Güven, belge doğrulama ve çocuk güvenliği */
.oik-review-date { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; color: var(--oik-ink-600); font-size: .92rem; }
.oik-review-date .oik-icon { width: 18px; }
.oik-feature-band__grid--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.oik-feature-band__grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.oik-trust-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .6fr); gap: 24px; align-items: stretch; }
.oik-trust-institution { padding: 30px; }
.oik-trust-score { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 30px; background: linear-gradient(145deg, var(--oik-blush-50), var(--oik-champagne-100)); }
.oik-trust-score strong { font-family: var(--oik-font-display); color: var(--oik-plum-900); font-size: clamp(3.4rem, 6vw, 5.4rem); line-height: .95; }
.oik-trust-score span { margin: 8px 0 24px; color: var(--oik-ink-700); }
.oik-trust-score .oik-button { margin-top: auto; }
.oik-trust-dl { display: grid; gap: 0; margin: 0; }
.oik-trust-dl > div { display: grid; grid-template-columns: minmax(170px, .45fr) minmax(0, 1fr); gap: 22px; padding: 14px 0; border-bottom: 1px solid var(--oik-line); }
.oik-trust-dl dt { color: var(--oik-ink-500); font-weight: 700; }
.oik-trust-dl dd { margin: 0; color: var(--oik-plum-900); font-weight: 650; }
.oik-empty-inline { display: flex; align-items: flex-start; gap: 16px; padding: 18px; border-radius: 16px; background: var(--oik-blush-50); color: var(--oik-ink-700); }
.oik-empty-inline .oik-icon { flex: 0 0 auto; width: 28px; color: var(--oik-rose-700); }
.oik-policy-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.oik-policy-card { display: flex; flex-direction: column; align-items: flex-start; padding: 24px; }
.oik-policy-card > .oik-icon { width: 44px; height: 44px; padding: 10px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-policy-card h2 { margin: 18px 0 10px; font-size: 1.3rem; }
.oik-policy-card p { color: var(--oik-ink-700); }
.oik-policy-card .oik-text-link { margin-top: auto; }

.oik-document-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.oik-document-grid--archive { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.oik-document-card { overflow: hidden; }
.oik-document-card__media { min-height: 210px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg, var(--oik-blush-50), var(--oik-champagne-100)); color: var(--oik-rose-700); text-decoration: none; }
.oik-document-card__media img { width: 100%; height: 230px; object-fit: cover; }
.oik-document-card__media--placeholder .oik-icon { width: 72px; height: 72px; opacity: .75; }
.oik-document-card__body { display: flex; flex-direction: column; min-height: 260px; padding: 22px; }
.oik-document-card__body h2,
.oik-document-card__body h3 { margin: 16px 0 9px; font-size: clamp(1.3rem, 2vw, 1.65rem); }
.oik-document-card__body h2 a,
.oik-document-card__body h3 a { color: var(--oik-plum-900); text-decoration: none; }
.oik-document-card__body p { color: var(--oik-ink-700); }
.oik-document-card__body .oik-text-link { margin-top: auto; }
.oik-document-card__badges { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.oik-status-badge { min-height: 32px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: .78rem; font-weight: 800; }
.oik-status-badge .oik-icon { width: 16px; height: 16px; }
.oik-status-badge--valid { background: #e9f7ef; color: #247247; }
.oik-status-badge--archive { background: #fff3df; color: #95620e; }
.oik-document-mini-meta { display: grid; gap: 8px; margin: 16px 0 20px; }
.oik-document-mini-meta > div { display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 12px; }
.oik-document-mini-meta dt { color: var(--oik-ink-500); font-size: .82rem; font-weight: 700; }
.oik-document-mini-meta dd { margin: 0; color: var(--oik-ink-700); }
.oik-document-filters { display: grid; grid-template-columns: minmax(170px, .7fr) minmax(170px, .7fr) minmax(240px, 1.3fr) auto auto; gap: 14px; align-items: end; padding: 20px; }
.oik-document-filters label { min-width: 0; }
.oik-document-filters label > span { display: block; margin-bottom: 7px; color: var(--oik-ink-600); font-size: .82rem; font-weight: 750; }
.oik-document-filters select,
.oik-document-filters input { width: 100%; min-height: 48px; border: 1px solid var(--oik-line); border-radius: 12px; background: var(--oik-white); color: var(--oik-ink-800); padding: 0 13px; font: inherit; }
.oik-results-bar { display: flex; justify-content: space-between; gap: 18px; align-items: center; margin: 24px 0; color: var(--oik-ink-700); }

.oik-document-detail-hero { padding-top: clamp(42px, 7vw, 82px); background: linear-gradient(120deg, var(--oik-blush-50), var(--oik-champagne-100)); }
.oik-document-detail-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr); gap: clamp(34px, 6vw, 78px); align-items: start; margin-top: 26px; }
.oik-document-detail-content h1 { margin: 18px 0; font-size: clamp(2.5rem, 5vw, 4.8rem); }
.oik-document-detail-meta { display: grid; gap: 0; margin: 30px 0; border-top: 1px solid var(--oik-line); }
.oik-document-detail-meta > div { display: grid; grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr); gap: 20px; padding: 14px 0; border-bottom: 1px solid var(--oik-line); }
.oik-document-detail-meta dt { color: var(--oik-ink-500); font-weight: 700; }
.oik-document-detail-meta dd { margin: 0; color: var(--oik-plum-900); font-weight: 650; }
.oik-document-public-content { margin-top: 26px; color: var(--oik-ink-700); line-height: 1.75; }
.oik-document-preview { padding: 20px; }
.oik-document-preview__image { overflow: hidden; border-radius: 16px; background: var(--oik-white); }
.oik-document-preview__image img { width: 100%; height: auto; display: block; }
.oik-document-preview__note { margin: 14px 2px 0; color: var(--oik-ink-500); font-size: .86rem; }
.oik-document-preview__placeholder { min-height: 420px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; text-align: center; border-radius: 16px; background: var(--oik-blush-50); color: var(--oik-ink-700); }
.oik-document-preview__placeholder .oik-icon { width: 74px; height: 74px; color: var(--oik-rose-700); }
.oik-document-verification { padding: 30px; }
.oik-document-verification__head { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.oik-document-verification__head > .oik-icon { width: 56px; height: 56px; padding: 12px; border-radius: 50%; background: #e9f7ef; color: #247247; }
.oik-document-verification__head > div { flex: 1; }
.oik-document-verification__head h2 { margin: 4px 0 0; }
.oik-verification-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 26px 0; }
.oik-verification-grid article { min-width: 0; padding: 18px; border: 1px solid var(--oik-line); border-radius: 14px; background: var(--oik-white); }
.oik-verification-grid strong,
.oik-verification-grid span { display: block; }
.oik-verification-grid strong { margin-bottom: 8px; color: var(--oik-ink-500); font-size: .82rem; }
.oik-verification-grid span { overflow-wrap: anywhere; color: var(--oik-plum-900); font-weight: 700; }
.oik-privacy-note,
.oik-legal-basis { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 26px; }
.oik-privacy-note > .oik-icon,
.oik-legal-basis > .oik-icon { width: 56px; height: 56px; padding: 12px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-privacy-note h2,
.oik-legal-basis h2 { margin: 0 0 7px; }
.oik-privacy-note p,
.oik-legal-basis p { margin: 0; color: var(--oik-ink-700); }

.oik-safety-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.oik-safety-card { padding: 28px; }
.oik-safety-card > .oik-icon { width: 52px; height: 52px; padding: 12px; border-radius: 50%; background: var(--oik-rose-100); color: var(--oik-rose-700); }
.oik-safety-card h2 { margin: 18px 0 12px; }
.oik-safety-card p { color: var(--oik-ink-700); }
.oik-media-permission-panel { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 32px; align-items: center; padding: 30px; }
.oik-media-permission-panel h2 { margin: 7px 0 12px; }
.oik-media-permission-panel p { color: var(--oik-ink-700); }
.oik-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.oik-permission-grid article { min-height: 72px; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--oik-line); border-radius: 14px; background: var(--oik-white); }
.oik-permission-grid .oik-icon { width: 24px; color: var(--oik-rose-700); }

@media (max-width: 1180px) {
  .oik-feature-band__grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .oik-policy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .oik-document-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-document-filters .oik-search-field { grid-column: 1 / -1; }
  .oik-document-grid,
  .oik-document-grid--archive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-verification-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .oik-trust-layout,
  .oik-document-detail-grid,
  .oik-media-permission-panel { grid-template-columns: 1fr; }
  .oik-policy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-feature-band__grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oik-safety-grid { grid-template-columns: 1fr; }
  .oik-document-preview__placeholder { min-height: 260px; }
  .oik-privacy-note,
  .oik-legal-basis { grid-template-columns: 54px minmax(0, 1fr); }
  .oik-privacy-note .oik-button,
  .oik-legal-basis .oik-button { grid-column: 2; justify-self: start; }
}

@media (max-width: 620px) {
  .oik-feature-band__grid--five,
  .oik-feature-band__grid--four,
  .oik-policy-grid,
  .oik-document-grid,
  .oik-document-grid--archive,
  .oik-permission-grid,
  .oik-verification-grid { grid-template-columns: 1fr; }
  .oik-trust-dl > div,
  .oik-document-detail-meta > div { grid-template-columns: 1fr; gap: 5px; }
  .oik-document-filters { grid-template-columns: 1fr; padding: 14px; }
  .oik-document-filters .oik-search-field { grid-column: auto; }
  .oik-document-filters .oik-button { width: 100%; }
  .oik-results-bar { align-items: flex-start; flex-direction: column; }
  .oik-document-card__media { min-height: 180px; }
  .oik-document-card__media img { height: 200px; }
  .oik-document-card__body { min-height: 0; }
  .oik-document-verification { padding: 20px; }
  .oik-document-verification__head { align-items: flex-start; flex-wrap: wrap; }
  .oik-document-verification__head > .oik-icon { width: 48px; height: 48px; }
  .oik-privacy-note,
  .oik-legal-basis { grid-template-columns: 1fr; }
  .oik-privacy-note .oik-button,
  .oik-legal-basis .oik-button { grid-column: auto; width: 100%; }
  .oik-media-permission-panel { padding: 20px; }
}

/* v0.9.0 — KVKK, çerez tercihleri, yasal sayfalar, site haritası, arama ve 404 */
.oik-legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.oik-legal-card{padding:30px}.oik-legal-card h2{margin:0 0 18px}.oik-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oik-mini-grid span{min-height:54px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--oik-line);border-radius:12px;background:var(--oik-blush-50)}.oik-mini-grid .oik-icon{width:22px;color:var(--oik-rose-700)}.oik-legal-prose{padding:clamp(24px,4vw,46px);font-size:1.02rem;line-height:1.75}.oik-legal-prose h2,.oik-legal-prose h3{margin-top:1.8em}.oik-data-request{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px}.oik-data-request>div{display:flex;gap:18px;align-items:flex-start}.oik-data-request>div>.oik-icon{width:48px;color:var(--oik-rose-700)}
.oik-cookie-center{max-width:980px;margin:auto;padding:18px}.oik-cookie-row{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px;border-bottom:1px solid var(--oik-line)}.oik-cookie-row:last-of-type{border-bottom:0}.oik-cookie-row>div{display:flex;align-items:flex-start;gap:16px;min-width:0}.oik-cookie-row .oik-icon{width:30px;flex:0 0 auto;color:var(--oik-rose-700)}.oik-cookie-row strong{display:block;color:var(--oik-plum-900);font-size:1.05rem}.oik-cookie-row p{margin:5px 0 0;color:var(--oik-ink-600)}.oik-switch{appearance:none;width:52px;height:30px;flex:0 0 auto;border:0;border-radius:999px;background:#d9d1d5;position:relative;cursor:pointer}.oik-switch::after{content:'';position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:.2s}.oik-switch:checked{background:var(--oik-rose-700)}.oik-switch:checked::after{transform:translateX(22px)}.oik-switch:focus-visible{outline:3px solid rgba(201,46,104,.25);outline-offset:3px}.oik-cookie-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;padding:20px 18px 8px}.oik-consent-status{min-height:24px;margin:6px 18px 8px;color:var(--oik-ink-600)}
.oik-legal-accordion{display:grid;gap:12px;max-width:1040px}.oik-legal-accordion details{padding:0;overflow:hidden}.oik-legal-accordion summary{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;cursor:pointer;color:var(--oik-plum-900);font-weight:750;list-style:none}.oik-legal-accordion summary::-webkit-details-marker{display:none}.oik-legal-accordion summary .oik-icon{width:20px;transition:transform .2s}.oik-legal-accordion details[open] summary .oik-icon{transform:rotate(90deg)}.oik-legal-accordion details>div{padding:0 20px 20px;color:var(--oik-ink-700);line-height:1.7}
.oik-sitemap-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:16px;margin-bottom:26px}.oik-sitemap-search input{width:100%;min-height:48px;border:1px solid var(--oik-line);border-radius:12px;padding:0 15px}.oik-sitemap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.oik-sitemap-card{padding:24px}.oik-sitemap-card h2{margin:0 0 14px}.oik-sitemap-card ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.oik-sitemap-card a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--oik-line);text-decoration:none;color:var(--oik-ink-700)}.oik-sitemap-card a:hover{color:var(--oik-rose-700)}.oik-sitemap-card .oik-icon{width:18px}
.oik-search-hero{padding-block:clamp(46px,7vw,86px);background:linear-gradient(120deg,var(--oik-blush-50),#fff)}.oik-search-hero .oik-container{max-width:1040px}.oik-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:760px;margin-top:24px}.oik-search-form input{min-height:52px;width:100%;border:1px solid var(--oik-line);border-radius:12px;padding:0 16px;background:#fff}.oik-search-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.oik-search-results{display:grid;gap:12px}.oik-search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:20px}.oik-search-result h2{font-size:1.25rem;margin:0 0 7px}.oik-search-result h2 a{text-decoration:none;color:var(--oik-plum-900)}.oik-search-result p{margin:0;color:var(--oik-ink-600);line-height:1.6}.oik-search-result__arrow{width:44px;height:44px;display:grid;place-items:center;color:var(--oik-rose-700)}.oik-search-result__arrow .oik-icon{width:20px}.oik-search-help{position:sticky;top:24px;padding:24px;display:grid;gap:4px}.oik-search-help h2{margin-top:0}.oik-search-help a{min-height:44px;display:flex;align-items:center;border-bottom:1px solid var(--oik-line);text-decoration:none;color:var(--oik-ink-700)}.oik-pagination{margin-top:24px}.oik-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:3px;border:1px solid var(--oik-line);border-radius:10px;text-decoration:none}.oik-pagination .current{background:var(--oik-rose-700);color:#fff}
.oik-error-page{padding-block:clamp(54px,9vw,110px);background:linear-gradient(120deg,#fff,var(--oik-blush-50))}.oik-error-page__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:46px;align-items:center}.oik-error-code{margin:0;font-family:var(--oik-font-display);font-size:clamp(6rem,15vw,12rem);line-height:.75;color:var(--oik-plum-900)}.oik-error-page h1{max-width:760px;margin:26px 0 12px}.oik-error-page p:not(.oik-error-code){max-width:680px;color:var(--oik-ink-600);font-size:1.08rem;line-height:1.7}.oik-error-art{min-height:320px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--oik-rose-100),var(--oik-blush-50) 68%,transparent 69%)}.oik-error-art .oik-icon{width:120px;color:var(--oik-rose-700)}.oik-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.oik-quick-grid a{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;color:var(--oik-plum-900);text-decoration:none}.oik-quick-grid .oik-icon{width:34px;color:var(--oik-rose-700)}.oik-search-form--center{margin:28px auto 0}
@media(max-width:900px){.oik-legal-grid,.oik-sitemap-grid{grid-template-columns:1fr 1fr}.oik-search-layout{grid-template-columns:1fr}.oik-search-help{position:static}.oik-error-page__grid{grid-template-columns:1fr}.oik-error-art{min-height:220px}.oik-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.oik-legal-grid,.oik-sitemap-grid{grid-template-columns:1fr}.oik-mini-grid{grid-template-columns:1fr}.oik-data-request{align-items:stretch;flex-direction:column}.oik-data-request .oik-button{width:100%}.oik-cookie-row{align-items:flex-start}.oik-cookie-actions{display:grid;grid-template-columns:1fr}.oik-cookie-actions .oik-button{width:100%}.oik-sitemap-search{grid-template-columns:1fr}.oik-sitemap-search .oik-button{width:100%}.oik-search-form{grid-template-columns:1fr}.oik-search-form .oik-button{width:100%}.oik-search-result{grid-template-columns:1fr auto}.oik-search-result>.oik-pill{grid-column:1/-1;width:max-content}.oik-error-code{font-size:6.5rem}.oik-error-page__grid{gap:24px}.oik-quick-grid{grid-template-columns:1fr 1fr}.oik-quick-grid a{min-height:108px}}
.oik-search-form--filters{grid-template-columns:minmax(0,1fr) 190px auto}.oik-search-form select{min-height:52px;border:1px solid var(--oik-line);border-radius:12px;padding:0 12px;background:#fff;color:var(--oik-ink-700)}@media(max-width:700px){.oik-search-form--filters{grid-template-columns:1fr}.oik-search-form select{width:100%}}