:root {
  --bg: #f6f1e8;
  --card: #ffffff;
  --card2: #fbf8f1;
  --text: #142235;
  --muted: #667487;
  --line: #e1d7c6;
  --blue: #2563a8;
  --red: #b4483f;
  --green: #176b5f;
  --shadow: 0 18px 50px rgba(20,34,53,.075);
}

body {
  background:
    linear-gradient(180deg, #fbf8f2 0%, #f6f1e8 48%, #f4edde 100%);
  color: var(--text);
}

.top {
  border-bottom: 1px solid rgba(225,215,198,.9);
  background: rgba(255,255,255,.92);
}

.brand {
  color: var(--text);
  font-family: Georgia, Cambria, serif;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.04em;
}

.top a { color: #637186; }

.hero h1 { color: var(--text); }

.hero p,
.status span,
.meta span,
.role span,
.below span,
.source,
.muted {
  color: var(--muted);
}

.panel,
.resultHead,
.processPanel,
.reportCover,
.reportSection,
.testForm,
.shareCard,
.compactReportCta,
.resultPanel .panel {
  background: rgba(255,255,255,.94);
  border-color: var(--line);
  box-shadow: var(--shadow);
}

.panelHead b,
.status div,
.below div,
.scoreGrid > div,
.reportGrid .panel,
.reportSummary > div,
.metricRow div,
.skillGapCards article,
.promptBox,
.timeline > div,
.proofGridLite > div,
.priorityList li,
.factTable,
.upgradeMap,
.factTable > div > *,
.upgradeMap > div > *,
.processSteps div,
.checkoutBullets span {
  background: #fbf8f1;
  border-color: var(--line);
}

.panelHead,
.meta b,
.role,
.role b,
.below b,
.status b,
.reportGrid h3,
.reportGrid h2,
.sectionHead h2,
.skillGapCards b,
.promptBox b,
.timeline b,
.proofGridLite b,
.priorityList b,
.metricRow b,
.reportSummary b {
  color: var(--text);
}

.leftPanel .panelHead,
.leftPanel .num,
.red,
.hero p .subRed {
  color: var(--red);
}

.rightPanel .panelHead,
.role.comp strong,
.green,
.hero p .subGreen,
.greenText {
  color: var(--green) !important;
}

.kicker {
  color: var(--muted);
}

.dot { background: #c6baa6; }

.go {
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.95), rgba(255,255,255,.78) 48%, rgba(246,241,232,.96) 100%);
  border-color: rgba(23,107,95,.74);
  box-shadow:
    0 0 0 1px rgba(23,107,95,.13),
    0 0 0 18px rgba(23,107,95,.045),
    0 28px 70px rgba(20,34,53,.14);
  animation: none;
}

.go::before {
  border-color: rgba(37,99,168,.28);
  box-shadow: inset 0 0 22px rgba(37,99,168,.055);
}

.go::after { border-color: rgba(20,34,53,.08); }

.go .ringFlow,
.go .ringFlow2 { display: none; }

.go span {
  color: var(--text);
  text-shadow: none;
  font-weight: 520;
}

.go small { color: var(--green); }

.go:hover {
  transform: scale(1.015);
  box-shadow:
    0 0 0 1px rgba(23,107,95,.18),
    0 0 0 22px rgba(23,107,95,.06),
    0 32px 80px rgba(20,34,53,.18);
}

.status div,
.below div { background: rgba(255,255,255,.74); }

.status b { color: #405268; }

.role { color: var(--text); }

.source { color: #7a8799; }

.testForm select,
.testForm option,
.miniInput,
.sprintInput {
  background: #ffffff;
  color: var(--text);
  border-color: var(--line);
}

.formActions button,
.ghostBtn,
.sharePlatforms a {
  background: #ffffff;
  border-color: var(--line);
  color: var(--text);
}

.formActions .runBtn,
.runBtn {
  background: var(--green);
  border-color: var(--green);
  color: #ffffff;
}

.processBar i {
  background: linear-gradient(90deg, var(--red), var(--blue), var(--green));
}

.scanRing {
  border-color: rgba(23,107,95,.72);
  box-shadow: 0 0 0 12px rgba(23,107,95,.035), 0 18px 50px rgba(20,34,53,.12);
}

.scanRing::before {
  background: conic-gradient(from 0deg, transparent, rgba(37,99,168,.36), rgba(23,107,95,.38), transparent 42%);
}

.scanRing small { color: var(--green); }

.scoreBar { background: #e7ddce; }

.jsonBox pre {
  color: var(--text);
  background: #fbf8f1;
}

.dangerPanel {
  border-color: rgba(180,72,63,.22) !important;
  background: #fff3ef !important;
}

.skillSprintCta,
.reportTrustBox {
  border-color: rgba(23,107,95,.24) !important;
  background: #edf7f3 !important;
}

.shareCard,
.reportCover { background: #ffffff; }

.cardBrand,
.shareCard h2,
.proofLine,
.reportCover h1,
.reportCover p,
.reportStamp span,
.reportGrid li,
.boundaryList li,
.cardRows div,
.promoBox .mini div {
  color: var(--text);
}

.badge,
.miniTag,
.reportStamp b {
  color: var(--green);
  border-color: rgba(23,107,95,.35);
  background: #edf7f3;
}

.cardRows div,
.promoBox .mini div {
  background: #fbf8f1;
  border-color: var(--line);
}

.cardFooter {
  color: var(--muted);
  border-top-color: var(--line);
}

.miniFooter,
.miniFooter a { color: var(--muted); }

.miniFooter a:hover { color: var(--text); }

.hero,
.compactHero,
.reportHero,
.promoHero {
  color: var(--text);
}

.eyebrow,
.leftKicker,
.sectionHead span,
.conf.high,
.conf.med {
  color: var(--green);
}

.price,
.num,
.scoreNote b {
  color: var(--text);
}

.checkBlock,
.sprintPanel,
.gptHandoff,
.promoBox,
.reportValuePanel,
.reportCheckoutPanel,
.boundaryPanel,
.sprintNext,
.resultPanel,
.jsonBox,
.cardShareInside,
.beforeAfterMini > div,
.handoffSteps div,
.factTable > div,
.upgradeMap > div {
  background: rgba(255,255,255,.94);
  border-color: var(--line);
}

.checkBlock b,
.sprintPanel h2,
.gptHandoff h2,
.promoBox h2,
.reportValuePanel h3,
.reportCheckoutPanel h3,
.boundaryPanel h2,
.sprintNext h2,
.resultPanel h2,
.cardShareInside b,
.beforeAfterMini span,
.handoffSteps b,
.factTable b,
.upgradeMap b {
  color: var(--text);
}

.checkBlock label,
.reportValuePanel li,
.reportCheckoutPanel p,
.sprintPanel p,
.gptHandoff p,
.promoBox p,
.beforeAfterMini p,
.cardShareInside small,
.scoreNote,
.formError {
  color: var(--muted);
}

textarea,
input,
select,
button {
  accent-color: var(--green);
}

.runBtn:hover,
.formActions .runBtn:hover {
  background: #11564d;
  border-color: #11564d;
}

.ghostBtn:hover,
.formActions button:hover,
.sharePlatforms a:hover {
  border-color: rgba(23,107,95,.42);
  color: var(--green);
}

.redBar i {
  background: linear-gradient(90deg, #d9a09a, var(--red));
}

.miniTag,
.badge,
.eyebrow {
  letter-spacing: 0;
}

@media (max-width: 900px) {
  .top { background: rgba(255,255,255,.95); }
}