/* Native articles reuse global shell/tokens; no copied header or product hero. */
.uci-native { padding-block: clamp(32px, 5vw, 64px); }
.uci-native .uci-native-reading { max-width: 900px; }
.uci-native-heading { margin-bottom: 24px; }
.uci-native h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.3; overflow-wrap: anywhere; }
.uci-native-date { color: var(--uci-muted); font-size: .875rem; }
.uci-native-body { font-size: 1.125rem; line-height: 1.85; overflow-wrap: anywhere; }
.uci-native-body h2 { font-size: 1.5em; margin-top: 1.7em; line-height: 1.4; }
.uci-native-body h3 { font-size: 1.2em; margin-top: 1.4em; line-height: 1.4; }
.uci-native-body a, .uci-native-summary a, .uci-native-pagination a { color: var(--uci-teal); text-decoration: underline; text-underline-offset: .2em; }
.uci-native-body :where(img, video) { max-width: 100%; height: auto; object-fit: contain; }
.uci-native-body :where(figure, iframe) { max-width: 100%; }
.uci-native-body figure { margin-inline: 0; }
.uci-native-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.uci-native-body :where(th, td) { border: 1px solid var(--uci-line); padding: .6em; text-align: start; }
.uci-native-body pre { max-width: 100%; overflow: auto; }
.uci-native-body input { max-width: 100%; }
.uci-native-summary { padding-block: 24px; border-bottom: 1px solid var(--uci-line); }
.uci-native-summary h2 { font-size: 1.4rem; line-height: 1.4; }
.uci-native-pagination, .uci-native .pagination { margin-block: 24px; }
.uci-native :where(a, button, input):focus-visible { outline: 3px solid var(--uci-teal); outline-offset: 4px; }