/* Editorial reading layout and a red/navy detail drawn from the flag and shirt.
   Loaded after skin.css and home.css. Text and source photography stay intact. */
:root{
  --hz-navy:#26364a;
  --hz-editorial-measure:52rem;
  --hz-shirt-stripes:linear-gradient(to bottom,#db1921 0 2px,transparent 2px 5px,#db1921 5px 7px,transparent 7px 10px,#db1921 10px 12px);
  --hz-editorial-mark:linear-gradient(#db1921,#db1921) left center/5px 14px no-repeat,linear-gradient(#26364a,#26364a) right top/42px 2px no-repeat,linear-gradient(#26364a,#26364a) right center/42px 2px no-repeat,linear-gradient(#26364a,#26364a) right bottom/42px 2px no-repeat;
}

/* A wide photographic frame with a narrower, comfortable reading measure. */
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article{padding-bottom:100px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header{max-width:1120px;margin-bottom:48px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header h1{max-width:1100px;text-wrap:balance}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header>.sub-title{
  display:flex;align-items:center;gap:18px;color:var(--hz-navy);
  font-size:14px;line-height:1.6;letter-spacing:.12em;margin-bottom:25px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header>.sub-title::after{
  content:"";display:block;flex:0 0 56px;width:56px;height:14px;
  background:var(--hz-editorial-mark);
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content{
  max-width:1080px;margin-inline:auto;color:var(--hz-ink);font-size:18px;line-height:1.85;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub{
  gap:28px;--widgets-spacing:28px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-text-editor{
  font-size:18px;line-height:1.85;color:var(--hz-ink);
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content :where(p,h2,h3,h4,blockquote),
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content :where(ul,ol):not(.hz-hub-links):not(.hz-story-index ul){
  max-width:var(--hz-editorial-measure);margin-inline:auto;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content p{
  font-size:18px;line-height:1.85;margin-bottom:1.5em;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content p.hz-lead,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content>.elementor>:first-child .elementor-widget-text-editor:first-child>p:first-child:not(:has(img)){
  font-size:20px;line-height:1.7;font-weight:400;color:var(--hz-navy);margin-bottom:38px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h2,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h2.elementor-heading-title{
  font-size:clamp(32px,3.4vw,44px);font-weight:500;line-height:1.18;letter-spacing:-.035em;
  margin-block:62px 24px;color:var(--hz-ink);text-wrap:balance;scroll-margin-top:105px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h3,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h3.elementor-heading-title{
  font-size:clamp(26px,2.6vw,32px);font-weight:500;line-height:1.25;letter-spacing:-.025em;
  margin-block:42px 18px;color:var(--hz-navy);text-wrap:balance;scroll-margin-top:105px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h4{
  font-size:23px;font-weight:500;line-height:1.35;margin-block:32px 15px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h2+h3{margin-top:28px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-heading:first-child .elementor-heading-title{margin-top:0}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content :where(ul,ol):not(.hz-hub-links):not(.hz-story-index ul){
  font-size:18px;line-height:1.8;padding-left:1.35em;margin-bottom:32px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content li{padding-left:.2em;margin-bottom:.65em}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content li::marker{color:var(--hz-navy)}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content blockquote{
  border-left:3px solid var(--hz-navy);padding:30px 36px;margin-block:42px;
  background:var(--hz-wool);border-radius:0 18px 18px 0;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content blockquote p{font-size:20px;line-height:1.7}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content blockquote p:last-child{margin-bottom:0}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content a{ text-underline-offset:5px }

/* Paired links provide a clear continuation of the article, without extra prose. */
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content ul.hz-hub-links{
  width:100%;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;margin-block:30px 48px!important;padding:0!important;list-style:none!important;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links li{display:flex;min-width:0;padding:0;margin:0}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a{
  width:100%;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:25px 28px;border:1px solid #26364a29;border-radius:18px;background:#f2f0e8;
  color:var(--hz-navy);font-family:var(--heading-font,"Ubuntu",sans-serif);
  font-size:20px;font-weight:500;line-height:1.4;text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a::after{
  flex:0 0 auto;font-size:22px;line-height:1;color:var(--hz-navy);margin-left:0;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a:hover,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a:focus-visible{
  background:#eaece7;border-color:var(--hz-navy);color:var(--hz-navy);
}

/* Optional reading index: populated only from headings actually on the page. */
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index{
  width:100%;max-width:1080px;box-sizing:border-box;margin:0 auto 46px;padding:24px 28px;
  border:1px solid #26364a2e;border-left:3px solid var(--hz-navy);border-radius:0 16px 16px 0;
  background:var(--hz-wool);color:var(--hz-navy);
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index .hz-story-index-label{
  display:flex;align-items:center;gap:18px;max-width:none;margin:0 0 13px;font-size:14px;font-weight:600;line-height:1.6;
  letter-spacing:.12em;text-transform:uppercase;color:var(--hz-navy);
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index .hz-story-index-label::after{
  content:"";display:block;flex:0 0 56px;width:56px;height:14px;background:var(--hz-editorial-mark);
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index ul{
  display:flex;flex-wrap:wrap;gap:7px 24px;max-width:none;padding:0;margin:0;list-style:none;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index li{padding:0;margin:0}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index a{
  display:inline-block;padding:5px 0;font-size:18px;font-weight:500;line-height:1.5;
  color:var(--hz-navy);text-decoration:underline;text-decoration-color:#26364a50;
  text-decoration-thickness:1px;text-underline-offset:5px;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index a:hover{color:var(--hz-red);text-decoration-color:currentColor}

/* Existing long routes remain in their source order; remove a legacy extra inset. */
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content ul:has(>ul:only-child){padding-left:0;list-style:none}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content ul>ul:only-child{margin-block:0 36px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-archive-note{
  max-width:var(--hz-editorial-measure);margin-block:34px 44px;padding:24px 28px;
  border-left-color:var(--hz-navy);font-size:18px;line-height:1.75;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-archive-note strong{font-size:18px;line-height:1.5;margin-bottom:10px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-archive-note p{margin:0;font-size:18px;line-height:1.75}

/* Full article photographs: preserve their complete composition and proportions. */
body.hz-static:not(.hz-book) .hz-article-cover img{
  display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content img{
  max-width:100%;height:auto;max-height:none;object-fit:contain;
}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-image img{height:auto;max-height:none;aspect-ratio:auto}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content :where(figure.wp-block-image,.elementor-widget-image){margin-block:40px}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content figcaption{
  font-size:14px;line-height:1.65;color:var(--hz-muted);margin-top:14px;
}

/* Only large photo wrappers receive the stripe detail. No global img selector:
   logos, small inline graphics, lightboxes and book scans are deliberately absent.
   Padding reserves space below the photograph, so the mark covers no image pixels. */
.hz-home .elementor-widget-image:is(.hz-portrait,.hz-feature-image,.hz-gallery-main,.hz-gallery-secondary),
body.hz-site:not(.hz-book) .hz-article-cover:has(img:not(.hz-logo)):not(:has(img[src*="logo"],img[src*="znak"],img[src*="icon"],img[src*="grb"])),
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-image:has(img[src*="halubajski-zvoncari-2022-"]),
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content figure.wp-block-image:has(img[src*="halubajski-zvoncari-2022-"]){
  position:relative;padding-bottom:28px;overflow:visible;
}
.hz-home .elementor-widget-image:is(.hz-portrait,.hz-feature-image,.hz-gallery-main,.hz-gallery-secondary)::after,
body.hz-site:not(.hz-book) .hz-article-cover:has(img:not(.hz-logo)):not(:has(img[src*="logo"],img[src*="znak"],img[src*="icon"],img[src*="grb"]))::after,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-image:has(img[src*="halubajski-zvoncari-2022-"])::after,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content figure.wp-block-image:has(img[src*="halubajski-zvoncari-2022-"])::after{
  content:"";position:absolute;right:0;bottom:8px;display:block;
  width:72px;height:12px;box-sizing:border-box;border:0;
  background:var(--hz-shirt-stripes);background-color:transparent;pointer-events:none;
}
.hz-home .elementor-widget-image:is(.hz-feature-image,.hz-gallery-main,.hz-gallery-secondary)>a,
.hz-home .elementor-widget-image:is(.hz-feature-image,.hz-gallery-main,.hz-gallery-secondary)>.elementor-widget-container>a{
  display:block;overflow:hidden;border-radius:24px;
}

/* A small flag-colour stitch accompanies selected headings on light surfaces.
   It participates in normal flow, leaving all text and photography unobstructed. */
.hz-home.hz-intro .hz-copy>.hz-eyebrow .elementor-heading-title,
.hz-home.hz-news .section-title>.sub-title{
  display:flex;align-items:center;gap:18px;
}
.hz-home.hz-news .section-title>.sub-title{display:inline-flex}
.hz-home.hz-intro .hz-copy>.hz-eyebrow .elementor-heading-title::after,
.hz-home.hz-news .section-title>.sub-title::after{
  content:"";position:static;display:block;flex:0 0 56px;width:56px;height:14px;
  margin:0;border:0;transform:none;opacity:1;box-shadow:none;
  background:var(--hz-editorial-mark);pointer-events:none;
}

@media(max-width:767px){
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article{padding-bottom:70px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header{margin-bottom:32px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header>.sub-title{font-size:14px;gap:14px;margin-bottom:22px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .elementor-widget-text-editor,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content p{font-size:18px;line-height:1.8}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content p.hz-lead,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content>.elementor>:first-child .elementor-widget-text-editor:first-child>p:first-child:not(:has(img)){font-size:20px;line-height:1.65;margin-bottom:30px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h2,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h2.elementor-heading-title{font-size:32px;line-height:1.2;margin-block:44px 20px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h3,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content h3.elementor-heading-title{font-size:26px;margin-block:34px 16px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content ul.hz-hub-links{grid-template-columns:minmax(0,1fr);gap:14px;margin-block:24px 36px!important}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a{min-height:82px;padding:22px;font-size:20px;gap:18px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index{padding:22px;margin-bottom:34px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index ul{gap:8px 20px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content blockquote,
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-archive-note{padding:24px;margin-block:30px}
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content :where(figure.wp-block-image,.elementor-widget-image){margin-block:30px}
}

@media(prefers-reduced-motion:reduce){
  body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-content .hz-hub-links a{transition:none}
}

/* One readable type scale across the existing site, including mobile layouts.
   Target text roles rather than every element, so icons and display titles retain
   their own sizing. Small labels are 14px; links/buttons 16px; body copy 18px. */
body.hz-site{font-size:18px;line-height:1.75}
.hz-site p{font-size:18px;line-height:1.8}
.hz-site .hz-article-content,
.hz-site .hz-article-content .elementor-widget-text-editor,
.hz-site .hz-home:not(.hz-strip) .elementor-widget-text-editor:not(.hz-caption):not(.hz-small-note),
.hz-site .hz-home :is(.hz-lead,.hz-section-summary),
.hz-site .hz-home .hz-feature>.elementor-widget-text-editor,
.hz-site .hz-home .hz-video-copy .elementor-widget-text-editor,
.hz-site .hz-hero .hero-wrapper .hero-content>p,
.hz-site .hz-gallery-feature-copy>span:not([class]),
.hz-site .hz-archive-heading p,
.hz-site .hz-archive-grid .post-content>p,
.hz-site .hz-search-result p,
.hz-site .hz-hub-card p,
.hz-site .hz-hub .elementor-icon-box-description,
.hz-site .hz-article-content details>p,
.hz-site .hz-contact-primary p,
.hz-site .hz-contact-other p{font-size:18px;line-height:1.8}
.hz-site .hz-home .hz-feature>.elementor-widget-text-editor{min-height:0}
.hz-site .hz-archive-note,
.hz-site .hz-archive-note p,
.hz-site .hz-archive-note strong,
body.hz-news .hz-archive-note,
body.hz-news .hz-archive-note p,
body.hz-news .hz-archive-note strong{font-size:18px;line-height:1.75}
.hz-site .hz-footer-grid p,
.hz-site .hz-footer-grid a{font-size:18px;line-height:1.7}
.hz-site .hz-footer-grid h3{font-size:20px;line-height:1.35}
.hz-site .hz-footer-bottom{font-size:14px;line-height:1.65}
.hz-site .hz-contact-other h3{font-size:21px;line-height:1.35}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-contact-primary h2{color:var(--hz-paper)}

.hz-site .sub-title,
.hz-site .hz-home .hz-caption,
.hz-site .hz-home .hz-caption p,
.hz-site .hz-home .hz-small-note,
.hz-site .hz-home .hz-small-note p,
.hz-site .hz-mini-rule p,
.hz-site .hz-breadcrumb,
.hz-site .hz-article-meta,
.hz-site .hz-gallery-meta,
.hz-site .hz-gallery-feature-kicker,
.hz-site .hz-archive-grid .hz-date,
.hz-site .hz-news .orbia-blog-post-item .post-meta,
.hz-site .hz-article-cover figcaption,
.hz-site .hz-article-content figcaption,
.hz-site .hz-article-content .wp-caption-text,
.hz-site .hz-gallery-credit-note,
.hz-site .hz-cover-hint,
.hz-site .hz-card-fallback>span,
.hz-site .hz-footer-top .sub-title,
body.hz-news .hz-article-header>.sub-title,
body.hz-news .hz-article-meta{font-size:14px;line-height:1.6}
.hz-site .hz-strip .elementor-widget-text-editor p{font-size:14px;line-height:1.6}
.hz-site .hz-home .hz-eyebrow .elementor-heading-title{font-size:14px!important;line-height:1.6;letter-spacing:.12em}
.hz-site .hz-hero .hero-wrapper .hero-content .tag-line{font-size:14px;line-height:1.6;letter-spacing:.12em}
.hz-site .hz-news .section-title .sub-title{font-size:14px;line-height:1.6;letter-spacing:.12em}
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-article-header>.sub-title,
body.hz-static:not(.hz-gallery):not(.hz-book) .hz-story-index-label{font-size:14px;line-height:1.6;letter-spacing:.12em}
body.hz-site.hz-gallery .hz-article-content .gallery .gallery-caption{font-size:14px;line-height:1.65}
body.hz-site.hz-book .hz-article-content .gallery .gallery-item::after{font-size:14px;line-height:1.6}
body.hz-site .elementor-lightbox .elementor-slideshow__description{font-size:14px;line-height:1.6}

.hz-site :is(.theme-btn.gradient-btn,.theme-btn.style-one),
.hz-site .hz-home .hz-button .elementor-button,
.hz-site .hz-home .hz-text-link .elementor-button,
.hz-site .hz-hub .elementor-widget-button .elementor-button,
.hz-site .hz-archive-grid .read-more,
.hz-site .hz-news .orbia-blog-post-item .read-more,
.hz-site .hz-gallery-feature-cta,
.hz-site .hz-post-navigation,
.hz-site .hz-article-content .wp-block-file__button{font-size:16px;line-height:1.5}
.hz-site .hz-article-content .wp-block-file{font-size:18px;line-height:1.65}
.hz-site .hz-article-content table{display:block;max-width:100%;overflow-x:auto;font-size:18px;line-height:1.65}
.hz-site .hz-pagination .page-numbers,
.hz-site .hz-archive .nav-links .page-numbers{font-size:16px;line-height:1.5;min-width:44px;min-height:44px}
.hz-site .hz-archive-filter label,
.hz-site .hz-search label,
.hz-site .hz-mobile form label,
.hz-site .hz-article-content .wpcf7 label{font-size:16px;line-height:1.6}
.hz-site .hz-archive-filter select,
.hz-site .hz-search input,
.hz-site .hz-mobile input,
.hz-site .hz-article-content .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.hz-site .hz-article-content .wpcf7 textarea,
.hz-site .hz-article-content .wpcf7 select{font-size:18px;line-height:1.6}
.hz-site .hz-archive-filter button.theme-btn,
.hz-site .hz-mobile form button,
.hz-site .hz-article-content .wpcf7 input[type=submit]{font-size:16px;line-height:1.5}
.hz-site .hz-search button{font-size:16px!important;line-height:1.5}
.hz-site .hz-article-content .wpcf7 .wpcf7-acceptance label,
.hz-site .hz-article-content .wpcf7 .wpcf7-not-valid-tip,
.hz-site .hz-article-content .wpcf7 .wpcf7-response-output{font-size:14px;line-height:1.7}
.hz-site .hz-form-privacy{font-size:14px!important;line-height:1.7!important}
.hz-site .hz-header .header-navigation .main-menu ul>li>a{font-size:17px}
.hz-site .hz-header .header-navigation .main-menu ul>li>.sub-menu li a{font-size:16px;line-height:1.5}
.hz-site .hz-mobile li a{font-size:22px;line-height:1.5}
.hz-site .hz-mobile .sub-menu a{font-size:18px;line-height:1.6}

/* The three statements share the same type on every viewport, including the CTA. */
.hz-site .hz-home.hz-strip .elementor-widget-text-editor,
.hz-site .hz-home.hz-strip .elementor-widget-text-editor p,
.hz-site .hz-home.hz-strip .hz-text-link .elementor-button,
.hz-site .hz-home.hz-strip .hz-text-link .elementor-button-text{
  font-family:var(--body-font,"DM Sans",sans-serif);font-size:14px;font-weight:600;
  line-height:1.6;letter-spacing:.12em;text-transform:uppercase;
}

@media(max-width:1300px) and (min-width:1200px){
  .hz-site .hz-header .header-navigation .main-menu ul>li>a{font-size:16px}
}
@media(max-width:767px){
  .hz-site .hz-home .hz-section-summary,
  .hz-site .hz-hero .hero-wrapper .hero-content>p,
  .hz-site .hz-gallery-feature-copy>span:not([class]){font-size:18px;line-height:1.75}
  .hz-site .hz-news .orbia-blog-post-item.style-one .post-content{padding-top:25px}
  .hz-site .hz-archive-filter select{width:100%;max-width:100%}
}
