/* TOPTION experience components only. These tokens never recolor the original theme. */
body.tcx-site-lab,body.tcx-site-equip { --tcx-accent:#007f29; --tcx-mark:#00a335; --tcx-ink:#193c2a; --tcx-muted:#526e5d; --tcx-line:#cee1d5; --tcx-surface:#f4faf6; --tcx-glow:#e1f1e6; }
body.tcx-site-global { --tcx-accent:#007b08; --tcx-mark:#008c09; --tcx-ink:#263c2b; --tcx-muted:#607063; --tcx-line:#d0e2d0; --tcx-surface:#f6faf4; --tcx-glow:#e4f2df; }
body.tcx-site-china { --tcx-accent:#0876bc; --tcx-mark:#0876bc; --tcx-ink:#203c5b; --tcx-muted:#576b80; --tcx-line:#dce7f1; --tcx-surface:#f6faff; --tcx-glow:#e8f1fc; }
/* Server-rendered recovery pages keep their real HTTP status and existing site header/footer. */
.tcx-state{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);align-items:center;gap:48px;width:min(1180px,100%);min-height:540px;margin-inline:auto;padding:58px 24px 72px;color:var(--tcx-ink,#193c2a);text-align:start}
.tcx-state *{box-sizing:border-box}
.tcx-state__copy{min-width:0}
.tcx-state__eyebrow{margin:0 0 16px;color:var(--tcx-accent,#007c2b);font-size:13px;font-weight:700;letter-spacing:.08em}
.tcx-state h1{margin:0 0 20px;color:var(--tcx-ink,#193c2a);font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
.tcx-state__body{max-width:560px;margin:0 0 22px;color:var(--tcx-muted,#526e5d);font-size:17px;line-height:1.7}
.tcx-state__actions{display:flex;flex-wrap:wrap;gap:11px;margin-block:24px}
.tcx-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;border:1px solid var(--tcx-accent,#007c2b);border-radius:7px;background:var(--tcx-accent,#007c2b);color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .12s ease}
.tcx-button:hover{background:var(--tcx-ink,#193c2a);color:#fff;text-decoration:none}
.tcx-button--secondary,.tcx-button--outline{background:#fff;color:var(--tcx-accent,#007c2b)}
.tcx-button--secondary:hover,.tcx-button--outline:hover{background:var(--tcx-surface,#f4faf6);color:var(--tcx-ink,#193c2a)}
.tcx-state__visual{position:relative;min-width:0;padding-block-start:25px;isolation:isolate}
.tcx-state__number{position:absolute;inset-block-start:-25px;inset-inline:0;z-index:-1;color:var(--tcx-glow,#e1f1e6);font-size:clamp(120px,14vw,200px);font-weight:700;line-height:1;text-align:center;user-select:none}
.tcx-illustration{display:block;position:relative;width:100%;max-width:100%;height:auto}
.tcx-search-form{max-width:560px;margin-block:25px 0}
.tcx-search-form>label{display:block;margin-block-end:8px;color:var(--tcx-ink,#193c2a);font-size:14px;font-weight:600}
.tcx-search-form__fields{display:flex;gap:8px}
.tcx-search-form input[type=search]{box-sizing:border-box;flex:1;min-width:0;width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--tcx-line,#cee1d5);border-radius:7px;background:#fff;color:var(--tcx-ink,#193c2a);font:inherit;font-size:15px}
.tcx-search-form .tcx-button{flex:none;min-width:88px;min-height:48px}
.tcx-search-empty{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr)}
.tcx-search-query{overflow-wrap:anywhere}
.tcx-search-pending{margin:9px 0 0;color:var(--tcx-muted,#526e5d);font-size:13px;line-height:1.5}
.tcx-local-loader{display:inline-block;flex:0 0 22px;width:22px;height:22px;color:inherit;background:currentColor;-webkit-mask:url('./loader-pipeline.svg') center/contain no-repeat;mask:url('./loader-pipeline.svg') center/contain no-repeat;vertical-align:middle;animation:none}
[aria-busy=true]>.tcx-local-loader,.tcx-inquiry-feedback[data-state=pending] .tcx-local-loader,.tcx-media-shell[aria-busy=true] .tcx-local-loader,.tcx-search-form[aria-busy=true] .tcx-local-loader{animation:tcx-working 1.25s linear infinite}
@keyframes tcx-working{to{transform:rotate(360deg)}}
.tcx-media-shell{position:relative;display:block;max-width:100%;vertical-align:middle;overflow:hidden;border:1px solid var(--tcx-line,#cee1d5);background:var(--tcx-surface,#f4faf6)}
.tcx-media-shell>.tcx-media-original{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.tcx-media-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;color:var(--tcx-muted,#526e5d);font-size:14px;line-height:1.5;text-align:center}
.tcx-media-placeholder .tcx-illustration{width:min(58%,180px);max-height:46%;object-fit:contain}
.tcx-media-placeholder__title{font-weight:600}
.tcx-media-placeholder__help{max-width:330px;font-size:12px}
.tcx-media-retry{min-height:44px;padding:8px 16px;font-size:13px;background:#fff;color:var(--tcx-accent,#007c2b)}
.tcx-media-shell--compact .tcx-media-placeholder{gap:4px;padding:8px}
.tcx-media-shell--compact .tcx-illustration,.tcx-media-shell--compact .tcx-media-placeholder__help{display:none}
.tcx-media-shell--compact .tcx-media-placeholder__title{font-size:12px}
.tcx-inquiry-feedback{display:flex;align-items:flex-start;gap:13px;margin-block:20px 0;padding:17px;border:1px solid var(--tcx-line,#cee1d5);border-inline-start:3px solid var(--tcx-accent,#007c2b);border-radius:8px;background:var(--tcx-surface,#f4faf6);color:var(--tcx-ink,#193c2a);text-align:start;overflow-wrap:anywhere}
.tcx-inquiry-feedback__mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--tcx-line,#cee1d5);border-radius:50%;background:#fff;color:var(--tcx-accent,#007c2b);font-size:21px;line-height:1}
.tcx-inquiry-feedback__copy{flex:1;min-width:0}
.tcx-inquiry-feedback__copy>strong{display:block;font-size:17px;line-height:1.5;color:inherit}
.tcx-inquiry-feedback__copy>p{margin:4px 0 0;font-size:15px;line-height:1.65;color:inherit}
.tcx-inquiry-feedback__contact{display:inline-flex;align-items:center;min-height:44px;margin-block-start:5px;color:var(--tcx-accent,#007c2b);text-underline-offset:3px}
.tcx-inquiry-feedback[data-state=validation],.tcx-inquiry-feedback[data-state=unknown]{border-color:#e2d2b5;border-inline-start-color:#946414;background:#fffaf1;color:#624a21}
.tcx-inquiry-feedback[data-state=validation] .tcx-inquiry-feedback__mark,.tcx-inquiry-feedback[data-state=unknown] .tcx-inquiry-feedback__mark{border-color:#e2d2b5;color:#805612}
.tcx-inquiry-feedback[hidden],.tcx-inquiry-feedback [hidden],.tcx-media-shell [hidden],.tcx-table-hint[hidden],.tcx-state [hidden]{display:none!important}

/* Basic interactions are applied only to controls explicitly matched by the profile. */
.tcx-control{transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .12s ease}
.tcx-control:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 0 0 2px color-mix(in srgb,var(--tcx-accent,#007c2b) 20%,transparent)}
.tcx-control:active:not(:disabled):not([aria-disabled=true]),.tcx-button:active:not(:disabled){transform:translateY(1px)}
.tcx-control:focus-visible,.tcx-button:focus-visible,.tcx-search-form input:focus-visible,.tcx-table-scroll:focus-visible,.tcx-inquiry-feedback__contact:focus-visible{outline:3px solid var(--tcx-accent,#007c2b);outline-offset:3px}
.tcx-control:disabled,.tcx-control[aria-disabled=true],.tcx-button:disabled,.tcx-button[aria-disabled=true]{opacity:.62;cursor:default;box-shadow:none}
.tcx-anchor-target{scroll-margin-block-start:var(--tcx-anchor-clearance,110px)}
.tcx-toc-link.tcx-toc-current{color:var(--tcx-accent,#007c2b);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.tcx-table-frame{max-width:100%;min-width:0;margin-block:16px}
.tcx-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.tcx-table-scroll>table{margin-block:0}
.tcx-table-hint{margin:0 0 7px;color:var(--tcx-muted,#526e5d);font-size:12px;line-height:1.5;text-align:end}
.tcx-document-meta{display:inline-block;margin-inline-start:8px;color:var(--tcx-muted,#526e5d);font-size:12px;line-height:1.5;vertical-align:baseline;white-space:normal}
.tcx-document-link{text-underline-offset:3px}
.tcx-copy-feedback{display:inline-block;max-width:280px;margin-inline-start:8px;color:var(--tcx-muted,#526e5d);font-size:12px;line-height:1.5;vertical-align:middle}
.tcx-copy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-block:12px 20px}
.tcx-copy-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid var(--tcx-line,#cee1d5);border-radius:6px;background:var(--tcx-surface,#f4faf6);color:var(--tcx-accent,#007c2b);font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.tcx-copy-actions .tcx-copy-feedback{margin-inline-start:0}
.tcx-back-top:focus-visible{outline:3px solid var(--tcx-accent,#007c2b);outline-offset:3px}
.tcx-chat-anchor.tcx-chat-clearance{bottom:calc(var(--tcx-bottom-clearance,0px) + 14px + env(safe-area-inset-bottom,0px))}
@media(max-width:700px){
 .tcx-state,.tcx-search-empty{grid-template-columns:1fr;gap:22px;min-height:0;padding:30px 20px 44px}
 .tcx-state__copy{order:1}.tcx-state__visual{width:100%;max-width:330px;justify-self:center;padding-block-start:22px}
 .tcx-state__number{inset-block-start:0;font-size:110px}.tcx-state h1{font-size:34px}.tcx-state__body{font-size:16px}
 .tcx-state__actions{gap:9px}.tcx-state__actions .tcx-button{flex:1 1 140px;padding-inline:13px}
 .tcx-search-form__fields{gap:7px}.tcx-search-form .tcx-button{min-width:76px;padding-inline:12px}
 .tcx-inquiry-feedback{gap:10px;padding:14px}.tcx-inquiry-feedback__copy>strong{font-size:16px}
}
@media(max-width:960px){body.tcx-keyboard-open .tcx-chat-anchor,body.tcx-keyboard-open .tcx-bottom-bar{visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.tcx-control,.tcx-button{transition:none}.tcx-control:active,.tcx-button:active{transform:none}.tcx-local-loader{animation:none!important}}
@media print{.tcx-copy-feedback,.tcx-chat-anchor,.tcx-bottom-bar,.tcx-back-top{display:none!important}.tcx-table-scroll{overflow:visible}}

