/*
 * U.I.R. — Editorial Liquid Glass for BeTheme
 * v1.3.1 — scoped to WordPress single blog posts.
 * Does not style header, site navigation, consent banner or footer.
 */

body.single-post {
  --uir-ink: #162337;
  --uir-muted: #667589;
  --uir-blue: #325c89;
  --uir-border: rgba(74, 94, 119, .16);
  --uir-glass: rgba(255,255,255,.76);
  --uir-shadow: 0 20px 70px rgba(26,48,79,.075), 0 3px 12px rgba(28,47,70,.035);
  --uir-radius: 27px;
  --uir-text-width: 800px;
  --uir-wide-width: 1050px;
  -webkit-font-smoothing: antialiased;
}

/* The background only changes the actual single-post content canvas. */
body.single-post #Content {
  background:
    radial-gradient(ellipse 800px 390px at 7% 8%, rgba(198,218,244,.44), transparent 78%),
    radial-gradient(ellipse 900px 480px at 97% 43%, rgba(227,231,245,.56), transparent 75%),
    linear-gradient(160deg, #f8fafc 0%, #f2f5f9 58%, #f8f9fb 100%);
  color: var(--uir-ink);
  padding-top: clamp(22px, 3.5vw, 60px);
  padding-bottom: clamp(55px, 6vw, 110px);
}

/* BeTheme title / breadcrumb area. Keep header and menu untouched. */
body.single-post #Subheader {
  background: linear-gradient(145deg,#f7f9fc 0%,#eef3f9 100%);
  border-bottom: 1px solid rgba(45,66,95,.07);
}
body.single-post #Subheader .title,
body.single-post #Content .post-header h1,
body.single-post #Content h1.entry-title,
body.single-post #Content .post-title h1,
body.single-post #Content .title_wrapper h1 {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(32px, 4.3vw, 58px);
  line-height: 1.115;
  letter-spacing: -.047em;
  font-weight: 720;
  color: #192b44;
  text-wrap: balance;
}
body.single-post #Subheader .title {
  max-width: 1080px;
  font-size: clamp(27px, 3.55vw, 48px);
}
body.single-post #Content .post-header,
body.single-post #Content .title_wrapper {
  margin-bottom: clamp(22px,3.4vw,46px);
}
body.single-post #Content .post-meta,
body.single-post #Content .post-header .post-meta,
body.single-post #Content .post-head .post-meta,
body.single-post #Content .post-author,
body.single-post #Content .date_label {
  color: var(--uir-muted);
  font-size: 12px;
  letter-spacing: .075em;
}

/* Readable, editorial article surfaces across common BeTheme versions. */
body.single-post #Content .post-wrapper-content,
body.single-post #Content .section-post-intro-share,
body.single-post #Content article.post .post-content {
  min-width: 0;
}
body.single-post #Content .post-wrapper-content > .section_wrapper,
body.single-post #Content .post-wrapper-content .section_wrapper,
body.single-post #Content .content_wrapper {
  box-sizing: border-box;
}

/* Glass panel only on text wrappers, not gallery/media sections. */
body.single-post #Content .the_content_wrapper,
body.single-post #Content article.post .entry-content {
  box-sizing: border-box;
  color: var(--uir-ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(16.5px, 1.33vw, 19px);
  font-weight: 400;
  line-height: 1.88;
  letter-spacing: -.011em;
}
body.single-post #Content .the_content_wrapper {
  width: auto;
  max-width: var(--uir-wide-width);
  margin: 0 auto 34px;
  padding: clamp(26px, 5.4vw, 76px);
  border: 1px solid var(--uir-border);
  border-radius: var(--uir-radius);
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,255,255,.73) 45%, rgba(251,253,255,.91));
  box-shadow: var(--uir-shadow);
  -webkit-backdrop-filter: saturate(155%) blur(22px);
  backdrop-filter: saturate(155%) blur(22px);
}
/* Prevent duplicate nested cards if a template wraps both entry-content and content. */
body.single-post #Content .the_content_wrapper .entry-content { background: transparent; border: 0; box-shadow: none; padding: 0; }

body.single-post #Content .the_content_wrapper > :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,hr,table),
body.single-post #Content article.post .entry-content > :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,hr,table) {
  max-width: var(--uir-text-width);
  margin-left: auto;
  margin-right: auto;
}
body.single-post #Content .the_content_wrapper p,
body.single-post #Content article.post .entry-content p {
  color: #26364b;
  margin-top: 0;
  margin-bottom: 1.32em;
  line-height: 1.88;
}
body.single-post #Content .the_content_wrapper > p:first-of-type,
body.single-post #Content article.post .entry-content > p:first-of-type {
  font-size: clamp(19px,1.63vw,23px);
  line-height: 1.65;
  letter-spacing: -.022em;
  color: #243f62;
  font-weight: 480;
}
body.single-post #Content .the_content_wrapper :is(h2,h3,h4,h5,h6),
body.single-post #Content article.post .entry-content :is(h2,h3,h4,h5,h6) {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
  color: #182e4b;
  font-weight: 710;
  text-wrap: balance;
  letter-spacing: -.038em;
  line-height: 1.22;
  padding: 0;
}
body.single-post #Content .the_content_wrapper h2,
body.single-post #Content article.post .entry-content h2 {
  font-size: clamp(26px, 2.35vw, 35px);
  margin-top: 2.1em;
  margin-bottom: .75em;
}
body.single-post #Content .the_content_wrapper h3,
body.single-post #Content article.post .entry-content h3 {
  font-size: clamp(22px, 1.85vw, 28px);
  margin-top: 1.8em;
  margin-bottom: .72em;
}
body.single-post #Content .the_content_wrapper :is(h4,h5,h6),
body.single-post #Content article.post .entry-content :is(h4,h5,h6) {
  font-size: clamp(19px,1.6vw,23px);
  margin-top: 1.5em;
  margin-bottom: .7em;
}
/* Handles old editor posts where section headings are a whole bold paragraph. */
@supports selector(p:has(> strong:only-child)) {
  body.single-post #Content .the_content_wrapper p:has(> strong:only-child):not(:has(img)),
  body.single-post #Content article.post .entry-content p:has(> strong:only-child):not(:has(img)) {
    margin-top: 2em;
    margin-bottom: .8em;
    line-height: 1.32;
  }
  body.single-post #Content .the_content_wrapper p > strong:only-child,
  body.single-post #Content article.post .entry-content p > strong:only-child {
    display: block;
    font-size: clamp(21px,1.85vw,29px);
    font-weight: 710;
    letter-spacing: -.035em;
    color: #173554;
  }
}
body.single-post #Content .the_content_wrapper a:not(.uir-gallery-link):not(.button),
body.single-post #Content article.post .entry-content a:not(.uir-gallery-link):not(.button) {
  color: #265b95;
  text-decoration-color: rgba(38,91,149,.35);
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
  overflow-wrap: anywhere;
  transition: color .18s ease, text-decoration-color .18s ease;
}
body.single-post #Content .the_content_wrapper a:hover,
body.single-post #Content article.post .entry-content a:hover {
  color: #0f3f76;
  text-decoration-color: currentColor;
}
body.single-post #Content .the_content_wrapper :is(ul,ol),
body.single-post #Content article.post .entry-content :is(ul,ol) {
  padding-left: 1.65em;
  margin-bottom: 1.55em;
}
body.single-post #Content .the_content_wrapper li,
body.single-post #Content article.post .entry-content li { margin-bottom: .48em; padding-left: .28em; }
body.single-post #Content .the_content_wrapper li::marker,
body.single-post #Content article.post .entry-content li::marker { color: #6b8cab; }
body.single-post #Content .the_content_wrapper blockquote,
body.single-post #Content article.post .entry-content blockquote {
  background: rgba(234,241,250,.70);
  border-left: 3px solid #779ec1;
  border-radius: 0 19px 19px 0;
  padding: 24px 30px;
  box-sizing: border-box;
  font-size: 1.12em;
  line-height: 1.7;
  color: #2c4565;
  box-shadow: none;
}
body.single-post #Content .the_content_wrapper hr,
body.single-post #Content article.post .entry-content hr {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(48,75,109,.22),transparent);
  margin-top: 2.3em;
  margin-bottom: 2.3em;
}
body.single-post #Content .the_content_wrapper :is(img,video,iframe),
body.single-post #Content article.post .entry-content :is(img,video,iframe) { max-width: 100%; }
body.single-post #Content .the_content_wrapper > figure:not(.uir-liquid-gallery),
body.single-post #Content article.post .entry-content > figure:not(.uir-liquid-gallery) { margin-top: 28px; margin-bottom: 34px; }
body.single-post #Content :is(.the_content_wrapper, .entry-content) figure:not(.uir-liquid-gallery) > img,
body.single-post #Content :is(.the_content_wrapper, .entry-content) .wp-caption > img {
  border-radius: 19px;
  box-shadow: 0 12px 30px rgba(18,36,61,.10);
}
body.single-post #Content :is(figcaption,.wp-caption-text) { font-size: 13px; color: var(--uir-muted); line-height: 1.55; }
body.single-post #Content :is(.the_content_wrapper,.entry-content) iframe[src*="youtube.com"],
body.single-post #Content :is(.the_content_wrapper,.entry-content) iframe[src*="youtu.be"] { border-radius: 18px; }

/* === Interactive UIR gallery (markup built by accompanying JavaScript) === */
body.single-post #Content .uir-liquid-gallery {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--uir-wide-width);
  margin: clamp(34px,5vw,65px) auto;
  padding: clamp(12px,2vw,22px);
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.92);
  background: linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,246,253,.80));
  box-shadow: 0 26px 70px rgba(27,49,78,.11), 0 0 0 1px rgba(43,77,118,.06);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
  font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  color: #1c2c42;
}
body.single-post #Content .uir-gallery-topline {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 4px 8px 15px;
}
body.single-post #Content .uir-gallery-label {
  margin: 0; text-transform: uppercase; letter-spacing: .14em;
  font-weight: 710; font-size: 11px; color: #66809d;
}
body.single-post #Content .uir-gallery-counter { font-size: 12px; font-variant-numeric: tabular-nums; color: #6c7b8b; }
body.single-post #Content .uir-gallery-stage {
  position: relative;
  overflow: hidden;
  display: grid; place-items: center;
  min-height: 280px;
  background: radial-gradient(ellipse at 50% 30%,#fff 8%, #eef2f6 95%);
  border: 1px solid rgba(48,70,98,.07);
  border-radius: 20px;
}
body.single-post #Content .uir-gallery-expand {
  display: flex; align-items: center; justify-content: center;
  appearance: none; border: 0; background: transparent;
  cursor: zoom-in; width: 100%; min-height: 280px; padding: 0;
}
body.single-post #Content .uir-gallery-main-img {
  width: 100%;
  height: clamp(280px,43vw,610px);
  max-height: 610px;
  display: block;
  object-fit: contain;
  transition: opacity .18s ease;
}
body.single-post #Content .uir-gallery-main-img.uir-loading { opacity: .45; }
body.single-post #Content .uir-gallery-arrow,
.uir-gallery-modal .uir-gallery-arrow {
  position: absolute;
  z-index: 2;
  top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; padding: 0;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 50%;
  background: rgba(255,255,255,.74);
  color: #283c55; font-size: 29px; font-weight: 300;
  box-shadow: 0 4px 15px rgba(35,54,85,.12);
  -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px);
  cursor: pointer; display: grid; place-items: center;
  transition: background .18s ease, box-shadow .18s ease;
}
body.single-post #Content .uir-gallery-arrow:hover,
.uir-gallery-modal .uir-gallery-arrow:hover { background: #fff; box-shadow: 0 7px 18px rgba(31,58,85,.18); }
.uir-gallery-arrow--prev { left: 14px; }
.uir-gallery-arrow--next { right: 14px; }
body.single-post #Content .uir-gallery-caption {
  padding: 12px 8px 4px;
  min-height: 12px;
  color: #63758b;
  font-size: 13px;
  line-height: 1.48;
  text-align: center;
}
body.single-post #Content .uir-gallery-thumbs,
.uir-gallery-modal .uir-gallery-thumbs {
  display: flex; gap: 9px;
  overflow-x: auto; overflow-y: hidden;
  margin: 0; padding: 10px 5px 7px;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: #b5c7d9 transparent;
  -webkit-overflow-scrolling: touch;
}
body.single-post #Content .uir-gallery-thumb,
.uir-gallery-modal .uir-gallery-thumb {
  position: relative;
  flex: 0 0 89px;
  width: 89px; height: 70px;
  padding: 3px;
  margin: 0;
  border: 2px solid transparent;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  scroll-snap-align: center;
  opacity: .75;
  transition: border-color .2s ease, opacity .2s ease, background .2s ease;
}
body.single-post #Content .uir-gallery-thumb img,
.uir-gallery-modal .uir-gallery-thumb img {
  width: 100%;height:100%;display:block;
  object-fit: cover;border-radius: 7px;
}
body.single-post #Content .uir-gallery-thumb:hover,
.uir-gallery-modal .uir-gallery-thumb:hover { opacity: 1; }
body.single-post #Content .uir-gallery-thumb[aria-current="true"],
.uir-gallery-modal .uir-gallery-thumb[aria-current="true"] {
  opacity: 1; border-color: #4980b5;
  background: rgba(90,144,199,.12);
}
body.single-post #Content .uir-gallery-thumb:focus-visible,
body.single-post #Content .uir-gallery-expand:focus-visible,
body.single-post #Content .uir-gallery-arrow:focus-visible,
.uir-gallery-modal button:focus-visible {
  outline: 3px solid #4b92de; outline-offset: 3px;
}

/* Fullscreen gallery: image and thumbnails are BOTH always visible. */
.uir-gallery-modal {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: min(100vw - 28px, 1320px);
  max-width: 1320px;
  height: min(94dvh, 980px);
  max-height: 94dvh;
  padding: 14px;
  margin: auto;
  border: 1px solid rgba(255,255,255,.36);
  border-radius: 24px;
  background: rgba(247,250,253,.97);
  color: #22364c;
  box-shadow: 0 32px 130px rgba(5,19,38,.44);
  -webkit-backdrop-filter: blur(35px) saturate(140%);
  backdrop-filter: blur(35px) saturate(140%);
}
.uir-gallery-modal::backdrop { background: rgba(9,19,36,.80); backdrop-filter: blur(10px); }
.uir-gallery-modal[open] { display: flex; flex-direction: column; }
.uir-gallery-modal .uir-gallery-modal-header {
  flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
  padding: 0 7px 12px; font: 600 13px -apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
.uir-gallery-modal .uir-gallery-modal-close {
  width: 37px; height: 37px; border: 0; border-radius: 50%;
  background: #e6edf5; color: #253d55; font-size: 26px;
  display: grid; place-items: center; cursor: pointer;
}
.uir-gallery-modal .uir-gallery-modal-stage {
  flex: 1 1 auto; position: relative; min-height: 0;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden; border-radius: 16px;
  background: radial-gradient(circle at 50% 45%, #fff, #e6edf5);
}
.uir-gallery-modal .uir-gallery-modal-image {
  max-width: 100%; max-height: 100%; width: 100%; height: 100%;
  object-fit: contain; display: block;
}
.uir-gallery-modal .uir-gallery-modal-bottom { flex: 0 0 auto; min-height: 95px; padding: 4px 7px 0; }
.uir-gallery-modal .uir-gallery-modal-caption {
  margin: 3px 0 0; min-height: 16px; color:#60758c;
  font: 400 12px/1.4 -apple-system,BlinkMacSystemFont,Arial,sans-serif;
  text-align:center;
}

@media (min-width: 1180px) {
  body.single-post #Content .the_content_wrapper { padding-left: 75px; padding-right: 75px; }
}
@media (max-width: 767px) {
  body.single-post #Content { padding-top: 12px; padding-bottom: 46px; }
  body.single-post #Content .the_content_wrapper { border-radius: 20px; padding: 24px 19px; }
  body.single-post #Content .the_content_wrapper p,
  body.single-post #Content article.post .entry-content p { line-height: 1.78; }
  body.single-post #Content .uir-liquid-gallery { margin: 25px auto; padding: 9px; border-radius: 20px; }
  body.single-post #Content .uir-gallery-stage { min-height: 220px; border-radius: 13px; }
  body.single-post #Content .uir-gallery-expand { min-height: 220px; }
  body.single-post #Content .uir-gallery-main-img { height: min(64vw, 420px); min-height: 220px; }
  body.single-post #Content .uir-gallery-thumb, .uir-gallery-modal .uir-gallery-thumb { flex-basis: 72px; width:72px; height:60px; }
  body.single-post #Content .uir-gallery-arrow, .uir-gallery-modal .uir-gallery-arrow { width:34px; height:34px; font-size:23px; }
  .uir-gallery-arrow--prev { left:7px; } .uir-gallery-arrow--next { right:7px; }
  .uir-gallery-modal { width: calc(100vw - 12px); max-height: 96dvh; height:96dvh; padding:8px; border-radius:14px; }
  .uir-gallery-modal .uir-gallery-modal-bottom { min-height:83px; }
}
@media (prefers-reduced-transparency: reduce) {
  body.single-post #Content .the_content_wrapper,
  body.single-post #Content .uir-liquid-gallery,
  .uir-gallery-modal { backdrop-filter:none; -webkit-backdrop-filter:none; background:#fff; }
}
@media (prefers-reduced-motion: reduce) {
  body.single-post #Content *, .uir-gallery-modal * { transition-duration: 0s !important; scroll-behavior: auto !important; }
}
@media print {
  body.single-post #Content { background:white !important; padding: 0; }
  body.single-post #Content .the_content_wrapper { border: 0; box-shadow:none; background:#fff; padding: 0; }
  body.single-post #Content .uir-gallery-arrow, .uir-gallery-modal, body.single-post #Content .uir-gallery-thumbs { display:none!important; }
  body.single-post #Content .uir-liquid-gallery { box-shadow:none; break-inside:avoid; }
}


/* ========================================================================
   v1.1.0 — Apple-inspired editorial HERO: title, cover photo and long-form
   Supports native BeTheme .title_wrapper / .single-photo-wrapper classes.
   The layout script only adds uir-* classes to already existing elements.
   ======================================================================== */
body.single-post {
  --uir-ink: #19283a;
  --uir-muted: #62738a;
  --uir-text-width: 810px;
  --uir-wide-width: 1130px;
  --uir-radius: 32px;
  --uir-shadow: 0 24px 75px rgba(25, 45, 73, .095), 0 3px 12px rgba(31, 54, 79, .035), inset 0 1px 0 rgba(255,255,255,.9);
}
body.single-post #Content {
  background:
    radial-gradient(ellipse 850px 530px at 5% 6%, rgba(194, 215, 240, .42), transparent 79%),
    radial-gradient(ellipse 920px 650px at 99% 35%, rgba(206, 224, 244, .34), transparent 80%),
    linear-gradient(170deg, #f8fafd 0%, #f0f4f9 54%, #f9fafc 100%);
}

/* When BeTheme renders both a subheader title and an article H1, retain
   just the real article heading to avoid repeating the long title twice. */
body.single-post.uir-has-article-title #Subheader { display: none !important; }
body.single-post.uir-subheader-is-title #Subheader {
  background: transparent;
  border-bottom: 0;
  padding-block: clamp(18px, 4vw, 48px);
}
body.single-post.uir-subheader-is-title #Subheader .title {
  box-sizing: border-box;
  max-width: var(--uir-wide-width);
  width: min(calc(100% - 30px), var(--uir-wide-width));
  padding: clamp(28px, 4.4vw, 60px);
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 32px;
  background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,255,.81));
  box-shadow: var(--uir-shadow);
  color: var(--uir-ink);
  overflow-wrap: break-word;
}

/* Title glass panel, aligned to the featured image and article card. */
body.single-post #Content .uir-article-title-panel,
body.single-post #Content .uir-article-title-standalone {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  float: none;
  width: 100%;
  max-width: var(--uir-wide-width);
  min-width: 0;
  margin: clamp(14px,2.8vw,38px) auto clamp(18px,2.6vw,34px) !important;
  padding: clamp(30px,5.4vw,72px) clamp(25px,6vw,78px) !important;
  border: 1px solid rgba(255,255,255,.94) !important;
  border-radius: clamp(22px,2.9vw,36px) !important;
  background: linear-gradient(132deg,
       rgba(255,255,255,.97) 0%, rgba(255,255,255,.84) 48%, rgba(237,245,255,.81) 100%);
  box-shadow: 0 25px 70px rgba(26,50,80,.095),
              0 2px 10px rgba(23,49,81,.035),
              inset 0 1px 0 rgba(255,255,255,1);
  -webkit-backdrop-filter: blur(27px) saturate(160%);
  backdrop-filter: blur(27px) saturate(160%);
  text-align: left;
}
body.single-post #Content .uir-article-title-panel::before,
body.single-post #Content .uir-article-title-standalone::before {
  content: 'U.I.R.  /  NEWS';
  display: block;
  width: fit-content;
  margin: 0 0 clamp(18px,2vw,29px);
  padding: 8px 14px;
  color: #38678f;
  font: 700 10px/1.2 -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: .16em;
  border-radius: 100px;
  border: 1px solid rgba(108,156,197,.18);
  background: rgba(221,235,249,.56);
}
body.single-post #Content .uir-article-title-panel::after,
body.single-post #Content .uir-article-title-standalone::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,1),transparent);
}
body.single-post #Content .uir-article-title-panel :is(h1, h2.entry-title),
body.single-post #Content h1.uir-article-title-standalone,
body.single-post #Content h2.uir-article-title-standalone {
  max-width: 1010px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #17273b !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: clamp(30px, 4.15vw, 58px) !important;
  font-weight: 740 !important;
  line-height: 1.12 !important;
  letter-spacing: -.048em !important;
  text-wrap: balance;
  overflow-wrap: break-word;
  hyphens: manual;
  text-transform: none !important;
}
body.single-post #Content .uir-article-title-panel .post-meta,
body.single-post #Content .uir-article-title-panel .post-meta * {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #677c94;
}
body.single-post #Content .uir-article-title-panel .post-meta {
  margin: clamp(19px,2.5vw,29px) 0 0 !important;
  padding: 15px 0 0;
  border-top: 1px solid rgba(82,112,149,.14);
}
body.single-post #Content .uir-article-title-panel .post-meta a {
  color: #35658e;
}

/* Big BeTheme featured photo: no cropping, no second lightbox, glass frame. */
body.single-post #Content .uir-featured-column {
  display: block;
  box-sizing: border-box;
  float: none;
  width: 100%;
  max-width: var(--uir-wide-width);
  margin: 0 auto clamp(24px, 4vw, 55px) !important;
  padding: 0 !important;
}
body.single-post #Content .uir-featured-frame,
body.single-post #Content .uir-featured-inline {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: var(--uir-wide-width) !important;
  height: auto;
  float: none;
  margin: clamp(12px,2vw,24px) auto clamp(28px,4vw,52px) !important;
  padding: clamp(7px,1.2vw,13px) !important;
  border: 1px solid rgba(255,255,255,.98) !important;
  border-radius: clamp(23px,2.8vw,35px) !important;
  background: linear-gradient(148deg,rgba(255,255,255,.93),rgba(227,239,250,.72));
  box-shadow: 0 28px 84px rgba(23,45,77,.16),
              0 5px 20px rgba(29,61,97,.06),
              inset 0 1px 0 rgba(255,255,255,1);
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  overflow: hidden;
}
body.single-post #Content .uir-featured-frame .image_wrapper,
body.single-post #Content .uir-featured-frame a,
body.single-post #Content .uir-featured-frame picture,
body.single-post #Content .uir-featured-inline a,
body.single-post #Content .uir-featured-inline picture {
  border-radius: clamp(17px,2vw,25px);
  overflow: hidden;
  display: block;
}
body.single-post #Content .uir-featured-frame img,
body.single-post #Content .uir-featured-inline img {
  display: block !important;
  position: static;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border: none !important;
  border-radius: clamp(17px,2vw,25px) !important;
  object-fit: contain;
  filter: none;
  transform: none;
  box-shadow: none !important;
}
/* BeTheme can overlay a stock zoom/hover image animation; disable its
   cropping behavior only for the featured image. Preserve normal links. */
body.single-post #Content .uir-featured-frame .image_wrapper .mask,
body.single-post #Content .uir-featured-frame .image_wrapper .image_links {
  border-radius: clamp(17px,2vw,25px);
}
body.single-post #Content .uir-featured-frame .wp-caption-text,
body.single-post #Content .uir-featured-inline figcaption {
  text-align: center;
  padding: 13px 12px 5px;
  font-size: 13px;
  line-height: 1.55;
  color: #61758c;
}

/* Polish long-form institutional news, keeping it calm and readable. */
body.single-post #Content .the_content_wrapper {
  max-width: var(--uir-wide-width);
  margin: 0 auto clamp(32px,5vw,64px);
  padding: clamp(29px,5.4vw,76px) clamp(22px,7.5vw,112px);
  border-radius: clamp(24px,3vw,37px);
  background: linear-gradient(142deg,rgba(255,255,255,.97),rgba(255,255,255,.87) 54%,rgba(246,249,255,.90));
  box-shadow: var(--uir-shadow);
}
body.single-post #Content .the_content_wrapper,
body.single-post #Content article.post .entry-content {
  font-size: clamp(17px,1.27vw,19px);
  line-height: 1.78;
  letter-spacing: -.012em;
}
body.single-post #Content .the_content_wrapper p,
body.single-post #Content article.post .entry-content p {
  line-height: 1.78;
  margin-bottom: 1.2em;
  color: #29394e;
  text-wrap: pretty;
}
body.single-post #Content .the_content_wrapper > p:first-of-type,
body.single-post #Content article.post .entry-content > p:first-of-type {
  color: #2b4767;
  font-size: clamp(19px,1.8vw,23px);
  font-weight: 480;
  line-height: 1.67;
  letter-spacing: -.02em;
  padding-left: clamp(15px,2vw,22px);
  border-left: 3px solid rgba(83,139,185,.56);
  margin-bottom: 1.65em;
}
body.single-post #Content .the_content_wrapper h2,
body.single-post #Content article.post .entry-content h2 {
  font-size: clamp(25px, 2.5vw, 35px);
  line-height: 1.23;
  margin-top: clamp(41px,6vw,69px);
  margin-bottom: 22px;
  letter-spacing: -.036em;
}
body.single-post #Content .the_content_wrapper h3,
body.single-post #Content article.post .entry-content h3 {
  font-size: clamp(22px, 2.2vw, 29px);
  margin-top: 1.75em;
  line-height: 1.28;
}
body.single-post #Content .the_content_wrapper :is(h2,h3),
body.single-post #Content article.post .entry-content :is(h2,h3) {
  scroll-margin-top: 125px;
  overflow-wrap: break-word;
}
body.single-post #Content .the_content_wrapper > :is(h2,h3),
body.single-post #Content article.post .entry-content > :is(h2,h3) {
  padding-top: .22em;
}
body.single-post #Content .the_content_wrapper > :is(ul,ol),
body.single-post #Content article.post .entry-content > :is(ul,ol) {
  padding: 20px 25px 18px 42px;
  background: rgba(238,244,252,.6);
  border: 1px solid rgba(117,148,186,.1);
  border-radius: 19px;
}
body.single-post #Content .the_content_wrapper blockquote {
  background: rgba(237,244,253,.77);
  border-left: 3px solid rgba(86,135,178,.72);
  border-radius: 6px 19px 19px 6px;
}
body.single-post #Content .the_content_wrapper :is(figure,table) {
  max-width: 100%;
}

/* Mobile: title wraps naturally; the cover remains fully visible. */
@media (max-width: 767px) {
  body.single-post #Content .uir-article-title-panel,
  body.single-post #Content .uir-article-title-standalone {
    padding: 28px 21px 29px !important;
    margin: 12px auto 18px !important;
    border-radius: 24px !important;
  }
  body.single-post #Content .uir-article-title-panel :is(h1,h2.entry-title),
  body.single-post #Content h1.uir-article-title-standalone,
  body.single-post #Content h2.uir-article-title-standalone {
    font-size: clamp(28px, 7.2vw, 38px) !important;
    line-height: 1.17 !important;
    letter-spacing: -.041em !important;
  }
  body.single-post #Content .uir-featured-frame,
  body.single-post #Content .uir-featured-inline {
    padding: 6px !important;
    border-radius: 22px !important;
    margin: 11px auto 25px !important;
  }
  body.single-post #Content .uir-featured-frame img,
  body.single-post #Content .uir-featured-inline img,
  body.single-post #Content .uir-featured-frame .image_wrapper {
    border-radius: 16px !important;
  }
  body.single-post #Content .the_content_wrapper {
    padding: 29px 21px;
    border-radius: 24px;
  }
  body.single-post #Content .the_content_wrapper,
  body.single-post #Content article.post .entry-content {
    font-size: 16.5px;
    line-height: 1.76;
  }
  body.single-post #Content .the_content_wrapper p,
  body.single-post #Content article.post .entry-content p { line-height: 1.76; }
  body.single-post #Content .the_content_wrapper > :is(ul,ol),
  body.single-post #Content article.post .entry-content > :is(ul,ol) { padding: 14px 14px 14px 31px; }
}
@media (prefers-reduced-transparency: reduce) {
  body.single-post #Content .uir-article-title-panel,
  body.single-post #Content .uir-article-title-standalone,
  body.single-post #Content .uir-featured-frame,
  body.single-post #Content .uir-featured-inline { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media print {
  body.single-post #Content .uir-article-title-panel,
  body.single-post #Content .uir-article-title-standalone,
  body.single-post #Content .uir-featured-frame,
  body.single-post #Content .uir-featured-inline { background: #fff !important; border: 0 !important; box-shadow: none !important; }
  body.single-post #Content .uir-featured-frame img { max-height: 500px; width: auto !important; margin-inline: auto !important; }
}


/* ======================================================================
   v1.2.0 — COMPACT EDITORIAL STACK
   Exactly 3px between the outer title, featured-photo and article cards.
   The same max-width and the same responsive width applies to all three.
   Only elements marked by the BeTheme-aware layout enhancer are targeted.
   ====================================================================== */
body.single-post #Content {
  --uir-card-gap: 3px;
  --uir-stack-max-width: var(--uir-wide-width);
  padding-top: clamp(7px, .8vw, 12px);
}

/* Remove padding/margins BeTheme injects between separate sections. */
body.single-post #Content .uir-stack-header-section,
body.single-post #Content .uir-stack-body-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body.single-post #Content .uir-stack-header-section > .section_wrapper,
body.single-post #Content .uir-stack-body-section > .section_wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  /* Contain child margins: the frame boundary defines the 3px gap. */
  display: flow-root;
}

/* Neutralize original BeTheme column margins, floats and indentation. */
body.single-post #Content .uir-stack-title-column,
body.single-post #Content .uir-stack-photo-column,
body.single-post #Content .uir-stack-body-column {
  box-sizing: border-box !important;
  display: flow-root !important;
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Title: exactly the same outer width as the body/article. */
body.single-post #Content .uir-article-title-panel.uir-stack-title-card,
body.single-post #Content .uir-article-title-standalone.uir-stack-title-card {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--uir-stack-max-width) !important;
  margin: 0 auto var(--uir-card-gap) !important;
}
/* If the heading is its own column, keep its 3px spacing there. */
body.single-post #Content .uir-stack-title-column:has(> .uir-stack-title-card) {
  margin-bottom: 0 !important;
}

/* Main photo: flush with the title width, without former 24–55px gaps. */
body.single-post #Content .uir-featured-column.uir-stack-photo-column,
body.single-post #Content .uir-stack-photo-column {
  margin-top: 0 !important;
  margin-bottom: var(--uir-card-gap) !important;
}
body.single-post #Content .uir-featured-frame.uir-stack-photo-card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--uir-stack-max-width) !important;
  margin: 0 auto !important;
}
/* A frame without BeTheme's column must itself carry the 3px gap. */
body.single-post #Content .uir-featured-frame.uir-stack-photo-card.uir-stack-photo-no-column {
  margin-bottom: var(--uir-card-gap) !important;
}
/* With a featured image, the 3px between photo & content is on its column. */
body.single-post #Content .uir-stack-title-column.uir-stack-title-before-body {
  margin-bottom: var(--uir-card-gap) !important;
}
body.single-post #Content .uir-stack-title-card.uir-stack-title-before-body {
  margin-bottom: var(--uir-card-gap) !important;
}
body.single-post #Content .uir-stack-title-column:not(.uir-stack-title-before-body) .uir-stack-title-card {
  margin-bottom: var(--uir-card-gap) !important;
}

/* Article body: no top gutter, and identical external width. */
body.single-post #Content .the_content_wrapper.uir-stack-body-card,
body.single-post #Content article.post .entry-content.uir-stack-body-card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: var(--uir-stack-max-width) !important;
  margin: 0 auto clamp(32px,5vw,64px) !important;
}
body.single-post #Content .uir-stack-body-card > :first-child {
  /* No accidental blank margin before the article's first paragraph. */
  margin-top: 0;
}

@media (max-width: 767px) {
  body.single-post #Content .uir-stack-header-section,
  body.single-post #Content .uir-stack-body-section { margin-top: 0 !important; }
  body.single-post #Content .uir-article-title-panel.uir-stack-title-card,
  body.single-post #Content .uir-article-title-standalone.uir-stack-title-card {
    margin-top: 0 !important;
    margin-bottom: var(--uir-card-gap) !important;
  }
  body.single-post #Content .uir-featured-frame.uir-stack-photo-card {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body.single-post #Content .uir-featured-frame.uir-stack-photo-card.uir-stack-photo-no-column {
    margin-bottom: var(--uir-card-gap) !important;
  }
  body.single-post #Content .uir-stack-photo-column { margin-bottom: var(--uir-card-gap) !important; }
  body.single-post #Content .the_content_wrapper.uir-stack-body-card,
  body.single-post #Content article.post .entry-content.uir-stack-body-card {
    margin-top: 0 !important;
  }
}

/* ========================================================================
   v1.3.0 — COMPACT TOP / GEORGIA HEADLINES / RIGHT ARTICLE DIRECTORY
   The original gallery and 3px hero/article stack are retained.
   ======================================================================== */
body.single-post #Content { padding-top: 0 !important; }
/* BeTheme native post arrows and their navigation-only shells: 0px height. */
body.single-post #Wrapper #Content .post-nav,
body.single-post #Wrapper #Content .post-navigation,
body.single-post #Wrapper #Content .post-nav-wrap,
body.single-post #Wrapper #Content .uir-empty-nav-shell,
body.single-post #Wrapper #Content .uir-removed-post-nav {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
body.single-post #Content .section-post-header .post-header .mcb-column-inner { margin-block: 0 !important; }
body.single-post #Content .uir-stack-header-section,
body.single-post #Content .uir-stack-body-section { padding-block: 0 !important; }

/* Georgia is intentionally applied to article headings, not reading body UI. */
body.single-post #Subheader .title,
body.single-post #Content h1.entry-title,
body.single-post #Content .post-title h1,
body.single-post #Content .title_wrapper h1,
body.single-post #Content .post-header h1,
body.single-post #Content .uir-article-title-panel :is(h1,h2.entry-title),
body.single-post #Content :is(h1,h2).uir-article-title-standalone,
body.single-post #Content .the_content_wrapper :is(h1,h2,h3,h4,h5,h6),
body.single-post #Content article.post .entry-content :is(h1,h2,h3,h4,h5,h6),
body.single-post #Content .the_content_wrapper p > strong:only-child,
body.single-post #Content article.post .entry-content p > strong:only-child {
  font-family: Georgia, 'Times New Roman', serif !important;
  letter-spacing: -.023em !important;
}
body.single-post #Content .uir-article-title-panel :is(h1,h2.entry-title),
body.single-post #Content :is(h1,h2).uir-article-title-standalone {
  line-height: 1.17 !important;
  font-weight: 700 !important;
}

/* True right column, while BeTheme .sections_group remains the post canvas. */
body.single-post.uir-has-directory #Content > .content_wrapper.uir-directory-layout,
body.single-post.uir-has-directory #Content .content_wrapper.uir-directory-layout {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
  align-items: start;
  column-gap: clamp(16px, 2vw, 28px);
  max-width: 1570px !important;
  width: calc(100% - clamp(28px, 3vw, 64px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
}
body.single-post #Content .uir-directory-layout > .uir-directory-main {
  box-sizing: border-box !important;
  display: block !important;
  grid-column: 1;
  grid-row: 1;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
body.single-post #Content .uir-directory-layout > .uir-editorial-directory {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
/* A pre-existing theme sidebar remains available after the editorial layout. */
body.single-post #Content .uir-directory-layout > .sidebar:not(.uir-editorial-directory) {
  grid-column: 1 / -1;
  width: 100% !important;
  float: none !important;
}
body.single-post.uir-has-directory #Content .uir-directory-main .uir-stack-title-card,
body.single-post.uir-has-directory #Content .uir-directory-main .uir-stack-photo-card,
body.single-post.uir-has-directory #Content .uir-directory-main .uir-stack-body-card {
  box-sizing: border-box !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Sidebar itself is independent of the content/entry typography selectors. */
body.single-post #Content .uir-editorial-directory,
body.single-post #Content .uir-editorial-directory * { box-sizing: border-box; }
body.single-post #Content .uir-editorial-directory {
  position: sticky;
  top: 24px;
  z-index: 3;
  max-height: calc(100dvh - 45px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(101,126,165,.30) transparent;
  font-family: -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #263754;
}
body.single-post #Content .uir-directory-glass {
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 28px;
  padding: 23px 18px 20px;
  background: linear-gradient(138deg,rgba(255,255,255,.96),rgba(244,249,255,.82) 58%,rgba(236,244,255,.78));
  box-shadow: 0 17px 48px rgba(30,57,97,.12), inset 0 1px 0 rgba(255,255,255,1);
  -webkit-backdrop-filter: blur(26px) saturate(165%);
  backdrop-filter: blur(26px) saturate(165%);
}
body.single-post #Content .uir-directory-head { padding: 1px 5px 22px; }
body.single-post #Content .uir-directory-eyebrow {
  font-size: 10px; font-weight: 750; letter-spacing: .18em; color: #5b7aa3;
  margin-bottom: 10px;
}
body.single-post #Content .uir-directory-title {
  margin: 0 0 9px !important;
  color: #152d52;
  font: 700 28px/1.16 Georgia,'Times New Roman',serif !important;
  letter-spacing: -.035em;
}
body.single-post #Content .uir-directory-intro {
  font: 400 13px/1.55 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
  margin: 0 !important; color: #657890;
}
body.single-post #Content .uir-directory-search { position: relative; margin: 0 0 25px; }
body.single-post #Content .uir-directory-search-label {
  display: block;
  margin: 0 0 9px 4px;
  color: #34506f; font-size: 12px; font-weight: 700; letter-spacing: .01em;
}
body.single-post #Content .uir-directory-searchrow {
  height: 47px; border-radius: 14px; border: 1px solid rgba(120,148,181,.27);
  background: rgba(255,255,255,.84);
  display: flex; align-items: center; gap: 9px; padding: 0 12px;
  box-shadow: 0 3px 11px rgba(27,57,95,.045);
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.single-post #Content .uir-directory-searchrow:focus-within {
  border-color: #648cb9;
  box-shadow: 0 0 0 3px rgba(88,135,192,.17);
}
body.single-post #Content .uir-directory-icon { display: inline-flex; flex: 0 0 auto; align-items:center; justify-content:center; color: #7a94b2; }
body.single-post #Content .uir-directory-input {
  flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; padding: 0; margin: 0;
  border: none !important; outline: 0 !important; box-shadow: none !important;
  background: transparent !important; color: #162944 !important;
  font: 400 14px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
}
body.single-post #Content .uir-directory-input::placeholder { color: #91a1b5; }
body.single-post #Content .uir-directory-clear {
  flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 7px;
  background: #e8eef7; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
}
body.single-post #Content .uir-directory-clear[hidden] { display: none !important; }
body.single-post #Content .uir-directory-clear .uir-directory-icon { color:#526b87; }
body.single-post #Content .uir-directory-hint {
  font-size: 11px; line-height: 1.4; padding: 8px 3px 0; color: #7f91a7;
}
body.single-post #Content .uir-directory-archive-head {
  display: flex; align-items: center; gap: 9px;
  border-top: 1px solid rgba(97,135,177,.15);
  padding: 23px 4px 12px;
}
body.single-post #Content .uir-directory-archive-title {
  margin: 0 !important; padding: 0 !important;
  color: #2c4464;
  font: 740 12px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
  letter-spacing: .06em; text-transform: uppercase;
}
body.single-post #Content .uir-directory-year { margin: 0 0 6px; border: 1px solid rgba(110,140,180,.13); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.47); }
body.single-post #Content .uir-directory-year.is-open { background: rgba(255,255,255,.7); border-color: rgba(103,144,196,.26); }
body.single-post #Content .uir-directory-year-toggle {
  appearance: none; display:flex; width:100%; min-height:61px; padding: 12px 13px;
  align-items:center; justify-content:space-between; gap:8px;
  border:0; border-radius:0; background:transparent; color:#203656;
  cursor:pointer; box-shadow:none; text-align:left; transition:background .18s ease;
}
body.single-post #Content .uir-directory-year-toggle:hover { background:rgba(219,234,252,.45); }
body.single-post #Content .uir-directory-year-text { display:flex; flex-direction:column; gap:3px; }
body.single-post #Content .uir-directory-year-number { font:700 19px/1.05 Georgia,'Times New Roman',serif; }
body.single-post #Content .uir-directory-year-count { font:500 11px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif; color:#8191a4; }
body.single-post #Content .uir-directory-year-toggle > .uir-directory-icon { transition: transform .2s ease; }
body.single-post #Content .uir-directory-year.is-open .uir-directory-year-toggle > .uir-directory-icon { transform:rotate(90deg); }
body.single-post #Content .uir-directory-year-panel { border-top:1px solid rgba(109,148,190,.13); padding: 8px; }
body.single-post #Content .uir-directory-year-panel[hidden],
body.single-post #Content .uir-directory-suggestions[hidden] { display:none !important; }
body.single-post #Content .uir-directory-item {
  display: flex; gap: 10px; padding: 10px 7px; width:100%;
  align-items: start; border-radius: 11px; text-decoration:none !important;
  border: 1px solid transparent; color: #1c3557 !important; background: transparent;
  transition: background .18s ease,border-color .18s ease,transform .18s ease;
}
body.single-post #Content .uir-directory-item + .uir-directory-item { border-top:1px solid rgba(89,129,174,.08); }
body.single-post #Content .uir-directory-item:hover,
body.single-post #Content .uir-directory-item:focus-visible {
  background:rgba(223,236,253,.65); border-color:rgba(99,141,188,.12); transform:translateX(2px);
}
body.single-post #Content .uir-directory-item.is-current {
  background: rgba(219,233,250,.73); border-color:rgba(102,149,206,.24);
}
body.single-post #Content .uir-directory-thumb {
  width:54px; height:54px; flex:0 0 54px; display:flex;
  align-items:center;justify-content:center;overflow:hidden;
  border-radius:10px; border:1px solid rgba(142,165,195,.16);
  background:linear-gradient(135deg,#dde8f5,#f4f7fb);
}
body.single-post #Content .uir-directory-thumb img { display:block; width:100%;height:100%;object-fit:cover; }
body.single-post #Content .uir-directory-thumb .uir-directory-icon { color:#9caec4; }
body.single-post #Content .uir-directory-item-copy { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:6px; }
body.single-post #Content .uir-directory-item-title {
  color:#1a2e4b;
  font:700 14.3px/1.37 Georgia,'Times New Roman',serif !important;
  letter-spacing:-.013em;
  overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.single-post #Content .uir-directory-item-date {
  color:#8194ac;
  font:500 10px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}
body.single-post #Content .uir-directory-item > .uir-directory-icon { color:#9aacc2; padding-top: 16px; }
body.single-post #Content .uir-directory-item mark { color:#143f80; background:#e2ecfc; border-radius:2px; }
body.single-post #Content .uir-directory-loading,
body.single-post #Content .uir-directory-empty,
body.single-post #Content .uir-directory-search-count {
  margin:0 !important; padding:12px 8px !important; color:#627892;
  font:500 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}
body.single-post #Content .uir-directory-search-count { padding-bottom:8px !important; font-weight:750 !important; color:#385779; }
body.single-post #Content .uir-directory-more {
  display:block; width:calc(100% - 12px); margin:9px 6px 5px; padding:11px 8px;
  border:1px solid rgba(98,138,182,.2); border-radius:11px;
  background:rgba(229,237,250,.72); color:#33577f;
  font:700 12px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;
  text-align:center; cursor:pointer;
  transition: background .2s ease;
}
body.single-post #Content .uir-directory-more:hover { background:rgba(213,229,250,.96); }
body.single-post #Content .uir-directory-more[hidden] { display:none !important; }
body.single-post #Content .uir-directory-suggestions {
  position: relative; margin: 9px 0 0; padding: 8px;
  max-height: min(48dvh,440px); overflow-y:auto;
  border: 1px solid rgba(108,149,195,.22); border-radius: 17px;
  background:rgba(252,254,255,.97);
  box-shadow:0 12px 32px rgba(42,65,95,.11);
}
body.single-post #Content .uir-directory-searchrow button:focus-visible,
body.single-post #Content .uir-directory-year-toggle:focus-visible,
body.single-post #Content .uir-directory-more:focus-visible,
body.single-post #Content .uir-directory-item:focus-visible { outline:2px solid #4477b5; outline-offset:2px; }

@media (max-width: 1080px) {
  body.single-post.uir-has-directory #Content .content_wrapper.uir-directory-layout {
    grid-template-columns:minmax(0,1fr) 286px;
    column-gap:15px;
  }
  body.single-post #Content .uir-directory-glass {padding:18px 11px 14px; border-radius:23px;}
  body.single-post #Content .uir-directory-title {font-size:25px !important;}
}
@media (max-width: 850px) {
  body.single-post.uir-has-directory #Content .content_wrapper.uir-directory-layout {
    display:flex !important; flex-direction:column;
    width:calc(100% - 22px) !important; gap:13px;
  }
  body.single-post #Content .uir-directory-layout > .uir-directory-main {order:1; width:100% !important;}
  body.single-post #Content .uir-directory-layout > .uir-editorial-directory {
    order:0; position:relative; top:auto; max-height:none; overflow:visible;
    width:100%;
  }
  body.single-post #Content .uir-directory-layout > .sidebar:not(.uir-editorial-directory) {order:2;}
  body.single-post #Content .uir-directory-glass {padding:18px;}
  body.single-post #Content .uir-directory-head {padding-bottom:12px;}
  body.single-post #Content .uir-directory-title {font-size:26px !important;}
  body.single-post #Content .uir-directory-search {margin-bottom:14px;}
  body.single-post #Content .uir-directory-suggestions {max-height:45dvh;}
  body.single-post #Content .uir-directory-years {max-height:260px; overflow:auto;}
}
@media (prefers-reduced-transparency: reduce) {
  body.single-post #Content .uir-directory-glass {background:#fff; backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media (prefers-reduced-motion: reduce) {
  body.single-post #Content .uir-editorial-directory *,
  body.single-post #Content .uir-editorial-directory *::before,
  body.single-post #Content .uir-editorial-directory *::after { transition:none !important; }
}
@media print {
  body.single-post #Content .uir-editorial-directory {display:none !important;}
  body.single-post.uir-has-directory #Content .content_wrapper.uir-directory-layout {display:block !important;width:100% !important;}
}
/* Matches sites with or without BeTheme's #Wrapper node (builder variations). */
body.single-post #Content .post-nav,
body.single-post #Content .post-navigation,
body.single-post #Content .post-nav-wrap,
body.single-post #Content .uir-empty-nav-shell,
body.single-post #Content .uir-removed-post-nav { display:none!important; padding:0!important; margin:0!important; height:0!important; min-height:0!important; }
/* Prevent a second native browser X alongside the custom search clear button. */
body.single-post #Content .uir-directory-input::-webkit-search-cancel-button,
body.single-post #Content .uir-directory-input::-webkit-search-decoration { display:none; -webkit-appearance:none; }

@media (min-width:851px) { body.single-post #Content .uir-editorial-directory { top:96px; max-height:calc(100dvh - 112px); } }


/* ======================================================================
   v1.3.1 — HIDE BETHEME STICKY POST NAVIGATION; 5PX TOP GUTTER

   BeTheme's fixed-nav is injected outside #Content, so v1.3.0's
   #Content .post-nav rule did not affect the photographed side tabs.
   Only on single blog posts, remove both floating post-to-post arrows,
   their thumbnail previews and the entire navigation element.
   IMPORTANT: the UIR photo-gallery prev/next buttons are not targeted.
   ====================================================================== */
body.single-post .fixed-nav,
body.single-post .fixed-nav.fixed-nav-prev,
body.single-post .fixed-nav.fixed-nav-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Precisely 5px between the end of the BeTheme header and the post canvas;
   no change to the 3px title–cover–body spacing from v1.2.0. */
body.single-post #Wrapper #Content,
body.single-post #Content {
  padding-top: 5px !important;
}
body.single-post.uir-has-directory #Content .content_wrapper.uir-directory-layout {
  margin-top: 0 !important;
}


/* =======================================================================
   v1.4.0 — [uir_editorial] / [uir_articoli] EMBEDDED READER
   Page-scoped; retains the native single-post styling unchanged.
   ======================================================================= */
body #Content .uir-shortcode-reader {
  --uir-muted: #667b93;
  --uir-ink: #17273b;
  display: block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 100%;
  clear: both;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--uir-ink);
  font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
}
body #Content .uir-shortcode-reader *,
body #Content .uir-shortcode-reader *::before,
body #Content .uir-shortcode-reader *::after { box-sizing: border-box; }
/* Page-only title/subheader and BeTheme top gutters. Leave other pages alone. */
body.page:has(.uir-shortcode-reader) #Subheader,
body.page:has(.uir-shortcode-reader) .fixed-nav { display: none !important; }
body.page:has(.uir-shortcode-reader) #Content {
  padding-top: 5px !important;
  background: linear-gradient(140deg,#f4f8fd,#eff4fb 54%,#f8fafe);
}
body.page:has(.uir-shortcode-reader) #Content .the_content_wrapper:has(> .uir-shortcode-reader) {margin-top:0 !important;}
body #Content .uir-shortcode-reader .uir-shortcode-config { display:none !important; }
body #Content .uir-shortcode-reader .uir-shortcode-layout {
  display: grid !important;
  width: min(calc(100% - 20px),1570px) !important;
  max-width: 1570px !important;
  grid-template-columns: minmax(0,1fr) minmax(290px,340px);
  gap: clamp(16px,2vw,28px);
  align-items:start;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
}
body #Content .uir-shortcode-reader .uir-shortcode-main {
  display:flex !important;
  flex-direction:column;
  width:100% !important;
  max-width:100% !important;
  min-width:0;
  gap:3px;
  margin:0 !important;
  padding:0 !important;
  overflow:visible;
}
body #Content .uir-shortcode-reader .uir-shortcode-title-card,
body #Content .uir-shortcode-reader .uir-shortcode-cover,
body #Content .uir-shortcode-reader .uir-shortcode-article-body {
  display:block;
  position:relative;
  width:100% !important;
  max-width:100% !important;
  min-width:0;
  border:1px solid rgba(255,255,255,.93);
  margin:0 !important;
  border-radius: clamp(20px,2.7vw,31px);
  background:linear-gradient(136deg,rgba(255,255,255,.97),rgba(246,250,255,.83));
  box-shadow: 0 18px 53px rgba(28,52,87,.085), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  backdrop-filter:blur(24px) saturate(155%);
}
body #Content .uir-shortcode-reader .uir-shortcode-title-card {
  padding:clamp(25px,4.3vw,59px) clamp(22px,5.7vw,68px) !important;
}
body #Content .uir-shortcode-reader .uir-shortcode-eyebrow {
  display:inline-flex; padding:8px 14px; margin:0 0 18px;
  border:1px solid rgba(105,151,197,.16);border-radius:30px;
  background:rgba(222,236,251,.57);color:#476a90;
  font:700 10px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;
  letter-spacing:.16em;
}
body #Content .uir-shortcode-reader .uir-shortcode-title {
  max-width:100%; margin:0 !important; padding:0 !important;
  color:#172944 !important;
  font:700 clamp(29px,3.3vw,49px)/1.17 Georgia,'Times New Roman',serif !important;
  letter-spacing:-.023em !important; overflow-wrap:break-word;
  text-wrap:balance; text-transform:none !important;
}
body #Content .uir-shortcode-reader .uir-shortcode-meta {
  border-top:1px solid rgba(83,120,161,.13); margin:22px 0 0 !important;
  padding:14px 0 0 !important; color:#72849b;
  font:500 13px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}
body #Content .uir-shortcode-reader .uir-shortcode-cover {
  padding:9px !important; overflow:hidden;
}
body #Content .uir-shortcode-reader .uir-shortcode-cover-img {
  display:block; width:100% !important; height:auto !important;
  max-width:100%; object-fit:contain;
  margin:0 !important; border-radius:clamp(15px,2vw,23px);
  box-shadow:none !important;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body {
  padding:clamp(25px,4.4vw,66px) clamp(23px,6vw,75px) !important;
  font:400 clamp(16.5px,1.22vw,19px)/1.77 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;
  letter-spacing:-.009em;
  color:#293a50;
  overflow-wrap:break-word;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body > :first-child {margin-top:0 !important;}
body #Content .uir-shortcode-reader .uir-shortcode-article-body p {
  margin:0 0 1.23em; line-height:1.77; color:#283a50; text-wrap:pretty;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body > p:first-of-type {
  font-size:clamp(18px,1.6vw,22px); color:#2f4a6b;
  border-left:3px solid rgba(95,148,197,.55); padding-left:19px;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body :is(h1,h2,h3,h4,h5,h6) {
  font-family:Georgia,'Times New Roman',serif !important;
  letter-spacing:-.023em !important;
  color:#223654; line-height:1.3; text-transform:none;
  overflow-wrap:break-word;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body h2 {
  font-size:clamp(25px,2.4vw,34px);margin:1.5em 0 .7em;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body h3 {
  font-size:clamp(22px,2vw,28px);margin:1.5em 0 .65em;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body a {
  text-decoration-color:#85a4c5; text-underline-offset:3px;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body :is(img,video,iframe,figure,table) {max-width:100%;height:auto;}
body #Content .uir-shortcode-reader .uir-shortcode-article-body figure img {border-radius:15px;}
body #Content .uir-shortcode-reader .uir-shortcode-article-body blockquote {
  border-left:3px solid #91b0d1;border-radius:6px 17px 17px 6px;
  background:rgba(236,244,253,.7); padding:20px 23px; margin:25px 0;
}
body #Content .uir-shortcode-reader .uir-shortcode-article-body :is(ul,ol) {padding-left:27px;}
body #Content .uir-shortcode-reader .uir-shortcode-article-body :is(.wp-block-gallery,.gallery,.mfn-gallery) {max-width:100%;}
body #Content .uir-shortcode-reader .uir-editorial-directory {
  min-width:0; grid-column:2;grid-row:1;
}
body #Content .uir-shortcode-reader .uir-shortcode-main {grid-column:1;grid-row:1;}

/* Matched photo gallery styles for the embedded shortcode. */
body #Content .uir-shortcode-reader .uir-liquid-gallery {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--uir-wide-width);
  margin: clamp(34px,5vw,65px) auto;
  padding: clamp(12px,2vw,22px);
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.92);
  background: linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,246,253,.80));
  box-shadow: 0 26px 70px rgba(27,49,78,.11), 0 0 0 1px rgba(43,77,118,.06);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
  backdrop-filter: blur(24px) saturate(155%);
  font-family: -apple-system, BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  color: #1c2c42;
}
body #Content .uir-shortcode-reader .uir-gallery-topline {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 4px 8px 15px;
}
body #Content .uir-shortcode-reader .uir-gallery-label {
  margin: 0; text-transform: uppercase; letter-spacing: .14em;
  font-weight: 710; font-size: 11px; color: #66809d;
}
body #Content .uir-shortcode-reader .uir-gallery-counter { font-size: 12px; font-variant-numeric: tabular-nums; color: #6c7b8b; }
body #Content .uir-shortcode-reader .uir-gallery-stage {
  position: relative;
  overflow: hidden;
  display: grid; place-items: center;
  min-height: 280px;
  background: radial-gradient(ellipse at 50% 30%,#fff 8%, #eef2f6 95%);
  border: 1px solid rgba(48,70,98,.07);
  border-radius: 20px;
}
body #Content .uir-shortcode-reader .uir-gallery-expand {
  display: flex; align-items: center; justify-content: center;
  appearance: none; border: 0; background: transparent;
  cursor: zoom-in; width: 100%; min-height: 280px; padding: 0;
}
body #Content .uir-shortcode-reader .uir-gallery-main-img {
  width: 100%;
  height: clamp(280px,43vw,610px);
  max-height: 610px;
  display: block;
  object-fit: contain;
  transition: opacity .18s ease;
}
body #Content .uir-shortcode-reader .uir-gallery-main-img.uir-loading { opacity: .45; }
body #Content .uir-shortcode-reader .uir-gallery-arrow,
.uir-gallery-modal .uir-gallery-arrow {
  position: absolute;
  z-index: 2;
  top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; padding: 0;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 50%;
  background: rgba(255,255,255,.74);
  color: #283c55; font-size: 29px; font-weight: 300;
  box-shadow: 0 4px 15px rgba(35,54,85,.12);
  -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px);
  cursor: pointer; display: grid; place-items: center;
  transition: background .18s ease, box-shadow .18s ease;
}
body #Content .uir-shortcode-reader .uir-gallery-arrow:hover,
.uir-gallery-modal .uir-gallery-arrow:hover { background: #fff; box-shadow: 0 7px 18px rgba(31,58,85,.18); }
.uir-gallery-arrow--prev { left: 14px; }
.uir-gallery-arrow--next { right: 14px; }
body #Content .uir-shortcode-reader .uir-gallery-caption {
  padding: 12px 8px 4px;
  min-height: 12px;
  color: #63758b;
  font-size: 13px;
  line-height: 1.48;
  text-align: center;
}
body #Content .uir-shortcode-reader .uir-gallery-thumbs,
.uir-gallery-modal .uir-gallery-thumbs {
  display: flex; gap: 9px;
  overflow-x: auto; overflow-y: hidden;
  margin: 0; padding: 10px 5px 7px;
  scroll-snap-type: x proximity;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scrollbar-color: #b5c7d9 transparent;
  -webkit-overflow-scrolling: touch;
}
body #Content .uir-shortcode-reader .uir-gallery-thumb,
.uir-gallery-modal .uir-gallery-thumb {
  position: relative;
  flex: 0 0 89px;
  width: 89px; height: 70px;
  padding: 3px;
  margin: 0;
  border: 2px solid transparent;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
  scroll-snap-align: center;
  opacity: .75;
  transition: border-color .2s ease, opacity .2s ease, background .2s ease;
}
body #Content .uir-shortcode-reader .uir-gallery-thumb img,
.uir-gallery-modal .uir-gallery-thumb img {
  width: 100%;height:100%;display:block;
  object-fit: cover;border-radius: 7px;
}
body #Content .uir-shortcode-reader .uir-gallery-thumb:hover,
.uir-gallery-modal .uir-gallery-thumb:hover { opacity: 1; }
body #Content .uir-shortcode-reader .uir-gallery-thumb[aria-current="true"],
.uir-gallery-modal .uir-gallery-thumb[aria-current="true"] {
  opacity: 1; border-color: #4980b5;
  background: rgba(90,144,199,.12);
}
body #Content .uir-shortcode-reader .uir-gallery-thumb:focus-visible,
body #Content .uir-shortcode-reader .uir-gallery-expand:focus-visible,
body #Content .uir-shortcode-reader .uir-gallery-arrow:focus-visible,
.uir-gallery-modal button:focus-visible {
  outline: 3px solid #4b92de; outline-offset: 3px;
}


/* Matched Liquid Glass directory styles for the embedded shortcode. */
/* Sidebar itself is independent of the content/entry typography selectors. */
body #Content .uir-shortcode-reader .uir-editorial-directory,
body #Content .uir-shortcode-reader .uir-editorial-directory * { box-sizing: border-box; }
body #Content .uir-shortcode-reader .uir-editorial-directory {
  position: sticky;
  top: 24px;
  z-index: 3;
  max-height: calc(100dvh - 45px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(101,126,165,.30) transparent;
  font-family: -apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #263754;
}
body #Content .uir-shortcode-reader .uir-directory-glass {
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 28px;
  padding: 23px 18px 20px;
  background: linear-gradient(138deg,rgba(255,255,255,.96),rgba(244,249,255,.82) 58%,rgba(236,244,255,.78));
  box-shadow: 0 17px 48px rgba(30,57,97,.12), inset 0 1px 0 rgba(255,255,255,1);
  -webkit-backdrop-filter: blur(26px) saturate(165%);
  backdrop-filter: blur(26px) saturate(165%);
}
body #Content .uir-shortcode-reader .uir-directory-head { padding: 1px 5px 22px; }
body #Content .uir-shortcode-reader .uir-directory-eyebrow {
  font-size: 10px; font-weight: 750; letter-spacing: .18em; color: #5b7aa3;
  margin-bottom: 10px;
}
body #Content .uir-shortcode-reader .uir-directory-title {
  margin: 0 0 9px !important;
  color: #152d52;
  font: 700 28px/1.16 Georgia,'Times New Roman',serif !important;
  letter-spacing: -.035em;
}
body #Content .uir-shortcode-reader .uir-directory-intro {
  font: 400 13px/1.55 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
  margin: 0 !important; color: #657890;
}
body #Content .uir-shortcode-reader .uir-directory-search { position: relative; margin: 0 0 25px; }
body #Content .uir-shortcode-reader .uir-directory-search-label {
  display: block;
  margin: 0 0 9px 4px;
  color: #34506f; font-size: 12px; font-weight: 700; letter-spacing: .01em;
}
body #Content .uir-shortcode-reader .uir-directory-searchrow {
  height: 47px; border-radius: 14px; border: 1px solid rgba(120,148,181,.27);
  background: rgba(255,255,255,.84);
  display: flex; align-items: center; gap: 9px; padding: 0 12px;
  box-shadow: 0 3px 11px rgba(27,57,95,.045);
  transition: border-color .2s ease, box-shadow .2s ease;
}
body #Content .uir-shortcode-reader .uir-directory-searchrow:focus-within {
  border-color: #648cb9;
  box-shadow: 0 0 0 3px rgba(88,135,192,.17);
}
body #Content .uir-shortcode-reader .uir-directory-icon { display: inline-flex; flex: 0 0 auto; align-items:center; justify-content:center; color: #7a94b2; }
body #Content .uir-shortcode-reader .uir-directory-input {
  flex: 1 1 auto; width: 100%; min-width: 0; height: 100%; padding: 0; margin: 0;
  border: none !important; outline: 0 !important; box-shadow: none !important;
  background: transparent !important; color: #162944 !important;
  font: 400 14px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
}
body #Content .uir-shortcode-reader .uir-directory-input::placeholder { color: #91a1b5; }
body #Content .uir-shortcode-reader .uir-directory-clear {
  flex: 0 0 auto; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 7px;
  background: #e8eef7; display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
}
body #Content .uir-shortcode-reader .uir-directory-clear[hidden] { display: none !important; }
body #Content .uir-shortcode-reader .uir-directory-clear .uir-directory-icon { color:#526b87; }
body #Content .uir-shortcode-reader .uir-directory-hint {
  font-size: 11px; line-height: 1.4; padding: 8px 3px 0; color: #7f91a7;
}
body #Content .uir-shortcode-reader .uir-directory-archive-head {
  display: flex; align-items: center; gap: 9px;
  border-top: 1px solid rgba(97,135,177,.15);
  padding: 23px 4px 12px;
}
body #Content .uir-shortcode-reader .uir-directory-archive-title {
  margin: 0 !important; padding: 0 !important;
  color: #2c4464;
  font: 740 12px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;
  letter-spacing: .06em; text-transform: uppercase;
}
body #Content .uir-shortcode-reader .uir-directory-year { margin: 0 0 6px; border: 1px solid rgba(110,140,180,.13); border-radius: 14px; overflow: hidden; background: rgba(255,255,255,.47); }
body #Content .uir-shortcode-reader .uir-directory-year.is-open { background: rgba(255,255,255,.7); border-color: rgba(103,144,196,.26); }
body #Content .uir-shortcode-reader .uir-directory-year-toggle {
  appearance: none; display:flex; width:100%; min-height:61px; padding: 12px 13px;
  align-items:center; justify-content:space-between; gap:8px;
  border:0; border-radius:0; background:transparent; color:#203656;
  cursor:pointer; box-shadow:none; text-align:left; transition:background .18s ease;
}
body #Content .uir-shortcode-reader .uir-directory-year-toggle:hover { background:rgba(219,234,252,.45); }
body #Content .uir-shortcode-reader .uir-directory-year-text { display:flex; flex-direction:column; gap:3px; }
body #Content .uir-shortcode-reader .uir-directory-year-number { font:700 19px/1.05 Georgia,'Times New Roman',serif; }
body #Content .uir-shortcode-reader .uir-directory-year-count { font:500 11px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif; color:#8191a4; }
body #Content .uir-shortcode-reader .uir-directory-year-toggle > .uir-directory-icon { transition: transform .2s ease; }
body #Content .uir-shortcode-reader .uir-directory-year.is-open .uir-directory-year-toggle > .uir-directory-icon { transform:rotate(90deg); }
body #Content .uir-shortcode-reader .uir-directory-year-panel { border-top:1px solid rgba(109,148,190,.13); padding: 8px; }
body #Content .uir-shortcode-reader .uir-directory-year-panel[hidden],
body #Content .uir-shortcode-reader .uir-directory-suggestions[hidden] { display:none !important; }
body #Content .uir-shortcode-reader .uir-directory-item {
  display: flex; gap: 10px; padding: 10px 7px; width:100%;
  align-items: start; border-radius: 11px; text-decoration:none !important;
  border: 1px solid transparent; color: #1c3557 !important; background: transparent;
  transition: background .18s ease,border-color .18s ease,transform .18s ease;
}
body #Content .uir-shortcode-reader .uir-directory-item + .uir-directory-item { border-top:1px solid rgba(89,129,174,.08); }
body #Content .uir-shortcode-reader .uir-directory-item:hover,
body #Content .uir-shortcode-reader .uir-directory-item:focus-visible {
  background:rgba(223,236,253,.65); border-color:rgba(99,141,188,.12); transform:translateX(2px);
}
body #Content .uir-shortcode-reader .uir-directory-item.is-current {
  background: rgba(219,233,250,.73); border-color:rgba(102,149,206,.24);
}
body #Content .uir-shortcode-reader .uir-directory-thumb {
  width:54px; height:54px; flex:0 0 54px; display:flex;
  align-items:center;justify-content:center;overflow:hidden;
  border-radius:10px; border:1px solid rgba(142,165,195,.16);
  background:linear-gradient(135deg,#dde8f5,#f4f7fb);
}
body #Content .uir-shortcode-reader .uir-directory-thumb img { display:block; width:100%;height:100%;object-fit:cover; }
body #Content .uir-shortcode-reader .uir-directory-thumb .uir-directory-icon { color:#9caec4; }
body #Content .uir-shortcode-reader .uir-directory-item-copy { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:6px; }
body #Content .uir-shortcode-reader .uir-directory-item-title {
  color:#1a2e4b;
  font:700 14.3px/1.37 Georgia,'Times New Roman',serif !important;
  letter-spacing:-.013em;
  overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body #Content .uir-shortcode-reader .uir-directory-item-date {
  color:#8194ac;
  font:500 10px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}
body #Content .uir-shortcode-reader .uir-directory-item > .uir-directory-icon { color:#9aacc2; padding-top: 16px; }
body #Content .uir-shortcode-reader .uir-directory-item mark { color:#143f80; background:#e2ecfc; border-radius:2px; }
body #Content .uir-shortcode-reader .uir-directory-loading,
body #Content .uir-shortcode-reader .uir-directory-empty,
body #Content .uir-shortcode-reader .uir-directory-search-count {
  margin:0 !important; padding:12px 8px !important; color:#627892;
  font:500 12px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif !important;
}
body #Content .uir-shortcode-reader .uir-directory-search-count { padding-bottom:8px !important; font-weight:750 !important; color:#385779; }
body #Content .uir-shortcode-reader .uir-directory-more {
  display:block; width:calc(100% - 12px); margin:9px 6px 5px; padding:11px 8px;
  border:1px solid rgba(98,138,182,.2); border-radius:11px;
  background:rgba(229,237,250,.72); color:#33577f;
  font:700 12px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;
  text-align:center; cursor:pointer;
  transition: background .2s ease;
}
body #Content .uir-shortcode-reader .uir-directory-more:hover { background:rgba(213,229,250,.96); }
body #Content .uir-shortcode-reader .uir-directory-more[hidden] { display:none !important; }
body #Content .uir-shortcode-reader .uir-directory-suggestions {
  position: relative; margin: 9px 0 0; padding: 8px;
  max-height: min(48dvh,440px); overflow-y:auto;
  border: 1px solid rgba(108,149,195,.22); border-radius: 17px;
  background:rgba(252,254,255,.97);
  box-shadow:0 12px 32px rgba(42,65,95,.11);
}
body #Content .uir-shortcode-reader .uir-directory-searchrow button:focus-visible,
body #Content .uir-shortcode-reader .uir-directory-year-toggle:focus-visible,
body #Content .uir-shortcode-reader .uir-directory-more:focus-visible,
body #Content .uir-shortcode-reader .uir-directory-item:focus-visible { outline:2px solid #4477b5; outline-offset:2px; }



@media (max-width:1080px) {
 body #Content .uir-shortcode-reader .uir-shortcode-layout {grid-template-columns:minmax(0,1fr) 286px;gap:15px;}
 body #Content .uir-shortcode-reader .uir-directory-glass {padding:18px 11px 14px;border-radius:23px;}
}
@media (max-width:850px) {
 body #Content .uir-shortcode-reader .uir-shortcode-layout {
   display:flex !important; flex-direction:column; gap:12px; width:calc(100% - 10px) !important;
 }
 body #Content .uir-shortcode-reader .uir-shortcode-main {order:1;width:100% !important;}
 body #Content .uir-shortcode-reader .uir-editorial-directory {
   order:0;position:relative;top:auto;max-height:none;overflow:visible;width:100%;
 }
 body #Content .uir-shortcode-reader .uir-directory-years {max-height:260px;overflow:auto;}
 body #Content .uir-shortcode-reader .uir-directory-suggestions {max-height:45dvh;}
 body #Content .uir-shortcode-reader .uir-directory-glass {padding:18px;}
}
@media(max-width:767px){
 body #Content .uir-shortcode-reader .uir-shortcode-title-card {padding:25px 20px !important;}
 body #Content .uir-shortcode-reader .uir-shortcode-title {font-size:clamp(26px,6.2vw,38px) !important;}
 body #Content .uir-shortcode-reader .uir-shortcode-article-body {padding:27px 20px !important;font-size:16.5px;}
 body #Content .uir-shortcode-reader .uir-shortcode-cover {padding:6px !important;}
 body #Content .uir-shortcode-reader .uir-gallery-main-img {height:min(64vw,420px);min-height:220px;}
 body #Content .uir-shortcode-reader .uir-gallery-stage {min-height:220px;}
 body #Content .uir-shortcode-reader .uir-gallery-expand {min-height:220px;}
 body #Content .uir-shortcode-reader .uir-gallery-thumb {flex-basis:72px;width:72px;height:60px;}
}
@media print {
 body #Content .uir-shortcode-reader .uir-editorial-directory {display:none!important;}
 body #Content .uir-shortcode-reader .uir-shortcode-layout {display:block!important;width:100%!important;}
 body #Content .uir-shortcode-reader :is(.uir-shortcode-title-card,.uir-shortcode-cover,.uir-shortcode-article-body) {box-shadow:none!important;}
}

/* Dedicated shortcode pages can use the full content width of BeTheme. */
body.page:has(.uir-shortcode-reader) #Content > .content_wrapper {
  box-sizing:border-box;
  width: min(calc(100% - 20px),1600px) !important;
  max-width:1600px !important;
  padding:0 !important;
  margin:0 auto !important;
}
body.page:has(.uir-shortcode-reader) #Content .sections_group:has(.uir-shortcode-reader) {
  float:none!important;width:100%!important;max-width:100%!important;
}
body.page:has(.uir-shortcode-reader) #Content .the_content_wrapper:has(.uir-shortcode-reader) {
  box-sizing:border-box;
  width:100%;max-width:100%;margin-inline:0!important;
}