/* ==========================================================================
   Kendros — "Universal Access" design system
   Accessibility-first enterprise UI. WCAG AAA-leaning contrast, large type,
   large touch targets, no hover-only affordances, plain language.
   ========================================================================== */

:root{
  /* Brand — tuned for AAA contrast on white and on navy */
  --navy-900:#0b1f3a;
  --navy-800:#122a52;
  --navy-700:#1a3a6b;
  --navy-600:#234a86;
  --magenta-700:#8a0f52;   /* AAA on white at body-text size */
  --magenta-800:#6e0c41;
  --magenta-050:#fdeef5;

  --ink:#101418;           /* near-black body text, 16:1+ on white */
  --ink-soft:#33383e;
  --paper:#ffffff;
  --paper-alt:#f4f6f9;     /* section backgrounds */
  --line:#c7ccd3;
  --line-strong:#7c8188;

  --success-bg:#e6f4ea;
  --success-fg:#1e5b28;
  --success-line:#2f7a3d;

  --warn-bg:#fff4e0;
  --warn-fg:#6b4700;
  --warn-line:#a3781c;

  --error-bg:#fdecec;
  --error-fg:#8a1414;
  --error-line:#c62828;

  --info-bg:#eaf1fb;
  --info-fg:#0f2f57;
  --info-line:#234a86;

  --focus:#b3001b;

  --radius:10px;
  --radius-lg:16px;

  --space-1:0.5rem;
  --space-2:0.75rem;
  --space-3:1rem;
  --space-4:1.5rem;
  --space-5:2rem;
  --space-6:2.75rem;
  --space-7:3.5rem;

  --font: "Atkinson Hyperlegible", "Segoe UI", Arial, sans-serif;
  --max-w: 76rem;
}

/* Dark theme tokens (toggle-ready; used when body has .theme-dark) */
.theme-dark{
  --ink:#f2f4f7;
  --ink-soft:#d7dce2;
  --paper:#0e1520;
  --paper-alt:#152036;
  --line:#3a475c;
  --line-strong:#5a6a83;
  --navy-700:#5f86c4;
  --navy-600:#7fa2da;
  --magenta-700:#ff8fc4;
  --magenta-050:#2a1522;
  --info-bg:#122544;
  --info-fg:#cfe0ff;
  --success-bg:#123321;
  --success-fg:#b7ecc4;
  --warn-bg:#3a2c05;
  --warn-fg:#ffdf9b;
  --error-bg:#3a1414;
  --error-fg:#ffc4c4;
}

*{box-sizing:border-box;}
html{font-size:100%;}
body{
  margin:0;
  font-family:var(--font);
  font-size:17px;
  line-height:1.6;
  color:var(--ink);
  background:var(--paper-alt);
}

h1,h2,h3,h4{
  font-weight:800;
  line-height:1.25;
  color:var(--ink);
  margin:0 0 var(--space-3);
}
h1{font-size:2rem;}
h2{font-size:1.5rem;}
h3{font-size:1.2rem;}
p{margin:0 0 var(--space-3);}
a{color:var(--navy-700); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:2px; font-weight:700;}
a:hover{color:var(--magenta-700);}

:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:2px;
}

img,svg{max-width:100%;}

.skip-link{
  position:absolute;
  left:-999px;
  top:0;
  background:var(--navy-900);
  color:#fff;
  padding:var(--space-2) var(--space-3);
  z-index:1000;
  font-weight:700;
  border-radius:0 0 8px 0;
}
.skip-link:focus{ left:0; }

/* ---------- Layout shell ---------- */
.page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
.wrap{
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 var(--space-4);
}

/* ---------- Header ---------- */
.site-header{
  background:var(--navy-900);
  color:#fff;
  border-bottom:4px solid var(--magenta-700);
}
.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  padding-top:var(--space-3);
  padding-bottom:var(--space-3);
  flex-wrap:wrap;
}
.logo-block{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  text-decoration:none;
}
.logo-block:hover{color:inherit;}
.logo-word{
  font-size:1.7rem;
  font-weight:800;
  color:#fff;
  letter-spacing:-0.01em;
  display:flex;
  align-items:baseline;
}
.logo-dot-svg{width:1.4rem;height:1.4rem;margin-left:2px;}
.logo-tagline{
  font-size:0.82rem;
  font-weight:600;
  color:#cfd9ec;
  border-left:2px solid #3a4a6b;
  padding-left:var(--space-2);
  line-height:1.3;
  max-width:12rem;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  flex-wrap:wrap;
}
.lang-toggle{
  display:flex;
  border:2px solid #fff;
  border-radius:8px;
  overflow:hidden;
}
.lang-toggle button{
  font-family:var(--font);
  font-weight:800;
  font-size:0.95rem;
  padding:0.5rem 0.8rem;
  background:transparent;
  color:#fff;
  border:none;
  cursor:pointer;
  min-height:44px;
}
.lang-toggle button[aria-pressed="true"]{
  background:#fff;
  color:var(--navy-900);
}
.lang-toggle button:not(:last-child){border-right:2px solid #fff;}

.account-actions{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  flex-wrap:wrap;
}
.btn-account{
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  min-height:44px;
  padding:0.55rem 1rem;
  border-radius:8px;
  font-weight:700;
  font-size:0.95rem;
  text-decoration:none;
  border:2px solid #fff;
  color:#fff;
  background:transparent;
}
.btn-account.primary{
  background:var(--magenta-700);
  border-color:var(--magenta-700);
}
.btn-account:hover{background:rgba(255,255,255,0.18); color:#fff;}

/* ---------- Primary nav: small, fixed, always visible, always labeled ---------- */
.primary-nav{
  background:var(--navy-800);
  border-bottom:1px solid #2a3c5f;
}
.primary-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:0.25rem;
  padding-top:0.4rem;
  padding-bottom:0.4rem;
}
.primary-nav a{
  display:flex;
  align-items:center;
  gap:0.5rem;
  min-height:44px;
  padding:0.5rem 1rem;
  color:#e8edf6;
  text-decoration:none;
  font-weight:700;
  font-size:0.98rem;
  border-radius:8px;
}
.primary-nav a:hover{ background:rgba(255,255,255,0.12); color:#fff; }
.primary-nav a[aria-current="page"]{
  background:#fff;
  color:var(--navy-900);
}
.primary-nav .nav-icon{font-size:1.05rem; line-height:1;}

/* ---------- Main content ---------- */
.main{
  flex:1;
  padding:var(--space-5) 0 var(--space-7);
}

.page-head{
  margin-bottom:var(--space-5);
}
.page-head .eyebrow{
  text-transform:uppercase;
  letter-spacing:0.06em;
  font-weight:800;
  font-size:0.85rem;
  color:var(--magenta-700);
  margin-bottom:0.3rem;
}
.lede{
  font-size:1.15rem;
  color:var(--ink-soft);
  max-width:48rem;
}

/* ---------- Layout with rationale side panel ---------- */
.layout-with-aside{
  display:grid;
  grid-template-columns: minmax(0,1fr) 21rem;
  gap:var(--space-5);
  align-items:start;
}
@media (max-width: 920px){
  .layout-with-aside{grid-template-columns:1fr;}
}

/* ---------- Rationale panel ---------- */
.rationale{
  background:var(--info-bg);
  border:2px solid var(--info-line);
  border-radius:var(--radius-lg);
  padding:var(--space-4);
  position:sticky;
  top:var(--space-4);
}
.rationale h2{
  font-size:1.05rem;
  color:var(--info-fg);
  display:flex;
  align-items:center;
  gap:0.5rem;
  margin-bottom:var(--space-3);
}
.rationale h2 .icon{font-size:1.3rem;}
.rationale ul{
  margin:0;
  padding-left:1.25rem;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.rationale li{
  color:var(--info-fg);
  font-size:0.98rem;
}
.rationale li strong{color:var(--ink);}
.rationale .tag{
  display:inline-block;
  font-size:0.75rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0.03em;
  background:var(--navy-700);
  color:#fff;
  border-radius:999px;
  padding:0.15rem 0.55rem;
  margin-bottom:0.35rem;
}

/* ---------- Cards / sections ---------- */
.card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:var(--space-5);
  margin-bottom:var(--space-5);
}
.card h2{margin-bottom:var(--space-3);}
.card > *:last-child{margin-bottom:0;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.6rem;
  min-height:52px;
  padding:0.8rem 1.5rem;
  font-family:var(--font);
  font-size:1.05rem;
  font-weight:800;
  border-radius:10px;
  border:2px solid transparent;
  cursor:pointer;
  text-decoration:none;
  line-height:1.2;
}
.btn .icon{font-size:1.2rem;}
.btn-primary{
  background:var(--magenta-700);
  color:#fff;
  border-color:var(--magenta-700);
}
.btn-primary:hover{background:var(--magenta-800); color:#fff;}
.btn-secondary{
  background:#fff;
  color:var(--navy-800);
  border-color:var(--navy-700);
}
.btn-secondary:hover{background:var(--paper-alt); color:var(--navy-800);}
.btn-block{width:100%;}
.btn[disabled]{opacity:0.55; cursor:not-allowed;}

/* Large labeled task buttons for homepage */
.task-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(15.5rem,1fr));
  gap:var(--space-4);
}
.task-btn{
  display:flex;
  flex-direction:column;
  gap:0.6rem;
  align-items:flex-start;
  text-align:left;
  background:#fff;
  border:2px solid var(--line);
  border-left:6px solid var(--navy-700);
  border-radius:var(--radius-lg);
  padding:var(--space-4);
  text-decoration:none;
  color:var(--ink);
  min-height:120px;
  transition:none;
}
.task-btn:hover{
  border-color:var(--navy-700);
  background:var(--paper-alt);
  color:var(--ink);
}
.task-btn .task-icon{
  font-size:1.8rem;
  line-height:1;
}
.task-btn .task-title{
  font-size:1.15rem;
  font-weight:800;
}
.task-btn .task-desc{
  font-size:0.95rem;
  color:var(--ink-soft);
  font-weight:500;
}

/* Secondary category list (plain language, task-based) */
.category-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(12rem,1fr));
  gap:var(--space-2);
  list-style:none;
  margin:0;
  padding:0;
}
.category-list a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0.6rem 1rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  text-decoration:none;
  color:var(--ink);
  font-weight:700;
  font-size:0.95rem;
}
.category-list a:hover{background:var(--paper-alt); color:var(--ink);}

/* ---------- Forms ---------- */
.form-block{
  margin-bottom:var(--space-5);
  padding-bottom:var(--space-5);
  border-bottom:1px solid var(--line);
}
.form-block:last-of-type{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.field{
  margin-bottom:var(--space-4);
}
.field:last-child{margin-bottom:0;}
.field label{
  display:block;
  font-weight:800;
  font-size:1.02rem;
  margin-bottom:0.4rem;
  color:var(--ink);
}
.field .hint{
  display:block;
  font-size:0.92rem;
  color:var(--ink-soft);
  font-weight:500;
  margin-bottom:0.5rem;
}
.field input[type="text"],
.field input[type="password"],
.field input[type="email"],
.field select{
  width:100%;
  min-height:52px;
  font-family:var(--font);
  font-size:1.05rem;
  padding:0.7rem 0.9rem;
  border:2px solid var(--line-strong);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
}
.field input:focus,
.field select:focus{
  border-color:var(--navy-700);
}
.field-error input{
  border-color:var(--error-line);
  background:var(--error-bg);
}
.field-error-msg{
  display:flex;
  gap:0.5rem;
  align-items:flex-start;
  margin-top:0.5rem;
  padding:0.65rem 0.85rem;
  background:var(--error-bg);
  border:2px solid var(--error-line);
  border-radius:8px;
  color:var(--error-fg);
  font-weight:700;
  font-size:0.95rem;
}
.field-error-msg .icon{flex-shrink:0; font-size:1.1rem;}

.form-error-banner{
  display:flex;
  gap:0.75rem;
  align-items:flex-start;
  background:var(--error-bg);
  border:2px solid var(--error-line);
  border-radius:var(--radius);
  padding:var(--space-3) var(--space-4);
  margin-bottom:var(--space-4);
  color:var(--error-fg);
  font-weight:700;
}
.form-error-banner .icon{font-size:1.4rem; flex-shrink:0;}

.step-badge{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  background:var(--navy-700);
  color:#fff;
  font-weight:800;
  font-size:0.85rem;
  padding:0.25rem 0.75rem;
  border-radius:999px;
  margin-bottom:var(--space-2);
}

.checklist{
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}
.checklist label{
  display:flex;
  align-items:center;
  gap:0.75rem;
  font-weight:600;
  font-size:1rem;
  padding:0.65rem 0.85rem;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  min-height:48px;
  cursor:pointer;
}
.checklist input[type="checkbox"]{
  width:1.35rem;
  height:1.35rem;
  accent-color:var(--navy-700);
  flex-shrink:0;
}
.checklist label:hover{background:var(--paper-alt);}

.filter-status{
  display:inline-flex;
  align-items:center;
  gap:0.4rem;
  font-size:0.9rem;
  font-weight:700;
  padding:0.2rem 0.65rem;
  border-radius:999px;
  background:var(--success-bg);
  color:var(--success-fg);
  border:1px solid var(--success-line);
}

/* ---------- User select buttons ---------- */
.user-select-list{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  max-width:32rem;
}
.user-btn{
  display:flex;
  align-items:center;
  gap:var(--space-3);
  min-height:64px;
  padding:var(--space-3) var(--space-4);
  background:#fff;
  border:2px solid var(--navy-700);
  border-radius:var(--radius);
  font-size:1.15rem;
  font-weight:800;
  color:var(--navy-900);
  text-decoration:none;
}
.user-btn:hover{background:var(--navy-700); color:#fff;}
.user-avatar{
  width:2.75rem;
  height:2.75rem;
  border-radius:50%;
  background:var(--navy-700);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.1rem;
  flex-shrink:0;
}
.user-btn:hover .user-avatar{background:#fff; color:var(--navy-700);}

/* ---------- Tables (fewer columns, tall rows) ---------- */
.result-count{
  font-weight:700;
  color:var(--ink-soft);
  margin-bottom:var(--space-3);
}
.data-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.data-table th{
  text-align:left;
  font-size:0.85rem;
  text-transform:uppercase;
  letter-spacing:0.03em;
  background:var(--navy-900);
  color:#fff;
  padding:0.9rem 1.1rem;
}
.data-table td{
  padding:1.1rem;
  border-top:1px solid var(--line);
  vertical-align:top;
  font-size:1rem;
}
.data-table tr:nth-child(even) td{background:var(--paper-alt);}
.data-table .primary-cell{font-weight:800;}
.data-table .meta{color:var(--ink-soft); font-size:0.92rem;}
.status-chip{
  display:inline-flex;
  align-items:center;
  gap:0.35rem;
  font-size:0.85rem;
  font-weight:800;
  padding:0.25rem 0.65rem;
  border-radius:999px;
  white-space:nowrap;
}
.status-chip.verified{background:var(--success-bg); color:var(--success-fg); border:1px solid var(--success-line);}
.status-chip.partner{background:var(--info-bg); color:var(--info-fg); border:1px solid var(--info-line);}
.status-chip.unset{background:var(--paper-alt); color:var(--ink-soft); border:1px solid var(--line-strong);}
.readmore{font-size:0.92rem; white-space:nowrap;}

/* Offer rows (provider detail, homepage) */
.offer-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-4);
  padding:var(--space-4);
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  margin-bottom:var(--space-3);
}
.offer-row:last-child{margin-bottom:0;}
.offer-title{font-weight:800; font-size:1.05rem; margin-bottom:0.3rem;}
.offer-meta{color:var(--ink-soft); font-size:0.92rem; display:flex; flex-wrap:wrap; gap:0.3rem 1rem;}
.offer-file{
  flex-shrink:0;
  align-self:center;
  font-size:0.9rem;
  font-weight:700;
  color:var(--navy-700);
  border:2px solid var(--navy-700);
  border-radius:8px;
  padding:0.5rem 0.9rem;
  min-height:44px;
  display:flex;
  align-items:center;
  white-space:nowrap;
}

/* ---------- Empty state ---------- */
.empty-state{
  text-align:center;
  padding:var(--space-7) var(--space-4);
  background:#fff;
  border:2px dashed var(--line-strong);
  border-radius:var(--radius-lg);
}
.empty-state .icon{font-size:3rem; margin-bottom:var(--space-2);}
.empty-state h2{margin-bottom:var(--space-2);}
.empty-state p{max-width:34rem; margin-left:auto; margin-right:auto;}
.empty-actions{
  display:flex;
  gap:var(--space-3);
  justify-content:center;
  flex-wrap:wrap;
  margin-top:var(--space-4);
}

/* ---------- Detail section blocks (provider) ---------- */
.detail-section{margin-bottom:var(--space-5);}
.detail-section:last-child{margin-bottom:0;}
.kv-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
  gap:var(--space-3) var(--space-5);
}
.kv-grid dt{font-weight:800; font-size:0.88rem; text-transform:uppercase; letter-spacing:0.02em; color:var(--ink-soft); margin-bottom:0.15rem;}
.kv-grid dd{margin:0; font-size:1.05rem;}
.pill-list{display:flex; flex-wrap:wrap; gap:0.5rem;}
.pill{
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-radius:999px;
  padding:0.4rem 0.9rem;
  font-size:0.92rem;
  font-weight:700;
}
.compliance-list{
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}
.compliance-item{
  display:flex;
  gap:0.75rem;
  align-items:flex-start;
  padding:0.75rem 1rem;
  background:var(--paper-alt);
  border-radius:8px;
  border:1px solid var(--line);
}
.compliance-item .icon{flex-shrink:0; font-size:1.2rem; color:var(--success-fg);}

/* ---------- Footer ---------- */
.site-footer{
  background:var(--navy-900);
  color:#cfd9ec;
  padding:var(--space-4) 0;
  font-size:0.88rem;
}
.site-footer a{color:#fff;}
.site-footer .wrap{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-2);
}

/* ---------- Index / overview page ---------- */
.hero-index{
  background:var(--navy-900);
  color:#fff;
  padding:var(--space-7) 0 var(--space-6);
  border-bottom:6px solid var(--magenta-700);
}
.hero-index .eyebrow{color:#ffc0de; font-weight:800; text-transform:uppercase; letter-spacing:0.06em; margin-bottom:var(--space-2);}
.hero-index h1{color:#fff; font-size:2.6rem; margin-bottom:var(--space-2);}
.hero-index .tagline{font-size:1.25rem; color:#dfe6f3; max-width:42rem;}

.section-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
  gap:var(--space-4);
}
.spec-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:var(--space-4);
}
.spec-card h3{
  font-size:1rem;
  color:var(--magenta-700);
  text-transform:uppercase;
  letter-spacing:0.02em;
  margin-bottom:0.5rem;
}
.spec-card p{font-size:0.98rem; margin-bottom:0;}

.swot-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
  gap:var(--space-4);
}
.swot-card{
  border-radius:var(--radius);
  padding:var(--space-4);
  border:2px solid;
}
.swot-card.strengths{background:var(--success-bg); border-color:var(--success-line); color:var(--success-fg);}
.swot-card.weaknesses{background:var(--warn-bg); border-color:var(--warn-line); color:var(--warn-fg);}
.swot-card.risks{background:var(--error-bg); border-color:var(--error-line); color:var(--error-fg);}
.swot-card h3{font-size:1.05rem; margin-bottom:0.5rem; color:inherit;}
.swot-card ul{margin:0; padding-left:1.2rem;}
.swot-card li{margin-bottom:0.4rem;}

.ratings-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
  gap:var(--space-3) var(--space-5);
}
.rating-row{display:flex; flex-direction:column; gap:0.3rem;}
.rating-row .rating-label{display:flex; justify-content:space-between; font-weight:700;}
.rating-bar{
  height:14px;
  background:var(--paper-alt);
  border:1px solid var(--line);
  border-radius:999px;
  overflow:hidden;
}
.rating-bar-fill{
  height:100%;
  background:var(--navy-700);
  border-radius:999px;
}
.risk-chip{
  display:inline-flex;
  align-items:center;
  font-weight:800;
  font-size:0.9rem;
  padding:0.3rem 0.9rem;
  border-radius:999px;
  background:var(--success-bg);
  color:var(--success-fg);
  border:1px solid var(--success-line);
  width:fit-content;
}

.screen-link-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));
  gap:var(--space-3);
}
.screen-link{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-left:6px solid var(--magenta-700);
  border-radius:var(--radius);
  padding:var(--space-3) var(--space-4);
  text-decoration:none;
  color:var(--ink);
}
.screen-link:hover{background:var(--paper-alt); color:var(--ink);}
.screen-link .num{
  font-size:0.78rem;
  font-weight:800;
  color:var(--magenta-700);
  text-transform:uppercase;
}
.screen-link .name{font-size:1.05rem; font-weight:800; margin:0.15rem 0 0.25rem;}
.screen-link .desc{font-size:0.92rem; color:var(--ink-soft); font-weight:500;}

/* ---------- Utility ---------- */
.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
.mt-0{margin-top:0;}
.text-center{text-align:center;}

@media (max-width: 640px){
  h1{font-size:1.6rem;}
  .hero-index h1{font-size:2rem;}
  .site-header .wrap{flex-direction:column; align-items:flex-start;}
}

/* Reviewer toolbar — shared across all 10 prototypes, do not restyle per-proposal */
.kx-reviewer-bar{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:10px;background:#1a1b1e;color:#e8e8ea;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:12.5px;padding:8px 16px;border-bottom:1px solid #000;flex-wrap:wrap;}
.kx-reviewer-bar a{color:#e8e8ea;text-decoration:none;padding:4px 8px;border-radius:4px;}
.kx-reviewer-bar a:hover{background:#33343a;}
.kx-reviewer-bar select{background:#2a2b30;color:#e8e8ea;border:1px solid #45464c;border-radius:4px;padding:4px 8px;font-size:12.5px;}
.kx-rb-sep{color:#55565c;}
.kx-rb-name{font-weight:700;letter-spacing:.02em;white-space:nowrap;}
.kx-rb-count{color:#9a9ba1;margin-left:auto;padding:4px 4px;white-space:nowrap;}
@media(max-width:800px){.kx-reviewer-bar{font-size:11.5px}}