:root{--backgroundColor:#f7f7f7;--codeBackgroundColor:transparent;--primaryColor:#191a1b;--textColorSecondary:rgba(0,0,0,.45)}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:15px;-ms-overflow-style:-ms-autohiding-scrollbar}body{background-color:var(--backgroundColor);color:#24292f;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.root{padding:1rem 1.5rem 2rem}.react-intl-universal-example{width:100%;max-width:1220px;margin:0 auto;color:#24292f;font-size:15px;line-height:1.6;padding-top:30px}.react-intl-universal-example .example-header{position:fixed;top:0;right:0;left:0;z-index:10;border-bottom:1px solid #30363d;background:#0d1117;box-shadow:0 8px 22px rgba(13,17,23,.18)}.react-intl-universal-example .example-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1220px;margin:0 auto;padding:12px 1.5rem}.react-intl-universal-example .locale-selector{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;border:0}.react-intl-universal-example .locale-option{display:inline-flex;align-items:center;gap:5px;color:#c9d1d9;cursor:pointer}.react-intl-universal-example .locale-option input{margin:0;accent-color:#58a6ff}.react-intl-universal-example .header-links{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.react-intl-universal-example .package-badge{display:inline-flex;align-items:center;height:20px;border-radius:4px;background:#f6f8fa}.react-intl-universal-example .package-badge img{display:block;height:20px}.react-intl-universal-example .package-link{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-right:0;color:#f0f6fc;font-weight:600;text-decoration:none}.react-intl-universal-example .package-link:hover{color:#79c0ff;text-decoration:underline}.react-intl-universal-example .github-logo{width:16px;height:16px}.react-intl-universal-example .example-layout{display:grid;grid-template-columns:minmax(0,1000px) 180px;grid-gap:28px;gap:28px;align-items:start}.react-intl-universal-example .example-main{min-width:0;max-width:1000px}.react-intl-universal-example .example-section{scroll-margin-top:72px}.react-intl-universal-example .example-section+.example-section{margin-top:28px;padding-top:8px;border-top:1px solid #d8dee4}.react-intl-universal-example .section-title{margin:20px 0 14px;color:#24292f;font-size:26px;font-weight:750;line-height:1.25}.react-intl-universal-example .example-toc{position:sticky;top:72px;padding:4px 0 4px 14px;border-left:1px solid #d8dee4}.react-intl-universal-example .example-toc-title{margin-bottom:6px;color:#57606a;font-size:13px;font-weight:700}.react-intl-universal-example .example-toc-link{display:block;padding:6px 0;color:#57606a;font-size:14px;line-height:1.35;text-decoration:none}.react-intl-universal-example .example-toc-link:hover{color:#0969da;text-decoration:underline}.react-intl-universal-example .title{margin:18px 0 8px;color:#24292f;font-size:22px;font-weight:700}.react-intl-universal-example .section-note{margin:0 0 10px;padding:8px 10px;border-radius:6px;font-size:15px}.react-intl-universal-example .section-note-warning{border:1px solid #f0d98c;background:#fff8c5;color:#5f4b00}.react-intl-universal-example .section-note-success{border:1px solid #8fd19e;background:#dafbe1;color:#1a7f37}.react-intl-universal-example .example-comparison{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr);margin:10px 0 14px;overflow:hidden;border:1px solid #d8dee4;border-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(31,35,40,.04)}.react-intl-universal-example .example-panel{min-width:0;padding:12px 14px;background:#fff}.react-intl-universal-example .example-panel+.example-panel{border-left:1px solid #d8dee4}.react-intl-universal-example .example-label{margin-bottom:4px;color:#57606a;font-size:14px;font-weight:700;letter-spacing:0}.react-intl-universal-example .example-code{margin:0;overflow-x:auto;background:transparent!important;color:#24292f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.react-intl-universal-example .example-code *,.react-intl-universal-example .example-code pre,.react-intl-universal-example .example-code textarea,.react-intl-universal-example .example-code>div{background:transparent!important}.react-intl-universal-example .example-code textarea{outline:none}.react-intl-universal-example .example-output{color:#24292f;font-size:16px}.react-intl-universal-example .skill-comparison{grid-template-columns:minmax(0,.95fr) minmax(260px,1.05fr)}.react-intl-universal-example .skill-agent-example{grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr)}.react-intl-universal-example .skill-workflow-image-link{display:block;margin:12px 0 16px;color:inherit;text-decoration:none}.react-intl-universal-example .skill-workflow-image{display:block;width:100%;height:auto;border:1px solid #d8dee4;border-radius:8px;box-shadow:0 8px 22px rgba(31,35,40,.08)}.react-intl-universal-example .skill-benefits{margin:0 0 16px;padding:12px 14px;border:1px solid #d8dee4;border-radius:6px;background:#fff}.react-intl-universal-example .skill-benefits ul{margin:6px 0 0;padding-left:20px}.react-intl-universal-example .skill-benefits li{margin:4px 0;color:#24292f;font-size:15px;line-height:1.55}.react-intl-universal-example .skill-prompt{margin:0;color:#24292f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.55;white-space:pre-wrap}.react-intl-universal-example .skill-helper{margin:8px 0 0;color:#57606a;font-size:14px;line-height:1.45}.react-intl-universal-example .extract-comparison{grid-template-columns:minmax(0,1fr) minmax(260px,1fr)}.react-intl-universal-example .extract-code{margin:0;overflow-x:auto;color:#24292f;font-size:14px;line-height:1.55;word-break:break-word}.react-intl-universal-example .example-error,.react-intl-universal-example .extract-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap}.react-intl-universal-example .example-error{margin-top:8px;color:#b42318;font-size:13px;line-height:1.5}.react-intl-universal-example .status-badge{display:inline-flex;align-items:center;margin:0 3px;padding:1px 7px;border-radius:4px;font-size:.92em;font-weight:700}.react-intl-universal-example .status-badge-red{border:1px solid #ff8182;color:#cf222e}.react-intl-universal-example .status-badge-green{border:1px solid #6bc46d;color:#1a7f37}@media(max-width:1180px){.react-intl-universal-example,.react-intl-universal-example .example-header-inner{max-width:1000px}.react-intl-universal-example .example-layout{grid-template-columns:1fr;gap:14px}.react-intl-universal-example .example-toc{position:static;display:flex;flex-wrap:wrap;gap:6px 14px;order:-1;padding:0 0 10px;border-bottom:1px solid #d8dee4;border-left:0}.react-intl-universal-example .example-toc-title{width:100%;margin-bottom:0}.react-intl-universal-example .example-toc-link{padding:0}}@media(max-width:720px){.react-intl-universal-example{padding-top:88px}.react-intl-universal-example .example-header-inner{align-items:flex-start;flex-direction:column;gap:8px}.react-intl-universal-example .example-comparison{grid-template-columns:1fr}.react-intl-universal-example .example-panel+.example-panel{border-top:1px solid #d8dee4;border-left:0}}