.cf-observability{font:18px/1.7 system-ui,sans-serif;color:#172b37;background:#fff;max-width:920px;margin:auto;padding:24px;overflow-wrap:anywhere;box-sizing:border-box}
.cf-observability *{box-sizing:border-box}.cf-observability h1{font-size:clamp(27px,4vw,42px);line-height:1.25}.cf-observability h2{font-size:26px;line-height:1.35;margin-top:2em}.cf-observability h3{font-size:21px;line-height:1.4}
.cf-observability a{color:#1552a4;text-decoration:underline}.cf-observability .citations{font-size:14px;display:block;margin-top:6px}.cf-observability .conflict{border:2px solid #aa5c14;background:#fff8eb;padding:18px;border-radius:8px}.cf-observability .example{border:1px solid #b4c4cc;border-radius:8px;padding:18px;margin:20px 0}
.cf-observability .table-wrap{overflow-x:auto;max-width:100%}.cf-observability table{border-collapse:collapse;width:100%;font-size:15px}.cf-observability th,.cf-observability td{border:1px solid #b4c4cc;padding:9px;text-align:left}.cf-observability caption{text-align:left;margin:8px 0}.cf-observability code{white-space:normal}.cf-observability dt{font-weight:700;margin-top:14px}.cf-observability dd{margin-left:0}
.cf-observability textarea{display:block;width:100%;height:180px;font:14px/1.5 monospace;background:#f4f7fa;color:#172b37;padding:12px;border:1px solid #6b8290}.cf-observability .download{display:inline-block;padding:12px 0}.cf-observability small{font-size:14px}.cf-observability li{margin:8px 0}.cf-observability .review{font-size:15px;color:#415a68}
@media(max-width:430px){.cf-observability{padding:16px;font-size:17px}.cf-observability h2{font-size:23px}.cf-observability .example,.cf-observability .conflict{padding:13px}.cf-observability table,.cf-observability tbody,.cf-observability caption{display:block;width:100%}.cf-observability thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cf-observability tbody tr{display:block;border:1px solid #b4c4cc;margin:12px 0;padding:8px}.cf-observability td{display:grid;grid-template-columns:minmax(0,1fr) minmax(75px,30%);gap:8px;padding:8px 0;border:0;border-bottom:1px solid #dde5ea}.cf-observability td::before{content:attr(data-label);font-weight:600}.cf-observability td:last-child{border-bottom:0}}