*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:var(--uatr-font-weight-regular) var(--uatr-font-size-md)/1.6 var(--uatr-font-family-base);background:var(--uatr-color-bg-page);color:var(--uatr-color-text-default)}
a{color:var(--uatr-color-primary-strong)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--uatr-color-primary-strong);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}
header.site{background:var(--uatr-color-primary-default);color:#fff}
header.site .in{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
header.site .brand{font-weight:700;font-size:var(--uatr-font-size-xl);color:#fff;text-decoration:none}
header.site nav{display:flex;gap:4px;flex-wrap:wrap}
header.site nav a{color:#fff;text-decoration:none;padding:6px 12px;border-radius:var(--uatr-radius-md);font-size:var(--uatr-font-size-sm)}
header.site nav a[aria-current=page]{background:rgba(255,255,255,.2);font-weight:700}
header.site nav a:hover{background:rgba(255,255,255,.12)}
header.site a:focus-visible{outline-color:#fff}
main{max-width:1100px;margin:0 auto;padding:24px 16px 64px}
h1{font-size:28px;margin:0 0 8px;color:var(--uatr-color-primary-strong)}h2{font-size:var(--uatr-font-size-2xl);margin:40px 0 12px;padding-top:8px;border-top:1px solid var(--uatr-color-border-default)}
h3{font-size:var(--uatr-font-size-lg);margin:24px 0 8px}p.lead{color:var(--uatr-color-text-secondary);max-width:70ch}
.toc{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.toc a{background:#fff;border:1px solid var(--uatr-color-border-default);border-radius:999px;padding:3px 12px;font-size:var(--uatr-font-size-sm);text-decoration:none}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}@media (max-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
.sw{background:#fff;border:1px solid var(--uatr-color-border-default);border-radius:var(--uatr-radius-md);overflow:hidden}
.sw .chip{height:56px;border-bottom:1px solid var(--uatr-color-border-default)}.sw .meta{padding:8px 10px;font-size:12px;line-height:1.5}
.sw code,code{font:12px ui-monospace,Menlo,Consolas,monospace;background:var(--uatr-color-bg-sunken);padding:1px 5px;border-radius:4px;word-break:break-all}
.sw .n{font-weight:700;font-size:13px}.aa{display:inline-block;font-size:11px;font-weight:700;padding:0 6px;border-radius:99px;margin-left:4px}.aa.ok{background:var(--uatr-color-success-bg);color:var(--uatr-color-success-text)}.aa.no{background:var(--uatr-color-danger-bg);color:var(--uatr-color-danger-text)}
table.t{border-collapse:collapse;width:100%;background:#fff;font-size:13px}table.t th,table.t td{border:1px solid var(--uatr-color-border-subtle);padding:6px 10px;text-align:left;vertical-align:top}table.t th{background:var(--uatr-color-primary-tint-2)}
.scroll{overflow-x:auto;max-width:100%}
.demo{background:#fff;border:1px solid var(--uatr-color-border-default);border-radius:var(--uatr-radius-lg);padding:16px;margin:8px 0 4px;display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}
.demo.col{flex-direction:column}.cap{font-size:12px;color:var(--uatr-color-text-muted);margin:2px 0 14px}
.tag{display:inline-block;font-size:11px;font-weight:700;border-radius:99px;padding:0 8px;margin-left:6px;vertical-align:middle}.tag.obs{background:var(--uatr-color-primary-tint-1);color:var(--uatr-color-primary-strong)}.tag.prop{background:var(--uatr-color-warning-bg);color:var(--uatr-color-warning-text);border:1px solid var(--uatr-color-warning-border)}
.bar{height:14px;background:var(--uatr-color-primary-default);border-radius:2px}.box{width:72px;height:72px;background:#fff;border:1px solid var(--uatr-color-border-default);display:grid;place-items:center;font-size:12px}
.audit table{border-collapse:collapse;width:100%;background:#fff;font-size:13px;margin:8px 0 16px;display:block;overflow-x:auto}.audit th,.audit td{border:1px solid var(--uatr-color-border-subtle);padding:6px 10px;text-align:left;vertical-align:top}.audit th{background:var(--uatr-color-primary-tint-2)}
.audit h2{font-size:var(--uatr-font-size-xl)}.audit li{margin:4px 0}
footer.site{max-width:1100px;margin:0 auto;padding:16px;color:var(--uatr-color-text-muted);font-size:12px;border-top:1px solid var(--uatr-color-border-default)}
.ph{border:2px dashed var(--uatr-color-border-strong);border-radius:var(--uatr-radius-lg);padding:24px;background:#fff}
@media (max-width:700px){main{padding:16px 16px 48px}h1{font-size:22px}header.site .in{gap:8px}}