.material-symbols-outlined { display: inline-block; width: 1em; min-width: 1em; overflow: hidden; white-space: nowrap; vertical-align: middle; }
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* Stitch Obsidian desktop tokens; amber retained from the balance-manager variant. */
:root {
  color-scheme: light;
  /* Brand, status and fixed tokens shared by both themes. */
  --surface-tint: #c0c1ff;
  --tertiary-fixed-dim: #4edea3;
  --on-tertiary-fixed-variant: #005236;
  --on-tertiary: #003824;
  --on-tertiary-container: #000703;
  --on-primary-fixed: #07006c;
  --on-primary-fixed-variant: #2f2ebe;
  --on-secondary-container: #00424e;
  --on-primary: #1000a9;
  --error-container: #93000a;
  --inverse-primary: #494bd6;
  --on-secondary: #003640;
  --secondary-fixed-dim: #4cd7f6;
  --primary-fixed: #e1e0ff;
  --on-error: #690005;
  --on-tertiary-fixed: #002113;
  --on-primary-container: #0d0096;
  --primary-fixed-dim: #c0c1ff;
  --secondary-container: #03b5d3;
  --primary-container: #8083ff;
  --secondary-fixed: #acedff;
  --on-error-container: #ffdad6;
  --on-secondary-fixed: #001f26;
  --on-secondary-fixed-variant: #004e5c;
  --tertiary-fixed: #6ffbbe;
  --tertiary-container: #00885d;
  /* Light theme (default). */
  --primary: #494bd6;
  --secondary: #0e7490;
  --tertiary: #047857;
  --error: #ba1a1a;
  --warning: #b45309;
  --surface: #f4f5fa;
  --background: #f4f5fa;
  --surface-dim: #e8eaf2;
  --surface-bright: #ffffff;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #ffffff;
  --surface-container: #ffffff;
  --surface-container-high: #eceef5;
  --surface-container-highest: #e2e5ef;
  --surface-variant: #e2e5ef;
  --on-surface: #1b1e28;
  --on-background: #1b1e28;
  --on-surface-variant: #50536a;
  --outline: #74768a;
  --outline-variant: #d6d8e4;
  --inverse-surface: #2c303b;
  --inverse-on-surface: #dfe2f1;
  --card-border: #dfe1ea;
  --card-strong-1: #ffffff;
  --card-strong-2: #f2f3f9;
  --header-bg: rgb(255 255 255 / 88%);
  --workspace-header-bg: rgb(255 255 255 / 55%);
  --error-text: #ba1a1a;
  --warning-text: #92400e;
  --warning-strong: #b45309;
  --success-text: #047857;
  --success-bg: #e7f8ef;
  --accent-text: #494bd6;
  --radius-card: .75rem;
  --gutter: 1.5rem;
}

html.dark {
  color-scheme: dark;
  --primary: #c0c1ff;
  --secondary: #4cd7f6;
  --tertiary: #4edea3;
  --error: #ffb4ab;
  --warning: #ffb95f;
  --surface: #0f131d;
  --background: #0f131d;
  --surface-dim: #0f131d;
  --surface-bright: #353944;
  --surface-container-lowest: #0a0e18;
  --surface-container-low: #171b26;
  --surface-container: #1c1f2a;
  --surface-container-high: #262a35;
  --surface-container-highest: #313540;
  --surface-variant: #313540;
  --on-surface: #dfe2f1;
  --on-background: #dfe2f1;
  --on-surface-variant: #c7c4d7;
  --outline: #908fa0;
  --outline-variant: #464554;
  --inverse-surface: #dfe2f1;
  --inverse-on-surface: #2c303b;
  --card-border: rgba(51,65,85,.75);
  --card-strong-1: rgba(30,41,59,.95);
  --card-strong-2: rgba(15,23,42,.95);
  --header-bg: rgb(15 19 29 / 95%);
  --workspace-header-bg: rgb(23 27 38 / 45%);
  --error-text: #ffb4ab;
  --warning-text: #ffddb8;
  --warning-strong: #ffb95f;
  --success-text: #baf3d9;
  --success-bg: #1e302a;
  --accent-text: #ceceff;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--surface); color: var(--on-surface); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
a { color: inherit; }
.font-display { font-family: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, sans-serif; }
.font-mono { font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; }

.container-page { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; }
.card { background: var(--surface-container-low); border: 1px solid var(--card-border); border-radius: 1rem; padding: 1.25rem; box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.card-strong { background: linear-gradient(180deg, var(--card-strong-1), var(--card-strong-2)); border: 1px solid rgba(99,102,241,.35); border-radius: 1.25rem; box-shadow: 0 0 0 1px rgba(99,102,241,.15), 0 24px 60px -30px rgba(99,102,241,.45); }
.input { display: block; width: 100%; border-radius: .65rem; border: 1px solid var(--outline-variant); background: var(--surface); color: var(--on-surface); padding: .72rem .85rem; outline: none; transition: border .15s ease, box-shadow .15s ease; }
.input::placeholder { color: var(--outline); }
.input:focus { border-color: #8083ff; box-shadow: 0 0 0 3px rgba(99,102,241,.22); }
.btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid rgba(255,255,255,.12); border-radius: .65rem; background: #8083ff; color: #fff; font-weight: 700; padding: .72rem 1rem; cursor: pointer; text-decoration: none; transition: transform .15s ease, background .15s ease, box-shadow .15s ease; }
.btn-primary:hover { background: #9496ff; box-shadow: 0 10px 24px -12px rgba(99,102,241,.8); }
.btn-primary:disabled { opacity: .45; cursor: not-allowed; }
.btn-secondary { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border: 1px solid var(--outline-variant); border-radius: .65rem; background: var(--surface-container); color: var(--on-surface); font-weight: 600; padding: .72rem 1rem; cursor: pointer; text-decoration: none; }
.btn-secondary:hover { background: var(--surface-container-high); }
.nav { display: block; border-radius: .65rem; color: var(--on-surface-variant); padding: .65rem .8rem; text-decoration: none; }
.nav:hover { background: var(--surface-container); color: #fff; }
.nav-top { color: var(--on-surface-variant); font-size: .92rem; font-weight: 600; padding: .5rem .75rem; border-radius: .6rem; text-decoration: none; }
.nav-top:hover { background: rgba(30,41,59,.85); color: #fff; }
.label { color: var(--on-surface-variant); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.metric { color: var(--on-surface); font-family: 'JetBrains Mono', monospace; font-size: 1.8rem; font-weight: 600; }
.table { width: 100%; border-collapse: collapse; }
.table th { color: var(--on-surface-variant); font-size: .72rem; letter-spacing: .08em; padding: .65rem .75rem; text-align: left; text-transform: uppercase; }
.table td { border-top: 1px solid var(--surface-container); padding: .7rem .75rem; font-size: .92rem; }
.flash { border: 1px solid var(--outline-variant); border-left: 4px solid #8083ff; border-radius: .75rem; background: var(--card-strong-2); margin-bottom: .75rem; padding: .75rem .9rem; }
.hero { position: relative; overflow: hidden; border: 1px solid rgba(99,102,241,.25); border-radius: 1.5rem; background: radial-gradient(circle at 20% 0%, rgba(99,102,241,.35), transparent 35%), radial-gradient(circle at 80% 10%, rgba(16,185,129,.18), transparent 30%), var(--surface-container-low); }
.hero:before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom, black, transparent 85%); pointer-events: none; }
.hero > * { position: relative; }
.pill { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid rgba(99,102,241,.35); border-radius: 999px; background: rgba(99,102,241,.12); color: var(--accent-text); font-size: .75rem; font-weight: 700; letter-spacing: .08em; padding: .35rem .65rem; text-transform: uppercase; }
.text-muted { color: var(--on-surface-variant); }
.prose-dark p { color: var(--on-surface-variant); line-height: 1.75; }
.material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; }
.app-main { width: 100%; max-width: 1480px; margin: 0 auto; }
.app-main > h1.font-display:first-child, .page-title { color: #fff; font-size: 30px; line-height: 38px; letter-spacing: -0.02em; margin-bottom: 1rem; }
.app-main .card { background: linear-gradient(180deg, var(--card-strong-1), var(--card-strong-2)); border: 1px solid rgba(70,69,84,.8); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.app-main .grid { align-items: stretch; }
.app-main .grid.items-start { align-items: start; }
.app-main .table { min-width: 0; }
.app-main .table td, .app-main .table th { overflow-wrap: anywhere; }
.nav { display: flex; align-items: center; gap: .55rem; }
.nav .material-symbols-outlined { font-size: 19px; color: var(--outline); }
.nav:hover .material-symbols-outlined { color: #c0c1ff; }
.stat-card { min-width: 0; overflow: hidden; }
.stat-card .metric, .metric-sm { font-size: clamp(1.15rem, 1.4vw, 1.7rem); line-height: 1.15; overflow-wrap: anywhere; word-break: break-word; }
.stat-card .label { overflow-wrap: anywhere; }

/* The shared shell and overflow protection are local CSS, independent of the CDN. */
html { min-height: 100%; scroll-padding-top: 5rem; }
body { min-width: 0; line-height: 1.6; overflow-wrap: anywhere; }
[hidden], [x-cloak] { display: none !important; }
img, video, canvas, svg { max-width: 100%; }
img, video { height: auto; }
iframe, audio { max-width: 100%; }
button, input, select, textarea { font: inherit; }
input, select, textarea, fieldset { min-width: 0; max-width: 100%; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
textarea { resize: vertical; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
:where(button, input, select, textarea):disabled { opacity: .5; cursor: not-allowed; }
:where(h1, h2, h3, p, a, label, dd, pre) { overflow-wrap: anywhere; }
:where(.grid, .flex) > * { min-width: 0; }
pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; }
.overflow-x-auto, .overflow-auto { max-width: 100%; overflow: auto; overscroll-behavior-x: contain; }
.card, .card-strong { min-width: 0; max-width: 100%; border-radius: var(--radius-card); }
.card { background: var(--surface-container-low); border-color: rgba(70,69,84,.65); }
.app-main .card { background: linear-gradient(145deg, var(--surface-container), var(--surface-container-low)); border-color: rgba(70,69,84,.55); box-shadow: inset 0 1px 0 rgb(255 255 255 / 3%), 0 8px 28px rgb(0 0 0 / 8%); }
.btn-primary, .btn-secondary { min-height: 44px; max-width: 100%; font-size: .875rem; line-height: 1.4; text-align: center; }
.btn-primary { background: var(--primary-container); color: #0d0096; border-color: transparent; box-shadow: 0 4px 18px rgb(128 131 255 / 14%); }
.btn-primary:hover { background: #a4a6ff; color: #07006c; }
.btn-secondary { background: var(--surface-container-high); border-color: var(--outline-variant); }
.btn-secondary:hover { background: var(--surface-container-highest); }
.input { background: var(--surface-container-lowest); border-color: var(--outline-variant); }
.input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgb(128 131 255 / 18%); }
.label { color: var(--on-surface-variant); font-size: .6875rem; line-height: 1.4; letter-spacing: .09em; }
.metric { font-size: 1.75rem; line-height: 1.2; letter-spacing: -.02em; overflow-wrap: anywhere; }
.table { table-layout: auto; }
.table th { color: var(--on-surface-variant); font-size: .6875rem; font-weight: 600; }
.table td { border-color: rgba(70,69,84,.5); font-size: .8125rem; }
.table tr:hover td { background: rgb(192 193 255 / 3%); }
.table-scroll { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; border-radius: .5rem; }
.table-scroll .table { min-width: 38rem; }
.table-scroll:focus-visible { outline-offset: -2px; }
.pill { color: var(--primary); border-color: rgb(192 193 255 / 20%); background: rgb(128 131 255 / 10%); font-size: .6875rem; letter-spacing: .05em; }
.flash { border-color: var(--outline-variant); border-left-color: var(--primary-container); background: var(--surface-container); }
.app-main { min-width: 0; width: 100%; max-width: 1480px; margin: 0 auto; padding: 2rem; }
.app-main > h1.font-display:first-child, .page-title { font-size: clamp(1.625rem, 2.4vw, 2rem); line-height: 1.25; letter-spacing: -.02em; }
.app-main > .flex.justify-between { flex-wrap: wrap; gap: 1rem; }
.app-main .text-slate-500 { color: #a09eaf; }
.app-main .text-brand { color: var(--primary); }
.skip-link { position: fixed; top: .5rem; left: .5rem; z-index: 100; padding: .65rem 1rem; border-radius: .5rem; background: var(--primary); color: var(--on-primary-fixed); transform: translateY(-160%); text-decoration: none; }
.skip-link:focus { transform: translateY(0); }
.shell-layout { display: flex; min-height: 100vh; min-height: 100dvh; }
.app-sidebar { position: sticky; top: 0; display: flex; flex-direction: column; width: 260px; height: 100vh; height: 100dvh; flex-shrink: 0; overflow-y: auto; overscroll-behavior: contain; padding: 1.5rem 1rem 1rem; border-right: 1px solid rgb(70 69 84 / 35%); background: var(--surface-container-lowest); scrollbar-width: thin; scrollbar-color: var(--outline-variant) transparent; }
.sidebar-brand-row { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin: 0 .5rem 1.5rem; }
.shell-brand { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.shell-brand img { display: block; width: 174px; height: 44px; object-fit: contain; }
.nav-section-label { margin: 1rem .85rem .6rem; color: var(--outline); font-size: .625rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.sidebar-nav { display: grid; gap: .25rem; }
.nav { position: relative; min-height: 44px; gap: .75rem; padding: .7rem .85rem; border-radius: .5rem; color: var(--on-surface-variant); font-size: .8125rem; font-weight: 500; line-height: 1.4; transition: background .15s, color .15s; }
.nav .material-symbols-outlined { font-size: 20px; flex-shrink: 0; color: inherit; }
.nav:hover { background: var(--surface-container); color: var(--on-surface); }
.nav.is-active { background: rgb(128 131 255 / 13%); color: var(--primary); font-weight: 600; box-shadow: inset 3px 0 var(--primary-container); }
.nav.is-active .material-symbols-outlined { color: var(--primary); font-variation-settings: 'FILL' 1; }
.sidebar-footer { margin-top: auto; padding-top: 1.5rem; }
.account-link { display: flex; align-items: center; gap: .7rem; margin: .5rem 0; padding: 1rem .6rem; border-top: 1px solid rgb(70 69 84 / 40%); text-decoration: none; }
.account-avatar { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border: 1px solid rgb(192 193 255 / 25%); border-radius: 50%; background: rgb(128 131 255 / 15%); color: var(--primary); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; }
.account-copy { min-width: 0; }
.account-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8125rem; font-weight: 600; }
.account-copy small { display: block; color: var(--outline); font-size: .6875rem; }
.shell-workspace { flex: 1; min-width: 0; }
.workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 84px; padding: 1rem 2rem; border-bottom: 1px solid rgb(70 69 84 / 30%); background: var(--workspace-header-bg); }
.workspace-eyebrow { display: block; color: var(--outline); font-size: .5625rem; font-weight: 700; letter-spacing: .16em; }
.workspace-header-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: .8125rem; font-weight: 600; }
.workspace-plan-link { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; color: var(--primary); text-decoration: none; font-size: .75rem; font-weight: 600; }
.workspace-plan-link .material-symbols-outlined { font-size: 19px; }
.icon-button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; border: 1px solid var(--outline-variant); border-radius: .65rem; background: var(--surface-container); color: var(--on-surface); cursor: pointer; }
.icon-button:hover { background: var(--surface-container-high); }
.mobile-app-header, .nav-toggle, .nav-close { display: none; }
.nav-backdrop { position: fixed; inset: 0; z-index: 40; background: rgb(0 0 0 / 65%); backdrop-filter: blur(3px); }
.public-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgb(70 69 84 / 45%); background: var(--header-bg); backdrop-filter: blur(16px); }
.public-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 76px; }
.public-nav, .public-auth-links { display: flex; align-items: center; gap: .25rem; }
.public-auth-links { margin-left: 1.25rem; gap: .65rem; }
.nav-top { display: inline-flex; align-items: center; min-height: 44px; font-size: .8125rem; }
.nav-top[aria-current="page"], .nav-top.is-active { color: var(--primary); background: rgb(128 131 255 / 10%); }
.public-main { min-width: 0; }
.public-main > .container-page { min-width: 0; }
.public-main > .container-page:first-child { margin-top: 1rem; }
.public-footer { margin-top: 4rem; padding: 2rem 0; border-top: 1px solid rgb(70 69 84 / 45%); font-size: .8125rem; color: var(--on-surface-variant); }
.public-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; }
.public-footer nav { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.public-footer a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.public-footer a:hover { color: var(--primary); }
/* Preserve the marketing lightbox even if utility CSS is unavailable. */
#shot-modal { position: fixed; inset: 0; z-index: 60; align-items: center; justify-content: center; padding: 1rem; background: rgb(0 0 0 / 80%); }
#shot-modal.hidden { display: none; }
#shot-modal.flex { display: flex; }
#shot-modal > div { width: 100%; max-width: 1152px; max-height: 92vh; overflow: auto; padding: 1rem; border: 1px solid var(--outline-variant); border-radius: .75rem; background: var(--surface-container-low); }
#shot-img { display: block; width: 100%; height: auto; }
@media (max-width: 1023px) {
  .shell-layout { display: block; }
  .mobile-app-header { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 68px; padding: .65rem 1rem; border-bottom: 1px solid rgb(70 69 84 / 45%); background: var(--header-bg); }
  .nav-toggle, .nav-close { display: inline-flex; }
  .app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 50; width: min(300px, calc(100vw - 2.5rem)); visibility: hidden; transform: translateX(-100%); transition: transform .2s ease, visibility .2s; }
  .app-sidebar.is-open { visibility: visible; transform: translateX(0); }
  body.nav-is-open { overflow: hidden; }
  .workspace-header { min-height: 64px; padding: .5rem 1.25rem; }
  .app-main { padding: 1.5rem 1.25rem; }
  .public-header-inner { flex-wrap: wrap; min-height: 68px; gap: 0; padding: .5rem 0; }
  .public-nav { display: none; width: 100%; flex-direction: column; align-items: stretch; gap: .25rem; padding: .75rem 0; max-height: calc(100dvh - 84px); overflow-y: auto; }
  .public-nav.is-open { display: flex; }
  .public-auth-links { margin: .5rem 0 0; padding-top: .75rem; border-top: 1px solid var(--outline-variant); }
  .public-auth-links > * { flex: 1; justify-content: center; }
}
@media (max-width: 639px) {
  .app-main { padding: 1.25rem 1rem; }
  .card { padding: 1rem; }
  .app-main .flex.justify-between, .public-main .flex.justify-between { flex-wrap: wrap; gap: .65rem; }
  .app-main form.flex { flex-wrap: wrap; }
  .app-main .grid-cols-2, .app-main .grid-cols-3, .app-main .grid-cols-4 { grid-template-columns: minmax(0, 1fr); }
  .app-main .grid > [class*="col-span-"] { grid-column: auto; }
  .app-main .input { font-size: 16px; }
  .app-main h1 { font-size: 1.625rem; line-height: 1.25; }
  .hero { padding: 1.5rem; }
  .hero h1 { font-size: clamp(2rem, 8vw, 2.75rem); }
  .public-footer { margin-top: 2.5rem; }
  #shot-close { flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}


/* Theme remap: dark-assumptive utilities and accents follow the active theme. */
.text-on-surface { color: var(--on-surface); }
.text-on-surface-variant { color: var(--on-surface-variant); }
.bg-surface-container-lowest { background-color: var(--surface-container-lowest); }
.bg-surface-container-low { background-color: var(--surface-container-low); }
.bg-surface-container { background-color: var(--surface-container); }
.bg-surface-container-high { background-color: var(--surface-container-high); }
.bg-surface-container-highest { background-color: var(--surface-container-highest); }
html:not(.dark) .text-white { color: var(--on-surface); }
html:not(.dark) .text-slate-300 { color: var(--on-surface); }
html:not(.dark) .text-slate-400 { color: var(--on-surface-variant); }
html:not(.dark) .text-slate-500 { color: var(--outline); }
html:not(.dark) .border-slate-700, html:not(.dark) .border-slate-800 { border-color: var(--outline-variant); }
html:not(.dark) .text-amber-200, html:not(.dark) .text-amber-300, html:not(.dark) .text-amber-400 { color: var(--warning-text); }
html:not(.dark) .text-red-200 { color: var(--error-text); }
html:not(.dark) .border-red-400 { border-color: #f87171; }
html:not(.dark) .card, html:not(.dark) .app-main .card { box-shadow: 0 1px 2px rgba(16,24,40,.06); }
html:not(.dark) .app-main > h1.font-display:first-child, html:not(.dark) .page-title { color: var(--on-surface); }
html:not(.dark) .nav:hover { background: var(--surface-container-high); color: var(--on-surface); }
html:not(.dark) .mint-text { color: #047857; }
html:not(.dark) .cyan-text { color: #0e7490; }
html:not(.dark) .status-pill.green { color: #047857; }
html:not(.dark) .status-pill.cyan { color: #0e7490; }
html:not(.dark) .status-pill.red { color: #ba1a1a; }
html:not(.dark) .refill-link strong { color: #0e7490; }
html:not(.dark) .network-stats small { color: #047857; }