/* Generic native-page design system. Matches every "otsi-{page}-native-*" page
   built this session via attribute-contains selectors, so new pages need no
   dedicated CSS file - only the shared markup convention. Enqueued site-wide.
   Hero/CTA bands stay a fixed dark navy in both light and dark site themes
   (same brand-frame idea as the header) - only the surrounding page surface,
   card, and table colours are theme-aware, via the canonical tokens in
   public.css. Numeric values (KPI figures, table numbers) use the mono data
   font so figures scan and compare at a glance instead of reading as prose. */
[class*="-native-wide"]{width:min(calc(100% - 48px),1396px)!important;max-width:1396px!important;margin-inline:auto!important}
[class*="-native-body"]{width:min(80%,1180px)!important;max-width:1180px!important;margin-inline:auto!important}
[class*="-native-hero"]{min-height:380px!important;background:var(--navy-950)!important;color:#fff}
[class*="-native-hero"] .wp-block-cover__background{background:linear-gradient(90deg,rgba(4,22,44,.99),rgba(4,22,44,.9) 48%,rgba(4,22,44,.5))!important;opacity:1!important}
[class*="-native-hero"] .wp-block-cover__inner-container{width:100%}
[class*="-native-hero"] [class*="-native-wide"]{background:transparent!important;box-shadow:none!important}
[class*="-native-breadcrumb"]{margin:0 0 34px!important;color:#8fa0b8!important;font-size:10px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
[class*="-native-eyebrow"]{margin:0 0 18px!important;color:var(--pitch-light,var(--pitch-light))!important;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
[class*="-native-title"]{margin:0 0 22px!important;color:#fff!important;font-size:clamp(38px,5vw,60px)!important;line-height:1.05}
[class*="-native-lead"]{max-width:820px;margin:0!important;color:#c3ceda!important;font-size:15px!important;line-height:1.7}
[class*="-native-rule"]{width:148px!important;height:4px!important;margin:44px 0 0!important;border:0!important;background:var(--pitch-light,var(--pitch-light))!important}

[class*="-native-kpi-band"]:not([class$="-kpi-band-wrap"]){position:relative;z-index:3;margin-top:-52px;padding-bottom:8px}
[class*="-native-kpi-band"]:not([class$="-kpi-band-wrap"]).is-inline{margin-top:36px}
[class*="-native-kpi-band-wrap"]{margin-top:0}
[class*="-native-kpi-grid"]{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1px!important;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;width:min(calc(100% - 48px),1396px)!important;max-width:1396px!important;box-shadow:var(--shadow-card)}
[class*="-native-kpi-card"]{background:var(--surface);border-radius:0;box-shadow:none;padding:20px;min-height:196px;display:flex;flex-direction:column;justify-content:center}
[class*="-native-kpi-label"]{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:8px}
[class*="-native-kpi-value"]{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600;color:var(--ink);line-height:1.3;word-break:break-word}

[class*="-native-section"]{padding:64px 0!important;color:var(--ink)!important}
[class*="-native-section"].is-pale{background:var(--surface-2)!important}
[class*="-native-section"].is-white{background:var(--surface)!important}
[class*="-native-section"].is-navy{background:var(--navy-950)!important;color:#fff!important}
[class*="-native-section"].is-navy h2{color:#fff!important}
[class*="-native-section"] h2{margin:0 0 12px!important;color:var(--ink)!important;font-size:clamp(28px,3vw,40px);line-height:1.15}
[class*="-native-intro"]{max-width:900px;margin:0!important;color:var(--ink-soft)!important;font-size:14px!important;line-height:1.65}
[class*="-native-section"].is-navy [class*="-native-intro"]{color:#a9b7c9!important}

[class*="-native-cards"],[class*="-native-metrics"],[class*="-native-steps"],[class*="-native-nav"],[class*="-native-regions"]{gap:20px;margin-top:36px}
/* :not([class*="-native-card-"]) excludes narrower sub-element classes like
   "-native-card-photo" or "-native-card-body" (any page's own dedicated CSS
   owns those) - without it, this broad rule's height/min-height silently wins
   ties against page-specific sizing and stretches those sub-elements. */
[class*="-native-card"]:not([class*="-kpi-card"]):not([class*="-native-card-"]){height:100%;min-height:190px;padding:26px;border:1px solid var(--line)!important;border-radius:12px;background:var(--surface)!important;color:var(--ink)!important;display:flex;flex-direction:column}
[class*="-native-card-link"]{margin-top:auto;padding-top:16px;color:var(--pitch)!important;font-size:12.5px!important;font-weight:800;text-decoration:none}
[class*="-native-card-link"]:hover{text-decoration:underline}
[class*="-native-card"]:not([class*="-native-card-"]).dark,[class*="-native-card"]:not([class*="-native-card-"]).is-dark{border-color:var(--navy-800)!important;background:var(--navy-900)!important;color:#fff!important}
[class*="-native-card"]:not([class*="-native-card-"]).dark h3,[class*="-native-card"]:not([class*="-native-card-"]).is-dark h3{color:#fff!important}
[class*="-native-label"]{margin:0!important;color:var(--pitch)!important;font-size:9px!important;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
[class*="-native-number"],[class*="-step-num"]{margin:0 0 20px!important;color:var(--pitch)!important;font-family:var(--font-mono);font-size:17px!important;font-weight:600}
[class*="-native-card"]:not([class*="-native-card-"]) h3{margin:0 0 10px!important;color:var(--ink)!important;font-size:19px;line-height:1.25}
[class*="-native-copy"]{margin:0!important;color:var(--ink-soft)!important;font-size:12.5px!important;line-height:1.65}
[class*="-native-card"]:not([class*="-native-card-"]).dark [class*="-native-copy"]{color:#aab7c8!important}

[class*="-native-grid"]:not([class*="-kpi-grid"]){display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;align-items:start}

[class*="-native-media"]{gap:58px}
[class*="-native-media"] .wp-block-media-text__content{padding:0 6% 0 0}
[class*="-native-media"].reverse .wp-block-media-text__content{padding:0 0 0 6%}
[class*="-native-media"] img{display:block;width:100%;height:460px;object-fit:cover;object-position:center;border-radius:14px;box-shadow:0 22px 55px rgba(4,22,44,.16)}

[class*="-native-card-logo"]{width:100%!important;height:96px!important;min-height:0!important;display:flex!important;align-items:center;justify-content:center;margin-bottom:16px;background:var(--surface-2);border-radius:10px;border:1px solid var(--line);overflow:hidden}
[class*="-native-card-logo"] img{max-width:74%!important;max-height:74%!important;width:auto!important;height:auto!important;object-fit:contain}
[class*="-native-card-logo"] span{font-size:22px;font-weight:900;color:var(--line-strong)}
[class*="-native-list"]{display:grid;gap:12px;margin-top:24px;color:var(--ink-soft);font-weight:700}
[class*="-native-list"].light{color:#c9d3de}

[class*="-native-table"]{margin-top:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}
[class*="-history-native-block"]{margin-top:36px}
[class*="-history-native-block"]:first-of-type{margin-top:32px}
[class*="-history-native-block"] h3{margin:0 0 4px!important;font-size:17px}
[class*="-history-native-block"] h3 a{color:var(--ink);text-decoration:none}
[class*="-history-native-block"] h3 a:hover{color:var(--pitch)}
[class*="-native-row"]{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink-soft);font-size:12.5px;transition:background .15s}
[class*="-native-row"]:last-child{border-bottom:0}
[class*="-native-row"]:hover{background:var(--surface-2)}
[class*="-native-row--head"]{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);background:var(--surface-2)}
[class*="-native-name"]{font-weight:800;color:var(--ink)}
/* Any cell that is purely numeric/tabular reads as data, not prose. */
[class*="-native-row"] span:nth-child(2):not(:has(a)),
[class*="-native-row"] .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}

[class*="-native-empty"]{margin-top:32px;padding:48px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px;color:var(--ink-soft)}
[class*="-native-empty"] h3{margin:0 0 8px;color:var(--ink);font-size:18px}

[class*="-native-cta"]{padding:64px 0!important;background:var(--navy-950)!important;color:#fff!important}
[class*="-native-cta-inner"]{gap:48px}
[class*="-native-cta"] h2{margin:0 0 18px!important;color:#fff!important;font-size:32px}
[class*="-native-cta-copy"]{max-width:780px;margin:0!important;color:#b6c2d1!important;font-size:14px!important;line-height:1.65}
[class*="-native-button"] .wp-block-button__link{min-width:260px;padding:20px 26px;border-radius:5px;background:var(--pitch-light,var(--pitch-light))!important;color:var(--navy-950)!important;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1100px){[class*="-native-body"]{width:min(calc(100% - 48px),900px)!important}[class*="-native-kpi-grid"]{grid-template-columns:repeat(2,1fr)}[class*="-native-grid"]:not([class*="-kpi-grid"]){grid-template-columns:repeat(2,1fr)}[class*="-native-media"]{grid-template-columns:1fr!important}[class*="-native-media"] .wp-block-media-text__content,[class*="-native-media"].reverse .wp-block-media-text__content{padding:0}[class*="-native-row"]{grid-template-columns:1.4fr 1fr 1fr;font-size:12px}[class*="-native-row"] span:nth-child(4),[class*="-native-row"] span:nth-child(5){display:none}}
@media(max-width:700px){[class*="-native-wide"],[class*="-native-body"]{width:calc(100% - 32px)!important}[class*="-native-hero"]{min-height:340px!important}[class*="-native-section"]{padding:44px 0!important}[class*="-native-kpi-grid"]{grid-template-columns:repeat(2,1fr)}[class*="-native-kpi-card"]{padding:14px;min-height:0!important}[class*="-native-grid"]:not([class*="-kpi-grid"]){grid-template-columns:1fr}[class*="-native-cta-inner"]{align-items:flex-start!important;flex-direction:column!important}[class*="-native-row"]{grid-template-columns:1fr 1fr}}