/* IlanSharabi.com
   Design system carried over from the Updates theme; brand colours taken from the IlanSharabi.com logo. */

:root {
  --inio-blue: #2bb39a;          /* accent (category badges with black text, section labels) */
  --inio-blue-strong: #0e7c66;   /* logo blue, used under white text for contrast */
  --inio-blue-hover: #0a5f4e;    /* darker step of the logo blue for hover states */
  --inio-navy: #102a43;          /* logo navy: top bar */
  --inio-black: #000;
  --inio-text: #212121;
  --inio-muted: #6b6b6b;
  --inio-page: #eee;
  --inio-line: #e6e6e6;
  --inio-card-line: #ddd;
  --inio-link-footer: #0000ee;
  --inio-head: 'Rubik', 'Helvetica Neue', Arial, sans-serif;
  --inio-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --inio-serif: Georgia, 'Times New Roman', Times, serif;
  --inio-max: 1320px;
  --inio-gap: 20px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--inio-page);
  color: var(--inio-text);
  font-family: var(--inio-body);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

h1, h2, h3 { margin: 0; }

:focus-visible {
  outline: 2px solid var(--inio-blue-strong);
  outline-offset: 2px;
}

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

.inio-skip {
  position: absolute;
  left: 10px;
  top: -60px;
  z-index: 100;
  background: var(--inio-black);
  color: #fff;
  padding: 10px 16px;
  font-weight: 700;
}
.inio-skip:focus { top: 10px; }

.inio-container {
  width: 100%;
  max-width: var(--inio-max);
  margin: 0 auto;
  padding: 0 15px;
}

/* ---------- Top bar ---------- */

.inio-topbar { background: var(--inio-navy); color: #fff; }

.inio-topbar__inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  min-height: 28px;
}

.inio-topbar__date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0 18px;
  background: var(--inio-blue-strong);
  font-size: 0.875rem;
  line-height: 1.75rem;
}
.inio-topbar__date span:empty { display: none; }
html:not(.js) .inio-topbar__date { visibility: hidden; }

.inio-social {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.inio-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #fff;
  transition: background-color .2s ease;
}
.inio-social--top a:hover { background: var(--inio-blue-strong); }

/* ---------- Branding ---------- */

.inio-branding { background: #fff; }
.inio-branding .inio-container {
  display: flex;
  justify-content: center;
  padding-top: 22px;
  padding-bottom: 22px;
}
.inio-logo img { width: 380px; max-width: 100%; }

/* ---------- Navigation ---------- */

.inio-nav {
  position: relative;
  background: #fff;
  border-top: 1px solid var(--inio-line);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
  z-index: 20;
}

.inio-nav__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
}

.inio-menu {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.inio-menu a {
  display: block;
  padding: 9px 11px;
  font-family: var(--inio-head);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: .4px;
  color: #000;
  transition: background-color .2s ease, color .2s ease;
}
.inio-menu a:hover { color: var(--inio-blue-strong); }
.inio-menu a[aria-current] {
  background: var(--inio-blue-strong);
  color: #fff;
}

.inio-nav__toggle,
.inio-nav__search {
  display: none;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px;
  border: 0;
  background: none;
  color: #000;
  font: 500 0.875rem var(--inio-head);
  cursor: pointer;
}
.js .inio-nav__search { display: inline-flex; margin-inline-start: auto; }
.inio-nav__search:hover, .inio-nav__toggle:hover { color: var(--inio-blue-strong); }

.inio-burger { display: inline-grid; gap: 4px; width: 20px; }
.inio-burger span { height: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
.inio-nav__toggle[aria-expanded="true"] .inio-burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.inio-nav__toggle[aria-expanded="true"] .inio-burger span:nth-child(2) { opacity: 0; }
.inio-nav__toggle[aria-expanded="true"] .inio-burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.inio-header-search {
  border-top: 1px solid var(--inio-line);
  background: #fff;
  padding: 12px 0;
}
.js .inio-header-search { display: none; }
.js .inio-header-search.is-open { display: block; }
html:not(.js) .inio-header-search { display: none; }

/* ---------- Search forms ---------- */

.inio-search { display: flex; }
.inio-search input {
  flex: 1;
  min-width: 0;
  min-height: 2.5rem;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-inline-end: 0;
  border-radius: 0;
  background: #fff;
  font: 0.9375rem var(--inio-body);
  color: var(--inio-text);
  -webkit-appearance: none;
  appearance: none;
}
.inio-search input:focus-visible { outline-offset: -2px; }
.inio-search button {
  min-height: 2.5rem;
  min-width: 44px;
  padding: 0 16px;
  border: 0;
  background: var(--inio-blue-strong);
  color: #fff;
  font: 500 0.875rem var(--inio-head);
  cursor: pointer;
}
.inio-search button:hover { background: var(--inio-blue-hover); }
.inio-search--widget input { height: 2.25rem; font-size: 0.875rem; }
.inio-search--widget button { height: 2.25rem; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; }

/* ---------- Page layout ---------- */

.inio-main { padding: 20px 0 30px; }

.inio-page-head {
  background: #fff;
  padding: 18px 20px 20px;
  margin-bottom: var(--inio-gap);
}
.inio-page-head h1 {
  font-family: var(--inio-serif);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  color: #111;
}
.inio-page-head p {
  margin: 8px 0 0;
  color: var(--inio-muted);
  font-size: 0.9375rem;
}

/* Category hero: a decorative background image that fades into white behind the title and intro. The image sits at
   the inline end (right in LTR, left in RTL) and the fade runs towards the text; the text is real HTML on top. */
.inio-page-head--image { position: relative; overflow: hidden; min-height: 220px; display: flex; align-items: center; padding: 22px 24px 24px; }
.inio-page-head__img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
[dir="rtl"] .inio-page-head__img { object-position: left center; }
.inio-page-head--image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to right, #fff 0, #fff 42%, rgba(255, 255, 255, .94) 54%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, 0) 100%);
}
[dir="rtl"] .inio-page-head--image::before {
  background: linear-gradient(to left, #fff 0, #fff 42%, rgba(255, 255, 255, .94) 54%, rgba(255, 255, 255, .55) 70%, rgba(255, 255, 255, 0) 100%);
}
.inio-page-head__text { position: relative; z-index: 2; max-width: 62%; }
.inio-page-head--image .inio-page-head__text p { color: #333; }
.a11y-contrast .inio-page-head__img,
.a11y-contrast .inio-page-head--image::before { display: none; }

.inio-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--inio-gap);
}

.inio-block + .inio-block { margin-top: var(--inio-gap); }

.inio-block {
  background: #fff;
  padding: 12px;
}

/* Section title: black bar with the blue label, as on the live site */
.inio-sec-title {
  display: flex;
  justify-content: center;
  background: var(--inio-black);
  margin-bottom: 14px;
}
.inio-sec-title h2 {
  padding: 3px 12px;
  background: var(--inio-blue-strong);
  color: #fff;
  font-family: var(--inio-head);
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
}

.inio-sec-intro {
  margin: -4px 0 14px;
  color: var(--inio-muted);
  font-size: 0.9375rem;
  line-height: 1.6;
}
.inio-featured + .inio-feed { margin-top: var(--inio-gap); }
.inio-empty {
  margin: 0;
  padding: 18px 14px;
  border: 1px dashed #ccc;
  color: var(--inio-muted);
  font-size: 0.9375rem;
  text-align: center;
}

/* ---------- Pagination ---------- */

.inio-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: var(--inio-gap) 0 4px;
  padding: 0;
  list-style: none;
}
.inio-pagination a,
.inio-pagination [aria-current] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid var(--inio-card-line);
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
}
.inio-pagination a:hover { border-color: var(--inio-blue-strong); color: var(--inio-blue-strong); }
.inio-pagination [aria-current] { background: var(--inio-blue-strong); border-color: var(--inio-blue-strong); color: #fff; }

/* ---------- Shared bits ---------- */

.inio-badge {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0.125rem 0.625rem;
  line-height: 1.6;
  background: var(--inio-blue);
  color: #000;
  font-family: var(--inio-head);
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  transition: background-color .2s ease;
}
a.inio-badge:hover { background: #7fd6c4; }
span.inio-badge { position: static; z-index: auto; }

.inio-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 6px 0 0;
  color: var(--inio-muted);
  font-size: 0.8125rem;
  letter-spacing: .3px;
}
.inio-meta svg { flex: none; }

.inio-excerpt {
  margin: 8px 0 0;
  color: var(--inio-muted);
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
}

/* One link per item: the headline link stretches over the whole item */
.inio-stretch::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.inio-stretch:focus-visible { outline: none; }
.inio-stretch:focus-visible::after { outline: 3px solid var(--inio-blue-strong); outline-offset: -3px; }

.inio-btn {
  display: inline-block;
  padding: 10px 20px;
  background: var(--inio-black);
  color: #fff;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 20px;
  transition: background-color .2s ease;
}
.inio-btn:hover { background: var(--inio-blue-strong); }

/* ---------- Featured update ---------- */

.inio-featured { position: relative; }

.inio-featured__media > img { background: #333; }
.inio-featured__media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.inio-featured__caption { padding: 12px 0 0; }
.inio-featured__badges { display: flex; flex-wrap: wrap; gap: 6px; }

.inio-featured__title {
  margin-top: 8px;
  font-family: var(--inio-head);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.25;
  color: #000;
}

.inio-featured:hover .inio-featured__title a { color: var(--inio-blue-strong); }

.inio-featured__body { padding: 0 0 4px; }

.inio-readmore {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 10px;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--inio-blue-strong);
  border-bottom: 2px solid currentColor;
}

/* ---------- Update cards ---------- */

.inio-feed {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--inio-gap);
}

.inio-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #eee;
}

.inio-card__media {
  overflow: hidden;
  background: #333;
}
.inio-card__media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  transition: transform .4s ease;
}
.inio-card:hover .inio-card__media img { transform: scale(1.04); }

.inio-card__body { padding: 12px 12px 14px; }

.inio-card__title {
  margin-top: 8px;
  font-family: var(--inio-head);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  overflow-wrap: break-word;
}
.inio-card:hover .inio-card__title a { color: var(--inio-blue-strong); }

.inio-more {
  margin: var(--inio-gap) 0 4px;
  text-align: center;
}

/* ---------- Article pages ---------- */

.inio-crumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 0;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
  font-size: 0.8125rem;
  color: var(--inio-muted);
}
.inio-crumbs li { min-width: 0; }
.inio-crumbs li + li::before {
  content: "/";
  margin: 0 8px;
  color: #aaa;
}
.inio-crumbs a { color: var(--inio-text); text-decoration: underline; text-underline-offset: 2px; }
.inio-crumbs a:hover { color: var(--inio-blue-strong); }
.inio-crumbs [aria-current] { color: var(--inio-muted); overflow-wrap: anywhere; }

.inio-article { padding: 18px 20px 22px; }
.inio-article__title {
  margin-top: 10px;
  font-family: var(--inio-serif);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.22;
  color: #111;
  overflow-wrap: break-word;
}
.inio-article__standfirst + .inio-article__standfirst { margin-top: 10px; }
.inio-article__standfirst {
  max-width: 46rem;
  margin: 12px 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
  color: #444;
}
.inio-article__meta { flex-wrap: wrap; gap: 5px 14px; margin-top: 10px; }
.inio-article__date { display: inline-flex; align-items: center; gap: 5px; }
.inio-article__by a { color: var(--inio-text); text-decoration: underline; text-underline-offset: 2px; }

.inio-article__figure { margin: 18px 0 0; }
.inio-article__figure img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #333; }

.inio-article__body {
  max-width: 46rem;
  margin-top: 20px;
  font-size: 1.0625rem;
  line-height: 1.8;
  color: #222;
  overflow-wrap: break-word;
}
.inio-article__body p { margin: 0 0 1.15em; }
.inio-article__body a { color: var(--inio-blue-strong); text-decoration: underline; }
.inio-article__body h2,
.inio-article__body h3 {
  margin: 1.6em 0 0.6em;
  font-family: var(--inio-head);
  font-weight: 600;
  line-height: 1.3;
  color: #111;
}
.inio-article__body h2 { font-size: 1.375rem; }
.inio-article__body h3 { font-size: 1.125rem; }
.inio-article__body ul,
.inio-article__body ol { margin: 0 0 1.15em; padding-inline-start: 1.4em; }
.inio-article__body li { margin-bottom: 0.4em; }
.inio-article__body blockquote {
  margin: 0 0 1.15em;
  padding: 4px 0 4px 18px;
  border-inline-start: 3px solid var(--inio-blue);
  color: #444;
}
.inio-article__body strong { font-weight: 700; }
.inio-article__body > :last-child { margin-bottom: 0; }
.inio-article__body h2[id] { scroll-margin-top: 16px; }

/* Table of contents (inserted by the build after the first paragraph) */
.inio-toc {
  margin: 0 0 1.4em;
  padding: 14px 18px 12px;
  background: #f5f7fa;
  border: 1px solid var(--inio-card-line);
  border-inline-start: 4px solid var(--inio-blue-strong);
}
.inio-toc__title {
  margin: 0 0 8px !important;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #111;
}
.inio-toc ol { margin: 0; padding-inline-start: 1.3em; font-size: 0.9375rem; line-height: 1.55; }
.inio-toc li { margin: 0 0 5px; }
.inio-article__body .inio-toc a { color: var(--inio-blue-strong); text-decoration: none; }
.inio-article__body .inio-toc a:hover,
.inio-article__body .inio-toc a:focus-visible { text-decoration: underline; }
.inio-article__figure figcaption {
  padding: 8px 0 0;
  color: var(--inio-muted);
  font-size: 0.8125rem;
  line-height: 1.5;
}

.inio-authorbox {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  max-width: 46rem;
  margin-top: 26px;
  padding: 16px;
  border: 1px solid #000;
  border-radius: 6px;
}
.inio-authorbox img { flex: none; width: 72px; height: 72px; }
.inio-authorbox p { margin: 0; font-size: 0.875rem; line-height: 1.7; }
.inio-authorbox .inio-authorbox__name {
  margin-bottom: 6px;
  font-family: var(--inio-head);
  font-size: 1.0625rem;
  font-weight: 600;
}
.inio-authorbox a { color: var(--inio-text); text-decoration: underline; }

.inio-article__back { margin: 24px 0 0; }

/* ---------- Sidebar ---------- */

.inio-sidebar {
  display: grid;
  gap: var(--inio-gap);
  align-content: start;
}

.inio-widget {
  background: #fff;
  border: 1px solid var(--inio-card-line);
  border-radius: 8px;
  padding: 14px;
}

/* Advertising card (third sidebar card): the campaign image, linked, inside the standard card */
.inio-widget--ad { padding: 10px; }
.inio-adcard { display: block; border-radius: 4px; overflow: hidden; }
.inio-adcard img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; }
.inio-adcard:focus-visible { outline: 3px solid var(--inio-blue-strong); outline-offset: 3px; }

.inio-xbox {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}
.inio-xbox__title {
  padding: 10px 12px;
  background: var(--inio-black);
  color: #fff;
  font-family: var(--inio-body);
  font-size: 0.9375rem;
  font-weight: 700;
}
.inio-xbox__body { padding: 16px 12px 18px; }
.inio-xbox__body iframe { max-width: 100% !important; }
.inio-xbox__body > .twitter-timeline,
.inio-xbox__body > blockquote { margin: 0 0 16px; }

.inio-xbox__follow { text-align: center; }
.inio-xbox__logo {
  display: block;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1;
}
.inio-xbox__follow p {
  margin: 10px 0 14px;
  font-size: 0.8125rem;
  line-height: 1.6;
}
.inio-xbox__btn {
  display: inline-block;
  padding: 8px 20px;
  background: var(--inio-black);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 700;
  border-radius: 20px;
  transition: background-color .2s ease;
}
.inio-xbox__btn:hover { background: var(--inio-blue-strong); }

.inio-recent {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inio-recent li { border-bottom: 1px solid #eee; }
.inio-recent li:last-child { border-bottom: 0; }
.inio-recent a {
  display: block;
  padding: 10px 0;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--inio-text);
}
.inio-recent a:hover { color: var(--inio-blue-strong); }

/* ---------- Footer ---------- */

.inio-footer {
  background: #fff;
  padding: 26px 0 30px;
  font-family: var(--inio-body);
}

.inio-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.inio-footer__links a {
  display: inline-block;
  padding: 4px 0;
  color: var(--inio-link-footer);
  font-size: 1rem;
}
.inio-footer__links a:hover { text-decoration: underline; }

/* RSS item: a click copies the feed address; the check mark confirms it */
.inio-footer__rss { display: inline-flex; align-items: center; gap: 6px; }
.inio-footer__links .inio-footer__rss a { display: inline-flex; align-items: center; gap: 6px; }
.inio-rss-icon { flex: none; }
.inio-copy-check {
  flex: none;
  color: #1a7f37;
  opacity: 0;
  transform: scale(.6);
  transition: opacity .15s ease, transform .15s ease;
}
.inio-footer__rss.is-copied .inio-copy-check { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .inio-copy-check { transition: none; } }

.inio-footer__legal,
.inio-footer__partners {
  margin: 0 0 12px;
  font-size: 0.75rem;
  line-height: 2;
  color: #000;
}
.inio-footer__legal a,
.inio-footer__partners a { text-decoration: underline; }
.inio-footer__disclaimer { margin: 0 0 14px; font-size: 0.6875rem; line-height: 1.7; color: #444; }

.inio-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 36px;
}
.inio-footer__logo img { width: 240px; max-width: 100%; }

.inio-social--footer a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--inio-black);
}
.inio-social--footer a:hover { background: var(--inio-blue-strong); }

.inio-footer__cats {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2px 16px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.inio-footer__cats a {
  display: inline-block;
  padding: 5px 0;
  font-size: 0.75rem;
  color: #000;
}
.inio-footer__cats a:hover { color: var(--inio-blue-strong); }

/* ---------- Buttons shared by consent and accessibility ---------- */

.inio-js-only { display: none; }
.js .inio-js-only { display: list-item; }

.inio-cbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.5rem 1.125rem;
  border: 2px solid transparent;
  border-radius: 22px;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.inio-cbtn--primary { background: var(--inio-blue-strong); color: #fff; }
.inio-cbtn--primary:hover { background: var(--inio-blue-hover); }
.inio-cbtn--dark { background: var(--inio-black); color: #fff; }
.inio-cbtn--dark:hover { background: #333; }
.inio-cbtn--ghost { background: #fff; color: #000; border-color: #000; }
.inio-cbtn--ghost:hover { background: #f2f2f2; }

.inio-linkbtn {
  display: inline-block;
  padding: 4px 0;
  border: 0;
  background: none;
  color: var(--inio-link-footer);
  font: inherit;
  font-size: 1rem;
  cursor: pointer;
}
.inio-linkbtn:hover { text-decoration: underline; }

/* ---------- Cookie consent banner ---------- */

.inio-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  background: #fff;
  border-top: 4px solid var(--inio-black);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, .15);
  max-height: 80vh;
  overflow-y: auto;
}
.inio-consent[hidden] { display: none; }
.inio-consent__inner {
  display: flex;
  align-items: center;
  gap: 16px 28px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.inio-consent__text { flex: 1; min-width: 0; }
.inio-consent h2 {
  font-family: var(--inio-head);
  font-size: 1rem;
  font-weight: 600;
}
.inio-consent p {
  margin: 4px 0 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #333;
}
.inio-consent p a { color: var(--inio-link-footer); text-decoration: underline; }
.inio-consent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: none;
}

/* Keep the end of the page reachable while the banner is showing */
body { padding-bottom: var(--inio-banner-h, 0px); }

/* ---------- Dialog panels (cookie settings, accessibility) ---------- */

.inio-dialog {
  width: min(460px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--inio-text);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .3);
  overflow-y: auto;
}
.inio-dialog::backdrop { background: rgba(18, 16, 38, .55); }
.inio-dialog__inner { padding: 0 18px 18px; }
.inio-dialog__head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -18px 12px;
  padding: 10px 10px 10px 18px;
  background: var(--inio-black);
  color: #fff;
}
.inio-dialog__head h2 {
  font-family: var(--inio-head);
  font-size: 1.0625rem;
  font-weight: 600;
}
.inio-dialog__close {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}
.inio-dialog__close:hover { background: #333; }
.inio-dialog__close:focus-visible { outline-color: #fff; }
.inio-dialog__intro { margin: 0 0 12px; font-size: 0.875rem; color: #333; }
.inio-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.inio-pref {
  padding: 12px 0;
  border-top: 1px solid #eee;
}
.inio-pref__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.inio-pref__name {
  font-family: var(--inio-head);
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
}
.inio-pref p { margin: 4px 0 0; font-size: 0.8125rem; line-height: 1.55; color: var(--inio-muted); }

.inio-switch {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  flex: none;
  width: 46px;
  height: 26px;
  margin: 0;
  border-radius: 13px;
  background: #9e9e9e;
  cursor: pointer;
  transition: background-color .2s ease;
}
.inio-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  inset-inline-start: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  transition: transform .2s ease;
}
.inio-switch:checked { background: var(--inio-blue-strong); }
.inio-switch:checked::after { transform: translateX(20px); }
.inio-switch:disabled { opacity: .6; cursor: not-allowed; }

/* ---------- X feed consent placeholder ---------- */

.inio-xbox__gate {
  margin: 0 0 16px;
  padding: 14px;
  background: #f5f5f5;
  border: 1px dashed #bbb;
  border-radius: 6px;
  text-align: center;
}
.inio-xbox__gate[hidden] { display: none; }
.inio-xbox__gate p { margin: 0 0 12px; font-size: 0.8125rem; line-height: 1.6; color: #333; }
.inio-xbox__embed:empty { display: none; }
.inio-xbox__embed { margin-bottom: 16px; }

/* ---------- Accessibility button and panel ---------- */

.inio-a11y-btn {
  --inio-a11y-offset: 16px;
  position: fixed;
  z-index: 55;
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--inio-blue-strong);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
  cursor: pointer;
}
.js .inio-a11y-btn { display: inline-flex; }
.inio-a11y-btn:hover { background: var(--inio-blue-hover); }
.inio-a11y-btn:focus-visible { outline: 3px solid #000; outline-offset: 2px; }
.inio-a11y-btn[data-position="bottom-left"] { left: var(--inio-a11y-offset); bottom: calc(var(--inio-a11y-offset) + var(--inio-banner-h, 0px)); }
.inio-a11y-btn[data-position="bottom-right"] { right: var(--inio-a11y-offset); bottom: calc(var(--inio-a11y-offset) + var(--inio-banner-h, 0px)); }
.inio-a11y-btn[data-position="middle-left"] { left: 0; top: 50%; transform: translateY(-50%); border-radius: 0 8px 8px 0; }
.inio-a11y-btn[data-position="middle-right"] { right: 0; top: 50%; transform: translateY(-50%); border-radius: 8px 0 0 8px; }

.inio-a11y__group { margin-bottom: 14px; }
.inio-a11y__label {
  display: flex;
  justify-content: space-between;
  margin: 0 0 6px;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 600;
}
.inio-a11y__size { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.inio-a11y__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.inio-a11y__opt {
  min-height: 44px;
  padding: 0.5rem;
  border: 2px solid #ccc;
  border-radius: 6px;
  background: #fff;
  color: #000;
  font-family: var(--inio-head);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
}
.inio-a11y__opt:hover { border-color: var(--inio-blue-strong); }
.inio-a11y__opt[aria-pressed="true"] {
  border-color: var(--inio-blue-strong);
  background: var(--inio-blue-strong);
  color: #fff;
}
.inio-a11y__opt[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.inio-a11y__reset { width: 100%; margin-top: 14px; }
.inio-a11y__note { margin: 12px 0 0; font-size: 0.75rem; color: var(--inio-muted); }
.inio-a11y__note a { color: var(--inio-link-footer); text-decoration: underline; }

/* ---------- Accessibility modes (classes set on <html>) ---------- */

.a11y-grayscale .inio-header,
.a11y-grayscale .inio-main,
.a11y-grayscale .inio-footer { filter: grayscale(1); }

.a11y-links a:not(.inio-badge):not(.inio-btn):not(.inio-xbox__btn) {
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px;
}
.a11y-links a { outline: 2px solid #ffbf00; outline-offset: 1px; }
.a11y-links .inio-stretch::after { outline: 0; }

.a11y-font body,
.a11y-font body * { font-family: Verdana, Tahoma, Arial, sans-serif !important; }

.a11y-lines p,
.a11y-lines li,
.a11y-lines h1,
.a11y-lines h2,
.a11y-lines h3,
.a11y-lines a,
.a11y-lines time { line-height: 1.9 !important; }
.a11y-lines p { margin-bottom: 0.9em; }

.a11y-letters body * { letter-spacing: 0.12em !important; word-spacing: 0.16em !important; }

.a11y-motion *, .a11y-motion *::before, .a11y-motion *::after {
  transition: none !important;
  animation: none !important;
  scroll-behavior: auto !important;
}
.a11y-motion .inio-card:hover .inio-card__media img { transform: none; }

.a11y-contrast body,
.a11y-contrast .inio-branding,
.a11y-contrast .inio-nav,
.a11y-contrast .inio-header-search,
.a11y-contrast .inio-page-head,
.a11y-contrast .inio-block,
.a11y-contrast .inio-card,
.a11y-contrast .inio-widget,
.a11y-contrast .inio-footer,
.a11y-contrast .inio-consent,
.a11y-contrast .inio-toc,
.a11y-contrast .inio-dialog,
.a11y-contrast .inio-xbox__gate {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
.a11y-contrast .inio-menu { background: #000 !important; }
.a11y-contrast body * { color: #fff !important; border-color: #fff !important; box-shadow: none !important; text-shadow: none !important; }
.a11y-contrast a,
.a11y-contrast .inio-linkbtn { color: #ffeb3b !important; }
.a11y-contrast .inio-copy-check { color: #3fdc6b !important; }
.a11y-contrast .inio-badge,
.a11y-contrast .inio-menu a[aria-current],
.a11y-contrast .inio-sec-title h2,
.a11y-contrast .inio-topbar__date,
.a11y-contrast .inio-a11y__opt[aria-pressed="true"],
.a11y-contrast .inio-switch:checked {
  background: #ffeb3b !important;
  color: #000 !important;
}
.a11y-contrast .inio-sec-title,
.a11y-contrast .inio-topbar { background: #000 !important; border-bottom: 1px solid #fff; }
.a11y-contrast .inio-cbtn,
.a11y-contrast .inio-btn,
.a11y-contrast .inio-xbox__btn,
.a11y-contrast .inio-a11y__opt,
.a11y-contrast .inio-search input,
.a11y-contrast .inio-search button {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
.a11y-contrast .inio-excerpt,
.a11y-contrast .inio-meta { color: #fff !important; }
.a11y-contrast .inio-featured__caption { background: #000 !important; }
.a11y-contrast .inio-featured__media > img { grid-area: 1 / 1 !important; }
.a11y-contrast .inio-featured__caption { grid-area: 2 / 1 !important; position: static; }
.a11y-contrast .inio-featured__caption .inio-featured__badges { position: static; }
.a11y-contrast .inio-logo img,
.a11y-contrast .inio-footer__logo img { background: #fff; padding: 6px; }
.a11y-contrast .inio-burger span { background: #fff; }
.a11y-contrast :focus-visible { outline-color: #ffeb3b !important; }
.a11y-contrast .inio-a11y-btn { background: #ffeb3b !important; color: #000 !important; border-color: #000 !important; }

/* ---------- Responsive ---------- */

@media (min-width: 600px) {
  .inio-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* An odd last card spans the full row as a horizontal card */
  .inio-feed > .inio-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    flex-direction: row;
  }
  .inio-feed > .inio-card:last-child:nth-child(odd) .inio-card__media { flex: 0 0 48%; }
  .inio-feed > .inio-card:last-child:nth-child(odd) .inio-card__media img { height: 100%; }
  .inio-feed > .inio-card:last-child:nth-child(odd) .inio-card__body { align-self: center; padding: 16px 20px; }

  /* Featured: headline over the image, as in the site's top slider */
  .inio-featured__media { display: grid; }
  .inio-featured__media > img,
  .inio-featured__caption { grid-area: 1 / 1; }
  .inio-featured__caption {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 22px;
    background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, .82) 100%);
  }
  .inio-featured__caption .inio-featured__badges { position: absolute; top: 18px; inset-inline-start: 22px; }
  /* keeps the headline above the mirrored (transformed) image in right-to-left languages */
  [dir="rtl"] .inio-featured__caption { position: relative; z-index: 1; }
  .inio-featured__title { font-size: 1.625rem; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
  .inio-featured__caption .inio-meta { color: #eee; }
  .inio-featured:hover .inio-featured__title a { color: #fff; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
  .inio-featured__body { padding: 14px 4px 6px; }
}

@media (min-width: 992px) {
  .inio-layout { grid-template-columns: minmax(0, 1fr) 320px; }
  .inio-block { padding: 16px; }
  .inio-featured__title { font-size: 1.875rem; }
  .inio-page-head h1 { font-size: 2.125rem; }
  .inio-article { padding: 22px 26px 28px; }
  .inio-article__title { font-size: 2.125rem; }
  .inio-feed--related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .inio-feed--related > .inio-card:last-child:nth-child(odd) { grid-column: auto; flex-direction: column; }
  .inio-feed--related > .inio-card:last-child:nth-child(odd) .inio-card__media { flex: none; }
  .inio-feed--related > .inio-card:last-child:nth-child(odd) .inio-card__body { align-self: auto; padding: 12px 12px 14px; }
  .inio-feed--related .inio-excerpt { display: none; }
  .inio-feed--related .inio-card__title { font-size: 1rem; }
}

@media (min-width: 1200px) {
  .inio-layout { grid-template-columns: minmax(0, 1fr) 340px; }
}

/* Collapsed menu below 1100px (the full menu does not fit on one line) */
@media (max-width: 1099px) {
  .js .inio-nav__toggle { display: inline-flex; }
  .js .inio-menu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-top: 1px solid var(--inio-line);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
    padding: 6px 0;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
  .js .inio-menu.is-open { display: block; }
  .js .inio-menu a {
    padding: 12px 20px;
    font-size: 0.875rem;
    border-bottom: 1px solid #f2f2f2;
  }
  .js .inio-menu li:last-child a { border-bottom: 0; }
  .js .inio-nav__inner { position: static; }
}

@media (max-width: 767px) {
  .inio-consent__inner { flex-direction: column; align-items: stretch; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
  .inio-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .inio-consent__actions [data-open-cookie-settings] { grid-column: 1 / -1; }
}

@media (max-width: 599px) {
  .inio-a11y-btn { --inio-a11y-offset: 10px; width: 44px; height: 44px; }
  .inio-dialog__actions .inio-cbtn { flex: 1 1 100%; }
  .inio-main { padding-top: 12px; }
  .inio-container { padding: 0 10px; }
  .inio-logo img { width: 250px; }
  .inio-branding .inio-container { padding-top: 16px; padding-bottom: 16px; }
  .inio-topbar__date { font-size: 0.8125rem; padding: 0 12px; }
  .inio-page-head { padding: 14px 14px 16px; }
  .inio-page-head--image { min-height: 0; padding: 18px 16px 20px; }
  .inio-page-head__img,
  [dir="rtl"] .inio-page-head__img { object-position: center; }
  .inio-page-head--image::before,
  [dir="rtl"] .inio-page-head--image::before { background: rgba(255, 255, 255, .88); }
  .inio-page-head__text { max-width: none; }
  .inio-page-head h1 { font-size: 1.5625rem; }
  .inio-article { padding: 14px 14px 18px; }
  .inio-article__title { font-size: 1.5rem; }
  .inio-article__body { font-size: 1rem; line-height: 1.75; }
  .inio-authorbox { gap: 12px; padding: 12px; }
  .inio-authorbox img { width: 52px; height: 52px; }
  .inio-block { padding: 10px; }
  .inio-featured__caption .inio-badge { margin-top: 2px; }
  .inio-excerpt { font-size: 0.9375rem; }
  .inio-footer__bottom { flex-wrap: wrap; }
  .inio-footer__cats { justify-content: flex-start; }
  .inio-footer__links a, .inio-footer__links .inio-linkbtn { font-size: 0.9375rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .inio-card:hover .inio-card__media img { transform: none; }
}

/* Sidebar list: current article */
.inio-recent a[aria-current] { color: var(--inio-blue-strong); font-weight: 600; }
.a11y-contrast .inio-recent a[aria-current] { color: #ffeb3b !important; text-decoration: underline; }


/* ---------- Language switcher (top bar) ---------- */

.inio-topbar__end { display: flex; align-items: stretch; gap: 4px; }

.inio-lang { position: relative; }
.inio-lang summary {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  min-height: 28px;
  padding: 0 10px;
  color: #fff;
  font-size: 0.8125rem;
  cursor: pointer;
  list-style: none;
}
.inio-lang summary::-webkit-details-marker { display: none; }
.inio-lang summary::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
}
.inio-lang summary:hover,
.inio-lang[open] summary { background: var(--inio-blue-strong); }
.inio-lang summary:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.inio-lang ul {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  z-index: 70;
  min-width: 170px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  background: #fff;
  border: 1px solid var(--inio-line);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}
.inio-lang li a {
  display: block;
  padding: 9px 16px;
  color: #000;
  font-size: 0.9375rem;
  text-align: start;
}
.inio-lang li a:hover { background: #f2f2f2; color: var(--inio-blue-strong); }
.inio-lang li a[aria-current] { font-weight: 700; color: var(--inio-blue-strong); }
.a11y-contrast .inio-lang ul { background: #000 !important; border-color: #fff !important; }

/* ---------- Right-to-left languages (Hebrew, Arabic, Persian) ---------- */

[dir="rtl"] .inio-skip { left: auto; right: 10px; }
[dir="rtl"] .inio-switch:checked::after { transform: translateX(-20px); }

/* Article images are never mirrored in right-to-left editions: they contain maps, flags and buildings. */

/* Hebrew: the serif stack has no Hebrew letters, so headings use Rubik */
:lang(he) { --inio-serif: 'Rubik', Arial, sans-serif; }

/* Arabic and Persian: Vazirmatn, no letter-spacing or capitals (they break joined letters) */
:lang(ar), :lang(fa) {
  --inio-head: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --inio-body: 'Vazirmatn', Tahoma, Arial, sans-serif;
  --inio-serif: 'Vazirmatn', Tahoma, Arial, sans-serif;
}
:lang(ar) body *, :lang(fa) body * { letter-spacing: 0 !important; }
:lang(ar) .inio-badge, :lang(fa) .inio-badge { text-transform: none; font-size: 0.75rem; }
:lang(ar) .inio-article__body, :lang(fa) .inio-article__body { line-height: 1.95; }
.a11y-letters:lang(ar) body *, .a11y-letters:lang(fa) body * { word-spacing: 0.25em !important; }

/* ---------- Search page ---------- */

.inio-search--page { margin-bottom: 14px; }
.inio-search--page input { min-height: 2.75rem; font-size: 1rem; }
.inio-search--page button { min-height: 2.75rem; }
.inio-search__status { margin: 0 0 14px; color: var(--inio-muted); font-size: 0.9375rem; }
.inio-search__status:empty { display: none; }
.inio-search__results[hidden] { display: none; }

/* ---------- Contact page ---------- */

.inio-contact { font-family: var(--inio-head); font-size: 1.125rem; font-weight: 600; }
.inio-contact a { color: var(--inio-blue-strong); text-decoration: underline; }

/* Development placeholder for copy that has not been supplied yet (never meant to stay on a live page) */
.inio-dev-placeholder {
  padding: 12px 14px;
  border: 2px dashed #b45309;
  background: #fff7e6;
  color: #7a3e00;
  font-size: 0.9375rem;
}

/* ---------- Advertising popup (ad-popup.js): a modest centred dialog, once per session ---------- */
.inio-adpop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  opacity: 0;
  transition: opacity .2s ease;
}
.inio-adpop.is-visible { opacity: 1; }
.inio-adpop__backdrop { position: absolute; inset: 0; background: rgba(16, 42, 67, .45); }
.inio-adpop__box {
  position: relative;
  width: min(640px, 100%);
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
  transform: translateY(8px) scale(.98);
  transition: transform .2s ease;
}
.inio-adpop.is-visible .inio-adpop__box { transform: none; }
.inio-adpop__link { display: block; border-radius: 8px; overflow: hidden; }
.inio-adpop__link img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; }
.inio-adpop__link:focus-visible { outline: 3px solid var(--inio-blue-strong); outline-offset: 3px; }
.inio-adpop__close {
  position: absolute;
  top: -14px;
  inset-inline-end: -14px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--inio-navy);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
}
.inio-adpop__close:hover { background: var(--inio-blue-strong); }
.inio-adpop__close:focus-visible { outline: 3px solid var(--inio-blue); outline-offset: 2px; }
@media (max-width: 480px) {
  .inio-adpop__close { top: -12px; inset-inline-end: -6px; width: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .inio-adpop, .inio-adpop__box { transition: none; }
}
.a11y-motion .inio-adpop, .a11y-motion .inio-adpop__box { transition: none !important; }
.a11y-contrast .inio-adpop__box { background: #000; outline: 2px solid #ffeb3b; }

/* Consent-gated X embed: the post loads only after External / Social Media content is allowed */
.inio-embed { max-width: 550px; margin: 26px auto; }
.inio-embed--video { max-width: none; }
.inio-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; }
.inio-video--portrait { max-width: 420px; margin: 0 auto; border-radius: 8px; overflow: hidden; }
.inio-video iframe,
.inio-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.inio-embed__frame:empty { display: none; }
.inio-embed__notice {
  padding: 16px 18px;
  background: #f5f7fa;
  border: 1px solid var(--inio-line);
  border-radius: 4px;
}
.inio-article__body .inio-embed__notice p { margin: 0 0 8px; font-size: .95rem; line-height: 1.55; }
.inio-article__body .inio-embed__notice .inio-embed__title { font-weight: 700; }
.inio-article__body .inio-embed__notice .inio-embed__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 12px 0 0;
}
.inio-embed__actions a { overflow-wrap: anywhere; }

/* Partner Content: badge (outlined variant of the category badge; the text carries the meaning), byline and bio */
.inio-badge--partner {
  background: #fff;
  color: #102a43;
  box-shadow: inset 0 0 0 1px #102a43;
}
.inio-badge--opinion { background: #6b3a1f; color: #fff; }
a.inio-badge--partner:hover,
a.inio-badge--partner:focus-visible { background: #102a43; color: #fff; }
.inio-article__by { display: inline-flex; align-items: center; gap: 5px; }
.inio-figure__disclaimer { color: inherit; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.inio-figure__disclaimer:hover { color: var(--inio-blue-strong); }
.inio-article__verified { margin: 6px 0 0; font-size: .875rem; color: #555; }
.inio-article__verified::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-inline-end: 6px; border-radius: 50%; background: #2e7d4f; vertical-align: 1px; }
.inio-widget--guides .inio-sec-title h2 a { color: inherit; text-decoration: none; }
.inio-widget--guides .inio-sec-title h2 a:hover { text-decoration: underline; }

/* Author box at the end of every article: name (linked where the author has a page) and the approved bio */
.inio-author {
  margin: 30px 0 0;
  padding: 16px 18px;
  background: #f5f7fa;
  border: 1px solid var(--inio-line);
  border-inline-start: 4px solid #102a43;
  border-radius: 4px;
}
.inio-author__name { margin: 0 0 6px; font-family: var(--inio-head); font-size: 1rem; font-weight: 700; color: #000; }
.inio-author__name a { color: #000; text-decoration: underline; text-underline-offset: 2px; }
.inio-author__bio { margin: 0; font-size: .9375rem; line-height: 1.55; color: #333; }


/* ---------- Floating category bar (desktop and mobile) ---------- */
:root { --inio-quicknav-h: 84px; }
body { padding-bottom: calc(var(--inio-quicknav-h) + env(safe-area-inset-bottom, 0px)); }
.inio-quicknav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: linear-gradient(180deg, #0e5a52 0%, #102a43 100%);
  border-top: 3px solid #2bb39a;
  box-shadow: 0 -6px 22px rgba(16, 42, 67, .35);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.inio-quicknav__list { list-style: none; margin: 0 auto; padding: 0 4px; display: flex; gap: 4px; max-width: 1320px; }
.inio-quicknav__list li { flex: 1 1 0; min-width: 0; }
.inio-quicknav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: var(--inio-quicknav-h);
  padding: 8px 2px;
  border-radius: 12px;
  color: #ffffff;
  text-decoration: none;
  font-family: var(--inio-head);
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  transition: background-color .15s ease, transform .15s ease;
}
.inio-quicknav__icon {
  flex: none;
  width: 44px;
  height: 44px;
  padding: 9px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.inio-quicknav__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inio-quicknav__item:hover,
.inio-quicknav__item:focus-visible { background: rgba(255, 255, 255, .1); }
.inio-quicknav__item:hover .inio-quicknav__icon { background: #2bb39a; }
.inio-quicknav__item:focus-visible { outline: 3px solid #ffd27a; outline-offset: -3px; }
.inio-quicknav__item[aria-current="page"] .inio-quicknav__icon { background: #2bb39a; box-shadow: 0 0 0 3px rgba(255, 210, 122, .9); }
.inio-quicknav__item[aria-current="page"] .inio-quicknav__label { color: #ffd27a; }
.inio-consent { bottom: calc(var(--inio-quicknav-h) + env(safe-area-inset-bottom, 0px)); }
.inio-a11y-btn[data-position="bottom-left"],
.inio-a11y-btn[data-position="bottom-right"] { bottom: calc(var(--inio-a11y-offset) + var(--inio-quicknav-h) + env(safe-area-inset-bottom, 0px) + var(--inio-banner-h, 0px)); }
@media (min-width: 768px) {
  :root { --inio-quicknav-h: 96px; }
  .inio-quicknav__list { gap: 8px; padding: 0 8px; }
  .inio-quicknav__item { font-size: .9375rem; gap: 7px; }
  .inio-quicknav__icon { width: 50px; height: 50px; padding: 10px; }
}
@media (min-width: 1200px) {
  :root { --inio-quicknav-h: 104px; }
  .inio-quicknav { left: 50%; right: auto; bottom: 16px; transform: translateX(-50%); width: min(1040px, calc(100% - 32px)); border: 0; border-radius: 20px; box-shadow: 0 14px 40px rgba(16, 42, 67, .38); padding: 6px; }
  .inio-quicknav__item { font-size: 1rem; }
  .inio-quicknav__icon { width: 54px; height: 54px; padding: 11px; }
  .inio-quicknav__item:hover { transform: translateY(-2px); }
  body { padding-bottom: calc(var(--inio-quicknav-h) + 40px); }
  .inio-consent { bottom: 0; }
}
@media (prefers-reduced-motion: reduce) { .inio-quicknav__item { transition: none; } .inio-quicknav__item:hover { transform: none; } }
@media print { .inio-quicknav { display: none; } body { padding-bottom: 0; } }
.a11y-contrast .inio-quicknav { background: #000; border-top-color: #fff; }
.a11y-contrast .inio-quicknav__icon { background: #000; box-shadow: inset 0 0 0 2px #fff; }
.a11y-contrast .inio-quicknav__item[aria-current="page"] .inio-quicknav__icon { background: #fff; color: #000; }


/* ---------- IlanSharabi.com additions ---------- */
/* Brand palette from the new logo: ink #102a43, teal #0e7c66, light teal #2bb39a, amber #f2a93b. */
.inio-logo img { width: 300px; }
@media (max-width: 600px) { .inio-logo img { width: 230px; } }
.inio-footer__logo img { width: 220px; }

.inio-sec-title h2 a { color: inherit; text-decoration: none; }
.inio-sec-title h2 a:hover, .inio-sec-title h2 a:focus-visible { text-decoration: underline; }
.inio-widget__text { margin: 0; font-size: .9375rem; line-height: 1.6; color: #333; }
.inio-widget__text a { color: var(--inio-blue-strong); }
.inio-recommended { list-style: none; margin: 0 0 14px; padding: 0; font-size: .9375rem; line-height: 1.6; }
.inio-recommended li { margin: 0 0 8px; }
.inio-recommended span { color: #c0392b; }
.inio-recommended a { color: var(--inio-blue-strong); font-weight: 600; }
.inio-imagelinks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.inio-imagelinks a { display: block; }
.inio-imagelinks img { display: block; max-width: 100%; height: auto; margin-inline: auto; }

/* Recovered article bodies: long Latin words and URLs must never widen the page. */
.inio-article__body { overflow-wrap: anywhere; }
.inio-article__body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.inio-article__body th, .inio-article__body td { border: 1px solid var(--inio-line); padding: 6px 10px; }
.inio-article__body h2[id], .inio-article__body h3[id] { scroll-margin-top: 16px; }

/* Desktop: while the cookie banner is open, the floating category pill sits above it instead of behind it. */
@media (min-width: 1200px) {
  .inio-quicknav { bottom: calc(16px + var(--inio-banner-h, 0px)); }
}

/* Article header order (standing rule): breadcrumbs, author and date, categories, title, bold intro. */
.inio-article__head .inio-article__meta { margin-top: 8px; }
.inio-article__badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; }
.inio-article__badges + .inio-article__title { margin-top: 10px; }
.inio-article__standfirst a { color: var(--inio-blue-strong); }

/* Cards list every category of the post. */
.inio-card__badges { display: flex; flex-wrap: wrap; gap: 5px; }