/*
Theme Name: Kara Sanat
Theme URI: https://ta-karasanat.com/
Author: Tamin Alloy Kara Sanat
Author URI: https://ta-karasanat.com/
Description: قالب اختصاصی، سبک و راست‌چین شرکت تأمین آلیاژ کارا صنعت.
Version: 0.3.34
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: kara-sanat
*/

/* Local variable font: Persian/Arabic and basic Latin subsets only. */
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("assets/fonts/vazirmatn-arabic-wght-normal.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("assets/fonts/vazirmatn-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  /* Official Kara Sanat brand palette */
  --kara-primary: #012169;
  --kara-teal: #15A1B2;
  --kara-warm-light: #DAC2B6;
  --kara-warm: #C69F8B;
  --kara-white: #FFFFFF;
  --kara-logo-ink: #2C374A;

  /* Functional tones derived from the brand palette for accessible UI states. */
  --kara-navy: var(--kara-primary);
  --kara-navy-2: #00194F;
  --kara-blue: #173D84;
  --kara-copper: var(--kara-warm);
  --kara-copper-dark: #8A6756;
  --kara-ink: #17212B;
  --kara-muted: #5E6977;
  --kara-line: #E0E5EA;
  --kara-soft: #F7F8FA;
  --kara-success: #1E7251;
  --kara-radius-sm: 10px;
  --kara-radius: 18px;
  --kara-radius-lg: 28px;
  --kara-shadow: 0 18px 60px rgba(1, 33, 105, .09);
  --kara-container: 1180px;
  --kara-font: "Vazirmatn", Tahoma, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  color: var(--kara-ink);
  background: var(--kara-white);
  font-family: var(--kara-font);
  font-size: 16px;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}
body.nav-open { overflow: hidden; }
img { max-width: 100%; height: auto; }
a { color: var(--kara-blue); text-decoration: none; }
a:hover { color: var(--kara-copper-dark); }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.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;
}
.screen-reader-text:focus {
  z-index: 100000; top: 8px; right: 8px; width: auto; height: auto;
  padding: 12px 16px; clip: auto; background: #fff; color: #111;
}
.kara-container { width: min(calc(100% - 32px), var(--kara-container)); margin-inline: auto; }
.kara-main { min-height: 55vh; }

.kara-topbar { background: #00163F; color: #d8e2ea; font-size: .84rem; }
.kara-topbar__inner { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.kara-topbar a { color: #fff; }
.kara-topbar__meta { display: flex; gap: 22px; align-items: center; }
.kara-topbar__note { color: #aebdca; }

.kara-header {
  position: sticky; top: 0; z-index: 1000;
  background: #fff; border-bottom: 1px solid rgba(224,229,234,.9);
}
.admin-bar .kara-header { top: 32px; }
.kara-header__inner { min-height: 82px; display: flex; align-items: center; gap: 28px; }
.kara-brand { display: flex; align-items: center; gap: 11px; color: var(--kara-logo-ink); flex: 0 0 auto; }
.kara-brand:hover { color: var(--kara-logo-ink); }
.kara-brand .custom-logo-link { display: flex; align-items: center; }
.kara-brand .custom-logo { width: auto; max-width: 225px; max-height: 58px; object-fit: contain; }
.kara-brand__logo-image { width: 100%; height: 100%; display: block; object-fit: contain; }
.kara-brand__link { display: flex; align-items: center; gap: 11px; color: inherit; }
.kara-brand__mark {
  width: 48px; height: 57px; display: grid; place-items: center; flex: 0 0 auto;
}
.kara-brand__mark img { width: 100%; height: 100%; display: block; object-fit: contain; }
.kara-brand__wordmark { padding-right: 11px; border-right: 1px solid rgba(1,33,105,.16); }
.kara-brand__name { display: block; font-size: .98rem; font-weight: 900; line-height: 1.45; color: var(--kara-logo-ink); }
.kara-brand__sub { display: block; margin-top: 2px; color: var(--kara-muted); font-size: .7rem; }
.kara-nav { margin-right: auto; }
.kara-nav ul { display: flex; align-items: center; gap: 5px; list-style: none; margin: 0; padding: 0; }
.kara-nav li { position: relative; }
.kara-nav a { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; color: var(--kara-ink); font-size: .92rem; font-weight: 700; border-radius: 9px; white-space: nowrap; }
.kara-nav a:hover, .kara-nav .current-menu-item > a, .kara-nav .current_page_item > a { color: var(--kara-blue); background: var(--kara-soft); }
.kara-nav .sub-menu {
  position: absolute; z-index: 30; top: calc(100% + 2px); right: 0; width: 230px; display: none;
  padding: 9px; background: #fff; border: 1px solid var(--kara-line); border-radius: 14px;
  box-shadow: var(--kara-shadow);
}
.kara-nav li:hover > .sub-menu, .kara-nav li:focus-within > .sub-menu, .kara-nav li.submenu-hover-open > .sub-menu { display: block; }
.kara-nav .sub-menu a { min-height: 40px; }
.kara-header__cta { white-space: nowrap; }
.kara-menu-toggle {
  display: none; width: 46px; height: 46px; margin-right: auto; border: 1px solid var(--kara-line);
  border-radius: 12px; background: #fff; color: var(--kara-navy); cursor: pointer;
}
.kara-menu-toggle span, .kara-menu-toggle::before, .kara-menu-toggle::after {
  content: ""; display: block; width: 21px; height: 2px; margin: 5px auto; background: currentColor; transition: .2s ease;
}
.kara-menu-toggle[aria-expanded="true"] span { opacity: 0; }
.kara-menu-toggle[aria-expanded="true"]::before { transform: translateY(7px) rotate(45deg); }
.kara-menu-toggle[aria-expanded="true"]::after { transform: translateY(-7px) rotate(-45deg); }
.kara-nav__mobile-actions { display: none; }
.kara-nav-backdrop { display: none; }

.kara-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px;
  padding: 11px 20px; border: 1px solid transparent; border-radius: 12px;
  font-weight: 850; font-size: .92rem; line-height: 1.4; cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.kara-button:hover { transform: translateY(-2px); }
/* Primary CTA: keep contrast explicit even inside nav/anchor contexts. */
.kara-button.kara-button--primary { color: #fff; background: var(--kara-navy); box-shadow: 0 10px 25px rgba(1,33,105,.20); }
.kara-button.kara-button--primary:hover,
.kara-button.kara-button--primary:focus-visible { color: #fff; background: var(--kara-navy-2); }
.kara-button--accent { color: var(--kara-primary); background: #fff; border-color: #fff; box-shadow: none; }
.kara-button--accent:hover { color: var(--kara-primary); background: #F7F4F2; border-color: #F7F4F2; }
.kara-button:focus-visible { outline: 3px solid var(--kara-warm-light); outline-offset: 3px; }
.kara-button--dark { color: #fff; background: var(--kara-blue); }
.kara-button--dark:hover { color: #fff; background: var(--kara-navy); }
.kara-button--ghost { color: var(--kara-navy); background: #fff; border-color: var(--kara-line); }
.kara-button--ghost:hover { color: var(--kara-blue); border-color: #AEB9C7; }

.kara-hero {
  position: relative; overflow: hidden; color: #fff;
  background: var(--kara-primary);
}
.kara-hero::after {
  content: none;
}
.kara-hero__inner { position: relative; z-index: 1; min-height: 560px; display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: 70px; padding-block: 76px; }
.kara-eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #c8d9e5; font-size: .84rem; font-weight: 750; }
.kara-eyebrow::before { content: ""; width: 28px; height: 3px; border-radius: 9px; background: var(--kara-copper); }
.kara-hero h1 { max-width: 780px; margin: 18px 0 8px; color: #fff; font-size: clamp(2.15rem, 4.4vw, 4.2rem); line-height: 1.35; letter-spacing: -.035em; }
.kara-hero__name-en { display: block; margin-bottom: 18px; color: rgba(255,255,255,.58); font-size: .78rem; font-weight: 650; letter-spacing: .045em; }
.kara-hero__lead { max-width: 700px; margin: 0; color: #d0dce5; font-size: clamp(1rem, 1.4vw, 1.17rem); line-height: 2; }
.kara-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.kara-hero__actions .kara-button--ghost { color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.22); }
.kara-hero__actions .kara-button--ghost:hover { background: rgba(255,255,255,.12); }
.kara-hero__panel { padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: var(--kara-radius-lg); background: rgba(255,255,255,.075); box-shadow: 0 28px 90px rgba(0,0,0,.22); backdrop-filter: blur(12px); }
.kara-hero__panel-title { margin: 0 0 18px; color: #fff; font-size: 1rem; }
.kara-quick-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.kara-quick-list a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; color: #eff6fa; border-radius: 12px; background: rgba(255,255,255,.07); }
.kara-quick-list a:hover { color: #fff; background: rgba(255,255,255,.13); }
.kara-quick-list a::after { content: "←"; color: var(--kara-copper); font-size: 1.15rem; }

.kara-trust { position: relative; z-index: 3; margin-top: -25px; }
.kara-trust__inner { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; background: #fff; border: 1px solid var(--kara-line); border-radius: 18px; box-shadow: var(--kara-shadow); }
.kara-trust__item { padding: 22px 24px; border-left: 1px solid var(--kara-line); }
.kara-trust__item:last-child { border-left: 0; }
.kara-trust__item strong { display: block; color: var(--kara-navy); font-size: .96rem; }
.kara-trust__item span { display: block; margin-top: 3px; color: var(--kara-muted); font-size: .8rem; }

.kara-section { padding-block: 92px; }
.kara-section--soft { background: var(--kara-soft); }
.kara-section--dark { color: #fff; background: var(--kara-navy); }
.kara-section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 34px; }
.kara-section-head__text { max-width: 720px; }
.kara-kicker { margin: 0 0 8px; color: var(--kara-copper-dark); font-size: .8rem; font-weight: 900; letter-spacing: .02em; }
.kara-section h2 { margin: 0; color: var(--kara-navy); font-size: clamp(1.65rem, 3vw, 2.6rem); line-height: 1.45; letter-spacing: -.025em; }
.kara-section--dark h2 { color: #fff; }
.kara-section-head p { margin: 9px 0 0; color: var(--kara-muted); }

.kara-grid { display: grid; gap: 22px; }
.kara-grid--3 { grid-template-columns: repeat(3, 1fr); }
.kara-grid--4 { grid-template-columns: repeat(4, 1fr); }
.kara-card { position: relative; overflow: hidden; background: #fff; border: 1px solid var(--kara-line); border-radius: var(--kara-radius); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.kara-card:hover { transform: translateY(-5px); border-color: #bdcbd6; box-shadow: var(--kara-shadow); }
.kara-card__body { padding: 25px; }
.kara-card__icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 14px; color: var(--kara-blue); background: #F4EEEA; font-size: 1.3rem; font-weight: 900; }
.kara-card h3 { margin: 0 0 10px; color: var(--kara-navy); font-size: 1.12rem; line-height: 1.6; }
.kara-card p { margin: 0; color: var(--kara-muted); font-size: .9rem; }
.kara-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; font-size: .86rem; font-weight: 850; }
.kara-card__link::after { content: "←"; }

.kara-product-card { min-height: 310px; display: flex; flex-direction: column; }
.kara-product-card::before { content: ""; height: 4px; background: var(--kara-warm); }
.kara-product-card .kara-card__body { flex: 1; display: flex; flex-direction: column; }
.kara-product-card .kara-card__link { margin-top: auto; padding-top: 22px; }
.kara-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 15px 0 0; padding: 0; list-style: none; }
.kara-tags li { padding: 5px 9px; border-radius: 8px; color: #526574; background: #f0f4f6; font-size: .73rem; }

.kara-value { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.kara-value__box { position: relative; min-height: 420px; padding: 42px; overflow: hidden; border-radius: var(--kara-radius-lg); color: #fff; background: var(--kara-primary); }
.kara-value__box::after { content: "KS"; position: absolute; bottom: -70px; left: 20px; color: rgba(255,255,255,.07); font-size: 13rem; font-weight: 900; line-height: 1; }
.kara-value__box h3 { position: relative; z-index: 1; margin: 0 0 14px; color: #fff; font-size: 1.7rem; }
.kara-value__box p { position: relative; z-index: 1; margin: 0; color: #d9e5ed; }
.kara-value__stats { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 34px; }
.kara-value__stat { padding: 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 13px; background: rgba(255,255,255,.07); }
.kara-value__stat strong { display: block; font-size: 1.05rem; }
.kara-value__stat span { color: #c7d7e2; font-size: .76rem; }
.kara-checks { display: grid; gap: 18px; margin: 28px 0 0; padding: 0; list-style: none; }
.kara-checks li { position: relative; padding-right: 34px; }
.kara-checks li::before { content: "✓"; position: absolute; right: 0; top: 1px; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: var(--kara-success); background: #e2f2eb; font-size: .78rem; font-weight: 900; }
.kara-checks strong { display: block; color: var(--kara-navy); }
.kara-checks span { color: var(--kara-muted); font-size: .87rem; }

.kara-post-card { min-height: 100%; display: flex; flex-direction: column; }
.kara-post-card__image { display: block; aspect-ratio: 16 / 9; flex: 0 0 auto; overflow: hidden; background: #dfe7ec; }
.kara-post-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; }
.kara-card:hover .kara-post-card__image img { transform: scale(1.035); }
.kara-post-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #7890a2; background: #EEF3F6; font-weight: 900; }
.kara-post-card .kara-card__body { flex: 1; display: flex; flex-direction: column; padding: 22px; }
.kara-post-card__meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 9px; color: var(--kara-muted); font-size: .75rem; }
.kara-post-card h3 { min-height: 3.25em; margin-bottom: 9px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.kara-post-card h3 a { color: inherit; }
.kara-post-card h3 a:hover { color: var(--kara-blue); }
.kara-post-card p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.kara-post-card .kara-card__link { margin-top: auto; padding-top: 17px; }

.kara-cta { padding-block: 0 92px; }
.kara-cta__inner {
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1fr) auto;
  align-items: center; gap: 56px; padding: 38px 42px; border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--kara-radius); color: #fff; background: var(--kara-primary);
}
.kara-cta__inner::after { content: none; }
.kara-cta__text { position: relative; z-index: 1; max-width: 760px; }
.kara-cta__eyebrow { display: block; margin: 0 0 8px; color: var(--kara-warm-light); font-size: .78rem; font-weight: 900; }
.kara-cta h2 { margin: 0; color: #fff; font-size: clamp(1.55rem,2.4vw,2.15rem); line-height: 1.58; letter-spacing: -.02em; }
.kara-cta p { max-width: 700px; margin: 8px 0 0; color: #dce6ed; line-height: 1.95; }
.kara-cta__actions { position: relative; z-index: 1; min-width: 188px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.kara-cta__actions .kara-button { min-width: 188px; }
.kara-cta__actions .kara-button--ghost { color: #fff; background: transparent; border-color: rgba(255,255,255,.55); }
.kara-cta__actions .kara-button--ghost:hover { color: var(--kara-primary); background: #fff; border-color: #fff; }

.kara-page-hero { padding-block: 66px; color: #fff; background: var(--kara-primary); }
.kara-page-hero h1 { margin: 0; color: #fff; font-size: clamp(2rem,4vw,3.4rem); line-height: 1.4; }
.kara-breadcrumbs { margin-bottom: 13px; color: #b9cad7; font-size: .8rem; }
.kara-breadcrumbs a { color: #e8f1f6; }
.kara-breadcrumbs .rank-math-breadcrumb,
.kara-breadcrumbs .rank-math-breadcrumb p { margin: 0; color: inherit; font: inherit; }
.kara-content-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; padding-block: 64px 90px; }
.kara-content-layout--single { max-width: 920px; display: block; }
.kara-entry { min-width: 0; }
.kara-entry__meta { display: flex; flex-wrap: wrap; gap: 14px; margin: 0 0 22px; color: var(--kara-muted); font-size: .82rem; }
.kara-entry__thumb {
  width: 100%;
  max-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px;
  overflow: hidden;
  border: 1px solid var(--kara-line);
  border-radius: var(--kara-radius);
  background: var(--kara-soft);
}
.kara-entry__thumb img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: contain;
  object-position: center;
}
.kara-entry__content { font-size: 1.02rem; }
.kara-entry__content > * { max-width: 100%; }
.kara-entry__content h2, .kara-entry__content h3, .kara-entry__content h4 { margin-top: 2em; color: var(--kara-navy); line-height: 1.55; }
.kara-entry__content p { margin-block: 0 1.35em; }
.kara-entry__content table { width: 100%; border-collapse: collapse; margin-block: 24px; font-size: .9rem; }
.kara-entry__content th, .kara-entry__content td { padding: 12px 14px; border: 1px solid var(--kara-line); text-align: right; }
.kara-entry__content th { background: var(--kara-soft); color: var(--kara-navy); }
.kara-entry__content blockquote { margin: 28px 0; padding: 20px 24px; border-right: 4px solid var(--kara-copper); background: #f8fafb; }
.kara-entry__content .alignwide { margin-inline: max(-80px, calc((100% - 1080px) / 2)); }
.kara-sidebar { padding: 24px; align-self: start; border: 1px solid var(--kara-line); border-radius: var(--kara-radius); background: var(--kara-soft); }
.kara-sidebar h2 { margin: 0 0 15px; color: var(--kara-navy); font-size: 1.1rem; }
.kara-sidebar ul { margin: 0; padding: 0; list-style: none; }
.kara-sidebar li + li { border-top: 1px solid var(--kara-line); }
.kara-sidebar a { display: block; padding: 10px 0; color: var(--kara-ink); font-size: .88rem; }

/* Product catalog and single-product experience. */
.kara-product-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 999px;
  color: #52606c;
  background: #edf1f4;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.4;
}
.kara-product-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.kara-product-status--in_stock { color: #196c4a; background: #e3f4eb; }
.kara-product-status--preorder { color: #8a561e; background: #fff1df; }
.kara-product-status--out_of_stock { color: #a13d3d; background: #fbe8e8; }

.kara-product-hero {
  padding-block: 28px 76px;
  color: #fff;
  background: var(--kara-primary);
}
.kara-product-hero .kara-breadcrumbs { margin-bottom: 26px; }
.kara-product-hero__grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); gap: 62px; align-items: center; }
.kara-product-hero__media {
  min-width: 0;
  min-height: 440px;
  max-height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--kara-radius-lg);
  background: #fff;
  box-shadow: 0 28px 80px rgba(0,0,0,.23);
}
.kara-product-hero__media img { display: block; width: 100%; height: 100%; max-height: 560px; object-fit: contain; object-position: center; }
.kara-product-hero__placeholder { width: 100%; min-height: 440px; display: grid; place-items: center; color: #8ca1af; background: #EEF3F6; }
.kara-product-hero__placeholder span { width: 92px; height: 92px; display: grid; place-items: center; border: 1px solid #c8d5dd; border-radius: 24px; font-size: 1.8rem; font-weight: 900; }
.kara-product-hero__eyebrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.kara-product-hero__eyebrow > a,
.kara-product-hero__eyebrow > span:not(.kara-product-status) { color: #bcd0dd; font-size: .82rem; font-weight: 800; }
.kara-product-hero__content h1 { margin: 14px 0 8px; color: #fff; font-size: clamp(2rem,4vw,3.65rem); line-height: 1.35; letter-spacing: -.035em; }
.kara-product-hero__code { margin: 0 0 18px; color: #aebfcb; font-size: .82rem; }
.kara-product-hero__lead { max-width: 700px; margin: 0; color: #d2dfe7; font-size: 1rem; line-height: 2; }
.kara-product-hero__facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 26px 0 0; }
.kara-product-hero__facts div { min-width: 0; padding: 12px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 12px; background: rgba(255,255,255,.06); }
.kara-product-hero__facts dt { color: #aebfcb; font-size: .7rem; }
.kara-product-hero__facts dd { margin: 3px 0 0; overflow-wrap: anywhere; color: #fff; font-size: .86rem; font-weight: 800; }
.kara-product-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.kara-product-hero__actions .kara-button--ghost { color: #fff; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.07); }
.kara-product-hero__actions .kara-button--ghost:hover { background: rgba(255,255,255,.13); }
.kara-product-hero__note { margin: 12px 0 0; color: #9fb2bf; font-size: .75rem; }

.kara-product-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 48px; padding-block: 72px 92px; }
.kara-product-body { min-width: 0; }
.kara-product-content-section,
.kara-product-body > .kara-product-section { margin: 0 0 54px; }
.kara-product-content-section > h2,
.kara-product-body > .kara-product-section > h2 { margin: 0 0 20px; color: var(--kara-navy); font-size: clamp(1.45rem,2.6vw,2rem); line-height: 1.5; }
.kara-product-content-section > h2::after,
.kara-product-body > .kara-product-section > h2::after { content: ""; display: block; width: 42px; height: 3px; margin-top: 10px; border-radius: 9px; background: var(--kara-copper); }
.kara-product-body .kara-product-specs { margin: 0; overflow: hidden; border: 1px solid var(--kara-line); border-radius: 14px; }
.kara-product-body .kara-product-specs table { margin: 0; border: 0; }
.kara-product-body .kara-product-specs th,
.kara-product-body .kara-product-specs td { padding: 13px 16px; border-width: 0 0 1px; }
.kara-product-body .kara-product-specs tr:last-child th,
.kara-product-body .kara-product-specs tr:last-child td { border-bottom: 0; }
.kara-product-body .kara-product-specs th { width: 34%; color: var(--kara-navy); background: var(--kara-soft); }
.kara-product-body .kara-product-gallery__grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.kara-product-body .kara-product-gallery__grid a { border: 1px solid var(--kara-line); border-radius: 13px; background: var(--kara-soft); }
.kara-product-body .kara-product-gallery__grid img { transition: transform .25s ease; }
.kara-product-body .kara-product-gallery__grid a:hover img { transform: scale(1.025); }
.kara-product-body .kara-product-files ul { gap: 10px; }
.kara-product-body .kara-product-files a { position: relative; padding: 14px 46px 14px 16px; color: var(--kara-ink); border-color: var(--kara-line); background: #fff; }
.kara-product-body .kara-product-files a::before { content: "↓"; position: absolute; right: 14px; top: 50%; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; color: var(--kara-blue); background: #F4EEEA; transform: translateY(-50%); }
.kara-product-body .kara-product-files a:hover { color: var(--kara-blue); border-color: #a9bdca; background: #f9fbfc; }

.kara-product-aside { min-width: 0; align-self: start; position: sticky; top: 116px; display: grid; gap: 16px; }
.kara-product-aside__box,
.kara-product-aside__cta { padding: 24px; border: 1px solid var(--kara-line); border-radius: var(--kara-radius); background: #fff; }
.kara-product-aside__box h2 { margin: 0 0 14px; color: var(--kara-navy); font-size: 1.05rem; }
.kara-product-aside__box dl { margin: 0; }
.kara-product-aside__box dl div { padding: 11px 0; border-top: 1px solid var(--kara-line); }
.kara-product-aside__box dt { color: var(--kara-muted); font-size: .72rem; }
.kara-product-aside__box dd { margin: 3px 0 0; overflow-wrap: anywhere; color: var(--kara-ink); font-size: .83rem; font-weight: 750; }
.kara-product-aside__cta { color: #fff; border-color: transparent; background: var(--kara-primary); }
.kara-product-aside__cta strong { display: block; font-size: 1rem; }
.kara-product-aside__cta p { margin: 8px 0 18px; color: #d6e2e9; font-size: .8rem; }
.kara-product-aside__cta .kara-button { width: 100%; }

.kara-product-archive-hero { padding-block: 58px; color: #fff; background: var(--kara-primary); }
.kara-product-archive-hero .kara-kicker { margin-top: 15px; color: var(--kara-warm-light); }
.kara-product-archive-hero h1 { margin: 0; color: #fff; font-size: clamp(2rem,4vw,3.35rem); line-height: 1.4; }
.kara-product-archive-hero__description { max-width: 760px; margin-top: 10px; color: #cad8e1; }
.kara-product-archive-hero__description p { margin: 0; }
.kara-product-archive { padding-block: 38px 92px; background: #f7f9fa; }
.kara-product-filters { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 32px; }
.kara-product-filters a { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 14px; color: var(--kara-ink); border: 1px solid var(--kara-line); border-radius: 999px; background: #fff; font-size: .82rem; font-weight: 750; }
.kara-product-filters a span { min-width: 22px; height: 22px; display: grid; place-items: center; padding-inline: 5px; border-radius: 999px; color: var(--kara-muted); background: var(--kara-soft); font-size: .68rem; }
.kara-product-filters a:hover,
.kara-product-filters a.is-active { color: #fff; border-color: var(--kara-blue); background: var(--kara-blue); }
.kara-product-filters a.is-active span { color: var(--kara-navy); background: #fff; }

.kara-catalog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.kara-catalog-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }
.kara-catalog-card { min-width: 0; min-height: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--kara-line); border-radius: var(--kara-radius); background: #fff; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.kara-catalog-card:hover { transform: translateY(-4px); border-color: #b9c9d4; box-shadow: var(--kara-shadow); }
.kara-catalog-card__media { aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid var(--kara-line); background: #edf2f5; }
.kara-catalog-card__media img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform .3s ease; }
.kara-catalog-card:hover .kara-catalog-card__media img { transform: scale(1.025); }
.kara-catalog-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #8094a2; background: #EEF3F6; }
.kara-catalog-card__placeholder span { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid #bfccd5; border-radius: 17px; font-weight: 900; }
.kara-catalog-card__body { flex: 1; display: flex; flex-direction: column; padding: 20px; }
.kara-catalog-card__topline { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.kara-catalog-card__category { color: var(--kara-copper-dark); font-size: .75rem; font-weight: 850; }
.kara-catalog-card__title { min-height: 3.2em; margin: 10px 0 8px; color: var(--kara-navy); font-size: 1.1rem; line-height: 1.6; }
.kara-catalog-card__title a { color: inherit; }
.kara-catalog-card__title a:hover { color: var(--kara-blue); }
.kara-catalog-card__body > p { min-height: 5.1em; margin: 0 0 15px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: var(--kara-muted); font-size: .82rem; }
.kara-catalog-card__facts { display: grid; gap: 7px; margin: auto 0 0; padding: 13px 0 0; border-top: 1px solid var(--kara-line); list-style: none; }
.kara-catalog-card__facts li { display: flex; align-items: start; justify-content: space-between; gap: 14px; font-size: .74rem; }
.kara-catalog-card__facts span { flex: 0 0 auto; color: var(--kara-muted); }
.kara-catalog-card__facts strong { overflow-wrap: anywhere; color: var(--kara-ink); text-align: left; }
.kara-catalog-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: 17px; color: var(--kara-blue); font-size: .82rem; font-weight: 850; }
.kara-catalog-card__link::after { content: "←"; }
.kara-product-related { padding-block: 76px; }

.kara-archive { padding-block: 62px 90px; }
.kara-pagination { margin-top: 40px; }
.kara-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.kara-pagination .page-numbers { min-width: 42px; height: 42px; display: grid; place-items: center; padding: 0 10px; border: 1px solid var(--kara-line); border-radius: 10px; color: var(--kara-navy); background: #fff; }
.kara-pagination .current, .kara-pagination a:hover { color: #fff; border-color: var(--kara-blue); background: var(--kara-blue); }
.kara-empty { padding: 55px; border: 1px dashed #b8c6d1; border-radius: var(--kara-radius); text-align: center; background: var(--kara-soft); }
.kara-search-form { display: flex; gap: 8px; }
.kara-search-form input { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--kara-line); border-radius: 11px; }
.kara-search-form input:focus { outline: 3px solid rgba(1,33,105,.18); border-color: var(--kara-blue); }


.kara-footer {
  position: relative;
  color: var(--kara-muted);
  background: var(--kara-white);
  border-top: 1px solid rgba(218,194,182,.78);
}
.kara-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--kara-warm);
}
.kara-footer__main {
  display: grid;
  grid-template-columns: 1.25fr .78fr .82fr 1.08fr;
  gap: 38px;
  padding-block: 46px 42px;
}
.kara-footer h2,
.kara-footer h3 {
  margin: 0 0 14px;
  color: var(--kara-primary);
  font-size: .98rem;
  line-height: 1.6;
}
.kara-footer h3::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  margin-top: 8px;
  background: var(--kara-warm);
}
.kara-footer p { margin: 0; color: var(--kara-muted); font-size: .84rem; line-height: 1.95; }
.kara-footer ul { margin: 0; padding: 0; list-style: none; }
.kara-footer li { color: var(--kara-muted); font-size: .84rem; line-height: 1.85; }
.kara-footer li + li { margin-top: 7px; }
.kara-footer a { color: var(--kara-logo-ink); font-size: .84rem; }
.kara-footer a:hover { color: var(--kara-primary); }
.kara-footer__brand {
  max-width: 390px;
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.kara-footer__brandmark {
  width: 70px;
  flex: 0 0 70px;
  display: block;
  margin: 0;
}
.kara-footer__brandmark img {
  display: block;
  width: 100%;
  height: auto;
}
.kara-footer__brandcopy { min-width: 0; padding-top: 3px; }
.kara-footer__brand h2 { margin-bottom: 7px; }
.kara-footer__bottom {
  padding-block: 16px;
  color: rgba(255,255,255,.88);
  background: var(--kara-primary);
  border-top: 0;
  font-size: .76rem;
}
.kara-footer__bottom-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }

.comment-list { padding: 0; list-style: none; }
.comment-body { margin-bottom: 18px; padding: 22px; border: 1px solid var(--kara-line); border-radius: 14px; }
.comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--kara-line); border-radius: 10px; }
.comment-form .submit { min-height: 46px; padding: 10px 18px; color: #fff; border: 0; border-radius: 10px; background: var(--kara-blue); cursor: pointer; }

/* 0.3.3 — switch to the drawer before desktop navigation becomes cramped.
   This also handles browser zoom / smaller laptops without wrapping Persian labels. */
@media (max-width: 1280px) and (min-width: 1025px) {
  .kara-header__inner { position: relative; gap: 16px; }
  .kara-brand { position: relative; z-index: 1002; min-width: 0; }
  .kara-brand__sub { display: none; }
  .kara-brand__wordmark { min-width: 165px; }
  .kara-header__cta { display: none; }
  .kara-menu-toggle { display: block; position: relative; z-index: 1003; flex: 0 0 46px; }
  .kara-search-toggle { display: none; }
  .kara-header-search { display: none !important; }
  .kara-nav {
    position: fixed; z-index: 1001;
    top: var(--kara-mobile-nav-top, 82px); right: 0; bottom: 0;
    width: min(88vw, 380px);
    height: calc(100vh - var(--kara-mobile-nav-top, 82px));
    height: calc(100dvh - var(--kara-mobile-nav-top, 82px));
    margin: 0; padding: 14px 16px calc(22px + env(safe-area-inset-bottom));
    overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
    background: #fff; border-left: 1px solid var(--kara-line);
    box-shadow: -18px 22px 48px rgba(15,23,42,.16);
    transform: translate3d(104%,0,0); visibility: hidden; pointer-events: none;
    transition: transform .24s ease, visibility 0s linear .24s;
  }
  .kara-nav.is-open { transform: translate3d(0,0,0); visibility: visible; pointer-events: auto; transition: transform .24s ease, visibility 0s linear 0s; }
  .kara-nav > ul, .kara-nav .menu { display: block; width: 100%; }
  .kara-nav li { width: 100%; border-bottom: 1px solid #EEF1F4; }
  .kara-nav li:last-child { border-bottom: 0; }
  .kara-nav a { justify-content: space-between; width: 100%; min-height: 50px; padding: 10px 8px; border-radius: 8px; font-size: .96rem; white-space: normal; }
  .kara-nav .kara-menu-home { display: list-item !important; }
  .kara-nav__mobile-search { display: block; margin-bottom: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--kara-line); }
  .kara-nav__mobile-search .kara-search-form { display: grid; grid-template-columns: 1fr auto; }
  .kara-nav .menu-item-has-children { position: relative; }
  .kara-nav .menu-item-has-children > a { padding-left: 48px; }
  .kara-nav .menu-item-has-children > a::after { display: none; }
  .kara-submenu-toggle {
    position: absolute; z-index: 2; top: 7px; left: 2px; width: 38px; height: 38px;
    display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px;
    color: var(--kara-navy); background: transparent; cursor: pointer;
  }
  .kara-submenu-toggle span { width: 8px; height: 8px; border-left: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); transition: transform .18s ease; }
  .kara-submenu-toggle[aria-expanded="true"] span { transform: rotate(135deg) translate(-1px,-1px); }
  .kara-nav .sub-menu { position: static; width: 100%; display: none; margin: 0 0 7px; padding: 0 14px 4px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .kara-nav li.submenu-open > .sub-menu { display: block; }
  .kara-nav .sub-menu li { border-bottom: 0; }
  .kara-nav .sub-menu a { min-height: 42px; padding-block: 7px; color: var(--kara-muted); font-size: .88rem; font-weight: 650; }
  .kara-nav__mobile-actions { display: grid; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--kara-line); }
  .kara-nav__mobile-actions .kara-button { width: 100%; }
  .kara-nav__mobile-actions .kara-button.kara-button--primary { color: #fff; background: var(--kara-navy); border-color: var(--kara-navy); box-shadow: none; }
  .kara-nav__mobile-phone { display: flex; align-items: center; justify-content: center !important; min-height: 44px !important; padding: 8px 10px !important; color: var(--kara-muted) !important; background: transparent !important; font-size: .84rem !important; font-weight: 700 !important; }
  .kara-nav-backdrop { display: block; position: fixed; z-index: 999; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; background: rgba(15,23,42,.42); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility 0s linear .2s; }
  body.nav-open .kara-nav-backdrop { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease, visibility 0s linear 0s; }
}

@media (max-width: 1024px) {
  .kara-header__inner { position: relative; }
  .kara-brand { position: relative; z-index: 3; min-width: 0; }
  .kara-header__cta { display: none; }
  .kara-menu-toggle { display: block; position: relative; z-index: 4; flex: 0 0 46px; }
  .kara-nav {
    position: fixed;
    z-index: 3;
    top: var(--kara-mobile-nav-top, 82px);
    right: 0;
    bottom: 0;
    width: min(88vw, 360px);
    height: calc(100vh - var(--kara-mobile-nav-top, 82px));
    height: calc(100dvh - var(--kara-mobile-nav-top, 82px));
    margin: 0;
    padding: 14px 16px calc(22px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-left: 1px solid var(--kara-line);
    box-shadow: -18px 22px 48px rgba(15,23,42,.16);
    transform: translate3d(104%,0,0);
    visibility: hidden;
    pointer-events: none;
    transition: transform .24s ease, visibility 0s linear .24s;
  }
  .kara-nav.is-open {
    transform: translate3d(0,0,0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .24s ease, visibility 0s linear 0s;
  }
  .kara-nav > ul, .kara-nav .menu { display: block; width: 100%; }
  .kara-nav li { width: 100%; border-bottom: 1px solid #EEF1F4; }
  .kara-nav li:last-child { border-bottom: 0; }
  .kara-nav a { justify-content: space-between; width: 100%; min-height: 50px; padding: 10px 8px; border-radius: 8px; font-size: .96rem; }
  .kara-nav .sub-menu { position: static; width: 100%; display: block; margin: 0 0 7px; padding: 0 14px 4px 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
  .kara-nav .sub-menu li { border-bottom: 0; }
  .kara-nav .sub-menu a { min-height: 42px; padding-block: 7px; color: var(--kara-muted); font-size: .88rem; font-weight: 650; }
  .kara-nav__mobile-actions { display: grid; gap: 10px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--kara-line); }
  .kara-nav__mobile-actions .kara-button { width: 100%; }
  .kara-nav__mobile-actions .kara-button.kara-button--primary { color: #fff; background: var(--kara-navy); border-color: var(--kara-navy); box-shadow: none; }
  .kara-nav__mobile-actions .kara-button.kara-button--primary:hover,
  .kara-nav__mobile-actions .kara-button.kara-button--primary:focus-visible { color: #fff; background: var(--kara-navy-2); border-color: var(--kara-navy-2); }
  .kara-nav__mobile-phone { display: flex; align-items: center; justify-content: center !important; min-height: 44px !important; padding: 8px 10px !important; color: var(--kara-muted) !important; border: 0; background: transparent !important; font-size: .84rem !important; font-weight: 700 !important; }
  .kara-nav-backdrop {
    display: block;
    position: fixed;
    z-index: 999;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgba(15,23,42,.42);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility 0s linear .2s;
  }
  body.nav-open .kara-nav-backdrop { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease, visibility 0s linear 0s; }
  .kara-hero__inner { grid-template-columns: 1fr; gap: 36px; }
  .kara-hero__panel { max-width: 680px; }
  .kara-grid--4 { grid-template-columns: repeat(2,1fr); }
  .kara-value { gap: 38px; }
  .kara-product-hero__grid { gap: 34px; }
  .kara-product-hero__media { min-height: 380px; }
  .kara-product-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 30px; }
  .kara-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-catalog-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-footer__main { grid-template-columns: 1fr 1fr; gap: 34px 42px; }
}

@media (max-width: 782px) {
  .admin-bar .kara-header { top: 46px; }
}

@media (max-width: 760px) {
  .kara-topbar__note { display: none; }
  .kara-topbar__inner { justify-content: center; }
  .kara-topbar__meta { width: 100%; justify-content: space-between; gap: 10px; }
  .kara-header__inner { min-height: 72px; }
  .kara-brand__sub { display: none; }
  .kara-brand__mark { width: 40px; height: 47px; }
  .kara-brand__wordmark { padding-right: 9px; }
  .kara-brand__name { font-size: .9rem; }
  .kara-brand .custom-logo { max-width: 180px; max-height: 48px; }
  .kara-hero__inner { min-height: auto; padding-block: 62px 72px; }
  .kara-hero__panel { padding: 20px; }
  .kara-trust { margin-top: 0; padding-top: 16px; background: var(--kara-soft); }
  .kara-trust__inner { grid-template-columns: 1fr 1fr; }
  .kara-trust__item { border-bottom: 1px solid var(--kara-line); }
  .kara-trust__item:nth-child(even) { border-left: 0; }
  .kara-trust__item:nth-last-child(-n+2) { border-bottom: 0; }
  .kara-section { padding-block: 68px; }
  .kara-section-head { display: block; }
  .kara-section-head .kara-button { margin-top: 18px; }
  .kara-grid--3, .kara-grid--4 { grid-template-columns: 1fr; }
  .kara-product-card { min-height: 0; }
  .kara-value { grid-template-columns: 1fr; }
  .kara-value__box { min-height: 360px; padding: 30px; }
  .kara-content-layout { grid-template-columns: 1fr; gap: 32px; }
  .kara-entry__thumb,
  .kara-entry__thumb img { max-height: 340px; }
  .kara-product-hero { padding-block: 22px 54px; }
  .kara-product-hero .kara-breadcrumbs { margin-bottom: 18px; }
  .kara-product-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .kara-product-hero__media { min-height: 0; max-height: 390px; border-radius: 20px; }
  .kara-product-hero__media img { width: auto; max-width: 100%; height: auto; max-height: 390px; }
  .kara-product-hero__placeholder { min-height: 300px; }
  .kara-product-hero__content h1 { font-size: 2.15rem; }
  .kara-product-layout { grid-template-columns: 1fr; gap: 34px; padding-block: 55px 70px; }
  .kara-product-aside { position: static; }
  .kara-product-body .kara-product-gallery__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-product-archive-hero { padding-block: 45px; }
  .kara-product-archive { padding-block: 28px 70px; }
  .kara-product-filters { flex-wrap: nowrap; margin-inline: -16px; padding-inline: 16px; overflow-x: auto; scrollbar-width: thin; }
  .kara-product-filters a { flex: 0 0 auto; }
  .kara-catalog-grid { grid-template-columns: 1fr; gap: 16px; }
  .kara-catalog-grid--4 { grid-template-columns: 1fr; gap: 16px; }
  .kara-catalog-card { max-width: 620px; width: 100%; margin-inline: auto; }
  .kara-cta { padding-bottom: 68px; }
  .kara-cta__inner { display: block; padding: 30px 26px; }
  .kara-cta__actions { min-width: 0; margin-top: 22px; }
  .kara-cta__actions .kara-button { min-width: 0; }
  .kara-footer__main { grid-template-columns: 1fr 1fr; gap: 30px 28px; padding-block: 40px 34px; }
  .kara-footer__brand { max-width: none; }
  .kara-footer__bottom-inner { display: flex; flex-wrap: wrap; row-gap: 6px; }
}

@media (max-width: 480px) {
  .kara-container { width: min(calc(100% - 22px), var(--kara-container)); }
  .kara-header__inner { gap: 12px; }
  .kara-brand { overflow: hidden; }
  .kara-brand__link { min-width: 0; }
  .kara-brand__wordmark { min-width: 0; }
  .kara-brand__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kara-brand__name { font-size: .82rem; }
  .kara-brand__mark { display: none; }
  .kara-hero h1 { font-size: 2rem; }
  .kara-hero__actions .kara-button { width: 100%; }
  .kara-entry__thumb,
  .kara-entry__thumb img { max-height: 280px; }
  .kara-product-hero__media,
  .kara-product-hero__media img { max-height: 315px; }
  .kara-product-hero__facts { grid-template-columns: 1fr; }
  .kara-product-hero__actions .kara-button { width: 100%; }
  .kara-product-body .kara-product-specs { overflow-x: auto; }
  .kara-product-body .kara-product-specs table { min-width: 480px; }
  .kara-product-body .kara-product-gallery__grid { gap: 8px; }
  .kara-product-content-section,
  .kara-product-body > .kara-product-section { margin-bottom: 42px; }
  .kara-trust__inner { grid-template-columns: 1fr; }
  .kara-trust__item { border-left: 0; border-bottom: 1px solid var(--kara-line) !important; }
  .kara-trust__item:last-child { border-bottom: 0 !important; }
  .kara-value__stats { grid-template-columns: 1fr; }
  .kara-cta__actions .kara-button { width: 100%; }
  .kara-footer__main { grid-template-columns: 1fr; gap: 28px; }
  .kara-footer__brand { gap: 14px; }
  .kara-footer__brandmark { width: 60px; flex-basis: 60px; }
  .kara-footer__bottom-inner { display: block; }
  .kara-footer__bottom-inner span { display: block; }
  .kara-footer__bottom-inner span + span { margin-top: 4px; }
}

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

/* Content sharing, copy-link and print/PDF tools.
 * Intentionally neutral: these are utility actions, not conversion CTAs.
 * No navy/teal foreground-background pairing is used here.
 */
.kara-content-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px 28px;
  margin-top: 42px;
  padding-top: 20px;
  border-top: 1px solid var(--kara-line);
}
.kara-content-tools__intro { min-width: 0; }
.kara-content-tools__intro strong {
  display: block;
  margin-bottom: 1px;
  color: var(--kara-logo-ink);
  font-size: .9rem;
  font-weight: 900;
}
.kara-content-tools__intro span {
  display: block;
  max-width: 560px;
  color: var(--kara-muted);
  font-size: .76rem;
  line-height: 1.75;
}
.kara-content-tools__buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.kara-tool-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid #D9DEE5;
  border-radius: 9px;
  color: var(--kara-logo-ink);
  background: #fff;
  font-size: .79rem;
  font-weight: 820;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: none;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}
.kara-tool-button:hover {
  color: var(--kara-primary);
  border-color: #AEB8C6;
  background: #F7F8FA;
}
.kara-tool-button:active { background: #F0F2F5; }
.kara-tool-button:focus-visible {
  outline: 3px solid rgba(218,194,182,.72);
  outline-offset: 2px;
}
.kara-tool-button svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
/* Share is deliberately the same visual weight as copy and print. */
.kara-tool-button--share { color: var(--kara-logo-ink); border-color: #D9DEE5; background: #fff; }
.kara-tool-button--share:hover { color: var(--kara-primary); border-color: #AEB8C6; background: #F7F8FA; }
.kara-content-tools.is-copied [data-kara-copy] {
  color: var(--kara-success);
  border-color: rgba(30,114,81,.42);
  background: #F5F9F7;
}
.kara-share-fallback {
  grid-column: 1 / -1;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px 14px;
  padding-top: 14px;
  border-top: 1px solid var(--kara-line);
}
.kara-share-fallback[hidden] { display: none !important; }
.kara-share-fallback__label { color: var(--kara-muted); font-size: .75rem; font-weight: 800; }
.kara-share-fallback__links { display: flex; flex-wrap: wrap; gap: 7px; }
.kara-share-fallback__links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 5px 10px;
  border: 1px solid #D9DEE5;
  border-radius: 8px;
  color: var(--kara-logo-ink);
  background: #fff;
  font-size: .74rem;
  font-weight: 800;
}
.kara-share-fallback__links a:hover {
  color: var(--kara-primary);
  border-color: #AEB8C6;
  background: #F7F8FA;
}
.kara-content-tools__status {
  grid-column: 1 / -1;
  min-height: 0;
  margin: -4px 0 0;
  color: var(--kara-success);
  font-size: .73rem;
  font-weight: 750;
  line-height: 1.5;
}
.kara-content-tools__status:empty { display: none; }

@media (max-width: 760px) {
  .kara-content-tools { display: block; margin-top: 36px; padding-top: 18px; }
  .kara-content-tools__buttons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 13px; }
  .kara-tool-button { min-width: 0; padding-inline: 8px; }
  .kara-share-fallback { margin-top: 14px; align-items: flex-start; }
  .kara-content-tools__status { margin-top: 8px; }
}

@media (max-width: 480px) {
  .kara-content-tools__intro span { display: none; }
  .kara-content-tools__buttons { gap: 6px; }
  .kara-tool-button { min-height: 44px; flex-direction: column; gap: 3px; font-size: .71rem; }
  .kara-tool-button svg { width: 16px; height: 16px; }
  .kara-share-fallback { display: block; }
  .kara-share-fallback__links { margin-top: 7px; }
}

/* Clean printable/PDF document view. Browser print also provides Save as PDF. */
@media print {
  @page { margin: 14mm 13mm; }
  html, body { background: #fff !important; color: #111 !important; }
  body { font-size: 11pt; line-height: 1.75; }
  .kara-topbar,
  .kara-header,
  .kara-footer,
  .kara-sidebar,
  .kara-content-tools,
  .kara-cta,
  .kara-product-aside,
  .kara-product-related,
  .kara-product-articles,
  .comments-area,
  .comment-respond,
  .post-navigation,
  .navigation,
  .kara-product-hero__actions,
  .kara-product-hero__note,
  .kara-breadcrumbs { display: none !important; }
  .kara-main,
  .kara-container,
  .kara-content-layout,
  .kara-content-layout--single,
  .kara-product-layout { width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; }
  .kara-page-hero,
  .kara-product-hero { padding: 0 0 10mm !important; color: #111 !important; background: #fff !important; }
  .kara-page-hero h1,
  .kara-product-hero h1,
  .kara-product-hero__content h1 { margin: 0 !important; color: #111 !important; font-size: 22pt !important; }
  .kara-product-hero__grid { display: block !important; }
  .kara-product-hero__media { max-width: 85mm; min-height: 0 !important; margin: 0 0 7mm !important; border: 0 !important; background: #fff !important; box-shadow: none !important; }
  .kara-product-hero__eyebrow,
  .kara-product-hero__lead,
  .kara-product-hero__code,
  .kara-product-hero__facts { color: #333 !important; }
  .kara-entry__meta { color: #555 !important; }
  .kara-entry__thumb { max-height: none !important; margin-bottom: 7mm !important; border: 0 !important; background: #fff !important; }
  .kara-entry__thumb img { max-height: 110mm !important; }
  .kara-entry__content { font-size: 11pt !important; }
  .kara-entry__content h2,
  .kara-entry__content h3,
  .kara-entry__content h4 { color: #111 !important; break-after: avoid-page; page-break-after: avoid; }
  .kara-entry__content p,
  .kara-entry__content li,
  .kara-product-content-section { orphans: 3; widows: 3; }
  .kara-entry__content blockquote { border-color: #999 !important; background: #fff !important; }
  .kara-entry__content table { break-inside: avoid; page-break-inside: avoid; }
  .kara-entry__content th { color: #111 !important; background: #f2f2f2 !important; }
  img { break-inside: avoid; page-break-inside: avoid; }
  a, a:visited { color: #111 !important; text-decoration: none !important; }
}

/* ========================================================================== 
   About page v0.2.15 — human-first, evidence-led and intentionally restrained.
   ========================================================================== */
.kara-about { background: #fff; }
.kara-about .kara-kicker { margin-bottom: 10px; }
.kara-about-hero {
  padding-block: 48px 70px;
  background: #fff;
  border-bottom: 1px solid var(--kara-line);
}
.kara-about-hero .kara-breadcrumbs { margin-bottom: 38px; }
.kara-about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(315px, .7fr);
  gap: 72px;
  align-items: center;
}
.kara-about-hero__copy { max-width: 810px; }
.kara-about-hero h1 {
  max-width: 900px;
  margin: 0;
  color: var(--kara-primary);
  font-size: clamp(2.15rem, 4.35vw, 4rem);
  line-height: 1.42;
  letter-spacing: -.035em;
}
.kara-about-hero__lead {
  max-width: 780px;
  margin: 22px 0 0;
  color: #3F4B58;
  font-size: clamp(1rem, 1.45vw, 1.14rem);
  line-height: 2.05;
}
.kara-about-hero__lead strong { color: var(--kara-ink); }
.kara-about-en { color: #66717E; font-size: .92em; white-space: nowrap; }
.kara-about-hero__sub {
  max-width: 735px;
  margin: 10px 0 0;
  color: var(--kara-muted);
  font-size: .94rem;
  line-height: 1.95;
}
.kara-about-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }

.kara-about-snapshot {
  padding: 26px;
  background: #F8F5F3;
  border: 1px solid #E9E0DB;
  border-radius: var(--kara-radius);
}
.kara-about-snapshot__brand {
  display: flex;
  align-items: center;
  gap: 17px;
  padding-bottom: 22px;
  margin-bottom: 8px;
  border-bottom: 1px solid #E2D8D2;
}
.kara-about-snapshot__brand img { width: 54px; height: auto; object-fit: contain; }
.kara-about-snapshot__brand strong { display: block; color: var(--kara-primary); font-size: 1.02rem; }
.kara-about-snapshot__brand span { display: block; margin-top: 2px; color: var(--kara-muted); font-size: .78rem; }
.kara-about-snapshot__facts { margin: 0; }
.kara-about-snapshot__facts > div {
  display: grid;
  grid-template-columns: 96px minmax(0,1fr);
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid #E7DEDA;
}
.kara-about-snapshot__facts > div:last-child { border-bottom: 0; padding-bottom: 2px; }
.kara-about-snapshot__facts dt { color: #7A6A62; font-size: .76rem; font-weight: 750; }
.kara-about-snapshot__facts dd { margin: 0; color: var(--kara-ink); font-size: .86rem; font-weight: 780; }

.kara-about-thesis { padding-block: 84px; background: #fff; }
.kara-about-thesis__grid {
  display: grid;
  grid-template-columns: minmax(280px,.9fr) minmax(0,1.3fr);
  gap: 82px;
  align-items: start;
}
.kara-about-thesis__title { position: relative; padding-top: 24px; }
.kara-about-thesis__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 4px;
  background: var(--kara-warm);
  border-radius: 8px;
}
.kara-about-thesis h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.55rem,2.7vw,2.25rem); line-height: 1.65; }
.kara-about-thesis__copy { max-width: 760px; }
.kara-about-thesis__copy p { margin: 0 0 16px; color: var(--kara-muted); font-size: 1.02rem; line-height: 2.1; }
.kara-about-thesis__copy p:last-child { margin-bottom: 0; }

.kara-about-section-head { margin-bottom: 34px; }
.kara-about-section-head .kara-section-head__text { max-width: 760px; }
.kara-about-practice__list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D8DEE5;
}
.kara-about-practice__list li {
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  gap: 18px;
  padding: 27px 26px 28px 0;
  border-bottom: 1px solid #D8DEE5;
}
.kara-about-practice__list li:nth-child(odd) { padding-left: 30px; border-left: 1px solid #D8DEE5; }
.kara-about-practice__list li:nth-child(even) { padding-right: 30px; }
.kara-about-practice__no {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #D9C9C0;
  border-radius: 50%;
  color: var(--kara-copper-dark);
  background: #fff;
  font-size: .73rem;
  font-weight: 900;
}
.kara-about-practice__list h3 { margin: 0 0 7px; color: var(--kara-primary); font-size: 1.02rem; }
.kara-about-practice__list p { margin: 0; color: var(--kara-muted); font-size: .89rem; line-height: 1.9; }

.kara-about-audience__intro {
  display: grid;
  grid-template-columns: minmax(270px,.8fr) minmax(0,1.2fr);
  gap: 72px;
  align-items: end;
  margin-bottom: 36px;
}
.kara-about-audience__intro h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.5rem,2.6vw,2.2rem); line-height: 1.6; }
.kara-about-audience__intro > p { max-width: 720px; margin: 0; color: var(--kara-muted); line-height: 2; }
.kara-about-audience__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--kara-line); border-bottom: 1px solid var(--kara-line); }
.kara-about-audience__grid article { min-width: 0; padding: 29px 28px; border-left: 1px solid var(--kara-line); }
.kara-about-audience__grid article:last-child { border-left: 0; }
.kara-about-audience__tag { display: inline-block; margin-bottom: 16px; color: var(--kara-copper-dark); font-size: .75rem; font-weight: 900; }
.kara-about-audience__grid h3 { margin: 0 0 8px; color: var(--kara-primary); font-size: 1.02rem; }
.kara-about-audience__grid p { margin: 0; color: var(--kara-muted); font-size: .88rem; line-height: 1.9; }

.kara-about-principles { padding-block: 78px; background: var(--kara-primary); color: #fff; }
.kara-about-principles__grid {
  display: grid;
  grid-template-columns: minmax(0,.86fr) minmax(0,1.14fr);
  gap: 78px;
  align-items: start;
}
.kara-about-principles .kara-kicker { color: var(--kara-warm-light); }
.kara-about-principles h2 { margin: 0; color: #fff; font-size: clamp(1.55rem,2.7vw,2.25rem); line-height: 1.65; }
.kara-about-principles__intro > p:last-child { margin: 18px 0 0; color: #D6E0ED; line-height: 2; }
.kara-about-principles__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.19); }
.kara-about-principles__list li {
  display: grid;
  grid-template-columns: minmax(165px,.62fr) minmax(0,1.38fr);
  gap: 24px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(255,255,255,.19);
}
.kara-about-principles__list strong { color: #fff; font-size: .92rem; }
.kara-about-principles__list span { color: #D6E0ED; font-size: .87rem; line-height: 1.85; }

.kara-about-presence__grid {
  display: grid;
  grid-template-columns: minmax(280px,.8fr) minmax(0,1.2fr);
  gap: 74px;
  align-items: start;
}
.kara-about-presence__intro h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.5rem,2.6vw,2.18rem); line-height: 1.6; }
.kara-about-presence__intro > p { margin: 14px 0 16px; color: var(--kara-muted); line-height: 2; }
.kara-text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--kara-primary); font-size: .88rem; font-weight: 850; }
.kara-text-link::after { content: "←"; }
.kara-about-presence__locations { border-top: 1px solid var(--kara-line); }
.kara-about-presence__locations article {
  display: grid;
  grid-template-columns: 94px 110px minmax(0,1fr);
  gap: 18px;
  align-items: baseline;
  padding: 22px 0;
  border-bottom: 1px solid var(--kara-line);
}
.kara-about-presence__locations span { color: var(--kara-copper-dark); font-size: .76rem; font-weight: 850; }
.kara-about-presence__locations h3 { margin: 0; color: var(--kara-primary); font-size: .97rem; }
.kara-about-presence__locations address { margin: 0; color: var(--kara-muted); font-style: normal; font-size: .88rem; line-height: 1.85; }

.kara-about-answers__head { max-width: 780px; margin-bottom: 30px; }
.kara-about-answers__head h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.5rem,2.6vw,2.2rem); line-height: 1.6; }
.kara-about-answers__head > p:last-child { margin: 10px 0 0; color: var(--kara-muted); }
.kara-about-answers__list { margin: 0; border-top: 1px solid #D7DEE5; }
.kara-about-answers__list > div {
  display: grid;
  grid-template-columns: minmax(250px,.8fr) minmax(0,1.2fr);
  gap: 54px;
  padding: 20px 0;
  border-bottom: 1px solid #D7DEE5;
}
.kara-about-answers__list dt { color: var(--kara-primary); font-size: .94rem; font-weight: 900; }
.kara-about-answers__list dd { margin: 0; color: var(--kara-muted); font-size: .89rem; line-height: 1.9; }
.kara-about-answers__list dd a { font-weight: 800; }

.kara-about-cta { padding-block: 72px; background: #fff; }
.kara-about-cta__inner {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 52px;
  align-items: center;
  padding-top: 34px;
  border-top: 1px solid var(--kara-line);
}
.kara-about-cta__inner > div:first-child { max-width: 780px; }
.kara-about-cta h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.5rem,2.6vw,2.15rem); line-height: 1.6; }
.kara-about-cta p { margin: 9px 0 0; color: var(--kara-muted); line-height: 1.95; }
.kara-about-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }

@media (max-width: 980px) {
  .kara-about-hero__grid,
  .kara-about-thesis__grid,
  .kara-about-audience__intro,
  .kara-about-principles__grid,
  .kara-about-presence__grid { grid-template-columns: 1fr; gap: 38px; }
  .kara-about-snapshot { max-width: 620px; }
  .kara-about-audience__grid { grid-template-columns: 1fr; border-bottom: 0; }
  .kara-about-audience__grid article { border-left: 0; border-bottom: 1px solid var(--kara-line); padding-inline: 4px; }
  .kara-about-presence__locations article { grid-template-columns: 90px 100px minmax(0,1fr); }
  .kara-about-answers__list > div { grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr); gap: 30px; }
  .kara-about-cta__inner { grid-template-columns: 1fr; gap: 24px; }
  .kara-about-cta__actions { justify-content: flex-start; }
}

@media (max-width: 720px) {
  .kara-about-hero { padding-block: 34px 48px; }
  .kara-about-hero .kara-breadcrumbs { margin-bottom: 24px; }
  .kara-about-hero h1 { font-size: clamp(1.85rem, 8.2vw, 2.45rem); }
  .kara-about-hero__lead { margin-top: 16px; }
  .kara-about-hero__actions { width: 100%; }
  .kara-about-hero__actions .kara-button { flex: 1 1 160px; }
  .kara-about-snapshot { padding: 20px; }
  .kara-about-thesis { padding-block: 58px; }
  .kara-about-practice__list { grid-template-columns: 1fr; }
  .kara-about-practice__list li,
  .kara-about-practice__list li:nth-child(odd),
  .kara-about-practice__list li:nth-child(even) { padding: 22px 0; border-left: 0; }
  .kara-about-principles { padding-block: 58px; }
  .kara-about-principles__list li { grid-template-columns: 1fr; gap: 5px; }
  .kara-about-presence__locations article { grid-template-columns: 1fr; gap: 4px; }
  .kara-about-presence__locations article span { margin-bottom: 2px; }
  .kara-about-answers__list > div { grid-template-columns: 1fr; gap: 6px; padding: 17px 0; }
  .kara-about-cta { padding-block: 54px; }
  .kara-about-cta__actions { width: 100%; }
  .kara-about-cta__actions .kara-button { flex: 1 1 100%; }
}

@media (max-width: 420px) {
  .kara-about-snapshot__facts > div { grid-template-columns: 1fr; gap: 2px; }
  .kara-about-hero__actions .kara-button { flex-basis: 100%; }
}

/* ========================================================================== 
   v0.2.8 — key page architecture: contact, knowledge center and catalog.
   Flat, restrained and built around the real B2B user journey.
   ========================================================================== */

/* Product catalog is the canonical product landing; keep the hero informative. */
.kara-product-archive-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
  gap: 56px;
  align-items: end;
}
.kara-product-archive-hero__note {
  padding: 22px 24px;
  background: #fff;
  color: var(--kara-primary);
  border-radius: var(--kara-radius);
}
.kara-product-archive-hero__note strong { display: block; margin-bottom: 7px; font-size: .96rem; }
.kara-product-archive-hero__note p { margin: 0; color: #4E5868; font-size: .85rem; line-height: 1.85; }
.kara-product-archive__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 26px;
}
.kara-product-archive__toolbar .kara-product-filters { margin: 0; }
.kara-product-archive__count {
  flex: 0 0 auto;
  padding: 8px 0;
  color: var(--kara-muted);
  font-size: .82rem;
  white-space: nowrap;
}
.kara-product-archive__inquiry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 42px;
  padding: 26px 0 0;
  border-top: 1px solid var(--kara-line);
}
.kara-product-archive__inquiry strong { display: block; color: var(--kara-primary); font-size: 1rem; }
.kara-product-archive__inquiry span { display: block; margin-top: 5px; color: var(--kara-muted); font-size: .86rem; line-height: 1.8; }

/* Knowledge center — deliberately editorial, not a generic archive. */
.kara-knowledge-hero {
  padding-block: 50px 56px;
  background: #F8F6F4;
  border-bottom: 1px solid #E9E2DD;
}
.kara-knowledge-hero .kara-breadcrumbs { margin-bottom: 28px; }
.kara-knowledge-hero__copy { max-width: 820px; }
.kara-knowledge-hero h1 {
  margin: 0;
  color: var(--kara-primary);
  font-size: clamp(1.85rem, 3.6vw, 3rem);
  line-height: 1.45;
  letter-spacing: -.025em;
}
.kara-knowledge-hero p:last-child {
  max-width: 760px;
  margin: 14px 0 0;
  color: var(--kara-muted);
  line-height: 2;
}
.kara-knowledge-layout { padding-block: 42px 72px; }
.kara-knowledge-categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--kara-line);
}
.kara-knowledge-categories > span { margin-left: 4px; color: var(--kara-muted); font-size: .82rem; font-weight: 800; }
.kara-knowledge-categories a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 6px 12px;
  color: #3A4655;
  background: #fff;
  border: 1px solid var(--kara-line);
  border-radius: 9px;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}
.kara-knowledge-categories a:hover,
.kara-knowledge-categories a:focus-visible {
  color: var(--kara-primary);
  border-color: #AEB9C7;
  background: #F8F9FB;
}
.kara-knowledge-grid { margin-top: 0; }

/* Contact & inquiry — route users by intent, keep every action explicit. */

/* Contact page: purposeful B2B hierarchy, no decorative gradients or external UI libraries. */
.kara-contact-hero {
  padding-block: 42px 72px;
  background: #fff;
  border-bottom: 1px solid var(--kara-line);
}
.kara-contact-hero .kara-breadcrumbs { margin-bottom: 34px; }
.kara-contact-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(370px, .92fr);
  gap: 74px;
  align-items: center;
}
.kara-contact-hero h1 {
  max-width: 780px;
  margin: 0;
  color: var(--kara-primary);
  font-size: clamp(2.1rem, 4vw, 3.55rem);
  line-height: 1.42;
  letter-spacing: -.032em;
}
.kara-contact-hero__lead {
  max-width: 760px;
  margin: 18px 0 0;
  color: #3F4B5B;
  font-size: 1.04rem;
  line-height: 2.05;
}
.kara-contact-hero__entity {
  max-width: 760px;
  margin: 14px 0 0;
  color: var(--kara-muted);
  font-size: .88rem;
  line-height: 1.95;
}
.kara-contact-hero__entity strong { color: var(--kara-primary); }
.kara-contact-hero__en {
  display: inline-block;
  margin-top: 7px;
  color: #74808D;
  font-size: .72rem;
  font-weight: 650;
  letter-spacing: .02em;
}
.kara-contact-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 26px;
  margin: 30px 0 0;
  padding: 22px 0 0;
  border-top: 1px solid var(--kara-line);
  list-style: none;
}
.kara-contact-hero__facts li { min-width: 145px; }
.kara-contact-hero__facts span,
.kara-contact-hero__facts strong { display: block; }
.kara-contact-hero__facts span { color: var(--kara-muted); font-size: .72rem; font-weight: 750; }
.kara-contact-hero__facts strong { margin-top: 4px; color: var(--kara-ink); font-size: .86rem; }

.kara-contact-quick {
  overflow: hidden;
  background: #fff;
  border: 1px solid #D8DEE6;
  border-radius: 20px;
  box-shadow: 0 18px 55px rgba(1,33,105,.07);
}
.kara-contact-quick__head { padding: 24px 26px 20px; border-bottom: 1px solid var(--kara-line); }
.kara-contact-quick__eyebrow { margin: 0 0 5px; color: var(--kara-copper-dark); font-size: .73rem; font-weight: 900; }
.kara-contact-quick h2 { margin: 0; color: var(--kara-primary); font-size: 1.32rem; line-height: 1.55; }
.kara-contact-quick__head p { margin: 7px 0 0; color: var(--kara-muted); font-size: .8rem; line-height: 1.8; }
.kara-contact-quick__list { padding: 4px 26px; }
.kara-contact-quick__row {
  min-height: 78px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border-top: 1px solid var(--kara-line);
}
.kara-contact-quick__row:first-child { border-top: 0; }
.kara-contact-quick__row span { display: block; margin-bottom: 3px; color: var(--kara-muted); font-size: .7rem; font-weight: 800; }
.kara-contact-quick__row a[dir="ltr"] { display: inline-block; color: var(--kara-primary); font-size: 1rem; font-weight: 900; text-decoration: none; overflow-wrap: anywhere; }
.kara-contact-quick__row--primary a[dir="ltr"] { font-size: 1.15rem; }
.kara-contact-quick__button,
.kara-contact-quick__link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  border-radius: 9px;
  font-size: .78rem;
  font-weight: 850;
  text-decoration: none;
  touch-action: manipulation;
}
.kara-contact-quick__button { color: #fff; background: var(--kara-primary); border: 1px solid var(--kara-primary); }
.kara-contact-quick__button:hover,
.kara-contact-quick__button:focus-visible { color: #fff; background: var(--kara-navy-2); border-color: var(--kara-navy-2); }
.kara-contact-quick__link { color: var(--kara-primary); background: #fff; border: 1px solid var(--kara-line); }
.kara-contact-quick__link:hover,
.kara-contact-quick__link:focus-visible { color: var(--kara-primary); background: #F7F8FA; border-color: #B6C0CC; }
.kara-contact-quick__button:focus-visible,
.kara-contact-quick__link:focus-visible { outline: 3px solid var(--kara-warm-light); outline-offset: 2px; }
.kara-contact-quick__management {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 26px;
  color: var(--kara-muted);
  background: #FAFBFC;
  border-top: 1px solid var(--kara-line);
  font-size: .72rem;
}
.kara-contact-quick__management span { line-height: 1.75; }
.kara-contact-quick__management a { flex: 0 0 auto; color: #445166; font-size: .82rem; font-weight: 700; text-decoration: none; }

.kara-contact-directory { padding-block: 82px; background: #fff; }
.kara-contact-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 46px;
  margin-bottom: 34px;
}
.kara-contact-section-head h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.6rem, 2.8vw, 2.4rem); }
.kara-contact-section-head > p { max-width: 500px; margin: 0; color: var(--kara-muted); font-size: .86rem; line-height: 1.95; }
.kara-contact-directory__list { border-top: 1px solid var(--kara-line); }
.kara-contact-directory__item {
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(210px, .72fr) minmax(230px, .8fr);
  align-items: center;
  gap: 34px;
  min-height: 132px;
  padding: 24px 8px;
  border-bottom: 1px solid var(--kara-line);
}
.kara-contact-directory__item--primary { position: relative; }
.kara-contact-directory__item--primary::before {
  content: "";
  position: absolute;
  inset-block: 18px;
  right: -1px;
  width: 3px;
  border-radius: 3px;
  background: var(--kara-primary);
}
.kara-contact-directory__title { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 14px; align-items: start; }
.kara-contact-directory__title > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  color: var(--kara-copper-dark);
  background: #F5EFEC;
  border-radius: 8px;
  font-size: .68rem;
  font-weight: 900;
}
.kara-contact-directory__title h3 { margin: 0; color: var(--kara-primary); font-size: 1.02rem; line-height: 1.6; }
.kara-contact-directory__title p { max-width: 520px; margin: 5px 0 0; color: var(--kara-muted); font-size: .8rem; line-height: 1.75; }
.kara-contact-directory__contact > span,
.kara-contact-directory__contact > div > span { display: block; color: var(--kara-muted); font-size: .69rem; font-weight: 750; }
.kara-contact-directory__contact > a,
.kara-contact-directory__contact > div > a { display: inline-block; margin-top: 4px; color: var(--kara-primary); font-size: .98rem; font-weight: 900; text-decoration: none; overflow-wrap: anywhere; }
.kara-contact-directory__contact--multi { display: grid; gap: 10px; }
.kara-contact-directory__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.kara-contact-directory__actions .kara-button { min-height: 44px; padding: 10px 16px; font-size: .78rem; }
.kara-contact-text-action {
  appearance: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
  color: #3F4B5B;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #C9D0D8;
  border-radius: 0;
  font: inherit;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.4;
  cursor: pointer;
  text-decoration: none;
  touch-action: manipulation;
}
.kara-contact-text-action:hover,
.kara-contact-text-action:focus-visible { color: var(--kara-primary); border-bottom-color: var(--kara-primary); outline: none; }
.kara-contact-text-action:focus-visible { box-shadow: 0 3px 0 var(--kara-warm-light); }
.kara-contact-text-action.is-copied { color: var(--kara-primary); border-bottom-color: var(--kara-warm); }
.kara-contact-management {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
  margin-top: 28px;
  padding: 20px 22px;
  background: #FAFBFC;
  border-top: 1px solid var(--kara-line);
  border-bottom: 1px solid var(--kara-line);
}
.kara-contact-management__label { display: block; margin-bottom: 3px; color: #667387; font-size: .69rem; font-weight: 750; }
.kara-contact-management h3 { margin: 0; color: #344154; font-size: .94rem; font-weight: 800; }
.kara-contact-management p { max-width: 760px; margin: 4px 0 0; color: var(--kara-muted); font-size: .77rem; line-height: 1.75; }
.kara-contact-management__action { min-width: 210px; display: flex; align-items: center; gap: 12px; }
.kara-contact-management__action > a:first-child { color: #445166; font-size: .9rem; font-weight: 700; text-decoration: none; }
.kara-contact-management__action .kara-button { min-height: 42px; padding: 8px 14px; font-size: .74rem; }
.kara-contact-copy-status { min-height: 22px; margin: 10px 0 0; color: var(--kara-success); font-size: .75rem; font-weight: 750; }

.kara-contact-inquiry {
  padding-block: 76px;
  background: #F8F5F3;
  border-block: 1px solid #EAE1DC;
}
.kara-contact-inquiry__grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 78px;
  align-items: center;
}
.kara-contact-inquiry h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.55; }
.kara-contact-inquiry__intro > p { margin: 12px 0 0; color: #4C5868; line-height: 1.95; }
.kara-contact-inquiry__note { padding-right: 14px; border-right: 3px solid var(--kara-warm); font-size: .82rem; }
.kara-contact-inquiry__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.kara-contact-checklist { list-style: none; margin: 0; padding: 0; counter-reset: kara-contact-check; border-top: 1px solid #DED5D0; }
.kara-contact-checklist li {
  counter-increment: kara-contact-check;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 0 14px;
  padding: 16px 0;
  border-bottom: 1px solid #DED5D0;
}
.kara-contact-checklist li::before {
  content: counter(kara-contact-check, decimal-leading-zero);
  grid-row: 1 / span 2;
  align-self: start;
  color: var(--kara-copper-dark);
  font-size: .72rem;
  font-weight: 900;
}
.kara-contact-checklist strong { color: var(--kara-primary); font-size: .88rem; }
.kara-contact-checklist span { margin-top: 2px; color: var(--kara-muted); font-size: .78rem; line-height: 1.7; }

.kara-contact-locations { padding-block: 80px; background: #fff; }
.kara-contact-location-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 18px; }
.kara-contact-location {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 28px 30px;
  background: #fff;
  border: 1px solid var(--kara-line);
  border-radius: 16px;
}
.kara-contact-location--office { border-top: 3px solid var(--kara-primary); }
.kara-contact-location__head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.kara-contact-location__head span { color: var(--kara-copper-dark); font-size: .73rem; font-weight: 900; }
.kara-contact-location__head strong { color: var(--kara-primary); font-size: 1.08rem; }
.kara-contact-location address { margin: 22px 0 0; color: #364354; font-size: .92rem; font-style: normal; line-height: 2.1; }
.kara-contact-location__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0 0; padding: 18px 0 0; border-top: 1px solid var(--kara-line); }
.kara-contact-location__meta div { min-width: 0; }
.kara-contact-location__meta dt { color: var(--kara-muted); font-size: .68rem; font-weight: 750; }
.kara-contact-location__meta dd { margin: 4px 0 0; color: #364354; font-size: .8rem; font-weight: 750; }
.kara-contact-location__meta a { color: var(--kara-primary); text-decoration: none; }
.kara-contact-location__spacer { flex: 1; min-height: 54px; }
.kara-contact-location__actions { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 22px; }

.kara-contact-social { padding-block: 62px; background: #F8F9FB; border-top: 1px solid var(--kara-line); }
.kara-contact-social__inner {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 64px;
  align-items: center;
}
.kara-contact-social h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.4rem, 2.4vw, 1.95rem); }
.kara-contact-social p { max-width: 610px; margin: 9px 0 0; color: var(--kara-muted); font-size: .84rem; line-height: 1.9; }
.kara-contact-social__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-block: 1px solid var(--kara-line); }
.kara-contact-social__links a {
  min-width: 0;
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 18px;
  color: #394657;
  background: transparent;
  border-left: 1px solid var(--kara-line);
  text-decoration: none;
}
.kara-contact-social__links a:last-child { border-left: 0; }
.kara-contact-social__links a:hover,
.kara-contact-social__links a:focus-visible { color: var(--kara-primary); background: #fff; outline: none; }
.kara-contact-social__links a:focus-visible { box-shadow: inset 0 0 0 2px var(--kara-warm-light); }
.kara-contact-social__links strong { color: var(--kara-primary); font-size: .84rem; }
.kara-contact-social__links span { margin-top: 3px; overflow-wrap: anywhere; color: var(--kara-muted); font-size: .68rem; }

.kara-contact-editorial__grid {
  display: grid;
  grid-template-columns: minmax(250px,.72fr) minmax(0,1.35fr);
  gap: 60px;
  align-items: start;
}
.kara-contact-editorial .kara-entry__content { padding: 0; background: transparent; border: 0; }

@media (max-width: 1040px) {
  .kara-contact-hero__grid { grid-template-columns: 1fr; gap: 40px; }
  .kara-contact-quick { max-width: 720px; }
  .kara-contact-directory__item { grid-template-columns: minmax(0, 1fr) minmax(190px, .62fr); gap: 22px 30px; }
  .kara-contact-directory__actions { grid-column: 1 / -1; padding-right: 48px; }
  .kara-contact-inquiry__grid,
  .kara-contact-social__inner,
  .kara-contact-editorial__grid { grid-template-columns: 1fr; gap: 34px; }
  .kara-contact-location-grid { grid-template-columns: 1fr 1fr; }
  .kara-contact-social__links { max-width: 760px; }
}

@media (max-width: 760px) {
  .kara-contact-hero { padding-block: 34px 48px; }
  .kara-contact-hero .kara-breadcrumbs { margin-bottom: 24px; }
  .kara-contact-hero h1 { font-size: clamp(1.85rem, 9vw, 2.55rem); }
  .kara-contact-hero__lead { font-size: .95rem; }
  .kara-contact-hero__facts { gap: 14px; }
  .kara-contact-hero__facts li { min-width: calc(50% - 8px); }
  .kara-contact-quick__head { padding: 20px; }
  .kara-contact-quick__list { padding-inline: 20px; }
  .kara-contact-quick__row { min-height: 82px; gap: 12px; }
  .kara-contact-quick__row a[dir="ltr"] { font-size: .9rem; }
  .kara-contact-quick__row--primary a[dir="ltr"] { font-size: 1.03rem; }
  .kara-contact-quick__management { align-items: flex-start; flex-direction: column; padding: 14px 20px; gap: 5px; }

  .kara-contact-directory { padding-block: 56px; }
  .kara-contact-section-head { align-items: flex-start; flex-direction: column; gap: 10px; margin-bottom: 24px; }
  .kara-contact-directory__item { grid-template-columns: 1fr; gap: 18px; padding: 22px 0; }
  .kara-contact-directory__item--primary::before { inset-block: 20px; right: -12px; }
  .kara-contact-directory__actions { grid-column: auto; padding-right: 48px; }
  .kara-contact-directory__actions .kara-button { width: 100%; }
  .kara-contact-directory__contact { padding-right: 48px; }
  .kara-contact-management { grid-template-columns: 1fr; gap: 18px; padding: 22px; }
  .kara-contact-management__action { min-width: 0; align-items: stretch; flex-direction: column; }
  .kara-contact-management__action .kara-button { width: 100%; }

  .kara-contact-inquiry { padding-block: 54px; }
  .kara-contact-inquiry__actions,
  .kara-contact-inquiry__actions .kara-button { width: 100%; }

  .kara-contact-locations { padding-block: 56px; }
  .kara-contact-location-grid { grid-template-columns: 1fr; }
  .kara-contact-location { padding: 22px; }
  .kara-contact-location__meta { grid-template-columns: 1fr; }
  .kara-contact-location__spacer { min-height: 20px; }

  .kara-contact-social { padding-block: 50px; }
  .kara-contact-social__links { grid-template-columns: 1fr; border: 1px solid var(--kara-line); }
  .kara-contact-social__links a { min-height: 64px; border-left: 0; border-top: 1px solid var(--kara-line); }
  .kara-contact-social__links a:first-child { border-top: 0; }
}

.kara-footer li small { margin-right: 5px; color: var(--kara-muted); font-size: .7rem; }

.kara-footer__address { margin-top: 10px; }
.kara-footer__address small { display: block; margin: 0 0 3px; color: var(--kara-primary); font-weight: 750; }
.kara-footer__address address { margin: 0; color: var(--kara-muted); font-size: .8rem; font-style: normal; line-height: 1.95; }
.kara-footer__address--workshop { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(1,33,105,.08); }

.kara-footer__legal { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.kara-footer__legal a { color: #fff; opacity: .85; text-decoration: none; }
.kara-footer__legal a:hover,
.kara-footer__legal a:focus-visible { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 980px) {
  .kara-product-archive-hero__grid { grid-template-columns: 1fr; gap: 30px; }
  .kara-product-archive-hero__note { max-width: 680px; }
}

@media (max-width: 760px) {
  .kara-product-archive-hero__grid { gap: 26px; }
  .kara-product-archive-hero__note { padding: 18px; }
  .kara-product-archive__toolbar { display: block; }
  .kara-product-archive__count { display: block; margin-top: 10px; padding: 0; }
  .kara-product-archive__inquiry { align-items: flex-start; flex-direction: column; }
  .kara-product-archive__inquiry .kara-button { width: 100%; }
  .kara-knowledge-hero { padding-block: 38px 44px; }
  .kara-knowledge-layout { padding-block: 30px 54px; }
}

/* v0.2.16 — company catalog integration */
.kara-about-catalog__grid{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,72px);align-items:center}.kara-about-catalog__intro{display:grid;gap:10px}.kara-about-catalog__intro h2{margin:0;color:var(--kara-navy,#012169);font-size:clamp(1.55rem,2.7vw,2.15rem)}.kara-about-catalog__intro>p:last-child{margin:0;color:var(--kara-muted,#667085);line-height:1.9}.kara-product-archive__catalog{margin-top:clamp(28px,4vw,46px)}@media(max-width:820px){.kara-about-catalog__grid{grid-template-columns:1fr;gap:20px}}

/* v0.2.17 — catalog download is sourced from Kara Core on the home page as well. */

/* =========================================================
   Kara Sanat 0.3 — Corporate navigation, hubs and media
   ========================================================= */

/* Keep Home available in the mobile drawer without spending desktop nav space. */
@media (min-width: 1025px) {
  .kara-nav .kara-menu-home { display: none; }
}

.kara-nav .menu-item-has-children > a::after {
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-left: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(-45deg) translateY(-1px);
  opacity: .62;
}
.kara-nav .sub-menu { width: min(280px, 82vw); padding: 8px; }
.kara-nav .sub-menu a { padding-inline: 11px; font-size: .88rem; font-weight: 680; }
.kara-submenu-toggle { display: none; }

/* 0.3.27 — desktop submenu hover corridor and forgiving close delay support. */
@media (min-width: 1281px) and (hover: hover) and (pointer: fine) {
  .kara-nav .menu-item-has-children > .sub-menu::before {
    content: "";
    position: absolute;
    right: 0;
    top: -7px;
    width: 100%;
    height: 9px;
  }
}

.kara-search-toggle {
  width: 44px;
  height: 44px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 44px;
  padding: 0;
  color: var(--kara-navy);
  background: #fff;
  border: 1px solid var(--kara-line);
  border-radius: 10px;
  cursor: pointer;
}
.kara-search-toggle:hover,
.kara-search-toggle:focus-visible { color: var(--kara-navy); border-color: #aeb9c7; background: var(--kara-soft); }
.kara-search-toggle:focus-visible { outline: 3px solid rgba(1,33,105,.13); outline-offset: 2px; }
.kara-search-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.kara-header-search {
  position: fixed;
  z-index: 1100;
  top: var(--kara-search-top, 82px);
  left: 0;
  right: 0;
  padding: 16px 0;
  background: #fff;
  border-bottom: 1px solid var(--kara-line);
  box-shadow: 0 18px 42px rgba(1,33,105,.10);
}
.kara-header-search[hidden] { display: none; }
.kara-header-search__inner { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(320px,1.3fr) 42px; gap: 22px; align-items: center; }
.kara-header-search__intro strong { display: block; color: var(--kara-navy); font-size: .96rem; }
.kara-header-search__intro span { display: block; margin-top: 2px; color: var(--kara-muted); font-size: .78rem; }
.kara-search-close { width: 42px; height: 42px; border: 0; border-radius: 9px; color: var(--kara-navy); background: var(--kara-soft); font-size: 1.65rem; line-height: 1; cursor: pointer; }
.kara-nav__mobile-search { display: none; }

/* Corporate sub navigation */
.kara-company-nav { border-bottom: 1px solid var(--kara-line); background: #fff; }
.kara-company-nav__inner { display: flex; gap: 6px; overflow-x: auto; padding-block: 12px; scrollbar-width: thin; }
.kara-company-nav a { flex: 0 0 auto; min-height: 40px; display: inline-flex; align-items: center; padding: 7px 12px; border-radius: 8px; color: var(--kara-muted); font-size: .85rem; font-weight: 720; }
.kara-company-nav a:hover,
.kara-company-nav a.is-current { color: var(--kara-navy); background: var(--kara-soft); }

/* Resource / media hubs */
.kara-hub-hero { padding: clamp(34px,5vw,66px) 0; background: #fff; border-bottom: 1px solid var(--kara-line); }
.kara-hub-hero__grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(260px,.65fr); gap: clamp(30px,6vw,86px); align-items: center; }
.kara-hub-hero h2 { max-width: 760px; margin: 7px 0 12px; color: var(--kara-navy); font-size: clamp(1.7rem,3.2vw,2.55rem); line-height: 1.5; }
.kara-hub-hero p { max-width: 760px; margin: 0; color: var(--kara-muted); line-height: 1.95; }
.kara-hub-actions { display: grid; gap: 10px; }
.kara-hub-actions .kara-button { width: 100%; }
.kara-resource-feature { display: grid; grid-template-columns: minmax(0,.8fr) minmax(320px,1.2fr); gap: clamp(28px,5vw,64px); align-items: center; }
.kara-resource-feature h2 { margin: 6px 0 10px; color: var(--kara-navy); font-size: clamp(1.5rem,2.6vw,2.05rem); }
.kara-resource-feature p { margin: 0; color: var(--kara-muted); }
.kara-download-listing { display: grid; gap: 16px; }
.kara-hub-editorial { margin-bottom: 28px; }
.kara-empty-note { grid-column: 1 / -1; margin: 0; padding: 22px; color: var(--kara-muted); border: 1px dashed #cfd6de; border-radius: 10px; background: #fff; }
.kara-section--archive-intro { padding-top: clamp(34px,5vw,60px); }

/* Media and event cards */
.kara-media-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.kara-media-card { overflow: hidden; min-width: 0; border: 1px solid var(--kara-line); border-radius: 12px; background: #fff; }
.kara-media-card__thumb { aspect-ratio: 16/10; display: block; overflow: hidden; background: var(--kara-soft); }
.kara-media-card__thumb img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .25s ease; }
.kara-media-card:hover .kara-media-card__thumb img { transform: scale(1.018); }
.kara-media-card__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: #8793a2; font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.kara-media-card__body { padding: 18px; }
.kara-media-card__meta { display: inline-block; margin-bottom: 7px; color: var(--kara-copper-dark); font-size: .75rem; font-weight: 780; }
.kara-media-card__title { margin: 0 0 8px; color: var(--kara-navy); font-size: 1.08rem; line-height: 1.65; }
.kara-media-card__title a { color: inherit; }
.kara-media-card__body p { margin: 0 0 12px; color: var(--kara-muted); font-size: .9rem; line-height: 1.85; }
.kara-media-card__place { color: var(--kara-ink) !important; font-size: .82rem !important; }
.kara-text-link { display: inline-flex; align-items: center; color: var(--kara-navy); font-size: .86rem; font-weight: 800; }
.kara-text-link::after { content: "←"; margin-right: 7px; transition: transform .18s ease; }
.kara-text-link:hover::after { transform: translateX(-3px); }

.kara-event-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0 0 28px; overflow: hidden; border: 1px solid var(--kara-line); border-radius: 12px; background: var(--kara-line); }
.kara-event-facts > div { min-width: 0; padding: 15px 17px; background: #fff; }
.kara-event-facts dt { margin-bottom: 4px; color: var(--kara-muted); font-size: .74rem; font-weight: 700; }
.kara-event-facts dd { margin: 0; color: var(--kara-navy); font-size: .91rem; font-weight: 790; }

/* Native multimedia should look intentional inside posts, events and galleries. */
.kara-entry__content .wp-block-image,
.kara-entry__content .wp-block-gallery,
.kara-entry__content .wp-block-video,
.kara-entry__content .wp-block-audio,
.kara-entry__content .wp-block-embed,
.kara-entry__content figure.wp-caption,
.kara-entry__content .gallery { margin-block: 28px; }
.kara-entry__content .wp-block-video video,
.kara-entry__content video { width: 100%; height: auto; display: block; border-radius: 10px; background: #05070b; }
.kara-entry__content .wp-block-audio audio,
.kara-entry__content audio { width: 100%; min-height: 44px; display: block; }
.kara-entry__content .wp-block-embed__wrapper { position: relative; overflow: hidden; max-width: 100%; }
.kara-entry__content .wp-block-embed.is-type-video .wp-block-embed__wrapper { aspect-ratio: 16/9; }
.kara-entry__content .wp-block-embed.is-type-video iframe,
.kara-entry__content iframe[src*="youtube"],
.kara-entry__content iframe[src*="aparat"] { width: 100%; height: 100%; max-width: 100%; border: 0; border-radius: 10px; }
.kara-entry__content .wp-block-gallery { gap: 10px; }
.kara-entry__content .wp-block-gallery img { border-radius: 8px; }
.kara-entry__content figcaption,
.kara-entry__content .wp-element-caption { margin-top: 7px; color: var(--kara-muted); font-size: .78rem; line-height: 1.75; text-align: right; }

.kara-search-results__top { display: grid; grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr); gap: 24px; align-items: center; margin-bottom: 28px; }
.kara-search-results__top p { margin: 0; color: var(--kara-muted); font-size: .9rem; }

@media (max-width: 1120px) and (min-width: 1025px) {
  .kara-header__inner { gap: 16px; }
  .kara-nav a { padding-inline: 9px; font-size: .86rem; }
  .kara-brand__sub { display: none; }
  .kara-brand__wordmark { min-width: 165px; }
}

@media (max-width: 1024px) {
  .kara-search-toggle { display: none; }
  .kara-header-search { display: none !important; }
  .kara-nav__mobile-search { display: block; margin-bottom: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--kara-line); }
  .kara-nav__mobile-search .kara-search-form { display: grid; grid-template-columns: 1fr auto; }
  .kara-nav .menu-item-has-children { position: relative; }
  .kara-nav .menu-item-has-children > a { padding-left: 48px; }
  .kara-nav .menu-item-has-children > a::after { display: none; }
  .kara-submenu-toggle {
    position: absolute;
    z-index: 2;
    top: 7px;
    left: 2px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: var(--kara-navy);
    background: transparent;
    cursor: pointer;
  }
  .kara-submenu-toggle span { width: 8px; height: 8px; border-left: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); transition: transform .18s ease; }
  .kara-submenu-toggle[aria-expanded="true"] span { transform: rotate(135deg) translate(-1px,-1px); }
  .kara-nav .sub-menu { display: none; }
  .kara-nav li.submenu-open > .sub-menu { display: block; }
  .kara-hub-hero__grid,
  .kara-resource-feature { grid-template-columns: 1fr; }
  .kara-media-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .kara-company-nav__inner { width: 100%; padding-inline: 16px; }
  .kara-media-grid { grid-template-columns: 1fr; }
  .kara-event-facts { grid-template-columns: 1fr 1fr; }
  .kara-search-results__top { grid-template-columns: 1fr; }
  .kara-hub-actions { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .kara-event-facts { grid-template-columns: 1fr; }
}

@media print {
  .kara-company-nav,
  .kara-header-search { display: none !important; }
}
.kara-discovery__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--kara-line); border-radius: 12px; background: var(--kara-line); }
.kara-discovery__grid a { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 22px; color: var(--kara-ink); background: #fff; }
.kara-discovery__grid strong { color: var(--kara-navy); font-size: 1.02rem; }
.kara-discovery__grid span { margin-top: 4px; color: var(--kara-muted); font-size: .86rem; }
.kara-discovery__grid a:hover { background: var(--kara-soft); }
@media (max-width:760px){.kara-discovery__grid{grid-template-columns:1fr}.kara-discovery__grid a{min-height:0}}
.kara-filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.kara-filter-row a { min-height: 38px; display: inline-flex; align-items: center; padding: 6px 12px; color: var(--kara-muted); border: 1px solid var(--kara-line); border-radius: 8px; background: #fff; font-size: .82rem; font-weight: 700; }
.kara-filter-row a:hover,.kara-filter-row a.is-active { color: #fff; border-color: var(--kara-navy); background: var(--kara-navy); }

/* =========================================================
   Corporate section pages — v0.3.1
   Dedicated, evidence-led visual language for Company pages.
   ========================================================= */
.kara-corporate{background:#fff}.kara-corp-hero{padding:clamp(38px,5.5vw,76px) 0 clamp(48px,6.6vw,92px);background:#fff;border-bottom:1px solid var(--kara-line)}.kara-corp-hero .kara-breadcrumbs{margin-bottom:clamp(26px,3vw,42px)}.kara-corp-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(40px,7vw,100px);align-items:start}.kara-corp-hero__copy{max-width:820px}.kara-corp-hero h1{margin:0;color:var(--kara-primary);font-size:clamp(2rem,4.3vw,3.45rem);line-height:1.48;letter-spacing:-.025em}.kara-corp-hero__lead{max-width:780px;margin:22px 0 0;color:var(--kara-muted);font-size:clamp(1rem,1.5vw,1.12rem);line-height:2.05}.kara-corp-hero__aside{border-top:3px solid var(--kara-primary);padding-top:18px}.kara-corp-hero__aside-label{display:block;margin-bottom:14px;color:var(--kara-copper-dark);font-size:.76rem;font-weight:900}.kara-corp-hero__aside ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--kara-line)}.kara-corp-hero__aside li{display:grid;gap:4px;padding:15px 0;border-bottom:1px solid var(--kara-line)}.kara-corp-hero__aside strong{color:var(--kara-primary);font-size:.91rem}.kara-corp-hero__aside li span{color:var(--kara-muted);font-size:.82rem;line-height:1.75}.kara-corp-section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);gap:clamp(30px,6vw,86px);align-items:end;margin-bottom:36px}.kara-corp-section-head h2{margin:0;color:var(--kara-primary);font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.55}.kara-corp-section-head>p{margin:0;color:var(--kara-muted);line-height:1.95}.kara-corp-cta{padding:clamp(54px,7vw,86px) 0;background:#fff;border-top:1px solid var(--kara-line)}.kara-corp-cta__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.kara-corp-cta h2{max-width:820px;margin:0;color:var(--kara-primary);font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.65}.kara-corp-cta__actions{display:flex;flex-wrap:wrap;gap:10px}.kara-company-editorial{border-top:1px solid var(--kara-line)}.kara-company-editorial__inner{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(34px,6vw,88px)}.kara-company-editorial__inner header h2{margin:0;color:var(--kara-primary)}

/* Leadership */
.kara-leadership-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--kara-line);border-bottom:1px solid var(--kara-line)}.kara-leader-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:22px;padding:34px 34px 36px;border-left:1px solid var(--kara-line)}.kara-leader-card:last-child{border-left:0}.kara-leader-card__index{color:var(--kara-warm);font-size:.82rem;font-weight:900;letter-spacing:.08em}.kara-leader-card__role{margin:0 0 5px;color:var(--kara-copper-dark);font-size:.78rem;font-weight:850}.kara-leader-card h3{margin:0;color:var(--kara-primary);font-size:1.42rem}.kara-leader-card__body>p:not(.kara-leader-card__role){margin:14px 0 20px;color:var(--kara-muted);line-height:1.95}.kara-leader-card__scope{display:flex;flex-wrap:wrap;gap:7px}.kara-leader-card__scope span{padding:6px 9px;border:1px solid var(--kara-line);border-radius:6px;color:#4f5c6b;background:#fff;font-size:.74rem;font-weight:720}.kara-governance__grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,100px)}.kara-governance__intro h2{margin:0;color:var(--kara-primary);font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.65}.kara-governance__list{list-style:none;margin:0;padding:0;border-top:1px solid #d9dee5}.kara-governance__list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #d9dee5}.kara-governance__list>li>span{color:var(--kara-copper-dark);font-size:.78rem;font-weight:900}.kara-governance__list h3{margin:0 0 6px;color:var(--kara-primary);font-size:1rem}.kara-governance__list p{margin:0;color:var(--kara-muted);font-size:.88rem;line-height:1.9}

/* Capabilities */
.kara-capability-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kara-capability-mini span{min-height:52px;display:flex;align-items:center;padding:10px 12px;border:1px solid var(--kara-line);border-radius:7px;color:var(--kara-primary);background:#fff;font-size:.8rem;font-weight:800}.kara-capability-list{border-top:1px solid var(--kara-line)}.kara-capability-list article{display:grid;grid-template-columns:54px minmax(0,1fr) 110px;gap:22px;align-items:start;padding:27px 0;border-bottom:1px solid var(--kara-line)}.kara-capability-list__no{color:var(--kara-warm);font-size:.82rem;font-weight:900}.kara-capability-list h3{margin:0 0 7px;color:var(--kara-primary);font-size:1.08rem}.kara-capability-list p{max-width:820px;margin:0;color:var(--kara-muted);font-size:.9rem;line-height:1.95}.kara-capability-list__tag{justify-self:end;color:#7b645a;font-size:.7rem;font-weight:900;letter-spacing:.04em}.kara-capabilities-workshop__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:clamp(44px,8vw,110px);align-items:center}.kara-capabilities-workshop h2{margin:0;color:var(--kara-primary);font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.6}.kara-capabilities-workshop p{margin:15px 0;color:var(--kara-muted);line-height:2}.kara-capabilities-workshop address{margin-top:20px;padding-top:16px;border-top:1px solid #d9dee5;color:#5f6670;font-style:normal;font-size:.85rem;line-height:1.8}.kara-capabilities-workshop__ops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d7dde4;border-right:1px solid #d7dde4}.kara-capabilities-workshop__ops li{min-height:92px;display:flex;align-items:flex-end;padding:18px;border-left:1px solid #d7dde4;border-bottom:1px solid #d7dde4;color:var(--kara-primary);background:#fff;font-weight:850}.kara-capabilities-boundary__grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,100px);align-items:start}.kara-capabilities-boundary h2{margin:0;color:var(--kara-primary);font-size:clamp(1.5rem,2.7vw,2.1rem);line-height:1.65}.kara-capabilities-boundary__grid>p{margin:0;padding-right:24px;border-right:3px solid var(--kara-warm);color:var(--kara-muted);line-height:2}

/* Policy / values */
.kara-policy-quote{margin:0;padding:22px 0 0;border-top:3px solid var(--kara-warm)}.kara-policy-quote p{margin:0;color:var(--kara-primary);font-size:1.05rem;font-weight:850;line-height:1.95}.kara-policy-quote span{display:block;margin-top:13px;color:var(--kara-muted);font-size:.76rem}.kara-policy-statement__grid,.kara-policy-vision__grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(40px,7vw,100px)}.kara-policy-statement h2,.kara-policy-vision h2{margin:0;color:var(--kara-primary);font-size:clamp(1.55rem,2.7vw,2.2rem);line-height:1.65}.kara-policy-statement__grid>div:last-child p{margin:0 0 14px;color:var(--kara-muted);line-height:2}.kara-values-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #d7dde4;border-right:1px solid #d7dde4}.kara-values-grid article{min-height:220px;padding:22px 20px;border-left:1px solid #d7dde4;border-bottom:1px solid #d7dde4;background:#fff}.kara-values-grid article>span{display:block;margin-bottom:34px;color:var(--kara-warm);font-size:.75rem;font-weight:900}.kara-values-grid h3{margin:0 0 8px;color:var(--kara-primary);font-size:1rem}.kara-values-grid p{margin:0;color:var(--kara-muted);font-size:.82rem;line-height:1.85}.kara-policy-vision{padding:clamp(62px,8vw,104px) 0;background:var(--kara-primary);color:#fff}.kara-policy-vision .kara-kicker{color:var(--kara-warm-light)}.kara-policy-vision h2{color:#fff}.kara-policy-vision__grid>p{margin:0;color:#d9e1ed;font-size:1.02rem;line-height:2.05}.kara-commitment-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--kara-line)}.kara-commitment-list li{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:38px;padding:19px 0;border-bottom:1px solid var(--kara-line)}.kara-commitment-list strong{color:var(--kara-primary);font-size:.91rem}.kara-commitment-list span{color:var(--kara-muted);font-size:.87rem;line-height:1.85}

/* Certifications */
.kara-cert-trust{padding:22px 0 0;border-top:3px solid var(--kara-primary)}.kara-cert-trust>span{color:var(--kara-copper-dark);font-size:.76rem;font-weight:900}.kara-cert-trust strong{display:block;margin-top:7px;color:var(--kara-primary);font-size:1.22rem}.kara-cert-trust p{margin:10px 0 0;color:var(--kara-muted);font-size:.84rem;line-height:1.85}.kara-cert-empty{display:grid;grid-template-columns:60px minmax(0,1fr);gap:22px;max-width:860px;padding:26px 0;border-top:1px solid var(--kara-line);border-bottom:1px solid var(--kara-line)}.kara-cert-empty__mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--kara-warm);border-radius:50%;color:var(--kara-primary);font-weight:900}.kara-cert-empty h3{margin:0 0 7px;color:var(--kara-primary);font-size:1.08rem}.kara-cert-empty p{margin:0;color:var(--kara-muted);line-height:1.9}.kara-cert-editorial{max-width:980px}.kara-cert-editorial h2,.kara-cert-editorial h3{color:var(--kara-primary)}.kara-cert-standard__grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,100px)}.kara-cert-standard__grid h2{margin:0;color:var(--kara-primary);font-size:clamp(1.5rem,2.7vw,2.15rem);line-height:1.65}.kara-cert-standard__list{margin:0;border-top:1px solid #d7dde4}.kara-cert-standard__list>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid #d7dde4}.kara-cert-standard__list dt{color:var(--kara-primary);font-weight:850}.kara-cert-standard__list dd{margin:0;color:var(--kara-muted)}

@media(max-width:980px){.kara-corp-hero__grid,.kara-corp-section-head,.kara-governance__grid,.kara-capabilities-workshop__grid,.kara-capabilities-boundary__grid,.kara-policy-statement__grid,.kara-policy-vision__grid,.kara-cert-standard__grid{grid-template-columns:1fr;gap:32px}.kara-corp-hero__aside,.kara-policy-quote,.kara-cert-trust{max-width:680px}.kara-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kara-company-editorial__inner{grid-template-columns:1fr}.kara-corp-cta__inner{grid-template-columns:1fr}.kara-corp-cta__actions{justify-content:flex-start}}
@media(max-width:760px){.kara-corp-hero{padding-top:30px}.kara-corp-hero h1{font-size:clamp(1.78rem,8vw,2.4rem)}.kara-corp-hero__lead{margin-top:15px}.kara-leadership-grid{grid-template-columns:1fr;border-bottom:0}.kara-leader-card{grid-template-columns:42px minmax(0,1fr);padding:26px 0;border-left:0;border-bottom:1px solid var(--kara-line)}.kara-capability-list article{grid-template-columns:38px minmax(0,1fr);gap:14px}.kara-capability-list__tag{grid-column:2;justify-self:start}.kara-capabilities-workshop__ops{grid-template-columns:1fr}.kara-capabilities-workshop__ops li{min-height:64px}.kara-values-grid{grid-template-columns:1fr;border-bottom:0}.kara-values-grid article{min-height:0}.kara-values-grid article>span{margin-bottom:18px}.kara-commitment-list li{grid-template-columns:1fr;gap:6px}.kara-cert-standard__list>div{grid-template-columns:1fr;gap:4px}.kara-cert-empty{grid-template-columns:42px minmax(0,1fr)}.kara-corp-cta__actions{width:100%}.kara-corp-cta__actions .kara-button,.kara-corp-cta__inner>.kara-button{width:100%;justify-content:center}}
@media print{.kara-company-nav,.kara-corp-cta{display:none!important}.kara-corp-hero{padding:20px 0}.kara-policy-vision{background:#fff!important;color:#111!important;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.kara-policy-vision h2,.kara-policy-vision__grid>p{color:#111!important}}

/* 0.3.3 — Resources catalog: one message, one asset, no duplicate nested card. */
.kara-resource-feature--catalog {
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: clamp(30px,5vw,72px);
  padding: clamp(28px,4vw,48px);
  border: 1px solid var(--kara-line);
  border-radius: 14px;
  background: #fff;
}
.kara-resource-feature--catalog .kara-resource-feature__intro { max-width: 620px; }
.kara-resource-feature--catalog .kara-resource-feature__intro p { line-height: 1.95; }
.kara-resource-feature__download { min-width: 0; padding-right: clamp(24px,3vw,42px); border-right: 1px solid var(--kara-line); }
.kara-resource-feature__download .kara-download-box--inline { background: transparent; }
.kara-resource-feature__download .kara-download-file { border-top: 0; padding-top: 0; }
.kara-resource-feature__download .kara-download-file__meta strong { color: var(--kara-navy); font-size: 1rem; }
.kara-resource-feature__download .kara-download-file__button { min-width: 150px; }
@media (max-width: 1180px) {
  .kara-resource-feature--catalog { grid-template-columns: 1fr; gap: 24px; }
  .kara-resource-feature__download { padding-right: 0; padding-top: 22px; border-right: 0; border-top: 1px solid var(--kara-line); }
}
@media (max-width: 680px) {
  .kara-resource-feature--catalog { padding: 20px; border-radius: 10px; }
  .kara-resource-feature__download .kara-download-file { grid-template-columns: 1fr; }
  .kara-resource-feature__download .kara-download-file__button { width: 100%; }
}

/* =========================================================
   Corporate pages — v0.3.4 visual hierarchy refresh
   Higher contrast, brand-tinted surfaces, clearer grouping.
   No gradients; no decorative imagery.
   ========================================================= */
.kara-corporate {
  --kara-corp-paper: #FCFBFA;
  --kara-corp-warm-soft: #F7F0EC;
  --kara-corp-warm-mid: #EEDFD7;
  --kara-corp-blue-soft: #F2F5FA;
  --kara-corp-blue-mid: #E7EDF6;
  --kara-corp-border: #D7DEE8;
  --kara-corp-copy: #465260;
  background: var(--kara-corp-paper);
}
.kara-corporate .kara-kicker {
  color: var(--kara-copper-dark);
  font-weight: 900;
  letter-spacing: .01em;
}
.kara-corporate .kara-section { padding-block: clamp(58px,7vw,92px); }
.kara-corporate p,
.kara-corporate dd,
.kara-corporate li span { color: var(--kara-corp-copy); }

/* Company sub-navigation: stronger orientation and active state. */
.kara-corporate + .kara-company-nav,
.kara-corporate .kara-company-nav { background: #FCF8F5; border-block: 1px solid #E7DDD7; }
.kara-company-nav__inner { gap: 8px; padding-block: 13px; }
.kara-company-nav a {
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #536070;
  background: transparent;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease;
}
.kara-company-nav a:hover { color: var(--kara-primary); background: #fff; border-color: #E3D8D1; }
.kara-company-nav a.is-current {
  color: #fff;
  background: var(--kara-primary);
  border-color: var(--kara-primary);
}

/* Corporate hero: each page gets a real surface rather than a white blank canvas. */
.kara-corp-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(42px,5.8vw,80px) 0 clamp(52px,6.6vw,94px);
  border-bottom: 1px solid var(--kara-corp-border);
  background: var(--kara-corp-warm-soft);
}
.kara-corp-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: var(--kara-primary);
}
.kara-leadership .kara-corp-hero { background: var(--kara-corp-blue-soft); }
.kara-leadership .kara-corp-hero::before { background: var(--kara-warm); }
.kara-capabilities .kara-corp-hero { background: #F8F1ED; }
.kara-policy .kara-corp-hero { background: #FBF5F1; }
.kara-certifications .kara-corp-hero { background: #F3F6FA; }
.kara-corp-hero h1 { max-width: 880px; color: var(--kara-primary); }
.kara-corp-hero__lead { color: #465466; }

/* Side modules in hero become distinct information panels. */
.kara-corp-hero__aside,
.kara-policy-quote,
.kara-cert-trust {
  border: 1px solid var(--kara-corp-border);
  border-top: 4px solid var(--kara-primary);
  border-radius: 14px;
  padding: 22px 22px 20px;
  background: #fff;
}
.kara-leadership .kara-corp-hero__aside {
  border-color: var(--kara-primary);
  background: var(--kara-primary);
  color: #fff;
}
.kara-leadership .kara-corp-hero__aside-label { color: var(--kara-warm-light); }
.kara-leadership .kara-corp-hero__aside ul { border-top-color: rgba(255,255,255,.2); }
.kara-leadership .kara-corp-hero__aside li { border-bottom-color: rgba(255,255,255,.18); }
.kara-leadership .kara-corp-hero__aside strong { color: #fff; }
.kara-leadership .kara-corp-hero__aside li span { color: #D8E1EE; }

.kara-capabilities .kara-corp-hero__aside { border-top-color: var(--kara-warm); background: #fff; }
.kara-capability-mini { gap: 10px; }
.kara-capability-mini span {
  min-height: 58px;
  border: 1px solid #E4D8D2;
  border-radius: 10px;
  background: #FBF7F4;
}
.kara-capability-mini span:nth-child(2),
.kara-capability-mini span:nth-child(3) { background: var(--kara-corp-blue-soft); border-color: #DCE4F0; }

.kara-policy-quote {
  border-color: var(--kara-primary);
  background: var(--kara-primary);
  padding: 26px;
}
.kara-policy-quote p { color: #fff; font-size: 1.08rem; }
.kara-policy-quote span { color: #D9E1EC; }
.kara-cert-trust { border-top-color: var(--kara-warm); background: #FFF9F5; }

/* Stronger section intros: improve scanability without adding decoration. */
.kara-corp-section-head { align-items: start; }
.kara-corp-section-head > div { position: relative; padding-top: 16px; }
.kara-corp-section-head > div::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 3px;
  background: var(--kara-warm);
}
.kara-corp-section-head > p { color: #4A5665; font-size: .97rem; }

/* Leadership — people and governance need stronger visual identity. */
.kara-leadership-team { background: #fff; }
.kara-leadership-grid {
  gap: 18px;
  border: 0;
  background: transparent;
}
.kara-leader-card {
  position: relative;
  grid-template-columns: 58px minmax(0,1fr);
  gap: 20px;
  padding: 30px;
  border: 1px solid var(--kara-corp-border);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}
.kara-leader-card:last-child { border-left: 1px solid var(--kara-corp-border); }
.kara-leader-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: var(--kara-primary);
}
.kara-leader-card:nth-child(2) { background: #FBF7F4; border-color: #E8DCD5; }
.kara-leader-card:nth-child(2)::before { background: var(--kara-warm); }
.kara-leader-card__index {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--kara-primary);
  background: var(--kara-corp-blue-soft);
}
.kara-leader-card:nth-child(2) .kara-leader-card__index { background: #F0E2DA; }
.kara-leader-card__body > p:not(.kara-leader-card__role) { color: #4C5867; }
.kara-leader-card__scope span {
  border-color: #D7DFEA;
  background: var(--kara-corp-blue-soft);
  color: #44546A;
}
.kara-leader-card:nth-child(2) .kara-leader-card__scope span { border-color: #E5D7CF; background: #fff; }
.kara-governance { background: var(--kara-corp-blue-soft) !important; }
.kara-governance__list { display: grid; gap: 12px; border: 0; }
.kara-governance__list li {
  grid-template-columns: 48px minmax(0,1fr);
  padding: 20px;
  border: 1px solid #DCE4EF;
  border-radius: 12px;
  background: #fff;
}
.kara-governance__list > li > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #F2E6DF;
  color: #76594B;
}

/* Capabilities — turn a long monochrome list into a readable operations map. */
.kara-capabilities .kara-section[aria-labelledby="kara-capabilities-title"] { background: #fff; }
.kara-capability-list { display: grid; gap: 12px; border: 0; }
.kara-capability-list article {
  grid-template-columns: 56px minmax(0,1fr) 118px;
  gap: 20px;
  padding: 23px 24px;
  border: 1px solid #DDE3EB;
  border-radius: 12px;
  background: var(--kara-corp-blue-soft);
}
.kara-capability-list article:nth-child(even) { background: #FBF6F2; border-color: #E8DCD4; }
.kara-capability-list__no {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #fff;
  color: var(--kara-primary);
}
.kara-capability-list__tag {
  align-self: center;
  justify-self: end;
  padding: 6px 9px;
  border-radius: 7px;
  color: #556274;
  background: #fff;
  border: 1px solid #D8DFE8;
}
.kara-capabilities-workshop {
  background: var(--kara-primary) !important;
  color: #fff;
}
.kara-capabilities-workshop .kara-kicker { color: var(--kara-warm-light); }
.kara-capabilities-workshop h2 { color: #fff; }
.kara-capabilities-workshop p { color: #D8E1EC; }
.kara-capabilities-workshop address { color: #C9D5E5; border-top-color: rgba(255,255,255,.22); }
.kara-capabilities-workshop__ops { gap: 10px; border: 0; }
.kara-capabilities-workshop__ops li {
  min-height: 100px;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 11px;
  color: var(--kara-primary);
  background: #fff;
}
.kara-capabilities-workshop__ops li:nth-child(2),
.kara-capabilities-workshop__ops li:nth-child(3) { background: #F4E8E1; border-color: #F4E8E1; }
.kara-capabilities-boundary { background: #FFF9F5; }
.kara-capabilities-boundary__grid {
  padding: clamp(28px,4vw,44px);
  border: 1px solid #E8D9D1;
  border-radius: 14px;
  background: #fff;
}
.kara-capabilities-boundary__grid > p { color: #4A5563; }

/* Policy — values become visual units instead of five white cells. */
.kara-policy-statement { background: #fff; }
.kara-policy-statement__grid > div:last-child {
  padding: 24px 26px;
  border-right: 4px solid var(--kara-warm);
  border-radius: 10px 0 0 10px;
  background: #FBF7F4;
}
.kara-policy .kara-section--soft { background: #F7F1ED !important; }
.kara-values-grid {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
  border: 0;
  background: transparent;
}
.kara-values-grid article {
  min-height: 230px;
  padding: 24px 21px;
  border: 1px solid #E3DAD4;
  border-radius: 12px;
  background: #fff;
}
.kara-values-grid article:nth-child(even) { background: var(--kara-corp-blue-soft); border-color: #DCE4EE; }
.kara-values-grid article:nth-child(3) { background: #F1E4DC; }
.kara-values-grid article > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  margin-bottom: 26px;
  border-radius: 9px;
  color: #6D5143;
  background: #F2E4DC;
}
.kara-values-grid article:nth-child(even) > span { color: var(--kara-primary); background: #fff; }
.kara-policy-vision { border-block: 1px solid #163B7C; }
.kara-policy .kara-section[aria-labelledby="kara-commitments-title"] { background: #fff; }
.kara-commitment-list { display: grid; gap: 10px; border: 0; }
.kara-commitment-list li {
  grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr);
  gap: 34px;
  padding: 18px 20px;
  border: 1px solid var(--kara-corp-border);
  border-right: 4px solid var(--kara-primary);
  border-radius: 10px;
  background: #fff;
}
.kara-commitment-list li:nth-child(even) { border-right-color: var(--kara-warm); background: #FCF8F5; }

/* Certifications — trustworthy and legible even before documents are published. */
.kara-certifications .kara-section[aria-labelledby="kara-cert-list-title"] { background: #fff; }
.kara-cert-empty {
  max-width: 920px;
  padding: 26px;
  border: 1px solid #E7D8D0;
  border-radius: 14px;
  background: #FFF8F4;
}
.kara-cert-empty__mark {
  border: 0;
  border-radius: 10px;
  color: #fff;
  background: var(--kara-primary);
}
.kara-certifications .kara-section--soft { background: var(--kara-corp-blue-soft) !important; }
.kara-cert-standard__list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  border: 0;
}
.kara-cert-standard__list > div {
  grid-template-columns: 1fr;
  gap: 5px;
  padding: 18px;
  border: 1px solid #DCE4EF;
  border-radius: 10px;
  background: #fff;
}
.kara-cert-standard__list dt { font-size: .86rem; }
.kara-cert-standard__list dd { color: #586474; font-size: .84rem; }
.kara-cert-editorial {
  padding: clamp(24px,4vw,38px);
  border: 1px solid var(--kara-corp-border);
  border-radius: 14px;
  background: #fff;
}

/* Optional editorial content should look like an intentional layer, not raw editor text. */
.kara-company-editorial { border-top: 0; background: #FAF6F3; }
.kara-company-editorial__inner {
  padding-block: clamp(58px,7vw,88px);
}

/* Leadership: avoid accumulated whitespace between governance and editorial. */
.kara-corporate.kara-leadership .kara-governance {
  padding-block: clamp(38px,4vw,56px) clamp(24px,2.5vw,34px);
}
.kara-corporate.kara-leadership .kara-company-editorial {
  padding-block: 0;
}
.kara-corporate.kara-leadership .kara-company-editorial__inner {
  padding-block: clamp(24px,2.8vw,36px);
}

/* Capabilities and policy: eliminate double vertical spacing before editorial content. */
.kara-corporate.kara-capabilities .kara-capabilities-boundary,
.kara-corporate.kara-policy .kara-section[aria-labelledby="kara-commitments-title"] {
  padding-bottom: clamp(24px,2.5vw,34px);
}
.kara-corporate.kara-capabilities .kara-company-editorial,
.kara-corporate.kara-policy .kara-company-editorial {
  padding-block: 0;
}
.kara-corporate.kara-capabilities .kara-company-editorial__inner,
.kara-corporate.kara-policy .kara-company-editorial__inner {
  padding-block: clamp(24px,2.8vw,36px);
}
.kara-company-editorial__inner > header {
  padding: 22px;
  border-top: 4px solid var(--kara-warm);
  border-radius: 12px;
  background: #fff;
}
.kara-company-editorial__inner .kara-entry__content {
  padding: clamp(24px,4vw,38px);
  border: 1px solid #E5DDD8;
  border-radius: 12px;
  background: #fff;
}

/* End-of-page CTA: a clear closing module with strong contrast. */
.kara-corp-cta { padding: clamp(48px,6vw,72px) 0; border-top: 0; background: #fff; }
.kara-corp-cta__inner {
  padding: clamp(28px,4vw,42px);
  border-radius: 16px;
  background: var(--kara-primary);
}
.kara-corp-cta .kara-kicker { color: var(--kara-warm-light); }
.kara-corp-cta h2 { color: #fff; }
.kara-corp-cta .kara-button--primary { color: var(--kara-primary) !important; border-color: #fff; background: #fff; }
.kara-corp-cta .kara-button--primary:hover { color: var(--kara-primary) !important; background: #F7F1ED; }
.kara-corp-cta .kara-button--ghost { color: #fff !important; border-color: rgba(255,255,255,.55); background: transparent; }
.kara-corp-cta .kara-button--ghost:hover { color: var(--kara-primary) !important; border-color: #fff; background: #fff; }

@media (max-width: 980px) {
  .kara-values-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-cert-standard__list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-corp-hero::before { width: 5px; }
}
@media (max-width: 760px) {
  .kara-corporate .kara-section { padding-block: 50px; }
  .kara-corp-hero { padding-block: 32px 52px; }
  .kara-corp-hero__aside,
  .kara-policy-quote,
  .kara-cert-trust { padding: 18px; border-radius: 11px; }
  .kara-leader-card { grid-template-columns: 42px minmax(0,1fr); padding: 22px; border-radius: 11px; }
  .kara-leadership-grid { gap: 12px; }
  .kara-governance__list li { padding: 17px; }
  .kara-capability-list article { grid-template-columns: 42px minmax(0,1fr); padding: 18px; }
  .kara-capability-list__tag { grid-column: 2; justify-self: start; }
  .kara-capabilities-workshop__ops { grid-template-columns: 1fr; }
  .kara-capabilities-workshop__ops li { min-height: 68px; }
  .kara-capabilities-boundary__grid { padding: 22px; }
  .kara-values-grid { grid-template-columns: 1fr; gap: 10px; }
  .kara-values-grid article { min-height: 0; padding: 20px; }
  .kara-commitment-list li { grid-template-columns: 1fr; gap: 6px; padding: 17px; }
  .kara-cert-standard__list { grid-template-columns: 1fr; }
  .kara-company-editorial__inner > header,
  .kara-company-editorial__inner .kara-entry__content { padding: 20px; }
  .kara-corp-cta__inner { padding: 24px 20px; border-radius: 12px; }
}
@media print {
  .kara-corporate,
  .kara-corp-hero,
  .kara-governance,
  .kara-capabilities-workshop,
  .kara-policy .kara-section--soft,
  .kara-certifications .kara-section--soft,
  .kara-company-editorial { background: #fff !important; }
  .kara-leadership .kara-corp-hero__aside,
  .kara-policy-quote,
  .kara-capabilities-workshop,
  .kara-corp-cta__inner { color: #111 !important; background: #fff !important; border: 1px solid #bbb !important; }
  .kara-leadership .kara-corp-hero__aside strong,
  .kara-leadership .kara-corp-hero__aside li span,
  .kara-policy-quote p,
  .kara-policy-quote span,
  .kara-capabilities-workshop h2,
  .kara-capabilities-workshop p,
  .kara-capabilities-workshop address { color: #111 !important; }
}

/* =========================================================
   Kara Sanat 0.3.5 — Professional media gallery
   ========================================================= */
.kara-gallery-archive-hero {
  padding: clamp(34px,5vw,68px) 0;
  border-bottom: 1px solid var(--kara-line);
  background: #f7f4f1;
}
.kara-gallery-archive-hero .kara-breadcrumbs { margin-bottom: 26px; }
.kara-gallery-archive-hero__grid {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
  gap: clamp(28px,5vw,70px);
  align-items: center;
}
.kara-gallery-archive-hero__copy h1 {
  max-width: 760px;
  margin: 7px 0 14px;
  color: var(--kara-navy);
  font-size: clamp(2rem,4.2vw,3.65rem);
  line-height: 1.35;
}
.kara-gallery-archive-hero__copy > p:last-child {
  max-width: 760px;
  margin: 0;
  color: var(--kara-muted);
  font-size: clamp(.95rem,1.35vw,1.05rem);
  line-height: 2;
}
.kara-gallery-archive-hero__note {
  padding: clamp(22px,3.5vw,32px);
  color: #fff;
  border-radius: 14px;
  background: var(--kara-navy);
}
.kara-gallery-archive-hero__note strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1rem;
}
.kara-gallery-archive-hero__note p {
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: .86rem;
  line-height: 1.95;
}
.kara-gallery-archive-hero__note span {
  display: inline-flex;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.18);
  color: #fff;
  font-size: .78rem;
  font-weight: 760;
}

.kara-gallery-archive { padding-block: clamp(52px,7vw,86px); }
.kara-gallery-archive__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.kara-gallery-archive__head h2 {
  margin: 5px 0 0;
  color: var(--kara-navy);
  font-size: clamp(1.55rem,2.8vw,2.15rem);
}
.kara-gallery-archive__head > p {
  max-width: 460px;
  margin: 0;
  color: var(--kara-muted);
  font-size: .86rem;
  line-height: 1.85;
}
.kara-gallery-filter { margin-bottom: 30px; }
.kara-gallery-filter a {
  gap: 8px;
  padding-inline: 13px;
}
.kara-gallery-filter a small {
  min-width: 22px;
  display: inline-grid;
  place-items: center;
  padding: 1px 5px;
  color: inherit;
  border-radius: 999px;
  background: rgba(1,33,105,.06);
  font-size: .68rem;
  font-weight: 800;
}
.kara-gallery-filter a.is-active small,
.kara-gallery-filter a:hover small { background: rgba(255,255,255,.16); }

.kara-gallery-grid {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 16px;
}
.kara-gallery-card {
  grid-column: span 3;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--kara-line);
  border-radius: 10px;
  background: #fff;
  transition: border-color .18s ease, transform .18s ease;
}
.kara-gallery-card:hover { border-color: #b9c2cf; transform: translateY(-2px); }
.kara-gallery-card__media {
  position: relative;
  aspect-ratio: 16/10;
  display: block;
  overflow: hidden;
  background: var(--kara-soft);
}
.kara-gallery-card__media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .28s ease;
}
.kara-gallery-card:hover .kara-gallery-card__media img { transform: scale(1.018); }
.kara-gallery-card__placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 20px;
  color: var(--kara-navy);
  background: #f3eee9;
}
.kara-gallery-card__placeholder span {
  padding: 8px 12px;
  border: 1px solid rgba(1,33,105,.14);
  border-radius: 8px;
  font-size: .8rem;
  font-weight: 800;
}
.kara-gallery-card__count {
  position: absolute;
  left: 12px;
  bottom: 12px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  color: var(--kara-navy);
  border: 1px solid rgba(1,33,105,.10);
  border-radius: 7px;
  background: #fff;
  font-size: .72rem;
  font-weight: 820;
}
.kara-gallery-card__body { padding: 14px 14px 16px; }
.kara-gallery-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
  color: var(--kara-muted);
  font-size: .72rem;
}
.kara-gallery-card__meta span { color: var(--kara-copper-dark); font-weight: 780; }
.kara-gallery-card__meta time { white-space: nowrap; }
.kara-gallery-card__title {
  margin: 0 0 8px;
  color: var(--kara-navy);
  font-size: .98rem;
  line-height: 1.65;
}
.kara-gallery-card__title a { color: inherit; }
.kara-gallery-card__body > p {
  margin: 0 0 13px;
  color: var(--kara-muted);
  font-size: .8rem;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Archive cards intentionally stay compact and equal-weight. */

/* Single gallery hero */
.kara-gallery-single-hero {
  padding: clamp(30px,4.7vw,58px) 0 clamp(42px,6vw,72px);
  border-bottom: 1px solid var(--kara-line);
  background: #f7f4f1;
}
.kara-gallery-single-hero .kara-breadcrumbs { margin-bottom: 24px; }
.kara-gallery-single-hero__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,.82fr);
  gap: clamp(28px,5vw,64px);
  align-items: center;
}
.kara-gallery-single-hero__copy h1 {
  margin: 7px 0 14px;
  color: var(--kara-navy);
  font-size: clamp(2rem,4vw,3.35rem);
  line-height: 1.42;
}
.kara-gallery-single-hero__lead {
  margin: 0;
  color: var(--kara-muted);
  font-size: 1rem;
  line-height: 2;
}
.kara-gallery-single-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(1,33,105,.12);
  color: var(--kara-muted);
  font-size: .79rem;
}
.kara-gallery-single-hero__meta strong { color: var(--kara-navy); }
.kara-gallery-single-hero__visual {
  overflow: hidden;
  min-height: 250px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(1,33,105,.10);
}
.kara-gallery-single-hero__visual img {
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 400px;
  display: block;
  object-fit: cover;
}
.kara-gallery-single-hero__placeholder {
  min-height: 250px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 34px;
  color: #fff;
  background: var(--kara-navy);
}
.kara-gallery-single-hero__placeholder strong { font-size: 1.12rem; }
.kara-gallery-single-hero__placeholder span { color: rgba(255,255,255,.72); font-size: .84rem; }

.kara-gallery-single-main { padding-block: clamp(48px,7vw,88px); }
.kara-gallery-single-main__inner { max-width: 1180px; }
.kara-gallery-viewer-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
  padding: 15px 18px;
  border: 1px solid var(--kara-line);
  border-radius: 10px;
  background: #fff;
}
.kara-gallery-viewer-note > div { display: grid; gap: 2px; }
.kara-gallery-viewer-note strong { color: var(--kara-navy); font-size: .9rem; }
.kara-gallery-viewer-note span { color: var(--kara-muted); font-size: .76rem; }
.kara-gallery-viewer-note__count {
  flex: 0 0 auto;
  padding: 5px 9px;
  color: var(--kara-navy) !important;
  border-radius: 7px;
  background: #f3eee9;
  font-weight: 800;
}
.kara-gallery-single__content {
  padding: 0;
  border: 0;
  background: transparent;
}
.kara-gallery-single__content > :first-child { margin-top: 0; }

/* Modern Gallery block becomes an editorial photo wall. */
.kara-gallery-single__content .wp-block-gallery.has-nested-images {
  display: grid !important;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 12px !important;
  align-items: stretch;
  margin-block: 30px 38px;
}
.kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image {
  grid-column: span 3;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: hidden;
  align-self: stretch;
  border: 1px solid var(--kara-line);
  border-radius: 10px;
  background: #fff;
}
.kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) { grid-column: span 3; }
.kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 165px;
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
  cursor: zoom-in;
}
.kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) img { aspect-ratio: 4/3; }
.kara-gallery-single__content .wp-block-gallery.has-nested-images figcaption {
  position: static !important;
  width: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  color: var(--kara-muted) !important;
  background: #fff !important;
  font-size: .73rem !important;
  line-height: 1.7 !important;
  text-align: right !important;
}

/* Classic editor gallery fallback. */
.kara-gallery-single__content .gallery {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-block: 30px 38px !important;
}
.kara-gallery-single__content .gallery .gallery-item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid var(--kara-line);
  border-radius: 10px;
  background: #fff;
}
.kara-gallery-single__content .gallery img {
  width: 100%;
  height: auto;
  display: block;
  border: 0 !important;
  cursor: zoom-in;
}
.kara-gallery-single__content .gallery-caption { padding: 8px 10px; color: var(--kara-muted); font-size: .73rem; line-height: 1.7; }
.kara-gallery-single__content figure.wp-block-image > img { cursor: zoom-in; }
.kara-gallery-single__content figure.wp-block-image > a { display: block; }
.kara-gallery-single__content [data-kara-gallery-clickable="true"],
.single-kara_product .kara-product-gallery__grid [data-kara-gallery-clickable="true"] { cursor: zoom-in; }

/* Accessible no-library lightbox */
body.kara-lightbox-open { overflow: hidden; }
.kara-gallery-lightbox {
  position: fixed;
  z-index: 2200;
  inset: 0;
  display: grid;
  grid-template-columns: 64px minmax(0,1fr) 64px;
  grid-template-rows: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: clamp(16px,3vw,34px);
  color: #fff;
  background: rgba(2,13,38,.96);
}
.kara-gallery-lightbox[hidden] { display: none; }
.kara-gallery-lightbox__figure {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  max-width: min(1380px,100%);
  max-height: calc(100vh - 110px);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 10px;
  margin: 0 auto;
}
.kara-gallery-lightbox__stage {
  width: 100%;
  max-height: calc(100vh - 150px);
  display: grid;
  place-items: center;
  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.kara-gallery-lightbox__stage img {
  max-width: 100%;
  max-height: calc(100vh - 150px);
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
.kara-gallery-lightbox__stage.is-zoomed {
  display: block;
  overflow: auto;
  cursor: zoom-out;
  touch-action: pan-x pan-y;
}
.kara-gallery-lightbox__stage.is-zoomed img {
  width: min(1600px, 160vw);
  max-width: none;
  max-height: none;
  margin: 0 auto;
  cursor: zoom-out;
}
.kara-gallery-lightbox__figure figcaption {
  max-width: 900px;
  min-height: 1.2em;
  color: rgba(255,255,255,.82);
  font-size: .82rem;
  line-height: 1.7;
  text-align: center;
}
.kara-gallery-lightbox__close,
.kara-gallery-lightbox__nav,
.kara-gallery-lightbox__zoom {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  padding: 0;
  color: var(--kara-navy);
  border: 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.kara-gallery-lightbox__close {
  position: absolute;
  top: 18px;
  left: 18px;
  font-size: 1.7rem;
  line-height: 1;
}
.kara-gallery-lightbox__nav { font-size: 1.7rem; }
.kara-gallery-lightbox__zoom {
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-size: 1.45rem;
  line-height: 1;
}
.kara-gallery-lightbox__nav--prev { grid-column: 1; grid-row: 1; justify-self: center; }
.kara-gallery-lightbox__nav--next { grid-column: 3; grid-row: 1; justify-self: center; }
.kara-gallery-lightbox__counter {
  grid-column: 2;
  grid-row: 2;
  justify-self: center;
  color: rgba(255,255,255,.72);
  font-size: .76rem;
}
.kara-gallery-lightbox__close:focus-visible,
.kara-gallery-lightbox__nav:focus-visible,
.kara-gallery-lightbox__zoom:focus-visible { outline: 3px solid var(--kara-warm-light); outline-offset: 3px; }

.kara-related-galleries { padding-top: 0; background: #f8fafc; border-top: 1px solid var(--kara-line); }
.kara-related-galleries__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}
.kara-related-galleries__head h2 { margin: 5px 0 0; color: var(--kara-navy); font-size: clamp(1.45rem,2.5vw,1.95rem); }
.kara-gallery-grid--related .kara-gallery-card { grid-column: span 3; }

@media (max-width: 1080px) {
  .kara-gallery-archive-hero__grid,
  .kara-gallery-single-hero__grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .kara-gallery-grid > .kara-gallery-card,
  .kara-gallery-grid--related .kara-gallery-card { grid-column: span 4; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) { grid-column: span 4; }
  .kara-gallery-single__content .gallery { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .kara-gallery-archive-hero__grid,
  .kara-gallery-single-hero__grid { grid-template-columns: 1fr; }
  .kara-gallery-single-hero__visual { order: -1; min-height: 220px; }
  .kara-gallery-single-hero__visual img { min-height: 220px; max-height: 360px; }
  .kara-gallery-archive__head { align-items: flex-start; flex-direction: column; }
  .kara-gallery-grid > .kara-gallery-card,
  .kara-gallery-grid--related .kara-gallery-card { grid-column: span 6; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) { grid-column: span 6; }
  .kara-gallery-single__content .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-gallery-lightbox { grid-template-columns: 48px minmax(0,1fr) 48px; padding: 14px 8px; }
  .kara-gallery-lightbox__close,
  .kara-gallery-lightbox__nav,
  .kara-gallery-lightbox__zoom { width: 42px; height: 42px; }
}

@media (max-width: 600px) {
  .kara-gallery-archive-hero,
  .kara-gallery-single-hero { padding-top: 28px; }
  .kara-gallery-archive-hero__note { padding: 20px; }
  .kara-gallery-grid > .kara-gallery-card,
  .kara-gallery-grid--related .kara-gallery-card { grid-column: 1 / -1; }
  .kara-gallery-card { transform: none !important; }
  .kara-gallery-card__media { aspect-ratio: 16/9; }
  .kara-gallery-viewer-note { align-items: flex-start; flex-direction: column; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images { gap: 7px !important; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) { grid-column: span 6; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image img { min-height: 0; aspect-ratio: 1/1; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images figcaption { font-size: .68rem !important; padding: 6px 7px !important; }
  .kara-gallery-single__content .gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .kara-gallery-lightbox {
    grid-template-columns: 44px minmax(0,1fr) 44px;
    grid-template-rows: minmax(0,1fr) auto;
    gap: 4px;
    padding: 58px 4px 12px;
  }
  .kara-gallery-lightbox__close { top: 10px; left: 10px; }
  .kara-gallery-lightbox__stage,
  .kara-gallery-lightbox__stage img { max-height: calc(100vh - 175px); }
  .kara-gallery-lightbox__zoom { right: 10px; bottom: 10px; }
  .kara-related-galleries__head { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .kara-gallery-card,
  .kara-gallery-card__media img { transition: none; }
}

@media print {
  .kara-gallery-lightbox,
  .kara-gallery-viewer-note { display: none !important; }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images { display: grid !important; grid-template-columns: repeat(2,1fr); }
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image,
  .kara-gallery-single__content .wp-block-gallery.has-nested-images > figure.wp-block-image:nth-child(7n+1) { grid-column: auto; break-inside: avoid; }
}

/* =========================================================
   Kara Sanat 0.3.7 — Corporate readability & color balance
   Warm brand tones are accents, not large reading surfaces.
   The page rhythm is now white / cool neutral / navy.
   ========================================================= */
.kara-corporate {
  --kara-corp-paper: #FFFFFF;
  --kara-corp-surface: #F6F8FB;
  --kara-corp-surface-2: #EEF3F8;
  --kara-corp-border: #D6DFEA;
  --kara-corp-copy: #334155;
  background: #fff;
}
.kara-corporate p,
.kara-corporate dd,
.kara-corporate li span { color: #334155; }

/* Navigation should orient the visitor, not tint the whole page warm. */
.kara-corporate + .kara-company-nav,
.kara-corporate .kara-company-nav {
  background: #fff;
  border-block-color: #DCE3EC;
}
.kara-company-nav a { color: #475569; }
.kara-company-nav a:hover { background: #F4F7FA; border-color: #D8E0E9; }

/* Cool, calm hero surface. Warm color remains a small brand accent only. */
.kara-corp-hero,
.kara-leadership .kara-corp-hero,
.kara-capabilities .kara-corp-hero,
.kara-policy .kara-corp-hero,
.kara-certifications .kara-corp-hero {
  background: #F5F7FA;
  border-bottom-color: #D8E1EB;
}
.kara-corp-hero::before,
.kara-leadership .kara-corp-hero::before { background: var(--kara-primary); }
.kara-corp-hero__lead { color: #475569; }

/* Strong modules may use navy, with explicit accessible foreground colors. */
.kara-leadership .kara-corp-hero__aside,
.kara-policy-quote,
.kara-capabilities-workshop,
.kara-corp-cta__inner {
  background: var(--kara-primary) !important;
  color: #fff !important;
}
.kara-leadership .kara-corp-hero__aside strong,
.kara-leadership .kara-corp-hero__aside li span,
.kara-policy-quote p,
.kara-policy-quote span,
.kara-capabilities-workshop h2,
.kara-capabilities-workshop p,
.kara-capabilities-workshop address,
.kara-corp-cta h2 { color: #fff !important; }
.kara-leadership .kara-corp-hero__aside li span,
.kara-policy-quote span,
.kara-capabilities-workshop p,
.kara-capabilities-workshop address { color: #D9E4F2 !important; }

/* Policy page: replace the cream-heavy model with a clear reading rhythm. */
.kara-policy-statement { background: #fff; }
.kara-policy-statement__grid > div:last-child {
  background: #F7F9FC;
  border: 1px solid #DCE4EE;
  border-right: 4px solid var(--kara-warm);
  color: #334155;
}
.kara-policy-statement__grid > div:last-child p { color: #334155; }

.kara-policy .kara-section--soft {
  background: #F2F5F9 !important;
  border-block: 1px solid #DDE5EE;
}
.kara-values-grid { gap: 14px; }
.kara-values-grid article,
.kara-values-grid article:nth-child(even),
.kara-values-grid article:nth-child(3) {
  background: #fff;
  border-color: #D7E0EA;
  box-shadow: none;
}
.kara-values-grid article::before {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin-bottom: 18px;
  background: var(--kara-primary);
}
.kara-values-grid article:nth-child(2)::before,
.kara-values-grid article:nth-child(4)::before { background: var(--kara-warm); }
.kara-values-grid article > span,
.kara-values-grid article:nth-child(even) > span {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 0 0 14px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #64748B;
  font-size: .72rem;
  letter-spacing: .08em;
}
.kara-values-grid h3 { color: var(--kara-primary); font-size: 1.05rem; }
.kara-values-grid p { color: #475569; font-size: .86rem; line-height: 1.9; }

/* Critical contrast fix: text on the navy vision panel must never inherit body copy. */
.kara-policy-vision {
  background: var(--kara-primary) !important;
  color: #fff !important;
  border-block-color: #173B78;
}
.kara-policy-vision .kara-kicker { color: #E7CFC3 !important; }
.kara-policy-vision h2 { color: #fff !important; }
.kara-policy-vision__grid > p { color: #E2EAF5 !important; }

.kara-policy .kara-section[aria-labelledby="kara-commitments-title"] { background: #fff; }
.kara-commitment-list li,
.kara-commitment-list li:nth-child(even) {
  background: #fff;
  border-color: #D9E2EC;
  border-right-color: var(--kara-primary);
}
.kara-commitment-list li:nth-child(even) { border-right-color: var(--kara-warm); }
.kara-commitment-list strong { color: var(--kara-primary); }
.kara-commitment-list span { color: #475569; }

/* Editorial layer is a neutral reading surface rather than another cream block. */
.kara-company-editorial { background: #F5F7FA; }
.kara-company-editorial__inner > header,
.kara-company-editorial__inner .kara-entry__content {
  background: #fff;
  border-color: #D9E2EC;
}

/* Leadership: keep people cards distinct without warm flooding. */
.kara-leader-card,
.kara-leader-card:nth-child(2) {
  background: #fff;
  border-color: #D7E0EA;
}
.kara-leader-card:nth-child(2)::before { background: var(--kara-warm); }
.kara-leader-card:nth-child(2) .kara-leader-card__index { background: #F4F6F9; }
.kara-leader-card:nth-child(2) .kara-leader-card__scope span { border-color: #D7E0EA; background: #F6F8FB; }
.kara-governance { background: #F3F6FA !important; }
.kara-governance__list li { border-color: #D8E1EB; }
.kara-governance__list > li > span { background: #F6F8FB; color: var(--kara-primary); }

/* Capabilities: cool neutral operational map; warm only as an accent. */
.kara-capability-list article,
.kara-capability-list article:nth-child(even) {
  background: #F6F8FB;
  border-color: #D9E2EC;
}
.kara-capability-list article:nth-child(even) { background: #fff; }
.kara-capabilities-workshop__ops li,
.kara-capabilities-workshop__ops li:nth-child(2),
.kara-capabilities-workshop__ops li:nth-child(3) {
  background: #fff;
  border-color: rgba(255,255,255,.24);
}
.kara-capabilities-boundary { background: #F4F7FA; }
.kara-capabilities-boundary__grid { border-color: #D8E1EB; background: #fff; }

/* Certifications: neutral and document-like, not beige. */
.kara-cert-trust,
.kara-cert-empty {
  background: #fff;
  border-color: #D8E1EB;
}
.kara-certifications .kara-section--soft { background: #F2F5F9 !important; }

/* Warm is now a controlled accent: kickers and small rules only. */
.kara-corporate .kara-kicker { color: #8A6656; }
.kara-corp-section-head > div::before { background: var(--kara-warm); }

/* Improve long-form readability and visual separation. */
.kara-corp-section-head > p,
.kara-policy-statement__grid > div:last-child,
.kara-policy-vision__grid > p { max-width: 760px; }
.kara-corp-section-head h2 { max-width: 680px; }

@media (max-width: 760px) {
  .kara-policy .kara-section--soft,
  .kara-governance,
  .kara-company-editorial,
  .kara-certifications .kara-section--soft { border-block: 1px solid #E0E6EE; }
  .kara-values-grid article { padding: 19px; }
}


/* Kara Sanat 0.3.8 — Event ↔ Gallery relation */
.kara-gallery-event-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--kara-navy,#012169);font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.kara-gallery-event-link:hover{text-decoration:none;opacity:.8}
.kara-event-related-media{background:#f5f7fa;border-top:1px solid #e7ebf0}

/* === Kara Sanat 0.3.10 — Leadership hub & professional profiles === */
.kara-leadership-grid--three {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px;
  border: 0;
}
.kara-leadership-grid--three .kara-leader-card {
  grid-template-columns: 46px minmax(0,1fr);
  min-height: 100%;
  padding: 28px;
  border: 1px solid #D7E0EA;
  border-radius: 12px;
  background: #FFFFFF;
}
.kara-leadership-grid--three .kara-leader-card:nth-child(2) {
  background: #F5F7FA;
  border-color: #D7E0EA;
}
.kara-leadership-grid--three .kara-leader-card:nth-child(3) {
  background: #FFFFFF;
}
.kara-leadership-grid--three .kara-leader-card:nth-child(2)::before { background: var(--kara-primary); }
.kara-leadership-grid--three .kara-leader-card:nth-child(3)::before { background: var(--kara-warm); }
.kara-leadership-grid--three .kara-leader-card__body { display: flex; flex-direction: column; min-width: 0; }
.kara-leadership-grid--three .kara-leader-card__scope { margin-top: auto; padding-top: 2px; }
.kara-leader-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 42px;
  margin-top: 22px;
  padding: 8px 14px;
  border: 1px solid var(--kara-primary);
  border-radius: 8px;
  color: var(--kara-primary) !important;
  background: #fff;
  font-size: .82rem;
  font-weight: 850;
}
.kara-leader-card__link:hover,
.kara-leader-card__link:focus-visible { color: #fff !important; background: var(--kara-primary); }

.kara-person-profile { background: #fff; }
.kara-person-hero {
  position: relative;
  padding: clamp(34px,5vw,68px) 0 clamp(46px,6vw,78px);
  border-bottom: 1px solid #D8E1EC;
  background: #F4F7FB;
}
.kara-person-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: var(--kara-primary);
}
.kara-person-hero .kara-breadcrumbs { margin-bottom: clamp(24px,3vw,38px); }
.kara-person-hero__grid {
  display: grid;
  grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr);
  gap: clamp(36px,7vw,92px);
  align-items: center;
}
.kara-person-hero__copy { max-width: 800px; }
.kara-person-hero h1 {
  margin: 0;
  color: var(--kara-primary);
  font-size: clamp(2.2rem,4.7vw,3.8rem);
  line-height: 1.35;
  letter-spacing: -.025em;
}
.kara-person-hero__role {
  margin: 10px 0 0;
  color: #1F3D73 !important;
  font-size: clamp(1rem,1.6vw,1.16rem);
  font-weight: 850;
}
.kara-person-hero__lead {
  max-width: 720px;
  margin: 20px 0 0;
  color: #3F4D60 !important;
  font-size: 1rem;
  line-height: 2;
}
.kara-person-back {
  display: inline-flex;
  margin-top: 24px;
  color: var(--kara-primary) !important;
  font-size: .84rem;
  font-weight: 850;
}
.kara-person-back:hover { text-decoration: underline; }
.kara-person-hero__card {
  padding: 20px;
  border: 1px solid #D5DFEA;
  border-radius: 14px;
  background: #fff;
}
.kara-person-hero__portrait {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
  background: var(--kara-primary);
  font-size: clamp(2rem,5vw,3.5rem);
  font-weight: 900;
}
.kara-person-hero__portrait img { width: 100%; height: 100%; object-fit: cover; }
.kara-person-hero__facts { list-style: none; margin: 16px 0 0; padding: 0; }
.kara-person-hero__facts li {
  padding: 10px 0;
  border-top: 1px solid #E1E7EF;
  color: #334155 !important;
  font-size: .83rem;
  line-height: 1.75;
}
.kara-person-content { background: #fff; }
.kara-person-content__grid {
  display: grid;
  grid-template-columns: minmax(220px,.36fr) minmax(0,.64fr);
  gap: clamp(34px,7vw,96px);
  align-items: start;
}
.kara-person-content__aside {
  position: sticky;
  top: 130px;
  padding: 22px;
  border-top: 4px solid var(--kara-primary);
  background: #F5F7FA;
}
.kara-person-content__aside h2 {
  margin: 0;
  color: var(--kara-primary);
  font-size: 1.25rem;
  line-height: 1.7;
}
.kara-person-content__aside p:not(.kara-kicker) { margin: 14px 0 0; color: #465467 !important; font-size: .88rem; line-height: 1.9; }
.kara-person-content__body { max-width: 820px; }
.kara-person-content__body h2 {
  margin: 46px 0 14px;
  padding-top: 18px;
  border-top: 1px solid #DCE3EC;
  color: var(--kara-primary);
  font-size: clamp(1.35rem,2.2vw,1.72rem);
  line-height: 1.65;
}
.kara-person-content__body h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.kara-person-content__body p,
.kara-person-content__body li { color: #334155; line-height: 2; }
.kara-person-content__body strong { color: #172B4D; }
.kara-person-content__body ul { padding-right: 1.25rem; }
.kara-person-tools { padding-bottom: 56px; }

@media (max-width: 1080px) {
  .kara-leadership-grid--three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-leadership-grid--three .kara-leader-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
  .kara-person-hero__grid,
  .kara-person-content__grid { grid-template-columns: 1fr; gap: 28px; }
  .kara-person-hero__card { max-width: 520px; }
  .kara-person-content__aside { position: static; }
}
@media (max-width: 680px) {
  .kara-leadership-grid--three { grid-template-columns: 1fr; gap: 12px; }
  .kara-leadership-grid--three .kara-leader-card:last-child { grid-column: auto; }
  .kara-leadership-grid--three .kara-leader-card { grid-template-columns: 36px minmax(0,1fr); padding: 21px; }
  .kara-leader-card__link { width: 100%; }
  .kara-person-hero { padding-top: 28px; }
  .kara-person-hero::before { width: 4px; }
  .kara-person-hero__card { padding: 14px; }
  .kara-person-content__aside { padding: 18px; }
  .kara-person-content__body h2 { margin-top: 36px; }
}
@media print {
  .kara-person-back,.kara-person-tools,.kara-person-profile .kara-company-nav,.kara-person-profile .kara-corp-cta { display:none!important; }
  .kara-person-hero,.kara-person-hero__card,.kara-person-content__aside { background:#fff!important; border:1px solid #bbb!important; }
  .kara-person-hero__portrait { color:#111!important; background:#fff!important; border:1px solid #bbb; }
  .kara-person-content__grid { grid-template-columns:1fr; }
  .kara-person-content__aside { position:static; }
}

/* 0.3.10 — official social identity + leadership professional links.
   Social profiles stay secondary to the website and primary contact paths. */
.kara-footer__social-wrap {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #E3E7ED;
}
.kara-footer__social-label,
.kara-about-social > span,
.kara-person-professional__label,
.kara-nav__mobile-social-wrap > span {
  display: block;
  margin-bottom: 8px;
  color: #647185;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.7;
}
.kara-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
}
.kara-footer__social a {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-height: 32px;
  padding: 4px 0;
  color: #334155;
  text-decoration: none;
}
.kara-footer__social strong { color: var(--kara-primary); font-size: .78rem; }
.kara-footer__social span { color: #7A8492; font-size: .68rem; }
.kara-footer__social a:hover strong,
.kara-footer__social a:focus-visible strong { text-decoration: underline; }

.kara-nav__mobile-social-wrap {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #EDF0F4;
}
.kara-nav__mobile-social {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.kara-nav__mobile-social a {
  display: grid !important;
  justify-items: center !important;
  align-content: center;
  min-height: 48px !important;
  padding: 7px 5px !important;
  border: 1px solid #DCE3EC;
  border-radius: 8px !important;
  background: #fff !important;
  text-align: center;
  text-decoration: none;
}
.kara-nav__mobile-social strong { color: var(--kara-primary); font-size: .72rem; line-height: 1.3; }
.kara-nav__mobile-social span { display: none; }
.kara-nav__mobile-social a:hover,
.kara-nav__mobile-social a:focus-visible { border-color: #AEBBD0; background: #F7F9FC !important; }

.kara-about-social {
  max-width: 540px;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #DDE4EC;
}
.kara-about-social__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.kara-about-social__links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 7px 11px;
  border: 1px solid #D6DEE8;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
}
.kara-about-social__links strong { color: var(--kara-primary); font-size: .78rem; }
.kara-about-social__links span { color: #6B7685; font-size: .7rem; direction: ltr; }
.kara-about-social__links a:hover,
.kara-about-social__links a:focus-visible { border-color: #9EACC1; background: #F7F9FC; }

.kara-person-professional {
  margin-top: 16px;
  padding-top: 15px;
  border-top: 1px solid #E1E7EF;
}
.kara-person-professional__links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}
.kara-person-professional__links a {
  display: grid;
  align-content: center;
  min-height: 48px;
  padding: 8px 10px;
  border: 1px solid #D9E1EA;
  border-radius: 8px;
  background: #F8FAFC;
  text-decoration: none;
}
.kara-person-professional__links strong {
  color: var(--kara-primary);
  font-size: .76rem;
  line-height: 1.45;
}
.kara-person-professional__links span {
  margin-top: 2px;
  overflow-wrap: anywhere;
  color: #6B7685;
  font-size: .66rem;
  line-height: 1.45;
}
.kara-person-professional__links a:hover,
.kara-person-professional__links a:focus-visible {
  border-color: #AAB7C8;
  background: #fff;
}
.kara-person-professional__links a[data-network="phone"] {
  grid-column: 1 / -1;
  background: #fff;
}
.kara-person-professional__links a[data-network="phone"] span { color: #334155; }

@media (max-width: 760px) {
  .kara-footer__social { gap: 5px 14px; }
  .kara-footer__social span { display: none; }
  .kara-about-social__links { display: grid; grid-template-columns: 1fr 1fr; }
  .kara-about-social__links a { justify-content: center; }
  .kara-about-social__links span { display: none; }
  .kara-person-professional__links { grid-template-columns: 1fr; }
  .kara-person-professional__links a[data-network="phone"] { grid-column: auto; }
}

/* Product content refinements - 0.3.12 */
.kara-product-hero__english{margin:0 0 12px;color:#B8C9D4;font-size:.92rem;font-weight:650;direction:ltr;text-align:right}.kara-catalog-card__english{display:block;margin:-3px 0 8px;color:#7A8792;font-size:.72rem;direction:ltr;text-align:right}.kara-product-body .kara-entry__content>h2{margin:48px 0 16px;color:var(--kara-navy);font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1.55}.kara-product-body .kara-entry__content>h2:first-child{margin-top:0}.kara-product-body .kara-entry__content>h2::after{content:"";display:block;width:40px;height:3px;margin-top:9px;border-radius:6px;background:var(--kara-copper)}.kara-product-body .kara-entry__content>h3{margin:30px 0 10px;color:var(--kara-ink);font-size:1.08rem}.kara-product-body .kara-entry__content ul{padding-right:1.2rem}.kara-product-body .kara-entry__content li{margin:.42rem 0}.kara-product-body .kara-entry__content .kara-product-note{margin:26px 0;padding:18px 20px;border-right:3px solid var(--kara-copper);background:#F8F9FB;border-radius:8px;color:#394553}.kara-product-body .kara-entry__content .kara-product-qa{margin-top:14px;padding:0;border-top:1px solid var(--kara-line)}.kara-product-body .kara-entry__content .kara-product-qa h3{margin:0;padding:16px 0 6px;color:var(--kara-navy);font-size:1rem;border-top:1px solid var(--kara-line)}.kara-product-body .kara-entry__content .kara-product-qa h3:first-child{border-top:0}.kara-product-body .kara-entry__content .kara-product-qa p{margin:0 0 12px;color:#46515E}.kara-product-archive-hero__description{font-size:.95rem;line-height:1.95}.kara-product-archive__phase-note{margin:22px 0 0;padding:14px 18px;border:1px solid #DDE5EA;border-radius:12px;background:#fff;color:#5B6572;font-size:.82rem}.kara-product-archive__phase-note strong{color:var(--kara-navy)}

/* =========================================================
   Kara Sanat 0.3.12 — Dark corporate footer
   Footer is intentionally a distinct terminal surface so it does not blend
   into white/light content sections. No gradients and no teal interactions.
   ========================================================= */
.kara-footer {
  color: rgba(255,255,255,.72);
  background: #012169;
  border-top: 0;
}
.kara-footer::before {
  height: 3px;
  background: #C69F8B;
}
.kara-footer h2,
.kara-footer h3 {
  color: #FFFFFF;
}
.kara-footer h3::after {
  background: #DAC2B6;
}
.kara-footer p,
.kara-footer li,
.kara-footer li small,
.kara-footer__address address {
  color: rgba(255,255,255,.72);
}
.kara-footer a {
  color: #FFFFFF;
}
.kara-footer a:hover,
.kara-footer a:focus-visible {
  color: #DAC2B6;
}
.kara-footer a:focus-visible {
  outline: 2px solid #DAC2B6;
  outline-offset: 3px;
}
.kara-footer__brandmark {
  width: 72px;
  flex-basis: 72px;
}
.kara-footer__brandmark img {
  opacity: .98;
}
.kara-footer__social-wrap {
  border-top-color: rgba(255,255,255,.15);
}
.kara-footer__social-label {
  color: rgba(255,255,255,.66);
}
.kara-footer__social a {
  color: rgba(255,255,255,.84);
}
.kara-footer__social strong {
  color: #FFFFFF;
}
.kara-footer__social span {
  color: rgba(255,255,255,.58);
}
.kara-footer__social a:hover strong,
.kara-footer__social a:focus-visible strong {
  color: #DAC2B6;
}
.kara-footer__address small {
  color: #DAC2B6;
}
.kara-footer__address--workshop {
  border-top-color: rgba(255,255,255,.14);
}
.kara-footer__bottom {
  color: rgba(255,255,255,.82);
  background: #00194F;
  border-top: 1px solid rgba(255,255,255,.10);
}
.kara-footer__legal a {
  color: #FFFFFF;
}
.kara-footer__legal a:hover,
.kara-footer__legal a:focus-visible {
  color: #DAC2B6;
}
@media (max-width: 760px) {
  .kara-footer__brandmark {
    width: 62px;
    flex-basis: 62px;
  }
}


/* 0.3.13 — exact vector brand assets from the original Illustrator PDF.
   Footer uses a native white SVG variant; no CSS filter, no raster crop. */

/* =========================================================
   0.3.15 — Credentials / certifications / memberships / honors
   Structured evidence page. Textual standard marks are used deliberately;
   no third-party certification logo is bundled with the theme.
   ========================================================= */
.kara-credentials-editor { max-width: none; }
.kara-credentials-editor > .kara-credential-section {
  padding: clamp(34px,5vw,62px) 0;
  border-top: 1px solid #DCE3EC;
}
.kara-credentials-editor > .kara-credential-section:first-child { border-top: 0; padding-top: 0; }
.kara-credential-head {
  display: grid;
  grid-template-columns: minmax(220px,.64fr) minmax(0,1.36fr);
  gap: clamp(30px,6vw,82px);
  align-items: start;
  margin-bottom: 26px;
}
.kara-credential-head h2 { margin: 0; color: var(--kara-primary); font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.6; }
.kara-credential-head p { margin: 0; color: #51606F; line-height: 2; }
.kara-standard-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-top: 1px solid #D8E1EB;
  border-right: 1px solid #D8E1EB;
}
.kara-standard-item {
  min-height: 150px;
  padding: 22px;
  background: #fff;
  border-left: 1px solid #D8E1EB;
  border-bottom: 1px solid #D8E1EB;
}
.kara-standard-code { display: block; margin-bottom: 22px; color: var(--kara-primary); font-weight: 900; font-size: 1.02rem; direction: ltr; text-align: right; }
.kara-standard-item strong { display: block; color: #26364A; font-size: .92rem; line-height: 1.75; }
.kara-standard-item p { margin: 7px 0 0; color: #667486; font-size: .8rem; line-height: 1.8; }
.kara-credential-note { margin: 22px 0 0; padding: 16px 18px; border-right: 3px solid var(--kara-warm); background: #F7F9FB; color: #526071; font-size: .84rem; line-height: 1.95; }
.kara-evidence-list { margin: 0; border-top: 1px solid #D8E1EB; }
.kara-evidence-row {
  display: grid;
  grid-template-columns: minmax(190px,.55fr) minmax(0,1.15fr) minmax(140px,.3fr);
  gap: 24px;
  align-items: start;
  padding: 22px 0;
  border-bottom: 1px solid #D8E1EB;
}
.kara-evidence-row h3 { margin: 0; color: var(--kara-primary); font-size: 1rem; line-height: 1.65; }
.kara-evidence-row p { margin: 0; color: #526071; font-size: .87rem; line-height: 1.9; }
.kara-evidence-status { justify-self: end; padding: 5px 9px; border: 1px solid #D8E1EB; border-radius: 6px; color: #536174; background: #fff; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.kara-membership-card,
.kara-honors-placeholder {
  display: grid;
  grid-template-columns: 150px minmax(0,1fr);
  gap: 26px;
  padding: 26px;
  border: 1px solid #D8E1EB;
  background: #fff;
}
.kara-membership-mark { min-height: 98px; display: grid; place-items: center; padding: 12px; background: #F3F6FA; color: var(--kara-primary); font-weight: 900; text-align: center; line-height: 1.6; }
.kara-membership-card h3,.kara-honors-placeholder h3 { margin: 0 0 8px; color: var(--kara-primary); font-size: 1.05rem; }
.kara-membership-card p,.kara-honors-placeholder p { margin: 0; color: #526071; line-height: 1.95; }
.kara-representation-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.kara-representation-card { position: relative; padding: 24px; border: 1px solid #D8E1EB; background: #fff; }
.kara-representation-card::before { content:""; position:absolute; top:0; right:0; width:52px; height:3px; background:var(--kara-primary); }
.kara-representation-card span { color: #8A6656; font-size: .73rem; font-weight: 900; }
.kara-representation-card h3 { margin: 9px 0 10px; color: var(--kara-primary); font-size: 1.08rem; }
.kara-representation-card p { margin: 0; color: #526071; font-size: .86rem; line-height: 1.9; }
.kara-documents-slot { margin-top: 26px; padding: 22px; border: 1px dashed #C8D2DF; background: #FAFBFC; }
.kara-documents-slot strong { display:block; color:var(--kara-primary); margin-bottom:6px; }
.kara-documents-slot p { margin:0; color:#667486; font-size:.82rem; line-height:1.85; }
@media (max-width:980px){
  .kara-standard-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kara-credential-head { grid-template-columns:1fr; gap:12px; }
  .kara-evidence-row { grid-template-columns: minmax(170px,.55fr) minmax(0,1fr); }
  .kara-evidence-status { grid-column:2; justify-self:start; }
}
@media (max-width:680px){
  .kara-standard-grid,.kara-representation-grid { grid-template-columns:1fr; }
  .kara-standard-item { min-height:0; padding:18px; }
  .kara-standard-code { margin-bottom:12px; }
  .kara-evidence-row { grid-template-columns:1fr; gap:8px; padding:18px 0; }
  .kara-evidence-status { grid-column:auto; justify-self:start; }
  .kara-membership-card,.kara-honors-placeholder { grid-template-columns:1fr; padding:20px; }
  .kara-membership-mark { min-height:70px; }
}
@media print{
  .kara-standard-item,.kara-membership-card,.kara-representation-card,.kara-honors-placeholder { break-inside:avoid; }
}


/* =========================================================
   0.3.16 — Documented honor card
   Customer Satisfaction Summit evidence, with real media and compact facts.
   ========================================================= */
.kara-honor-card {
  display: grid;
  grid-template-columns: minmax(240px,320px) minmax(0,1fr);
  gap: clamp(24px,4vw,48px);
  align-items: start;
  padding: clamp(20px,3vw,30px);
  border: 1px solid #D8E1EB;
  background: #fff;
}
.kara-honor-media { min-width: 0; }
.kara-honor-image {
  display: block;
  width: 100%;
  max-height: 530px;
  object-fit: contain;
  background: #F3F6FA;
}
.kara-honor-image-placeholder {
  min-height: 260px;
  display: grid;
  place-items: center;
  padding: 20px;
  background: #F3F6FA;
  border: 1px dashed #C8D2DF;
  color: #657487;
  text-align: center;
  line-height: 1.8;
}
.kara-honor-content { min-width: 0; }
.kara-honor-type {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 9px;
  border: 1px solid #D8E1EB;
  border-radius: 6px;
  color: #8A6656;
  background: #FAFBFC;
  font-size: .74rem;
  font-weight: 900;
}
.kara-honor-content h3 {
  margin: 0 0 12px;
  color: var(--kara-primary);
  font-size: clamp(1.15rem,2vw,1.55rem);
  line-height: 1.65;
}
.kara-honor-content > p { margin: 0; color: #526071; line-height: 2; }
.kara-honor-facts { margin: 22px 0 0; border-top: 1px solid #E0E6EE; }
.kara-honor-facts > div {
  display: grid;
  grid-template-columns: 110px minmax(0,1fr);
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid #E0E6EE;
}
.kara-honor-facts dt { color: #738194; font-size: .78rem; font-weight: 800; }
.kara-honor-facts dd { margin: 0; color: #26364A; font-size: .86rem; font-weight: 700; }
.kara-honor-note { margin-top: 18px !important; color: #6B7888 !important; font-size: .8rem; }
@media (max-width:760px){
  .kara-honor-card { grid-template-columns:1fr; padding:18px; }
  .kara-honor-media { max-width:360px; }
  .kara-honor-image { max-height:520px; }
}
@media print{
  .kara-honor-card { break-inside:avoid; }
}

/* =========================================================
   0.3.17 — Credentials page: evidence dossier, no imagery.
   Visual hierarchy is created with typography, data blocks and section rhythm.
   ========================================================= */
.kara-cred-hero { background:#F4F7FB; }
.kara-cred-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:clamp(34px,6vw,84px);
  align-items:end;
}
.kara-cred-overview {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #CFD9E6;
  border-right:1px solid #CFD9E6;
  background:#fff;
}
.kara-cred-overview > div {
  min-height:112px;
  padding:18px 20px;
  border-left:1px solid #CFD9E6;
  border-bottom:1px solid #CFD9E6;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.kara-cred-overview strong { color:var(--kara-primary); font-size:2rem; line-height:1; font-weight:900; }
.kara-cred-overview span { color:#5A6879; font-size:.78rem; line-height:1.7; font-weight:700; }
.kara-cred-overview__wide { grid-column:1/-1; min-height:86px !important; flex-direction:row !important; align-items:center; gap:18px; }
.kara-cred-overview__wide strong { font-size:1.55rem; }
.kara-cred-intro-head { margin-bottom:22px; }
.kara-cred-jump {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 clamp(34px,5vw,58px);
  padding:10px;
  border:1px solid #D7E0EA;
  background:#F8FAFC;
}
.kara-cred-jump a {
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:7px 13px;
  border:1px solid transparent;
  color:#33465E;
  font-size:.79rem;
  font-weight:800;
  text-decoration:none;
}
.kara-cred-jump a:hover,.kara-cred-jump a:focus-visible { border-color:#BFCBDC; background:#fff; color:var(--kara-primary); outline:none; }

.kara-credentials-editor { counter-reset:credsection; max-width:none; }
.kara-credentials-editor > .kara-credential-section {
  position:relative;
  padding:clamp(42px,6vw,76px) 0;
  border-top:1px solid #D8E0E9;
  counter-increment:credsection;
}
.kara-credentials-editor > .kara-credential-section:first-child { border-top:0; padding-top:0; }
.kara-credential-head {
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:clamp(28px,6vw,82px);
  align-items:start;
  margin-bottom:30px;
  padding-right:54px;
}
.kara-credential-head::before {
  content:counter(credsection, decimal-leading-zero);
  position:absolute;
  right:0;
  top:.12rem;
  color:#9AA8B8;
  font-size:.78rem;
  font-weight:900;
  direction:ltr;
}
.kara-credential-head::after {
  content:"";
  position:absolute;
  right:31px;
  top:.65rem;
  width:14px;
  height:1px;
  background:#9AA8B8;
}
.kara-credential-head h2 { margin:0; color:var(--kara-primary); font-size:clamp(1.45rem,2.6vw,2.15rem); line-height:1.55; letter-spacing:-.015em; }
.kara-credential-head p { margin:0; color:#526173; line-height:2; max-width:820px; }

.kara-cred-feature {
  display:grid;
  grid-template-columns:minmax(210px,.45fr) minmax(0,1.55fr);
  gap:clamp(24px,5vw,68px);
  padding:clamp(24px,4vw,38px);
  margin:0 0 24px;
  background:var(--kara-primary);
  color:#fff;
}
.kara-cred-feature__label { display:flex; flex-direction:column; gap:8px; }
.kara-cred-feature__label span { color:#E3D4CC; font-size:.72rem; font-weight:900; letter-spacing:.02em; }
.kara-cred-feature__label strong { font-size:1.25rem; line-height:1.6; }
.kara-cred-feature p { margin:0; color:rgba(255,255,255,.82); line-height:2; }
.kara-cred-feature dl { margin:18px 0 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.18); }
.kara-cred-feature dl div { padding:14px 14px 0; border-left:1px solid rgba(255,255,255,.14); }
.kara-cred-feature dl div:last-child { border-left:0; }
.kara-cred-feature dt { color:#E3D4CC; font-size:.7rem; font-weight:800; }
.kara-cred-feature dd { margin:4px 0 0; color:#fff; font-size:.82rem; font-weight:800; line-height:1.7; }

.kara-standard-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #D7E0EA;
  border-right:1px solid #D7E0EA;
  background:#fff;
}
.kara-standard-item {
  position:relative;
  min-height:184px;
  padding:24px 22px 22px;
  border-left:1px solid #D7E0EA;
  border-bottom:1px solid #D7E0EA;
  background:#fff;
}
.kara-standard-item::after { content:""; position:absolute; right:0; bottom:0; width:34px; height:3px; background:#D8C1B5; }
.kara-standard-code { display:block; margin-bottom:24px; color:var(--kara-primary); font-size:1.28rem; font-weight:900; direction:ltr; text-align:right; letter-spacing:.015em; }
.kara-standard-item strong { display:block; color:#27384D; font-size:.94rem; line-height:1.75; }
.kara-standard-item p { margin:8px 0 0; color:#657487; font-size:.8rem; line-height:1.85; }
.kara-credential-note { margin:20px 0 0; padding:16px 18px; border-right:3px solid var(--kara-warm); background:#F7F9FB; color:#526071; font-size:.84rem; line-height:1.95; }
.kara-cred-statusline {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  align-items:start;
  margin-top:18px;
  padding:15px 0 0;
  border-top:1px dashed #CFD8E3;
}
.kara-cred-statusline strong { color:#35485F; font-size:.78rem; }
.kara-cred-statusline span { color:#718093; font-size:.78rem; line-height:1.8; }

.kara-license-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.kara-license-card {
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:20px;
  padding:24px;
  border:1px solid #D6DFE9;
  background:#fff;
}
.kara-license-card__code { min-height:86px; display:grid; place-items:center; border:1px solid #C7D2DF; color:var(--kara-primary); font-size:.72rem; font-weight:900; text-align:center; line-height:1.6; }
.kara-license-card h3 { margin:0 0 8px; color:var(--kara-primary); font-size:1.08rem; }
.kara-license-card p { margin:0; color:#58687A; font-size:.86rem; line-height:1.95; }
.kara-license-card dl { margin:14px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; }
.kara-license-card dt { color:#8793A2; font-size:.68rem; font-weight:800; }
.kara-license-card dd { margin:2px 0 0; color:#34475D; font-size:.76rem; font-weight:800; }

.kara-membership-card {
  display:grid;
  grid-template-columns:minmax(190px,.45fr) minmax(0,1.55fr);
  gap:clamp(24px,5vw,68px);
  padding:0;
  border:1px solid #D5DEE8;
  background:#fff;
}
.kara-membership-mark { min-height:180px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; background:#F1F5F9; color:var(--kara-primary); font-weight:900; text-align:right; line-height:1.6; }
.kara-membership-mark small { color:#7B8999; font-size:.68rem; }
.kara-membership-card > div:last-child { padding:24px 26px 24px 0; }
.kara-membership-card h3 { margin:0 0 10px; color:var(--kara-primary); font-size:1.2rem; }
.kara-membership-card p { margin:0; color:#526071; line-height:2; }

.kara-representation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.kara-representation-card { position:relative; padding:28px; border:1px solid #D5DEE8; background:#fff; }
.kara-representation-card::before { content:""; position:absolute; top:0; right:0; width:100%; height:3px; background:var(--kara-primary); }
.kara-representation-card span { color:#8A6656; font-size:.71rem; font-weight:900; }
.kara-representation-card h3 { margin:10px 0 10px; color:var(--kara-primary); font-size:1.16rem; }
.kara-representation-card p { margin:0; color:#526071; font-size:.87rem; line-height:1.95; }
.kara-representation-card footer { margin-top:18px; padding-top:14px; border-top:1px solid #E2E7ED; color:#738194; font-size:.75rem; line-height:1.8; }

.kara-honor-card {
  display:grid;
  grid-template-columns:minmax(190px,.42fr) minmax(0,1.58fr);
  gap:0;
  padding:0;
  border:0;
  background:#fff;
}
.kara-honor-mark {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:260px;
  padding:26px;
  background:#00194F;
  color:#fff;
}
.kara-honor-mark span { color:#D9C4B8; font-size:.72rem; font-weight:900; }
.kara-honor-mark strong { font-size:1.45rem; line-height:1.55; }
.kara-honor-mark small { color:rgba(255,255,255,.66); font-size:.72rem; }
.kara-honor-content { padding:28px 32px; border:1px solid #D5DEE8; border-right:0; }
.kara-honor-type { display:inline-block; color:#8A6656; font-size:.72rem; font-weight:900; }
.kara-honor-content h3 { margin:8px 0 12px; color:var(--kara-primary); font-size:clamp(1.2rem,2.2vw,1.6rem); line-height:1.65; }
.kara-honor-content > p { margin:0; color:#526071; line-height:2; }
.kara-honor-facts { margin:22px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #E0E6ED; }
.kara-honor-facts div { padding:13px 0; border-bottom:1px solid #E0E6ED; }
.kara-honor-facts dt { color:#8793A2; font-size:.68rem; font-weight:800; }
.kara-honor-facts dd { margin:3px 0 0; color:#34475D; font-size:.8rem; font-weight:800; line-height:1.8; }

.kara-verification-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #D6DFE8; border-right:1px solid #D6DFE8; }
.kara-verification-item { padding:22px; border-left:1px solid #D6DFE8; border-bottom:1px solid #D6DFE8; background:#fff; }
.kara-verification-item b { display:block; margin-bottom:18px; color:#A0AABA; font-size:.76rem; direction:ltr; text-align:right; }
.kara-verification-item strong { display:block; color:var(--kara-primary); font-size:.94rem; line-height:1.7; }
.kara-verification-item p { margin:6px 0 0; color:#637284; font-size:.79rem; line-height:1.85; }
.kara-cred-faq { margin-top:28px; border-top:1px solid #D8E0E9; }
.kara-cred-faq details { border-bottom:1px solid #D8E0E9; }
.kara-cred-faq summary { cursor:pointer; padding:17px 0; color:#2D4057; font-weight:800; }
.kara-cred-faq details p { margin:-4px 0 18px; color:#5B6B7D; line-height:1.95; font-size:.86rem; }

.kara-certifications .kara-documents-slot,
.kara-certifications .kara-honor-media,
.kara-certifications .kara-honor-image-placeholder { display:none !important; }

@media (max-width:980px){
  .kara-cred-hero__grid { grid-template-columns:1fr; }
  .kara-cred-overview { max-width:680px; }
  .kara-standard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kara-credential-head { grid-template-columns:1fr; gap:12px; }
  .kara-cred-feature { grid-template-columns:1fr; }
  .kara-license-grid,.kara-representation-grid { grid-template-columns:1fr; }
  .kara-verification-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px){
  .kara-cred-overview { grid-template-columns:1fr; }
  .kara-cred-overview__wide { grid-column:auto; }
  .kara-cred-jump { overflow-x:auto; flex-wrap:nowrap; padding:8px; -webkit-overflow-scrolling:touch; }
  .kara-cred-jump a { white-space:nowrap; }
  .kara-credential-head { padding-right:42px; }
  .kara-standard-grid,.kara-verification-grid { grid-template-columns:1fr; }
  .kara-standard-item { min-height:0; }
  .kara-cred-feature dl { grid-template-columns:1fr; }
  .kara-cred-feature dl div { border-left:0; border-top:1px solid rgba(255,255,255,.12); padding:12px 0 0; }
  .kara-license-card { grid-template-columns:1fr; }
  .kara-license-card__code { min-height:58px; justify-content:start; place-items:center start; padding:0 16px; }
  .kara-license-card dl { grid-template-columns:1fr; }
  .kara-membership-card,.kara-honor-card { grid-template-columns:1fr; }
  .kara-membership-mark { min-height:108px; }
  .kara-membership-card > div:last-child { padding:22px; }
  .kara-honor-mark { min-height:150px; }
  .kara-honor-content { border-right:1px solid #D5DEE8; padding:22px; }
  .kara-honor-facts { grid-template-columns:1fr; }
}
@media print{
  .kara-cred-jump { display:none; }
  .kara-standard-item,.kara-license-card,.kara-membership-card,.kara-representation-card,.kara-honor-card,.kara-verification-item { break-inside:avoid; }
}

/* =========================================================
   0.3.18 — Credentials page: official, calmer spacing.
   No imagery, no gradients, no editorial/instructional presentation.
   ========================================================= */
.kara-certifications .kara-credentials-body { padding-top:clamp(62px,7vw,92px); padding-bottom:clamp(72px,8vw,108px); }
.kara-certifications .kara-cred-intro-head { margin-bottom:34px; }
.kara-certifications .kara-cred-intro-head > div { max-width:560px; }
.kara-certifications .kara-cred-intro-head > p { max-width:760px; line-height:2.05; }
.kara-certifications .kara-cred-jump {
  gap:10px;
  margin:0 0 clamp(52px,7vw,82px);
  padding:12px;
  background:#F7F9FC;
}
.kara-certifications .kara-cred-jump a { min-height:42px; padding:8px 16px; }

.kara-certifications .kara-credentials-editor > .kara-credential-section {
  padding:clamp(64px,8vw,98px) 0;
  border-top:1px solid #DCE3EB;
}
.kara-certifications .kara-credentials-editor > .kara-credential-section:first-child { padding-top:0; }
.kara-certifications .kara-credential-head {
  grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);
  gap:clamp(38px,6vw,92px);
  margin-bottom:clamp(34px,5vw,52px);
  padding-right:58px;
}
.kara-certifications .kara-credential-head h2 { font-size:clamp(1.55rem,2.7vw,2.2rem); line-height:1.65; }
.kara-certifications .kara-credential-head p { line-height:2.1; font-size:.95rem; }

.kara-certifications .kara-cred-feature {
  gap:clamp(34px,5vw,74px);
  padding:clamp(30px,4vw,46px);
  margin-bottom:34px;
}
.kara-certifications .kara-cred-feature__label { gap:12px; }
.kara-certifications .kara-cred-feature p { line-height:2.12; }
.kara-certifications .kara-cred-feature dl { margin-top:26px; }
.kara-certifications .kara-cred-feature dl div { padding:18px 18px 2px; }

.kara-certifications .kara-standard-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border:0;
  background:transparent;
}
.kara-certifications .kara-standard-item {
  min-height:206px;
  padding:28px 26px 26px;
  border:1px solid #D8E1EA;
}
.kara-certifications .kara-standard-code { margin-bottom:30px; }
.kara-certifications .kara-standard-item p { margin-top:12px; line-height:1.95; }

.kara-certifications .kara-license-grid,
.kara-certifications .kara-representation-grid { gap:22px; }
.kara-certifications .kara-license-card { grid-template-columns:92px minmax(0,1fr); gap:26px; padding:30px; }
.kara-certifications .kara-license-card__code { min-height:92px; }
.kara-certifications .kara-license-card h3 { margin-bottom:12px; }
.kara-certifications .kara-license-card p { line-height:2.05; }
.kara-certifications .kara-license-card dl { margin-top:20px; gap:12px 20px; }

.kara-certifications .kara-membership-card {
  grid-template-columns:minmax(210px,.48fr) minmax(0,1.52fr);
  gap:0;
}
.kara-certifications .kara-membership-mark { min-height:220px; padding:32px; }
.kara-certifications .kara-membership-card > div:last-child { padding:34px 38px 34px 30px; }
.kara-certifications .kara-membership-card h3 { margin-bottom:16px; }
.kara-certifications .kara-membership-card p { line-height:2.1; }

.kara-certifications .kara-representation-card { padding:32px; }
.kara-certifications .kara-representation-card h3 { margin-top:16px; margin-bottom:14px; }
.kara-certifications .kara-representation-card p { line-height:2.1; }
.kara-certifications .kara-representation-card footer { margin-top:22px; padding-top:18px; }

.kara-certifications .kara-honor-card { grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr); }
.kara-certifications .kara-honor-mark { min-height:280px; padding:34px; }
.kara-certifications .kara-honor-content { padding:38px 42px; }
.kara-certifications .kara-honor-content h3 { margin:16px 0 16px; }
.kara-certifications .kara-honor-content > p { line-height:2.12; }
.kara-certifications .kara-honor-facts { margin-top:28px; gap:0; }
.kara-certifications .kara-honor-facts > div { padding:18px 0; }

.kara-certifications .kara-cred-significance {
  margin-top:clamp(64px,8vw,94px);
  padding:clamp(34px,5vw,54px);
  border:1px solid #D8E1EA;
  background:#F7F9FC;
}
.kara-certifications .kara-cred-significance h2 { margin:0 0 18px; color:var(--kara-primary); font-size:clamp(1.35rem,2.3vw,1.85rem); }
.kara-certifications .kara-cred-significance > p { max-width:900px; margin:0; color:#526173; line-height:2.1; }
.kara-certifications .kara-cred-significance__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:30px; }
.kara-certifications .kara-cred-significance__grid article { padding-top:22px; border-top:2px solid #CCD6E2; }
.kara-certifications .kara-cred-significance__grid strong { display:block; margin-bottom:10px; color:#27384D; }
.kara-certifications .kara-cred-significance__grid p { margin:0; color:#657487; font-size:.86rem; line-height:2; }

@media (max-width:960px){
  .kara-certifications .kara-standard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kara-certifications .kara-credential-head { grid-template-columns:1fr; gap:16px; }
  .kara-certifications .kara-cred-significance__grid { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:720px){
  .kara-certifications .kara-credentials-body { padding-top:48px; padding-bottom:64px; }
  .kara-certifications .kara-cred-jump { margin-bottom:46px; }
  .kara-certifications .kara-credentials-editor > .kara-credential-section { padding:52px 0; }
  .kara-certifications .kara-standard-grid,
  .kara-certifications .kara-license-grid,
  .kara-certifications .kara-representation-grid { grid-template-columns:1fr; }
  .kara-certifications .kara-standard-item { min-height:auto; }
  .kara-certifications .kara-license-card { grid-template-columns:74px minmax(0,1fr); gap:18px; padding:24px; }
  .kara-certifications .kara-membership-card,
  .kara-certifications .kara-honor-card { grid-template-columns:1fr; }
  .kara-certifications .kara-membership-mark,
  .kara-certifications .kara-honor-mark { min-height:auto; }
  .kara-certifications .kara-membership-card > div:last-child,
  .kara-certifications .kara-honor-content { padding:28px 24px; }
}

/* =========================================================
   0.3.20 — Credentials page: selective brand accents.
   Design rule: white reading canvas; navy for authority; cream for
   document/recognition surfaces; teal only as a restrained supporting
   accent on light surfaces. No full-page cream wash, no gradients.
   ========================================================= */
.kara-certifications {
  --kara-cred-navy:#012169;
  --kara-cred-navy-deep:#00194F;
  --kara-cred-teal:#15A1B2;
  --kara-cred-teal-soft:#ECF8FA;
  --kara-cred-cream:#DAC2B6;
  --kara-cred-cream-soft:#F8F2EE;
  --kara-cred-neutral:#F5F7FA;
  --kara-cred-line:#DCE3EB;
  --kara-cred-ink:#26364A;
}

/* The page itself stays light and clean. Color belongs to components, not the canvas. */
.kara-certifications .kara-cred-hero {
  background:var(--kara-cred-neutral);
  border-bottom:1px solid #E2E7EE;
}
.kara-certifications .kara-credentials-body { background:#fff; }

/* Strong institutional anchor: one navy block is enough in the hero. */
.kara-certifications .kara-cred-overview {
  border-color:rgba(255,255,255,.16);
  background:var(--kara-cred-navy);
  box-shadow:0 14px 30px rgba(1,33,105,.09);
}
.kara-certifications .kara-cred-overview > div {
  border-color:rgba(255,255,255,.14);
  background:transparent;
}
.kara-certifications .kara-cred-overview > div:nth-child(even) { background:rgba(255,255,255,.028); }
.kara-certifications .kara-cred-overview strong { color:#fff; }
.kara-certifications .kara-cred-overview span { color:rgba(255,255,255,.80); }
.kara-certifications .kara-cred-overview__wide { background:var(--kara-cred-navy-deep) !important; }

/* Intro and jump navigation are deliberately quiet; they should not compete with credentials. */
.kara-certifications .kara-cred-intro-head {
  padding:26px 0 28px;
  border:0;
  border-right:4px solid var(--kara-cred-navy);
  padding-right:24px;
  background:#fff;
  box-shadow:none;
}
.kara-certifications .kara-cred-jump {
  padding:8px;
  border:1px solid var(--kara-cred-line);
  background:#fff;
  box-shadow:none;
}
.kara-certifications .kara-cred-jump a {
  border-color:transparent;
  color:#405168;
  background:transparent;
}
.kara-certifications .kara-cred-jump a:hover,
.kara-certifications .kara-cred-jump a:focus-visible {
  border-color:#E2D2C9;
  background:var(--kara-cred-cream-soft);
  color:var(--kara-cred-navy);
  outline:none;
}

/* Major sections are not giant cards. Separation comes from spacing and a thin rule. */
.kara-certifications .kara-credentials-editor > .kara-credential-section,
.kara-certifications .kara-credentials-editor > .kara-credential-section:first-child {
  margin:0;
  padding:clamp(56px,6.5vw,82px) 0;
  border:0;
  border-top:1px solid #E3E8EE;
  background:transparent;
}
.kara-certifications .kara-credentials-editor > .kara-credential-section:first-child { border-top:0; padding-top:22px; }
.kara-certifications .kara-credential-head::before { color:#8B6A5B; }
.kara-certifications .kara-credential-head::after { background:var(--kara-cred-cream); }
.kara-certifications .kara-credential-head h2 { color:var(--kara-cred-navy); }
.kara-certifications .kara-credential-head p { color:#536274; }

/* IMS: primary technical anchor. */
.kara-certifications .kara-cred-feature {
  background:var(--kara-cred-navy);
  box-shadow:0 12px 28px rgba(1,33,105,.08);
}
.kara-certifications .kara-cred-feature__label span,
.kara-certifications .kara-cred-feature dt { color:#E7D5CB; }

/* Standards stay mostly white. Color has meaning, not a decorative alternating pattern. */
.kara-certifications .kara-standard-grid { gap:18px; }
.kara-certifications .kara-standard-item {
  border-color:#DCE3EA;
  background:#fff;
  box-shadow:0 6px 16px rgba(38,54,74,.028);
}
/* Energy: warm/document tone. */
.kara-certifications .kara-standard-item:nth-child(4) {
  background:var(--kara-cred-cream-soft);
  border-color:#E6D8D0;
}
/* Customer-experience standards: restrained teal family on a pale surface. */
.kara-certifications .kara-standard-item:nth-child(5),
.kara-certifications .kara-standard-item:nth-child(6) {
  background:var(--kara-cred-teal-soft);
  border-color:#BFE3E7;
}
.kara-certifications .kara-standard-item::after { width:40px; height:3px; background:var(--kara-cred-cream); }
.kara-certifications .kara-standard-item:nth-child(5)::after,
.kara-certifications .kara-standard-item:nth-child(6)::after { background:var(--kara-cred-teal); }
.kara-certifications .kara-standard-code { color:var(--kara-cred-navy); }

/* Legal documents: cream is used on the cards only, never on the whole section. */
.kara-certifications .kara-license-card {
  border-color:#E4D6CE;
  background:var(--kara-cred-cream-soft);
  box-shadow:0 6px 16px rgba(76,57,48,.028);
}
.kara-certifications .kara-license-card:nth-child(2) { background:#fff; }
.kara-certifications .kara-license-card__code {
  border-color:var(--kara-cred-navy);
  background:var(--kara-cred-navy);
  color:#fff;
}
.kara-certifications .kara-license-card h3 { color:var(--kara-cred-navy); }
.kara-certifications .kara-license-card dl { border-top-color:#E1D5CE; }

/* Membership is the only clearly teal component; teal is supportive, never a CTA color. */
.kara-certifications .kara-membership-card {
  border-color:#BFE3E7;
  background:#fff;
  box-shadow:0 8px 20px rgba(21,161,178,.045);
}
.kara-certifications .kara-membership-mark {
  background:var(--kara-cred-teal-soft);
  color:var(--kara-cred-navy);
  border-right:5px solid var(--kara-cred-teal);
}
.kara-certifications .kara-membership-mark small { color:#39727A; }
.kara-certifications .kara-membership-card > div:last-child { background:#fff; }
.kara-certifications .kara-membership-card h3 { color:var(--kara-cred-navy); }

/* Official relationships: mostly white, with one warm card for rhythm. */
.kara-certifications .kara-representation-card {
  border-color:#DCE3EA;
  background:#fff;
  box-shadow:0 6px 16px rgba(38,54,74,.025);
}
.kara-certifications .kara-representation-card:nth-child(2) {
  border-color:#E4D6CE;
  background:var(--kara-cred-cream-soft);
}
.kara-certifications .kara-representation-card::before { height:3px; background:var(--kara-cred-navy); }
.kara-certifications .kara-representation-card:nth-child(2)::before { background:var(--kara-cred-cream); }
.kara-certifications .kara-representation-card span { color:#76574A; }
.kara-certifications .kara-representation-card h3 { color:var(--kara-cred-navy); }

/* Honor: deliberate navy + cream pairing; this is a single highlighted record, not a page background. */
.kara-certifications .kara-honor-card {
  background:transparent;
  box-shadow:0 12px 28px rgba(1,25,79,.06);
}
.kara-certifications .kara-honor-mark { background:var(--kara-cred-navy-deep); }
.kara-certifications .kara-honor-content {
  border-color:#E0D1C8;
  background:var(--kara-cred-cream-soft);
}
.kara-certifications .kara-honor-type { color:#795748; }
.kara-certifications .kara-honor-content h3 { color:var(--kara-cred-navy); }
.kara-certifications .kara-honor-facts,
.kara-certifications .kara-honor-facts div { border-color:#DDCFC7; }

/* Closing section returns to a calm light surface instead of adding another large navy slab. */
.kara-certifications .kara-cred-significance {
  margin-top:clamp(46px,6vw,72px);
  border:1px solid #DCE3EA;
  border-right:5px solid var(--kara-cred-navy);
  background:var(--kara-cred-neutral);
  color:var(--kara-cred-ink);
  box-shadow:none;
}
.kara-certifications .kara-cred-significance h2 { color:var(--kara-cred-navy); }
.kara-certifications .kara-cred-significance > p { color:#536274; }
.kara-certifications .kara-cred-significance__grid article { border-top-color:#CCD6E2; }
.kara-certifications .kara-cred-significance__grid strong { color:#31445B; }
.kara-certifications .kara-cred-significance__grid p { color:#667588; }

@media (max-width:720px){
  .kara-certifications .kara-cred-intro-head { padding:22px 0 24px; padding-right:18px; }
  .kara-certifications .kara-credentials-editor > .kara-credential-section,
  .kara-certifications .kara-credentials-editor > .kara-credential-section:first-child {
    padding:46px 0;
  }
  .kara-certifications .kara-credentials-editor > .kara-credential-section:first-child { padding-top:18px; }
  .kara-certifications .kara-cred-jump { margin-bottom:42px; }
  .kara-certifications .kara-standard-grid { gap:12px; }
  .kara-certifications .kara-honor-content { background:var(--kara-cred-cream-soft); }
  .kara-certifications .kara-membership-mark { border-right:0; border-top:4px solid var(--kara-cred-teal); }
}

@media print{
  .kara-certifications .kara-credentials-body,
  .kara-certifications .kara-cred-hero,
  .kara-certifications .kara-credential-section,
  .kara-certifications .kara-cred-significance { background:#fff !important; color:#111 !important; box-shadow:none !important; }
  .kara-certifications .kara-cred-overview,
  .kara-certifications .kara-cred-feature,
  .kara-certifications .kara-license-card__code,
  .kara-certifications .kara-membership-mark,
  .kara-certifications .kara-honor-mark { background:#fff !important; color:#111 !important; border:1px solid #bbb !important; box-shadow:none !important; }
  .kara-certifications .kara-cred-overview span,
  .kara-certifications .kara-cred-overview strong,
  .kara-certifications .kara-cred-feature *,
  .kara-certifications .kara-membership-mark *,
  .kara-certifications .kara-honor-mark *,
  .kara-certifications .kara-cred-significance * { color:#111 !important; }
}


/* 0.3.22 — compact featured-product cards on the home page only. */
.kara-home-featured-products .kara-catalog-card__body { padding: 18px 20px 19px; }
.kara-home-featured-products .kara-catalog-card__title { min-height: 0; margin-bottom: 6px; }
.kara-home-featured-products .kara-catalog-card__english { margin-bottom: 7px; }
.kara-home-featured-products .kara-catalog-card__body > p { min-height: 0; margin-bottom: 12px; -webkit-line-clamp: 2; line-height: 1.85; }
.kara-home-featured-products .kara-catalog-card__link { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--kara-line); }
@media (max-width: 620px) {
  .kara-home-featured-products .kara-catalog-card__body { padding: 16px 17px 17px; }
  .kara-home-featured-products .kara-catalog-card__body > p { margin-bottom: 10px; }
}

/* 0.3.23 — technical SEO/a11y hardening; no visual design changes. */

/* 0.3.33 — product hero images fill their frame consistently. */
.kara-product-hero__media {
  aspect-ratio: 4 / 3;
  min-height: 0;
  max-height: none;
}
.kara-product-hero__media img {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1024px) {
  .kara-product-hero__media { min-height: 0; }
}
@media (max-width: 760px) {
  .kara-product-hero__media { max-height: none; }
  .kara-product-hero__media img {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
  }
}
@media (max-width: 480px) {
  .kara-product-hero__media,
  .kara-product-hero__media img { max-height: none; }
}

/* 0.3.34 — tighten the homepage transition from trust strip to product families. */
.kara-trust + .kara-section {
  padding-top: 44px;
}
@media (max-width: 760px) {
  .kara-trust + .kara-section {
    padding-top: 34px;
  }
}