:root {
  --rlx-bg:#eef6f8; --rlx-surface:#fff; --rlx-surface-alt:#f4f9fa; --rlx-surface-strong:#e3f0f3;
  --rlx-text:#123141; --rlx-muted:#617986; --rlx-line:#d7e5e9; --rlx-primary:#087e9d;
  --rlx-primary-strong:#07556d; --rlx-accent:#f2a33a; --rlx-header:#073548; --rlx-header-text:#fff;
  --rlx-radius:18px; --rlx-radius-small:11px; --rlx-shadow:0 14px 34px rgba(9,61,78,.1); --rlx-max:1480px;
}
* { box-sizing:border-box; }
html { background:var(--rlx-bg); color-scheme:light; }
body { margin:0; min-width:320px; font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--rlx-bg); color:var(--rlx-text); line-height:1.5; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
svg { width:1.08em; height:1.08em; stroke-width:2; }
.rlx-container { width:min(100% - 36px,var(--rlx-max)); margin-inline:auto; }
.rlx-container--wide { --rlx-max:1480px; }
.rlx-container--full { width:min(100% - 24px,1760px); }
.rlx-container--contained { --rlx-max:1120px; }
.rlx-muted { color:var(--rlx-muted); }
.rlx-kicker { display:block; font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--rlx-primary); }
.rlx-section--hero .rlx-kicker { color:color-mix(in srgb,var(--rlx-accent) 78%,#fff); }
.rlx-button { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:42px; padding:.68rem 1rem; border:1px solid transparent; border-radius:var(--rlx-radius-small); background:var(--rlx-primary); color:#fff; font-weight:750; cursor:pointer; transition:.18s ease; }
.rlx-button:hover { filter:brightness(1.06); transform:translateY(-1px); }
.rlx-button--ghost { background:color-mix(in srgb,var(--rlx-surface) 7%,transparent); border-color:color-mix(in srgb,var(--rlx-header-text) 45%,transparent); color:inherit; }
.rlx-button--light { background:#fff; color:var(--rlx-primary-strong); }
.rlx-button--danger { background:#b33b3b; }
.rlx-button--large { min-height:50px; padding:.85rem 1.3rem; }
.rlx-text-link { display:inline-flex; align-items:center; gap:.35rem; color:var(--rlx-primary); font-weight:750; }
.rlx-text-link svg { width:1rem; }
.rlx-status { display:inline-flex; padding:.2rem .55rem; border-radius:999px; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.rlx-status.is-good { background:#ddf5e8; color:#187248; }
.rlx-status.is-muted { background:var(--rlx-surface-strong); color:var(--rlx-muted); }
.rlx-brand-mark { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--rlx-primary); color:#fff; font-weight:900; letter-spacing:-.05em; box-shadow:var(--rlx-shadow); flex:0 0 auto; }
.rlx-site-header { position:sticky; top:0; z-index:50; background:color-mix(in srgb,var(--rlx-header) 95%,transparent); color:var(--rlx-header-text); border-bottom:1px solid color-mix(in srgb,var(--rlx-header-text) 13%,transparent); backdrop-filter:blur(18px); }
.rlx-site-header__inner { min-height:74px; display:flex; align-items:center; gap:1.2rem; }
.rlx-site-brand { display:flex; align-items:center; gap:.72rem; min-width:235px; }
.rlx-site-brand strong,.rlx-site-brand small { display:block; }
.rlx-site-brand strong { font-size:1rem; line-height:1.05; }
.rlx-site-brand small { margin-top:.2rem; opacity:.7; font-size:.72rem; }
.rlx-site-nav { display:flex; align-items:center; gap:.18rem; flex:1; justify-content:center; }
.rlx-site-nav a,.rlx-admin-link { display:inline-flex; align-items:center; gap:.42rem; padding:.56rem .72rem; border-radius:10px; color:color-mix(in srgb,var(--rlx-header-text) 82%,transparent); font-size:.86rem; font-weight:700; }
.rlx-site-nav a:hover,.rlx-site-nav a.is-active,.rlx-admin-link:hover { background:color-mix(in srgb,var(--rlx-header-text) 10%,transparent); color:var(--rlx-header-text); }
.rlx-admin-link { border:1px solid color-mix(in srgb,var(--rlx-header-text) 14%,transparent); }
.rlx-section { position:relative; padding:30px 0; }
.rlx-section__inner { display:grid; grid-template-columns:repeat(var(--rlx-grid-cols,12),minmax(0,1fr)); gap:24px; align-items:start; }
.rlx-section--hero { padding:70px 0 76px; overflow:hidden; min-height:410px; display:flex; align-items:center; }
.rlx-section--hero .rlx-section__inner { align-items:center; }
.rlx-section--muted { background:var(--rlx-surface-alt); border-block:1px solid var(--rlx-line); }
.rlx-section--accent { padding-top:20px; padding-bottom:42px; }
.rlx-section--surface-head { padding-bottom:8px; }
.rlx-section--profile-hero { padding-bottom:8px; }
.rlx-cell { grid-column:span var(--rlx-span,12); min-width:0; }
.rlx-stack { display:flex; flex-direction:column; gap:18px; }
.rlx-stack > .rlx-cell { width:100%; }
.rlx-nested-grid { display:grid; grid-template-columns:repeat(var(--rlx-grid-cols,12),minmax(0,1fr)); gap:18px; }
.rlx-hero-copy { max-width:780px; padding:18px 0; position:relative; z-index:2; }
.rlx-hero-copy h1 { margin:.35rem 0 .9rem; font-size:clamp(2.5rem,5.5vw,5rem); letter-spacing:-.055em; line-height:.96; max-width:820px; }
.rlx-hero-copy p { max-width:680px; margin:0; font-size:clamp(1rem,1.5vw,1.2rem); opacity:.84; }
.rlx-hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.55rem; }
.rlx-widget { background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); box-shadow:var(--rlx-shadow); overflow:hidden; min-width:0; }
.rlx-widget__header { min-height:45px; display:flex; align-items:center; padding:.7rem 1rem; border-bottom:1px solid var(--rlx-line); background:color-mix(in srgb,var(--rlx-surface-alt) 76%,var(--rlx-surface)); font-size:.77rem; font-weight:850; letter-spacing:.055em; text-transform:uppercase; }
.rlx-widget__body { padding:1rem; }
.rlx-widget--chromeless { background:transparent; border:0; box-shadow:none; border-radius:0; }
.rlx-widget--chromeless .rlx-widget__body { padding:0; }
.rlx-widget-grid { display:grid; grid-template-columns:repeat(var(--rlx-widget-cols,4),minmax(0,1fr)); gap:12px; min-width:0; }
.rlx-widget-grid__cell { min-width:0; }
.rlx-widget-grid--telemetry .rlx-widget-grid__cell { background:color-mix(in srgb,var(--rlx-surface) 12%,transparent); border:1px solid color-mix(in srgb,#fff 22%,transparent); border-radius:var(--rlx-radius-small); backdrop-filter:blur(12px); overflow:hidden; }
.rlx-section--muted .rlx-widget-grid--telemetry .rlx-widget-grid__cell { background:var(--rlx-surface); border-color:var(--rlx-line); }
.rlx-section--muted .rlx-telemetry { color:var(--rlx-text); }
.rlx-section--muted .rlx-telemetry small,.rlx-section--muted .rlx-telemetry em { color:var(--rlx-muted); }
.rlx-telemetry { min-height:118px; display:flex; flex-direction:column; justify-content:center; padding:1rem; color:inherit; }
.rlx-telemetry > span { color:var(--rlx-accent); margin-bottom:.45rem; }
.rlx-telemetry strong { display:block; font-size:1.75rem; line-height:1; letter-spacing:-.04em; }
.rlx-telemetry small { display:block; margin-top:.35rem; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:.72; }
.rlx-telemetry em { font-size:.68rem; margin-top:.18rem; opacity:.66; font-style:normal; }
.rlx-content-head,.rlx-surface-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:18px; }
.rlx-content-head h2,.rlx-surface-heading h1 { margin:.2rem 0 0; font-size:clamp(1.6rem,2.4vw,2.35rem); letter-spacing:-.035em; }
.rlx-surface-heading p { margin:.45rem 0 0; color:var(--rlx-muted); max-width:760px; }
.rlx-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.rlx-feature-card { display:flex; gap:.9rem; padding:1rem; min-height:132px; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); box-shadow:var(--rlx-shadow); }
.rlx-feature-card__icon,.rlx-forum-row__icon { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:12px; background:var(--rlx-surface-strong); color:var(--rlx-primary); }
.rlx-feature-card h3 { margin:.05rem 0 .34rem; font-size:.98rem; }
.rlx-feature-card p { margin:0; color:var(--rlx-muted); font-size:.82rem; }
.rlx-section-label { grid-column:1/-1; display:flex; align-items:center; gap:.7rem; font-weight:850; text-transform:uppercase; letter-spacing:.08em; font-size:.74rem; color:var(--rlx-muted); }
.rlx-section-label:after { content:""; height:1px; background:var(--rlx-line); flex:1; }
.rlx-activity-list { display:flex; flex-direction:column; gap:.8rem; }
.rlx-activity-list > div { display:flex; gap:.7rem; align-items:flex-start; }
.rlx-activity-list strong,.rlx-activity-list small { display:block; }
.rlx-activity-list strong { font-size:.82rem; line-height:1.2; }
.rlx-activity-list small { margin-top:.18rem; color:var(--rlx-muted); font-size:.72rem; }
.rlx-activity-dot { width:8px; height:8px; margin-top:.3rem; border-radius:50%; background:var(--rlx-primary); box-shadow:0 0 0 4px color-mix(in srgb,var(--rlx-primary) 14%,transparent); flex:0 0 auto; }
.rlx-tags { display:flex; flex-wrap:wrap; gap:.42rem; }
.rlx-tags span { padding:.3rem .5rem; border-radius:999px; background:var(--rlx-surface-alt); border:1px solid var(--rlx-line); color:var(--rlx-primary); font-size:.72rem; font-weight:750; }
.rlx-stat-list { display:flex; flex-direction:column; gap:.4rem; }
.rlx-stat-list > div { display:flex; justify-content:space-between; gap:1rem; padding:.45rem 0; border-bottom:1px dashed var(--rlx-line); }
.rlx-stat-list > div:last-child { border-bottom:0; }
.rlx-stat-list span { color:var(--rlx-muted); font-size:.8rem; }
.rlx-stat-list strong { font-size:.86rem; }
.rlx-mini-site-list { display:flex; flex-direction:column; gap:.8rem; }
.rlx-mini-site-list > div { display:flex; gap:.7rem; align-items:center; }
.rlx-mini-site-list > div > span { width:34px; height:34px; display:grid; place-items:center; background:var(--rlx-surface-alt); color:var(--rlx-primary); border-radius:9px; }
.rlx-mini-site-list strong,.rlx-mini-site-list small { display:block; }
.rlx-mini-site-list small { color:var(--rlx-muted); font-size:.72rem; }
.rlx-event-widget__date { display:inline-flex; padding:.28rem .48rem; background:var(--rlx-surface-alt); color:var(--rlx-primary); border-radius:7px; font-size:.72rem; font-weight:850; }
.rlx-event-widget h3 { margin:.7rem 0 .35rem; }
.rlx-event-widget p { margin:0 0 .9rem; color:var(--rlx-muted); font-size:.86rem; }
.rlx-meta-line { display:flex; align-items:center; gap:.4rem; color:var(--rlx-muted); font-size:.78rem; }
.rlx-feature-story { display:grid; grid-template-columns:190px minmax(0,1fr); gap:1.4rem; min-height:280px; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); overflow:hidden; box-shadow:var(--rlx-shadow); }
.rlx-feature-story__art { display:grid; place-items:center; background:linear-gradient(160deg,var(--rlx-primary),var(--rlx-primary-strong)); color:#fff; }
.rlx-feature-story__art svg { width:76px; height:76px; opacity:.8; }
.rlx-feature-story > div:last-child { padding:1.4rem 1.4rem 1.4rem 0; align-self:center; }
.rlx-feature-story h2 { margin:.35rem 0 .7rem; font-size:clamp(1.35rem,2vw,2rem); line-height:1.08; }
.rlx-feature-story p { color:var(--rlx-muted); }
.rlx-cta { display:flex; align-items:center; justify-content:space-between; gap:2rem; border-radius:var(--rlx-radius); padding:1.8rem 2rem; color:#fff; box-shadow:var(--rlx-shadow); }
.rlx-cta h2 { margin:.25rem 0 .4rem; font-size:clamp(1.45rem,2.6vw,2.35rem); }
.rlx-cta p { margin:0; opacity:.82; max-width:760px; }
.rlx-forum-list { display:flex; flex-direction:column; gap:10px; }
.rlx-forum-row { display:grid; grid-template-columns:52px minmax(0,1fr) 88px 88px; gap:1rem; align-items:center; padding:1rem; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius-small); box-shadow:var(--rlx-shadow); }
.rlx-forum-row__main h3 { margin:0 0 .25rem; font-size:1rem; }
.rlx-forum-row__main p { margin:0; color:var(--rlx-muted); font-size:.8rem; }
.rlx-forum-row__metric { text-align:right; }
.rlx-forum-row__metric strong,.rlx-forum-row__metric span { display:block; }
.rlx-forum-row__metric strong { font-size:.95rem; }
.rlx-forum-row__metric span { color:var(--rlx-muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.05em; }
.rlx-profile-cover { position:relative; min-height:310px; border-radius:var(--rlx-radius); overflow:hidden; background-image:linear-gradient(115deg,rgba(4,46,63,.95),rgba(8,126,157,.48)), var(--rlx-asset-image, radial-gradient(circle at 70% 30%,#2a98a9,#0c607b 38%,#073548 78%)); background-size:cover; background-position:center; box-shadow:var(--rlx-shadow); }
.rlx-profile-cover__wash { position:absolute; inset:0; background:linear-gradient(to top,rgba(2,25,36,.55),transparent 65%); }
.rlx-profile-identity { position:absolute; inset:auto 28px 26px; display:flex; align-items:center; gap:1rem; color:#fff; }
.rlx-profile-identity h1 { margin:.15rem 0 0; font-size:2rem; line-height:1; }
.rlx-profile-identity p { margin:.3rem 0 0; opacity:.75; }
.rlx-avatar { width:86px; height:86px; display:grid; place-items:center; border-radius:50%; border:4px solid rgba(255,255,255,.85); background:var(--rlx-primary); color:#fff; font-size:2rem; font-weight:900; box-shadow:0 8px 24px rgba(0,0,0,.2); }
.rlx-profile-actions { display:flex; gap:.55rem; margin-left:auto; }
.rlx-profile-main { display:flex; flex-direction:column; gap:18px; }
.rlx-tabs { display:flex; gap:.25rem; padding:.35rem; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius-small); box-shadow:var(--rlx-shadow); overflow:auto; }
.rlx-tabs button { border:0; background:transparent; color:var(--rlx-muted); padding:.6rem .8rem; border-radius:8px; font-weight:750; white-space:nowrap; }
.rlx-tabs button.is-active { background:var(--rlx-surface-alt); color:var(--rlx-primary); }
.rlx-card { background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); padding:1.3rem; box-shadow:var(--rlx-shadow); }
.rlx-card h2 { margin:.2rem 0 .5rem; }
.rlx-card p { color:var(--rlx-muted); }
.rlx-timeline { display:flex; flex-direction:column; gap:.8rem; }
.rlx-timeline > div { display:flex; gap:.75rem; }
.rlx-timeline > div > span { width:10px; height:10px; margin-top:.35rem; border-radius:50%; background:var(--rlx-primary); flex:0 0 auto; }
.rlx-timeline p { margin:0; color:var(--rlx-text); }
.rlx-timeline strong,.rlx-timeline small { display:block; }
.rlx-timeline small { color:var(--rlx-muted); margin-top:.18rem; }
.rlx-detail-list { display:flex; flex-direction:column; gap:.55rem; margin:0; }
.rlx-detail-list > div { display:flex; justify-content:space-between; gap:1rem; }
.rlx-detail-list dt { color:var(--rlx-muted); font-size:.78rem; }
.rlx-detail-list dd { margin:0; font-weight:750; font-size:.8rem; }
.rlx-site-footer { padding:36px 0; background:var(--rlx-header); color:var(--rlx-header-text); }
.rlx-site-footer .rlx-container { display:flex; justify-content:space-between; gap:2rem; }
.rlx-site-footer p { margin:.35rem 0 0; opacity:.62; font-size:.78rem; }
.rlx-footer-meta { display:flex; gap:.7rem; align-items:flex-start; flex-wrap:wrap; }
.rlx-footer-meta span { padding:.3rem .55rem; border:1px solid color-mix(in srgb,var(--rlx-header-text) 15%,transparent); border-radius:999px; opacity:.75; font-size:.7rem; }
.rlx-empty { padding:4rem 1.5rem; text-align:center; }
.rlx-empty h1 { margin-top:0; }
.rlx-empty--small { padding:1rem; color:var(--rlx-muted); }
.rlx-empty code,.rlx-code,code { font-family:"Cascadia Code",Consolas,monospace; }
/* Admin */
.rlx-body--admin { background:var(--rlx-bg); }
.rlx-admin-shell { min-height:100vh; display:grid; grid-template-columns:270px minmax(0,1fr); }
.rlx-admin-nav { position:sticky; top:0; align-self:start; height:100vh; padding:18px; background:var(--rlx-header); color:var(--rlx-header-text); border-right:1px solid color-mix(in srgb,var(--rlx-header-text) 12%,transparent); overflow:auto; }
.rlx-admin-brand { display:flex; align-items:center; gap:.75rem; padding:5px 4px 20px; border-bottom:1px solid color-mix(in srgb,var(--rlx-header-text) 12%,transparent); }
.rlx-admin-brand strong,.rlx-admin-brand small { display:block; }
.rlx-admin-brand small { opacity:.6; font-size:.7rem; margin-top:.15rem; }
.rlx-admin-nav nav { display:flex; flex-direction:column; gap:4px; padding-top:18px; }
.rlx-admin-nav nav a { display:flex; align-items:center; gap:.7rem; padding:.7rem .75rem; border-radius:9px; color:color-mix(in srgb,var(--rlx-header-text) 78%,transparent); font-size:.83rem; font-weight:700; }
.rlx-admin-nav nav a:hover,.rlx-admin-nav nav a.is-active { background:color-mix(in srgb,var(--rlx-header-text) 10%,transparent); color:var(--rlx-header-text); }
.rlx-admin-nav__label { margin:18px 8px 6px; color:color-mix(in srgb,var(--rlx-header-text) 45%,transparent); font-size:.65rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.rlx-admin-workspace { padding:34px; min-width:0; max-width:1700px; width:100%; margin-inline:auto; }
.rlx-admin-header { display:flex; align-items:flex-start; justify-content:space-between; gap:2rem; margin-bottom:24px; }
.rlx-admin-header h1 { margin:.18rem 0 .45rem; font-size:2rem; letter-spacing:-.04em; }
.rlx-admin-header p { margin:0; color:var(--rlx-muted); max-width:780px; }
.rlx-admin-actions { display:flex; flex-wrap:wrap; gap:.55rem; }
.rlx-admin-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.rlx-admin-metric { display:grid; grid-template-columns:40px 1fr; column-gap:.75rem; align-items:center; padding:1rem; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); box-shadow:var(--rlx-shadow); }
.rlx-admin-metric > svg { grid-row:1/3; width:28px; height:28px; color:var(--rlx-primary); }
.rlx-admin-metric strong { font-size:1.55rem; line-height:1; }
.rlx-admin-metric span { color:var(--rlx-muted); font-size:.72rem; }
.rlx-admin-panel { margin-bottom:18px; padding:1.25rem; background:var(--rlx-surface); border:1px solid var(--rlx-line); border-radius:var(--rlx-radius); box-shadow:var(--rlx-shadow); }
.rlx-admin-panel__head { display:flex; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.rlx-admin-panel h2,.rlx-admin-panel h3 { margin:0; }
.rlx-admin-panel__head p { margin:.25rem 0 0; color:var(--rlx-muted); font-size:.82rem; }
.rlx-stack-map { display:flex; flex-direction:column; gap:7px; }
.rlx-stack-map__row { display:flex; gap:.8rem; align-items:center; padding:.7rem .8rem; background:var(--rlx-surface-alt); border:1px solid var(--rlx-line); border-radius:10px; }
.rlx-stack-map__index { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:var(--rlx-primary); color:#fff; font-weight:850; font-size:.75rem; }
.rlx-stack-map__row strong,.rlx-stack-map__row p { display:block; margin:0; }
.rlx-stack-map__row p { color:var(--rlx-muted); font-size:.75rem; margin-top:.1rem; }
.rlx-addon-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.rlx-addon-card { display:flex; gap:.8rem; padding:1rem; border:1px solid var(--rlx-line); border-radius:12px; background:var(--rlx-surface-alt); }
.rlx-addon-card__icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:var(--rlx-surface); color:var(--rlx-primary); flex:0 0 auto; }
.rlx-addon-card h3 { margin:0; font-size:.9rem; }
.rlx-addon-card p { margin:.25rem 0 .55rem; color:var(--rlx-muted); font-size:.75rem; }
.rlx-form-grid,.rlx-layout-select-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.rlx-layout-select-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.rlx-admin-panel label > span { display:block; margin-bottom:.35rem; font-size:.73rem; font-weight:800; }
.rlx-admin-panel label > small { display:block; margin-top:.35rem; color:var(--rlx-muted); font-size:.68rem; }
.rlx-admin-panel input[type="text"],.rlx-admin-panel input:not([type]),.rlx-admin-panel select,.rlx-admin-panel textarea { width:100%; min-height:42px; padding:.65rem .72rem; border:1px solid var(--rlx-line); border-radius:9px; background:var(--rlx-surface-alt); color:var(--rlx-text); outline:none; }
.rlx-admin-panel textarea { min-height:140px; resize:vertical; font-family:"Cascadia Code",Consolas,monospace; font-size:.78rem; line-height:1.45; }
.rlx-admin-panel input:focus,.rlx-admin-panel select:focus,.rlx-admin-panel textarea:focus { border-color:var(--rlx-primary); box-shadow:0 0 0 3px color-mix(in srgb,var(--rlx-primary) 14%,transparent); }
.rlx-grid-editor { padding:1rem; border:1px solid var(--rlx-line); border-radius:12px; background:var(--rlx-surface-alt); margin-bottom:12px; }
.rlx-grid-editor__head { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:.8rem; }
.rlx-grid-editor__head code { display:block; margin-top:.2rem; color:var(--rlx-muted); font-size:.68rem; }
.rlx-grid-editor__head label { width:110px; }
.rlx-grid-editor__widgets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.rlx-grid-editor__widgets label,.rlx-check-card { display:block; cursor:pointer; }
.rlx-grid-editor__widgets label > span,.rlx-check-card > span { min-height:64px; display:flex; flex-direction:column; justify-content:center; padding:.65rem .75rem; border:1px solid var(--rlx-line); border-radius:9px; background:var(--rlx-surface); }
.rlx-grid-editor__widgets input,.rlx-check-card input { position:absolute; opacity:0; pointer-events:none; }
.rlx-grid-editor__widgets input:checked + span,.rlx-check-card input:checked + span { border-color:var(--rlx-primary); box-shadow:0 0 0 2px color-mix(in srgb,var(--rlx-primary) 14%,transparent); }
.rlx-grid-editor__widgets strong,.rlx-grid-editor__widgets small { display:block; }
.rlx-grid-editor__widgets strong { font-size:.76rem; }
.rlx-grid-editor__widgets small { margin-top:.15rem; color:var(--rlx-muted); font-size:.63rem; overflow-wrap:anywhere; }
.rlx-checkbox-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.rlx-check-card > span { flex-direction:row; align-items:center; gap:.65rem; }
.rlx-check-card > span svg { color:var(--rlx-primary); }
.rlx-check-card > span strong { font-size:.78rem; flex:1; }
.rlx-check-card > span small { color:var(--rlx-muted); font-size:.65rem; }
.rlx-studio-save { display:flex; align-items:center; gap:1rem; margin:16px 0 24px; }
.rlx-studio-save span { color:var(--rlx-muted); font-size:.75rem; }
.rlx-import-grid { display:grid; grid-template-columns:1.35fr 1.35fr .8fr; gap:16px; }
.rlx-import-grid form { min-width:0; }
.rlx-reset-card { height:100%; padding:1rem; border:1px dashed var(--rlx-line); border-radius:12px; background:var(--rlx-surface-alt); }
.rlx-reset-card p { color:var(--rlx-muted); font-size:.8rem; }
.rlx-notice { margin-bottom:18px; padding:.75rem 1rem; border-radius:10px; }
.rlx-notice--success { background:#ddf5e8; color:#176e47; border:1px solid #a8dfc2; }
.rlx-code { max-height:520px; overflow:auto; margin:0; padding:1rem; background:#07111a; color:#d9eef5; border-radius:10px; font-size:.74rem; line-height:1.5; }
/* Installer */
.rlx-install-body { min-height:100vh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle at 50% 0,#12536a,#071924 70%); color:#eaf6fa; }
.rlx-install-card { width:min(720px,100%); padding:2rem; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:rgba(7,25,36,.82); box-shadow:0 30px 70px rgba(0,0,0,.32); backdrop-filter:blur(20px); }
.rlx-install-brand { display:flex; align-items:center; gap:.8rem; }
.rlx-install-brand strong,.rlx-install-brand small { display:block; }
.rlx-install-brand small { opacity:.65; }
.rlx-install-card h1 { font-size:2.4rem; margin:1.4rem 0 .5rem; }
.rlx-install-card > p { color:#a9bfca; }
.rlx-install-checks { display:flex; flex-direction:column; gap:8px; margin:1.4rem 0; }
.rlx-install-checks > div { display:flex; align-items:center; gap:.7rem; padding:.65rem .7rem; border:1px solid rgba(255,255,255,.1); border-radius:9px; }
.rlx-install-checks span { min-width:54px; font-size:.65rem; font-weight:900; letter-spacing:.08em; }
.rlx-install-checks .is-ok { color:#5fe0a1; }
.rlx-install-checks .is-warn { color:#ffc469; }
@media (max-width:1100px) {
  .rlx-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rlx-admin-metric-grid,.rlx-addon-grid,.rlx-checkbox-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rlx-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rlx-grid-editor__widgets { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rlx-site-brand { min-width:0; }
  .rlx-site-brand small { display:none; }
}
@media (max-width:900px) {
  .rlx-cell { grid-column:span var(--rlx-span-tablet,12); }
  .rlx-site-header { position:relative; }
  .rlx-site-header__inner { flex-wrap:wrap; padding-block:12px; }
  .rlx-site-nav { order:3; width:100%; justify-content:flex-start; overflow:auto; }
  .rlx-site-nav a { flex:0 0 auto; }
  .rlx-admin-shell { grid-template-columns:1fr; }
  .rlx-admin-nav { position:relative; height:auto; }
  .rlx-admin-nav nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rlx-admin-nav__label { grid-column:1/-1; }
  .rlx-admin-workspace { padding:22px; }
  .rlx-profile-identity { flex-wrap:wrap; }
  .rlx-profile-actions { margin-left:0; width:100%; }
}
@media (max-width:680px) {
  .rlx-container { width:min(100% - 24px,var(--rlx-max)); }
  .rlx-section { padding:22px 0; }
  .rlx-section--hero { min-height:0; padding:48px 0 54px; }
  .rlx-cell { grid-column:span var(--rlx-span-mobile,12); }
  .rlx-section__inner { gap:16px; }
  .rlx-widget-grid { grid-template-columns:repeat(min(var(--rlx-widget-cols,2),2),minmax(0,1fr)); }
  .rlx-hero-copy h1 { font-size:2.65rem; }
  .rlx-feature-grid,.rlx-admin-metric-grid,.rlx-addon-grid,.rlx-checkbox-grid,.rlx-form-grid,.rlx-layout-select-grid,.rlx-grid-editor__widgets,.rlx-import-grid { grid-template-columns:1fr; }
  .rlx-feature-story { grid-template-columns:1fr; }
  .rlx-feature-story__art { min-height:140px; }
  .rlx-feature-story > div:last-child { padding:1.2rem; }
  .rlx-forum-row { grid-template-columns:44px minmax(0,1fr); }
  .rlx-forum-row__metric { display:none; }
  .rlx-profile-cover { min-height:390px; }
  .rlx-profile-identity { inset:auto 18px 20px; }
  .rlx-profile-actions { flex-direction:column; }
  .rlx-profile-actions .rlx-button { width:100%; }
  .rlx-cta,.rlx-site-footer .rlx-container,.rlx-admin-header { flex-direction:column; align-items:flex-start; }
  .rlx-admin-nav nav { grid-template-columns:1fr 1fr; }
  .rlx-admin-workspace { padding:16px; }
}