:root {
  --accent: #2f7d5a !important;
  --accent-dark: #216247 !important;
  --accent-soft: #e4f2e8 !important;
  --accent-wash: #edf7f0 !important;
  --canvas: #f8fbf8 !important;
  --line: #dce8df !important;
  --success: #2f7d5a !important;
}

body {
  background: var(--canvas) !important;
}

.topbar .pati-brand {
  gap: 10px;
  line-height: 1 !important;
}

.topbar .pati-brand img {
  width: 43px !important;
  height: 43px !important;
  max-width: none !important;
  border-radius: 13px;
}

.brand-copy { display: flex; align-items: baseline; gap: 7px; color: #163a2b; }
.brand-copy b { font-size: 22px; letter-spacing: -.045em; }
.brand-copy small { font-size: 10px; font-weight: 900; letter-spacing: .16em; color: var(--accent); }
.eyebrow, .story-category { color: var(--accent) !important; }
.quick-nav-item.is-active, .nav-item.is-active { color: #fff !important; }
.quick-nav-item.is-active { background: var(--accent) !important; border-color: var(--accent) !important; box-shadow: 0 5px 12px rgba(47,125,90,.16) !important; }
.quick-nav-item.is-active::after, .progress i { background: var(--accent) !important; }
.open-story, .why-button, #edit-radar { color: var(--accent-dark) !important; }
.topic.is-selected, .preference-grid button.is-selected { background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important; }
.filter-button, .icon-button { border-color: #cfe1d4 !important; background: rgba(255,255,255,.88) !important; }
.story-card { border-color: #d8e6dc !important; box-shadow: 0 8px 24px rgba(33,98,71,.055) !important; }
.story-visual:not(.has-image) { background: linear-gradient(135deg, #173f2e, #2f7d5a 58%, #7eb88e) !important; }
.story-visual:not(.has-image)::after { content: '🐾'; position: absolute; right: 9%; top: 16%; font-size: clamp(62px, 18vw, 118px); opacity: .13; filter: grayscale(1) brightness(3); }
.ai-label { background: rgba(13,47,33,.82) !important; }
.status-verified { background: #e4f2e8 !important; color: #216247 !important; }
.reaction-follow, .apply-preferences, #pulse-vote { background: var(--accent) !important; border-color: var(--accent) !important; color: white !important; }
.reaction:hover, .take-grid button:hover, .take-grid button.is-selected { border-color: var(--accent) !important; color: var(--accent-dark) !important; background: var(--accent-wash) !important; }
.feed-thumb { background: linear-gradient(135deg, #d7eadc, #7eb88e) !important; }
.radar-tile:hover { border-color: #a9cfb5 !important; box-shadow: 0 12px 30px rgba(33,98,71,.10) !important; }
.tile-icon.coral, .tile-icon.moss { background: #dff0e4 !important; color: #216247 !important; }
.tile-icon.violet { background: #e9e5f2 !important; color: #615281 !important; }
.tile-icon.amber { background: #fff0cf !important; color: #8b6514 !important; }
.tile-icon.sky { background: #dff0ef !important; color: #286d69 !important; }
.tile-icon.rose { background: #f4e8df !important; color: #8c5b3c !important; }
.profile-avatar { background: var(--accent) !important; font-size: 27px !important; }
.dna-tags span { background: var(--accent-soft) !important; color: var(--accent-dark) !important; }
input[type='range'] { accent-color: var(--accent); }
.toast { background: #173f2e !important; }
.site-footer { margin: 42px 0 92px; padding: 22px 4px; border-top: 1px solid var(--line); color: #68766e; font-size: 12px; line-height: 1.6; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.site-footer a { color: var(--accent-dark); font-weight: 750; text-decoration: none; }
.site-footer p { margin: 12px 0 0; }

/* Pati flat UI: calm surfaces, clear labels, no legacy pink wash. */
.quick-nav {
  background: #fff !important;
  border-color: #d8e6dc !important;
  box-shadow: 0 3px 10px rgba(33,98,71,.045) !important;
}
.quick-nav-item { color: #65736b !important; }
.quick-nav-item:hover { background: #f0f7f2 !important; color: var(--accent-dark) !important; }
.quick-nav-item.is-active:hover { background: var(--accent) !important; color: #fff !important; }
.topic-row {
  padding: 6px !important;
  gap: 6px !important;
  background: #f1f7f3 !important;
  border: 1px solid #dcebe0 !important;
  border-radius: 16px !important;
}
.topic {
  color: #56645c !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  padding: 10px 13px !important;
}
.topic:hover { color: var(--accent-dark) !important; background: #fff !important; }
.topic.is-selected { color: #fff !important; background: var(--accent) !important; box-shadow: none !important; }
.topic.is-selected::before { display: none !important; }
.filter-button, .icon-button { box-shadow: 0 3px 10px rgba(33,98,71,.05) !important; }
.filter-button:hover, .icon-button:hover { background: #f0f7f2 !important; border-color: #b9d8c3 !important; color: var(--accent-dark) !important; }
.reaction-panel, .pulse-card, .dna-card { box-shadow: 0 5px 18px rgba(33,98,71,.045) !important; }
.bottom-nav { box-shadow: 0 -5px 18px rgba(33,98,71,.05) !important; }

@media (min-width: 621px) {
  .topbar .pati-brand img { width: 48px !important; height: 48px !important; }
  .brand-copy b { font-size: 25px; }
}
.seo-latest{margin:32px 0 12px}.seo-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.seo-latest-grid a{display:flex;flex-direction:column;gap:7px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none}.seo-latest-grid a:hover{border-color:#75a989;transform:translateY(-1px)}.seo-latest-grid small{color:#2f7d5a;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.seo-latest-grid strong{font-size:14px;line-height:1.35}.seo-latest-grid span{color:var(--muted);font-size:11px}@media(max-width:520px){.seo-latest-grid{grid-template-columns:1fr}}