.brand-mark { text-transform: none; }
.atlas-view-nav .nav-submit { margin-left: 12px; background: #cfebe0; color: #173e3d; border: 1px solid #98c5b4; }
.atlas-view-nav .nav-submit:hover, .atlas-view-nav .nav-submit:focus-visible { background: #bce1d2; }
.chart-view-nav a[aria-current="page"] { background: #163e40; color: #fff; }
.pivot-lab .chart-view-nav a[aria-current="page"] { background: #e5f3e9; color: #163e40; }
.review-submit-link { display: grid; gap: 3px; flex: none; max-width: 280px; padding: 16px 20px; border-radius: 16px; background: #183f40; color: #f7faf1; text-decoration: none; font-size: 12px; line-height: 1.35; box-shadow: 0 15px 32px #183f4024; transition: transform .2s, box-shadow .2s; }
.review-submit-link strong { font-size: 18px; }
.review-submit-link small { color: #cfe9dd; font-size: 11px; }
.review-submit-link:hover, .review-submit-link:focus-visible { transform: translateY(-3px); box-shadow: 0 19px 36px #183f4033; }
#submit-finding { scroll-margin-top: 82px; }
.finding-screenshot { display: grid; gap: 8px; }
.finding-screenshot input { width: 100%; padding: 12px; border: 1px dashed #8cae9d; border-radius: 10px; background: #f2f7f0; }
.finding-screenshot small { font-size: 11px; font-weight: 500; line-height: 1.5; letter-spacing: 0; text-transform: none; color: #53675c; }
.finding-screenshot-preview { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; }
.finding-screenshot-preview img { display: block; width: min(240px, 100%); max-height: 160px; object-fit: contain; border-radius: 8px; border: 1px solid #c8d8cb; background: #f0f3ee; }
.finding-screenshot-preview button { border: 1px solid #9db6a4; border-radius: 24px; background: #fff; color: #204e47; padding: 9px 12px; cursor: pointer; }
.community-screenshot { margin: 14px 0; }
.community-screenshot a { display: inline-block; max-width: min(420px, 100%); border: 1px solid #c4d7ca; border-radius: 10px; overflow: hidden; background: #f2f6f0; }
.community-screenshot img { display: block; width: 100%; max-height: 280px; object-fit: contain; }
.pivot-refine { margin-top: 10px; }
.pivot-refine summary { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 16px; border: 1px solid #8ab6aa; border-radius: 24px; color: #e8f5eb; cursor: pointer; font-size: 12px; font-weight: 700; }
.pivot-refine summary:hover, .pivot-refine summary:focus-visible { background: #2d6662; }
.pivot-refine[open] summary { margin-bottom: 10px; }
.pivot-controls--advanced { border: 1px solid #94b5a5; }
.pivot-lab > .pivot-controls { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pivot-refine .pivot-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.chart-presets button[aria-pressed="true"] { color: #fff; background: #174e50; border-color: #174e50; box-shadow: 0 4px 12px #174e5030; }
.chart-presets button:focus-visible, .pivot-presets button:focus-visible, .review-submit-link:focus-visible, .atlas-view-nav a:focus-visible { outline: 3px solid #d58d62; outline-offset: 3px; }
.chart-controls label, .pivot-controls label, .correlation-controls label, .comparison-spotlight__tools label, .insight-card__top label { font-size: 11px; letter-spacing: .055em; }
.chart-controls select, .pivot-controls select, .insight-card select, .control-bar select, .division-search select { min-height: 46px; border-radius: 10px; border-color: #a9c0b2; box-shadow: 0 2px 4px #153e3c0a; transition: border-color .15s, box-shadow .15s; }
.chart-controls select:hover, .pivot-controls select:hover, .insight-card select:hover, .control-bar select:hover, .division-search select:hover { border-color: #497f74; }
.chart-controls select:focus-visible, .pivot-controls select:focus-visible, .insight-card select:focus-visible, .control-bar select:focus-visible, .division-search select:focus-visible { outline: 3px solid #d58d62; outline-offset: 2px; box-shadow: 0 3px 11px #174e5022; }
@media (max-width: 700px) {
  .insight-heading { align-items: start; flex-direction: column; }
  .review-submit-link { max-width: none; width: 100%; }
  .pivot-lab > .pivot-controls, .pivot-refine .pivot-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .atlas-view-nav { flex-wrap: wrap; }
  .atlas-view-nav a { min-height: 44px; }
  .atlas-view-nav .nav-submit { margin-left: 0; }
}
@media (max-width: 360px) {
  .pivot-lab > .pivot-controls, .pivot-refine .pivot-controls { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .review-submit-link, .chart-controls select, .pivot-controls select, .insight-card select, .control-bar select, .division-search select { transition: none; }
  .review-submit-link:hover, .review-submit-link:focus-visible { transform: none; }
}