/* v0.10.1 API-connected product surfaces */
.live101{background:#e4f3ea}.sim101{background:#f6ead0}.error101{background:#fbefef;border-color:#efd5d5}
.live-grid101{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.live-grid101 .card{display:flex;flex-direction:column;gap:5px}.live-grid101 strong{font-size:28px}.live-grid101 span{font-size:12px;color:var(--muted)}
.environment-grid101{display:grid;grid-template-columns:1fr;gap:10px}.env101{min-height:88px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer}.env101 b{font-size:18px}.env101 span{color:var(--muted);line-height:1.4}.env101:nth-child(1){background:linear-gradient(145deg,#fff,#e7efe2)}.env101:nth-child(2){background:linear-gradient(145deg,#fff,#dfe9ef)}.env101:nth-child(3){background:linear-gradient(145deg,#fff,#f4e4c8)}.env101:nth-child(4){background:linear-gradient(145deg,#fff,#e8e8e8)}.env101:nth-child(5){background:linear-gradient(145deg,#fff,#eee1ef)}.env101:nth-child(6){background:linear-gradient(145deg,#fff,#e1edf0)}
.state101{padding:12px 0;border-bottom:1px solid var(--line)}.state101>b,.state101>span{display:block}.state101>span{font-size:12px;color:var(--muted);margin:3px 0 7px}.state101 pre{white-space:pre-wrap;word-break:break-word;background:var(--soft);border-radius:10px;padding:10px;margin:0;font-size:11px;max-height:180px;overflow:auto}
.env-group101{background:rgba(255,255,255,.075)}
@media(max-width:1150px){.live-grid101{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.live-grid101,.environment-grid101{grid-template-columns:1fr}}

/* i18n (#186): Japanese and Chinese use system CJK fonts (no web-font download), CJK line breaking,
   and tighter letter-spacing on small capital labels, which CJK scripts do not have. */
html:lang(ja){--ui-font:Inter,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic",Meiryo,"Noto Sans JP",system-ui,sans-serif}
html:lang(zh){--ui-font:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif}
html:lang(ja) body,html:lang(zh) body{line-break:strict;word-break:normal;overflow-wrap:anywhere}
html:lang(ja) .eyebrow,html:lang(zh) .eyebrow,html:lang(ja) .experience span,html:lang(zh) .experience span,html:lang(ja) .nav-group b,html:lang(zh) .nav-group b,html:lang(ja) .tag,html:lang(zh) .tag{letter-spacing:.04em}
/* Beta language notice (issue #186): shown while a translation awaits native review. */
.beta-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:10px 14px;border:1px solid #e8d9a6;border-radius:14px;background:#fff8e3;color:var(--ink);font-size:13px;line-height:1.45}
.beta-notice[hidden]{display:none}
.beta-notice>span:not(.beta-tag){flex:1 1 220px;min-width:0}
.beta-notice .beta-tag{flex:none;padding:2px 8px;border-radius:999px;background:#d89924;color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.beta-notice button{flex:none;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid #d8c27e;background:#fff;color:var(--ink);font-size:12px;cursor:pointer}
.beta-notice .beta-hide{min-width:32px;padding:0;font-size:16px;line-height:1}
.login-card .beta-notice{margin:16px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top-language{display:inline-flex;align-items:center}.top-language:empty{display:none}
.language-picker.compact{display:inline-flex;align-items:center;margin:0;gap:0}
.top-language .language-picker.compact select{max-width:11rem;padding:8px 30px 8px 14px!important;border:1px solid var(--line);border-radius:999px!important;background-color:#fff;color:var(--ink);font-size:13px;cursor:pointer}