/* RFX semantic authoring hooks survive the native family renderer. */
.rfx-version-bar{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin:-10px 0 24px;padding:12px 15px;border:1px solid #cadbe4;border-radius:4px;background:#edf4f7;font-size:12px;color:#344f60}
.rfx-version-bar strong{font-weight:650}.rfx-version-bar code{font-size:11px}.rfx-version-links{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.rfx-version-bar a[aria-current]{font-weight:650;text-decoration:underline;text-underline-offset:3px}
.article [data-rfx=hero]{padding:22px 0 30px;border-bottom:1px solid #dce5eb;margin-bottom:30px}.article [data-rfx=hero] h2{font-size:34px;line-height:1.2;margin:12px 0 20px;letter-spacing:-1px}.article [data-rfx=hero]>p{font-size:18px;color:#496473;max-width:68ch}
.article [data-rfx=eyebrow]{color:#0079a8;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:650}
.article [data-rfx=cards]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0;align-items:stretch}
.article [data-rfx=card]{min-width:0;padding:22px;border:1px solid #dce5eb;border-radius:5px;background:#fff}.article [data-rfx=card] h2,.article [data-rfx=card] h3{margin:.5em 0;font-size:21px}.article [data-rfx=card] p{font-size:14px;line-height:1.8}.article [data-rfx=card] figure{margin:0 0 16px}
.article [data-rfx=media]{margin:24px 0}.article [data-rfx=media] img,.article [data-rfx=media] video,.article [data-rfx=card] img,.article [data-rfx=card] video{width:100%;height:auto;object-fit:contain;border-radius:4px;background:#f2f6f8}
.article video{display:block;max-width:100%;height:auto;object-fit:contain}.article [data-rfx=media] figcaption{font-size:13px;line-height:1.7;margin-top:10px}.article [data-rfx=note]{border-left:3px solid #8db3c5;padding:2px 0 2px 18px;margin:25px 0;font-size:14px;color:#496473}
.article [data-rfx=actions]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0}.article [data-rfx=actions] a{padding:9px 14px;border:1px solid #b9d2df;border-radius:3px;font-size:13px;text-decoration:none;background:#edf4f7}
@media(max-width:700px){.article [data-rfx=cards]{grid-template-columns:1fr;gap:18px}.article [data-rfx=card]{padding:18px}.article [data-rfx=hero] h2{font-size:29px}.article [data-rfx=hero]>p{font-size:16px}.rfx-version-links{width:100%;margin-left:0}}
.article [data-rfx-filter=examples]{display:block;width:100%;max-width:36rem;min-height:44px;margin:8px 0;padding:10px 13px;border:1px solid #9ebac8;border-radius:4px;background:#fff;color:#172733;font:inherit}.article [data-rfx-filter=examples]:focus-visible{outline:3px solid #0087bb;outline-offset:3px}.article [data-rfx-filter-count]{font-size:13px;color:#496473}
/* Showcase hooks: metric tiles, the home proof strip, file chips, the evidence block and muted loops. */
.article [data-rfx=actions] code{padding:9px 14px;border:1px solid #cadbe4;border-radius:3px;background:#fff;color:#172733;font-size:13px}
.article [data-rfx=tiles],.article [data-rfx=proof]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0;align-items:stretch}
.article [data-rfx=tiles]>div,.article [data-rfx=proof]>div{min-width:0;padding:16px 18px;border:1px solid #dce5eb;border-radius:5px;background:#fff}
.article [data-rfx=proof]>div{display:flex;flex-direction:column;gap:8px;background:#f7fafb}
.article [data-rfx=tiles] strong,.article [data-rfx=proof] strong{display:block;color:#0079a8;font-size:28px;line-height:1.15;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.article [data-rfx=tiles] span{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:#496473}
.article [data-rfx=proof] p{margin:0;font-size:13px;line-height:1.7;color:#344f60}.article [data-rfx=proof] a{margin-top:auto;font-size:13px}
.article [data-rfx=card] small{color:#0079a8;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.article [data-rfx=downloads]{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 26px;padding:0;list-style:none}.article [data-rfx=downloads] li{margin:0}
.article [data-rfx=downloads] a{display:inline-block;padding:6px 11px;border:1px solid #b9d2df;border-radius:999px;background:#edf4f7;color:#172733;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-decoration:none;overflow-wrap:anywhere}
.article [data-rfx=downloads] a:hover,.article [data-rfx=downloads] a:focus-visible{border-color:#0079a8}
.article details[data-rfx=evidence]{margin:26px 0;border:1px solid #dce5eb;border-radius:5px;background:#f7fafb}
.article details[data-rfx=evidence]>summary{cursor:pointer;padding:12px 16px;color:#344f60;font-size:13px;font-weight:650}
.article details[data-rfx=evidence]>:not(summary){margin:0 16px 14px;font-size:13px;line-height:1.7;color:#496473}.article details[data-rfx=evidence] li{margin:4px 0;overflow-wrap:anywhere}
.article [data-rfx=media]{position:relative}.article video[data-rfx=loop]{width:100%;height:auto;object-fit:contain;border-radius:4px;background:#f2f6f8}
.article .rfx-loop-toggle{position:absolute;top:10px;right:10px;min-height:32px;padding:5px 12px;border:1px solid #9ebac8;border-radius:3px;background:rgba(255,255,255,.92);color:#172733;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.article .rfx-loop-toggle:focus-visible{outline:3px solid #0087bb;outline-offset:2px}
@media(max-width:700px){.article [data-rfx=tiles],.article [data-rfx=proof]{grid-template-columns:1fr;gap:12px}.article [data-rfx=tiles] strong,.article [data-rfx=proof] strong{font-size:24px}.article [data-rfx=actions] code{width:100%;overflow-x:auto}}