/* Nexus Translate: the site's translate page (/translate/ and [nexus_translate_site]). Estate tokens with fallbacks,
   logical properties (right-to-left mirrors), 5px corners, no gradient, no outside asset. */
.nxtr-site-main { box-sizing: border-box; max-inline-size: var(--nx-container, 72rem); margin-inline: auto; padding-block: var(--nx-s6, 3rem); padding-inline: var(--nx-s4, 1rem); }
.nxtr-site { font-family: var(--nx-font-sans, inherit); color: var(--nx-text-primary, CanvasText); }
.nxtr-site h1, .nxtr-site h2 { color: var(--nx-text-primary, CanvasText); line-height: 1.2; }
.nxtr-site h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 0 0 .5rem; }
.nxtr-site h2 { font-size: 1.25rem; margin: 2.5rem 0 1rem; }
.nxtr-site-eyebrow { margin: 0 0 .5rem; font-family: var(--nx-font-mono, monospace); font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: var(--nx-text-muted, color-mix(in srgb, CanvasText 65%, Canvas)); }
.nxtr-site-lead { max-inline-size: 44rem; margin: 0 0 1.25rem; font-size: 1.05rem; color: var(--nx-text-secondary, color-mix(in srgb, CanvasText 80%, Canvas)); }
.nxtr-site-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0; }
.nxtr-btn, .nxtr-site a.nxtr-btn:visited { display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: 1rem; border: 1px solid var(--nx-border-hairline-strong, currentColor); border-radius: var(--nx-r, 5px); background: var(--nx-bg-surface, transparent); color: var(--nx-text-primary, CanvasText); text-decoration: none; font-weight: 500; }
.nxtr-btn-primary, .nxtr-site a.nxtr-btn-primary:visited { background: var(--nx-accent, CanvasText); border-color: var(--nx-accent, CanvasText); color: var(--nx-accent-ink, Canvas); }
.nxtr-btn:hover { border-color: var(--nx-accent, currentColor); }
.nxtr-btn:focus-visible, .nxtr-site a:focus-visible { outline: 2px solid var(--nx-focus, var(--nx-accent, currentColor)); outline-offset: 2px; }
.nxtr-site-note { color: var(--nx-text-muted, color-mix(in srgb, CanvasText 65%, Canvas)); font-size: .9rem; }
.nxtr-site-member { margin-block-start: 1.5rem; padding: 1rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); background: var(--nx-bg-elevated, transparent); }
.nxtr-site-member p { margin: 0 0 .4rem; }
.nxtr-site-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: .6rem; }
.nxtr-site-lang { display: grid; grid-template-columns: 1fr auto; gap: .35rem .5rem; align-items: center; padding: .75rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); background: var(--nx-bg-surface, transparent); }
.nxtr-site-lang-link { color: var(--nx-text-primary, CanvasText); font-weight: 600; text-decoration: none; }
.nxtr-site-lang-link:hover { text-decoration: underline; text-decoration-color: var(--nx-accent, currentColor); text-underline-offset: 4px; }
.nxtr-site-code { font-family: var(--nx-font-mono, monospace); font-size: .75rem; color: var(--nx-text-muted, color-mix(in srgb, CanvasText 65%, Canvas)); }
.nxtr-site-bar { grid-column: 1 / -1; display: block; inline-size: 100%; block-size: 6px; border: 0; border-radius: var(--nx-r-chip, 4px); background: var(--nx-bg-muted, color-mix(in srgb, CanvasText 12%, Canvas)); overflow: hidden; appearance: none; accent-color: var(--nx-accent, CanvasText); }
.nxtr-site-bar::-webkit-progress-bar { background: var(--nx-bg-muted, color-mix(in srgb, CanvasText 12%, Canvas)); }
.nxtr-site-bar::-webkit-progress-value { background: var(--nx-accent, CanvasText); }
.nxtr-site-bar::-moz-progress-bar { background: var(--nx-accent, CanvasText); }
.nxtr-site-pct { grid-column: 1 / -1; font-family: var(--nx-font-mono, monospace); font-size: .75rem; color: var(--nx-text-muted, color-mix(in srgb, CanvasText 65%, Canvas)); }
.nxtr-site-how ol { margin: 0; padding-inline-start: 1.25rem; max-inline-size: 44rem; }
.nxtr-site-how li { margin-block-end: .5rem; }
/* 0.6.0 landing standard: hero with the pulse, language cards, steps, roles */
.nxtr-hero { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: start; padding-block-end: 1rem; }
.nxtr-pulse { padding: 1rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); background: var(--nx-bg-elevated, transparent); }
.nxtr-pulse-figure { margin: 0 0 .5rem; font-family: var(--nx-font-mono, monospace); font-size: 2.25rem; line-height: 1; font-variant-numeric: tabular-nums; }
.nxtr-pulse-note { margin: .5rem 0 0; font-size: .9rem; color: var(--nx-text-secondary, color-mix(in srgb, CanvasText 80%, Canvas)); }
.nxtr-lang-head { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; grid-column: 1 / -1; }
.nxtr-lang-name { font-size: 1.1rem; font-weight: 600; }
.nxtr-lang-go { grid-column: 1 / -1; justify-content: center; }
.nxtr-site-lang { grid-template-columns: 1fr; }
.nxtr-steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); max-inline-size: none; }
.nxtr-steps li { counter-increment: s; display: grid; gap: .25rem; padding: .85rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); margin: 0; }
.nxtr-steps li::before { content: counter(s); font-family: var(--nx-font-mono, monospace); color: var(--nx-text-muted, color-mix(in srgb, CanvasText 65%, Canvas)); }
.nxtr-roles { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); margin: 0 0 1rem; }
.nxtr-roles div { padding: .85rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); }
.nxtr-roles dt { font-weight: 600; margin: 0 0 .25rem; }
.nxtr-roles dd { margin: 0; }
.nxtr-site-member h2 { margin-block-start: 0; }
@media (max-width: 800px) { .nxtr-hero { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .nxtr-site-main { padding-inline: 16px; } }
/* The workspace (/translate/?lang=): the front door on each site. Corners 5 px at most, never pills. */
.nxtr-work { margin-block: 1.5rem; }
.nxtr-work-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .75rem; }
.nxtr-work-filter [aria-current="page"] { border-color: var(--nx-accent, currentColor); font-weight: 600; }
.nxtr-work-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.nxtr-unit { padding: .85rem; border: 1px solid var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r, 5px); background: var(--nx-bg-surface, transparent); }
.nxtr-unit-source { margin: 0 0 .25rem; font-size: 1rem; }
.nxtr-unit-current { margin: .25rem 0; padding-inline-start: .6rem; border-inline-start: 2px solid var(--nx-border-hairline-strong, currentColor); }
.nxtr-unit-sugg { margin-block: .5rem; padding: .5rem; border: 1px dashed var(--nx-border-hairline, color-mix(in srgb, CanvasText 25%, Canvas)); border-radius: var(--nx-r-chip, 4px); }
.nxtr-unit-form textarea { display: block; inline-size: 100%; margin-block: .25rem; padding: .5rem; font: inherit; border: 1px solid var(--nx-border-hairline-strong, currentColor); border-radius: var(--nx-r-chip, 4px); background: var(--nx-bg-surface, Canvas); color: inherit; }
.nxtr-unit-form textarea:focus-visible { outline: 2px solid var(--nx-focus, var(--nx-accent, currentColor)); outline-offset: 2px; }