:root {
  color-scheme: light;
  --ink: #142033;
  --muted: #647086;
  --line: #dfe5ed;
  --surface: #ffffff;
  --canvas: #f4f6f9;
  --primary: #176b87;
  --primary-dark: #0f5269;
  --success: #14745a;
  --warning: #9a5a00;
  --danger: #a33a3a;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  line-height: 1.5;
}

.hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  max-width: 1120px;
  margin: 0 auto;
  padding: 3.5rem 1.25rem 2rem;
}

.hero h1 { margin: .15rem 0 .5rem; font-size: clamp(2rem, 5vw, 3.3rem); }
.hero p { max-width: 720px; margin: 0; color: var(--muted); }
.eyebrow, .step { color: var(--primary); font-weight: 750; letter-spacing: .08em; text-transform: uppercase; font-size: .76rem; }

.safety-badge {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  background: #e5f6ef;
  color: var(--success);
  border: 1px solid #b9e4d3;
  border-radius: 999px;
  padding: .55rem .85rem;
  white-space: nowrap;
  font-weight: 700;
}

.status-dot { width: .65rem; height: .65rem; border-radius: 50%; background: var(--success); }

.topbar { max-width: 1120px; margin: 0 auto; padding: 1rem 1.25rem 0; display: grid; grid-template-columns: 1fr auto 1fr; gap: 1rem; align-items: center; color: var(--muted); }
.topbar a { color: var(--primary); text-decoration: none; font-weight: 700; }
.topbar strong { color: var(--ink); text-align: center; }
.topbar span { text-align: right; }
.account-box { display: flex; justify-content: flex-end; align-items: center; gap: .65rem; }
.link-button { padding: .35rem .55rem; background: transparent; color: var(--primary); border: 1px solid var(--line); font-size: .82rem; }
.role-hero { padding-top: 2rem; }

.role-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.25rem; }
.role-card { display: grid; align-content: start; gap: .65rem; min-height: 270px; padding: 1.25rem; color: var(--ink); text-decoration: none; border: 1px solid var(--line); border-radius: 15px; background: #f8fafc; transition: transform .15s ease, box-shadow .15s ease; }
.role-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(28, 44, 68, .09); }
.role-card h2, .role-card p { margin: 0; }
.role-card p { color: var(--muted); }
.role-icon { display: grid; place-items: center; width: 2.7rem; height: 2.7rem; border-radius: 12px; color: white; background: var(--primary); font-weight: 800; }
.role-admin .role-icon { background: #6a4c93; }
.role-expert .role-icon { background: #8c5a14; }
.role-link { margin-top: auto; color: var(--primary); font-weight: 750; }
.compact-panel { max-width: 760px; }

main { max-width: 1120px; margin: 0 auto; padding: 0 1.25rem 3rem; display: grid; gap: 1.25rem; }
.panel { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: clamp(1.1rem, 3vw, 2rem); box-shadow: 0 12px 32px rgba(28, 44, 68, .05); }
.panel-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1.4rem; }
.panel-heading h2, .panel-heading p { margin: 0; }
.hint { color: var(--muted); font-size: .9rem; }

form, .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.field { display: flex; flex-direction: column; gap: .4rem; }
.field label { font-weight: 700; }
.span-2 { grid-column: 1 / -1; }

textarea, select, input {
  width: 100%;
  border: 1px solid #bfc9d6;
  border-radius: 10px;
  background: #fff;
  color: var(--ink);
  padding: .72rem .8rem;
  font: inherit;
}
.command-output { font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: .82rem; line-height: 1.45; resize: vertical; }

textarea:focus, select:focus, input:focus, button:focus-visible { outline: 3px solid rgba(23, 107, 135, .22); border-color: var(--primary); }
.options { border: 1px solid var(--line); border-radius: 12px; padding: .9rem 1rem; }
.options summary { cursor: pointer; font-weight: 750; }
.options-grid { margin-top: 1rem; }
.check { display: flex; align-items: center; gap: .6rem; color: #34445b; }
.check input { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
.confirmation { background: #f1f7fa; border-radius: 10px; padding: .9rem; font-weight: 650; }

.actions { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: .35rem; }
button { border: 0; border-radius: 10px; padding: .72rem 1rem; font: inherit; font-weight: 750; cursor: pointer; }
.primary { background: var(--primary); color: white; }
.primary:hover { background: var(--primary-dark); }
.secondary { background: #edf1f5; color: var(--ink); }
.danger { background: #f7e9e9; color: var(--danger); }
.message { color: var(--muted); }

.empty-state { color: var(--muted); border: 1px dashed #c8d1dc; border-radius: 12px; padding: 1.2rem; }
.mission-card { display: grid; gap: 1rem; }
.mission-top { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.mission-top h3 { margin: .2rem 0 0; }
.mission-id { margin: 0; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; }
.status { display: inline-flex; border-radius: 999px; background: #edf1f5; padding: .4rem .7rem; font-size: .82rem; font-weight: 750; }
.status-ready, .status-capitalized { background: #e5f6ef; color: var(--success); }
.status-blocked, .status-rejected { background: #faeaea; color: var(--danger); }
.status-awaiting_human_validation { background: #fff2d9; color: var(--warning); }

.facts { display: grid; grid-template-columns: minmax(150px, .5fr) 1.5fr; margin: 0; border-top: 1px solid var(--line); }
.facts dt, .facts dd { margin: 0; padding: .65rem .3rem; border-bottom: 1px solid var(--line); }
.facts dt { color: var(--muted); font-weight: 650; }
.warning { background: #fff4df; color: #754600; border: 1px solid #f0d69f; border-radius: 10px; padding: .9rem; }
.warning p { margin: .3rem 0 0; }
.output-box { background: #142033; color: #ecf3fa; border-radius: 12px; padding: 1rem; overflow: auto; }
.output-box h4 { margin-top: 0; }
.output-box pre { white-space: pre-wrap; word-break: break-word; }
.safety-line { color: #9ee0c9; font-weight: 700; }
.feedback { border-left: 4px solid var(--success); padding-left: .9rem; }
.feedback p { margin: .25rem 0; }
.decision-feedback { max-width: 680px; }

.history-list { display: grid; gap: .6rem; }
.history-item { display: flex; justify-content: space-between; gap: 1rem; width: 100%; text-align: left; background: #f7f9fb; border: 1px solid var(--line); }
.history-item span:first-child { display: grid; }
.history-item small { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.history-status { color: var(--muted); font-size: .85rem; }

.knowledge-warning { margin-bottom: 1rem; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 1.25rem; }
.metric { display: grid; gap: .2rem; border: 1px solid var(--line); border-radius: 12px; padding: .9rem; background: #f8fafc; }
.metric-value { font-size: 1.6rem; line-height: 1; }
.metric-label { color: var(--muted); font-size: .82rem; }
.metric-warning { background: #fff8ea; border-color: #efd9a7; }
.metric-danger { background: #fff0f0; border-color: #e8baba; }
.metric-success { background: #edf9f4; border-color: #b9e4d3; }
.corpus-controls { display: grid; gap: .85rem; border: 1px solid var(--line); border-radius: 12px; padding: 1rem; margin-bottom: 1rem; }
.corpus-preview-card { border: 1px solid var(--line); border-radius: 12px; padding: 1rem; margin-bottom: 1.25rem; }
.corpus-preview-card h3 { margin-top: 0; }
.warning-list { margin: .8rem 0 0; padding-left: 1.2rem; color: var(--warning); }
.review-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-top: 1.25rem; }
.review-heading h3 { margin-bottom: .5rem; }
.review-list { display: grid; gap: .6rem; }
.review-card { border: 1px solid var(--line); border-left: 4px solid var(--primary); border-radius: 10px; padding: .8rem .9rem; }
.review-card p { margin: .3rem 0; color: #34445b; }
.review-card small { color: var(--muted); }
.review-blocking { border-left-color: var(--danger); background: #fff8f8; }
.review-warning { border-left-color: var(--warning); background: #fffbf2; }
.review-card-heading { display: flex; justify-content: space-between; gap: 1rem; }
.review-role { color: var(--muted); font-size: .78rem; font-weight: 700; }

.guardrail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.guardrail { display: grid; gap: .4rem; border: 1px solid var(--line); border-radius: 12px; padding: .9rem; }
.guardrail span { font-size: .78rem; font-weight: 800; }
.guardrail-safe { background: #edf9f4; border-color: #b9e4d3; color: var(--success); }
.guardrail-danger { background: #fff0f0; border-color: #e8baba; color: var(--danger); }
.split-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.expert-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 1.5rem; align-items: start; }
.review-detail { position: sticky; top: 1rem; border-left: 1px solid var(--line); padding-left: 1.5rem; }
.filter-row { display: grid; grid-template-columns: auto 1fr auto 1fr; align-items: center; gap: .6rem; margin-bottom: 1rem; }
.filter-row label { font-weight: 700; }
.metric-grid-small { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.selectable-list .review-card { width: 100%; text-align: left; background: white; color: var(--ink); }
.selectable-list .review-card.selected { outline: 3px solid rgba(23, 107, 135, .22); border-color: var(--primary); }
.locked-action { color: var(--warning); background: #fff8ea; border: 1px solid #efd9a7; border-radius: 10px; padding: .8rem; font-size: .88rem; }
.account-form { margin: 1rem 0 1.4rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.qualification-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 1.25rem; }
.qualification-fields[hidden] { display: none; }
.table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.data-table th, .data-table td { padding: .7rem .6rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.data-table th { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.monospace { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.compact-form { gap: .75rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.infra-forms { margin-top: 1.2rem; }
.infra-forms h3 { margin: .2rem 0 .8rem; }
.capability-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.solution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.solution-card { display: grid; align-content: start; gap: .65rem; border: 1px solid var(--line); border-radius: 12px; padding: 1rem; background: #f8fafc; }
.solution-card.recommended { border-color: #79bba7; background: #f0faf6; }
.solution-card h4, .solution-card p { margin: 0; }
.solution-card ul { margin: 0; padding-left: 1.1rem; color: var(--muted); }
.solution-meta { display: flex; flex-wrap: wrap; gap: .4rem; }
.solution-meta span { border-radius: 999px; padding: .25rem .5rem; background: #e8edf3; color: #34445b; font-size: .75rem; font-weight: 700; }
.infra-plan-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.infra-review-comment { margin-top: .7rem; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 1.25rem; }
.auth-panel { width: min(100%, 560px); }
.auth-panel h1 { margin: .25rem 0 .5rem; }
.auth-panel > p { color: var(--muted); }
.single-form { grid-template-columns: 1fr; margin-top: 1.4rem; }

footer { max-width: 1120px; margin: 0 auto; padding: 0 1.25rem 2.5rem; color: var(--muted); font-size: .88rem; }

@media (max-width: 720px) {
  .hero, .panel-heading, .mission-top { flex-direction: column; }
  .hero { padding-top: 2rem; }
  form, .form-grid { grid-template-columns: 1fr; }
  .span-2 { grid-column: auto; }
  .facts { grid-template-columns: 1fr; }
  .facts dt { border-bottom: 0; padding-bottom: 0; }
  .facts dd { padding-top: .2rem; }
  .history-item { flex-direction: column; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-heading, .review-card-heading { flex-direction: column; }
  .topbar { grid-template-columns: 1fr; }
  .topbar strong, .topbar span { text-align: left; }
  .account-box { justify-content: flex-start; flex-wrap: wrap; }
  .role-grid, .guardrail-grid, .split-panel, .expert-layout, .solution-grid { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr; }
  .qualification-fields { grid-template-columns: 1fr; }
  .review-detail { position: static; border-left: 0; border-top: 1px solid var(--line); padding: 1rem 0 0; }
  .filter-row { grid-template-columns: 1fr; }
}

/* DX minimal-touch deployment candidate */
.success-box { background: #edf9f4; color: #225b49; border: 1px solid #b9e4d3; border-radius: 10px; padding: .9rem; }
.success-box p { margin: .3rem 0 0; }
.guided-deployment { display: grid; gap: 1rem; margin: 1.2rem 0; }
.guided-deployment .review-card { padding: 1rem; }
.advanced-details { margin-top: 1rem; border-top: 1px solid var(--line); padding-top: 1rem; }
.advanced-details summary { cursor: pointer; font-weight: 700; color: var(--muted); }

/* Parcours utilisateur : besoin → cadrage → CDC → développement */
.project-workspace { max-width: 980px; }
.project-workspace [hidden] { display: none !important; }
.project-hero { max-width: 980px; padding-bottom: 1.25rem; }
.project-hero h1 { font-size: clamp(2rem, 4vw, 2.8rem); }
.journey {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
  margin: 0 0 .25rem;
  padding: 0;
  list-style: none;
}
.journey-step {
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-width: 0;
  color: #8893a5;
  font-size: .84rem;
}
.journey-step::after {
  position: absolute;
  right: .35rem;
  left: 2.5rem;
  bottom: -.55rem;
  height: 2px;
  content: "";
  background: var(--line);
}
.journey-step:last-child::after { display: none; }
.journey-step span {
  display: grid;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid #cbd4df;
  border-radius: 999px;
  background: white;
  font-weight: 800;
}
.journey-step.is-active { color: var(--primary); }
.journey-step.is-active span { border-color: var(--primary); background: var(--primary); color: white; box-shadow: 0 0 0 5px rgba(23, 107, 135, .1); }
.journey-step.is-complete { color: var(--success); }
.journey-step.is-complete span { border-color: var(--success); background: #e5f6ef; }
.journey-step.is-complete::after { background: #80c6b2; }
.focus-panel { padding: clamp(1.4rem, 4vw, 2.5rem); border-top: 4px solid var(--primary); }
.lead-copy { max-width: 720px; margin: -.65rem 0 1.5rem; color: var(--muted); font-size: 1.05rem; }
.request-form { display: grid; grid-template-columns: 1fr; }
.request-form > label { font-weight: 800; font-size: 1.05rem; }
.request-form textarea { min-height: 12rem; padding: 1rem; font-size: 1rem; line-height: 1.6; resize: vertical; }
.request-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.request-footer small { max-width: 560px; color: var(--muted); }
.counter { white-space: nowrap; border-radius: 999px; background: #eef4f7; color: var(--primary-dark); padding: .38rem .7rem; font-size: .8rem; font-weight: 800; }
.progress-track { overflow: hidden; height: .38rem; margin: -1rem 0 1.5rem; border-radius: 999px; background: #e8edf3; }
.progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), #37a28c); transition: width .25s ease; }
.conversation { display: grid; max-height: 23rem; overflow-y: auto; gap: .75rem; padding: .25rem .2rem 1.25rem; }
.conversation-exchange { display: grid; gap: .75rem; }
.conversation-item { max-width: 82%; border-radius: 14px; padding: .8rem 1rem; }
.conversation-item p { margin: .25rem 0 0; white-space: pre-wrap; }
.ai-bubble { justify-self: start; border: 1px solid var(--line); border-bottom-left-radius: 4px; background: #f3f7f9; }
.user-bubble { justify-self: end; border-bottom-right-radius: 4px; background: #e7f2f6; color: #173c4b; }
.bubble-label, .card-label { color: var(--primary); font-size: .72rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.answer-card { display: grid; grid-template-columns: 1fr; margin-top: .2rem; padding: 1.25rem; border: 1px solid #c5d9e1; border-radius: 14px; background: #fbfdfe; }
.answer-card h3 { margin: -.3rem 0 0; font-size: 1.25rem; }
.answer-card .hint { margin: -.55rem 0 .2rem; }
.question-dimension { margin: 0; color: var(--primary); font-size: .76rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.answer-card textarea { resize: vertical; }
.reformulation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.reformulation-card { border: 1px solid var(--line); border-left: 4px solid var(--primary); border-radius: 12px; padding: 1rem; background: #f8fafc; }
.reformulation-card p { margin: .4rem 0 0; }
.cdc-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.cdc-heading h3, .cdc-heading p { margin: 0; }
.cdc-sections { display: grid; gap: 1rem; margin-top: 1rem; }
.cdc-facts { margin: 0; border: 1px solid var(--line); border-radius: 12px; padding: .25rem 1rem; }
.cdc-list-card { border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.1rem; }
.cdc-list-card h4 { margin: 0 0 .55rem; }
.cdc-list-card h5 { margin: 1rem 0 .55rem; }
.cdc-list-card ul, .revision-notes ul { margin: 0; padding-left: 1.2rem; }
.cdc-ai-review-card, .cdc-version-export { margin-top: 1rem; }
.cdc-ai-review-card > button { margin-top: .5rem; }
.cdc-review-question { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--line); }
.cdc-review-proposal { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; margin: .7rem 0; cursor: pointer; }
.cdc-review-proposal input { margin-top: .3rem; }
.cdc-review-proposal p { margin: .25rem 0 0; }
.cdc-version-export select { width: 100%; margin: .45rem 0 .8rem; }
.revision-notes { margin-top: 1rem; border: 1px solid #b9e4d3; border-radius: 12px; padding: 1rem; background: #edf9f4; color: #225b49; }
.revision-form { display: grid; grid-template-columns: 1fr; margin-top: 1.25rem; }
.revision-form > label { font-weight: 800; }
.revision-row { display: grid; grid-template-columns: 1fr auto; gap: .75rem; align-items: end; }
.revision-row textarea { resize: vertical; }
.validation-gate { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; margin-top: 1.5rem; border: 1px solid #e7cf9d; border-radius: 14px; padding: 1rem 1.1rem; background: #fffaf0; }
.validation-gate p { margin: .25rem 0 0; color: #72521e; font-size: .88rem; }
.validation-gate button { flex: 0 0 auto; max-width: 310px; }
.development-panel { display: grid; grid-template-columns: auto 1fr; gap: 1.25rem; border-color: #a9dcca; background: linear-gradient(135deg, #fff, #f1faf7); }
.development-mark { display: grid; width: 3.2rem; height: 3.2rem; place-items: center; border-radius: 999px; background: var(--success); color: white; font-size: 1.5rem; font-weight: 900; }
.development-panel h2 { margin: .15rem 0 .4rem; }
.development-panel p { margin-top: 0; }
.compact-facts { margin-bottom: 0; }
.history-panel { padding-top: 1.4rem; padding-bottom: 1.4rem; }
.panel-actions { margin-top: 0; }
.global-message { min-height: 1.4rem; margin: -.4rem 0 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }

@media (max-width: 720px) {
  .journey { grid-template-columns: repeat(4, 1fr); }
  .journey-step { justify-content: center; }
  .journey-step strong { display: none; }
  .journey-step::after { left: calc(50% + 1rem); right: calc(-50% + 1rem); }
  .request-footer, .validation-gate, .cdc-heading { align-items: stretch; flex-direction: column; }
  .reformulation-grid, .revision-row, .development-panel { grid-template-columns: 1fr; }
  .validation-gate button { max-width: none; }
  .conversation-item { max-width: 94%; }
}


/* Conversation de compréhension : IA locale + preuves utilisateur */
.understanding-bubble {
  max-width: 94%;
  border-left: 4px solid var(--primary);
  background: #f8fbfc;
}
.understanding-reflection {
  font-size: 1rem;
  line-height: 1.55;
}
.understanding-facts {
  margin-top: .8rem;
  padding: .75rem .85rem;
  border-radius: 10px;
  background: #edf9f4;
  color: #225b49;
}
.understanding-facts strong,
.understanding-warning strong { display: block; margin-bottom: .35rem; }
.understanding-facts ul,
.understanding-warning ul,
.understanding-unknowns ul { margin: .35rem 0 0; padding-left: 1.1rem; }
.understanding-facts li,
.understanding-warning li,
.understanding-unknowns li { margin: .3rem 0; }
.understanding-dimension {
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.understanding-warning {
  margin-top: .7rem;
  padding: .7rem .8rem;
  border: 1px solid #efd0b2;
  border-radius: 10px;
  background: #fff7ee;
  color: #7b4d17;
}
.understanding-unknowns {
  margin-top: .7rem;
  padding: .65rem .75rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: white;
}
.understanding-unknowns summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 750;
}
.understanding-proof {
  margin: .7rem 0 0 !important;
  color: var(--muted);
  font-size: .78rem;
}