.un-news-detail { --un-news-detail-ink: #112540; --un-news-detail-accent: #12c0e2; --un-news-detail-muted: #6e757e; --un-news-detail-border: #dee2e8; --un-news-detail-surface: #f0f2f4; color: var(--un-news-detail-ink); padding: 34px 0 88px; }
.un-news-detail *, .un-news-detail *::before, .un-news-detail *::after { box-sizing: border-box; }
.un-news-detail__container { max-width: 1180px; }
.un-news-detail a { color: inherit; }
.un-news-detail a:focus-visible { outline: 3px solid rgba(18, 192, 226, .45); outline-offset: 3px; }
.un-news-detail__head { margin: 22px auto 42px; max-width: 1180px; }
.un-news-detail h1 { font-size: clamp(42px, 5vw, 64px); font-weight: 500; letter-spacing: -.045em; line-height: 1.02; margin: 0; max-width: 1100px; }
.un-news-detail__head-bottom { align-items: end; display: grid; gap: 30px 80px; grid-template-columns: minmax(0, 8fr) minmax(220px, 3fr); margin-top: 26px; }
.un-news-detail__lead { color: var(--un-news-detail-muted); font-size: 22px; line-height: 1.45; margin: 0; max-width: 800px; }
.un-news-detail__passport { border-left: 3px solid var(--un-news-detail-accent); padding: 4px 0 4px 20px; }
.un-news-detail__passport dl { display: grid; gap: 10px; margin: 0; }
.un-news-detail__passport dl > div { column-gap: 10px; display: grid; font-size: 14px; grid-template-columns: max-content minmax(0, 1fr); line-height: 1.35; }
.un-news-detail__passport dt { color: var(--un-news-detail-muted); }
.un-news-detail__passport dd { margin: 0; }
.un-news-detail__passport a { color: #12c0e2; text-decoration: none; }
.un-news-detail__hero { display: flex; justify-content: center; margin: 0 0 56px; }
.un-news-detail__hero-image { display: block; height: auto !important; max-width: 100%; width: auto !important; }
.un-news-detail__prose { font-size: 19px; line-height: 1.62; margin: 0 auto; max-width: 780px; overflow-wrap: break-word; }
.un-news-detail__prose > *:first-child { margin-top: 0; }
.un-news-detail__prose h2, .un-news-detail__prose h3 { font-weight: 500; letter-spacing: -.025em; line-height: 1.18; margin: 1.8em 0 .7em; }
.un-news-detail__prose h2 { font-size: 32px; }
.un-news-detail__prose h3 { font-size: 25px; }
.un-news-detail__prose img { height: auto; max-width: 100%; }
.un-news-detail__prose table { border-collapse: separate; border-spacing: 0; display: block; margin: 36px 0 42px; max-width: 100%; overflow-x: auto; width: max-content; }
.un-news-detail__prose th, .un-news-detail__prose td { border-bottom: 1px solid var(--un-news-detail-border); border-right: 1px solid var(--un-news-detail-border); min-width: 150px; padding: 15px 18px; text-align: left; vertical-align: top; }
.un-news-detail__prose th:first-child, .un-news-detail__prose td:first-child { border-left: 1px solid var(--un-news-detail-border); }
.un-news-detail__prose thead th { background: #e7f7fb; border-top: 1px solid var(--un-news-detail-border); color: var(--un-news-detail-ink); font-size: .88em; font-weight: 600; line-height: 1.4; }
.un-news-detail__prose tbody tr:nth-child(even) { background: #f8fafb; }
.un-news-detail__prose tbody th { background: #f2f7f9; font-weight: 600; }
.un-news-detail__prose table caption { color: var(--un-news-detail-muted); font-size: .85em; margin-bottom: 10px; text-align: left; }
.un-news-detail__prose a { color: #008fae; text-decoration-thickness: 1px; }
.un-news-detail__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 42px auto 64px; max-width: 780px; }
.un-news-detail__tags a { background: var(--un-news-detail-surface); border-radius: 999px; font-size: 14px; padding: 8px 13px; text-decoration: none; }
.un-news-detail__section { border-top: 1px solid var(--un-news-detail-border); margin-top: 56px; padding-top: 30px; }
.un-news-detail__section-head { align-items: baseline; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 22px; }
.un-news-detail__section-head h2, .un-news-detail__cta h2 { font-size: 30px; font-weight: 500; letter-spacing: -.03em; line-height: 1.15; margin: 0; }
.un-news-detail__section-head p { color: var(--un-news-detail-muted); margin: 0; white-space: nowrap; }
.un-news-detail__products { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.un-news-detail__product { border: 1px solid var(--un-news-detail-border); border-radius: 8px; display: flex; max-height: 200px; min-height: 190px; min-width: 0; overflow: hidden; text-decoration: none; }
.un-news-detail__product > img, .un-news-detail__product-placeholder { background: linear-gradient(135deg, var(--un-news-detail-surface), #fff); display: block; flex: 0 0 42%; height: auto; min-height: 190px; object-fit: contain; width: 42%; }
.un-news-detail__product-body { display: flex; flex: 1; flex-direction: column; padding: 18px; }
.un-news-detail__product-topline { align-items: center; display: flex; gap: 10px; justify-content: space-between; min-height: 30px; }
.un-news-detail__product-brand { color: #12c0e2; font-size: 13px; font-weight: 500; }
.un-news-detail__product-brand-logo { display: block; height: 30px; max-width: 100%; object-fit: contain; object-position: left center; width: auto; }
.un-news-detail__product h3 { font-size: 20px !important; font-weight: 500; line-height: 1.25; margin: 12px 0 !important; }
.un-news-detail__product-country { color: var(--un-news-detail-muted); font-size: 13px; margin-left: auto; text-align: right; }
.un-news-detail__product strong { font-size: 17px; margin-top: auto; }
.un-news-detail__brands { display: grid; gap: 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.un-news-detail__brand { align-items: center; border: 1px solid var(--un-news-detail-border); border-radius: 7px; display: flex; gap: 12px; min-height: 72px; padding: 12px; text-decoration: none; }
.un-news-detail__brand-logo { align-items: center; display: flex; flex: 0 0 96px; height: 96px; justify-content: center; overflow: visible; width: 96px; }
.un-news-detail__brand-logo img { display: block; height: auto !important; max-height: 100%; max-width: 100%; object-fit: contain; width: auto !important; }
.un-news-detail__brand span { font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.un-news-detail__related-news { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.un-news-detail__related-news a { border: 1px solid var(--un-news-detail-border); border-radius: 8px; min-width: 0; overflow: hidden; padding-bottom: 16px; text-decoration: none; }
.un-news-detail__related-image-wrap { aspect-ratio: 16 / 9; display: block; margin-bottom: 14px; overflow: hidden; position: relative; }
.un-news-detail__related-image { display: block; height: 100% !important; left: 0; max-width: none !important; object-fit: cover; position: absolute; top: 0; width: 100% !important; }
.un-news-detail__related-meta { align-items: center; color: var(--un-news-detail-muted); display: flex; flex-wrap: wrap; font-size: 13px; gap: 10px; margin: 0 16px; }
.un-news-detail__related-meta span { color: #12c0e2; font-weight: 500; }
.un-news-detail__related-news h3 { font-size: 19px; font-weight: 500; line-height: 1.25; margin: 10px 16px 0; }
.un-news-detail__cta { align-items: center; background: var(--un-news-detail-ink); color: #fff; display: flex; gap: 32px; justify-content: space-between; margin-top: 64px; padding: 34px 38px; }
.un-news-detail__cta p { color: rgba(255, 255, 255, .72); line-height: 1.45; margin: 10px 0 0; max-width: 580px; }
.un-news-detail__button { background: var(--un-news-detail-accent); color: var(--un-news-detail-ink); flex: 0 0 auto; font-weight: 600; padding: 14px 20px; text-decoration: none; }
.un-news-detail__cta button { border: 0; cursor: pointer; font: inherit; }
@media (max-width: 800px) { .un-news-detail__head-bottom { grid-template-columns: 1fr; } .un-news-detail__products, .un-news-detail__related-news { grid-template-columns: repeat(2, minmax(0, 1fr)); } .un-news-detail__brands { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .un-news-detail { padding: 24px 0 56px; } .un-news-detail__head { margin-top: 0; } .un-news-detail h1 { font-size: 35px; } .un-news-detail__head-bottom { gap: 20px; margin-top: 18px; } .un-news-detail__lead { font-size: 18px; } .un-news-detail__passport { border-bottom: 2px solid var(--un-news-detail-accent); border-left: 0; padding: 0 0 13px; } .un-news-detail__passport dl { display: flex; gap: 20px; } .un-news-detail__passport dl > div { display: block; } .un-news-detail__passport dt { display: none; } .un-news-detail__passport-section { display: none !important; } .un-news-detail__hero { margin: 0 -15px 36px; } .un-news-detail__prose { font-size: 17px; line-height: 1.58; } .un-news-detail__prose h2 { font-size: 27px; } .un-news-detail__tags { margin: 34px 0 48px; } .un-news-detail__section { margin-top: 44px; padding-top: 24px; } .un-news-detail__section-head h2, .un-news-detail__cta h2 { font-size: 25px; } .un-news-detail__products, .un-news-detail__related-news, .un-news-detail__brands { grid-template-columns: 1fr; } .un-news-detail__product > img, .un-news-detail__product-placeholder { align-self: stretch; flex-basis: 42%; height: auto; min-height: 0; width: 42%; } .un-news-detail__product-body { padding: 15px; } .un-news-detail__product h3 { font-size: 20px !important; margin-bottom: 6px; } .un-news-detail__cta { align-items: flex-start; flex-direction: column; margin-top: 48px; padding: 27px 24px; } .un-news-detail__button { width: 100%; text-align: center; } }