/* Keep secondary information readable on phones and wide desktop displays. */
@media (max-width: 650px) {
  .hero-visual {
    overflow: clip;
    margin-bottom: 15px;
  }
  .visual-caption {
    bottom: 0;
  }
}
@media (min-width: 651px) and (max-width: 1000px) {
  .hero-visual {
    overflow: clip;
  }
}
.muted,
.microcopy {
  color: #687960;
}
.eyebrow {
  color: #697b5f;
}
.app-main .page-head > div > p:last-child {
  font-size: 12px;
  color: #6c7e60;
}
.side-nav > a {
  font-size: 13px;
}
.side-caption {
  font-size: 9px;
}
.side-user strong {
  font-size: 12px;
}
.side-user small {
  font-size: 10px;
}
.settings-link {
  font-size: 12px;
}
.side-install strong {
  font-size: 13px;
}
.side-install button {
  font-size: 10px;
  color: #b1c7a2;
}
.breadcrumb,
.today-date {
  font-size: 11px;
  color: #758567;
}
.stat-card > div {
  font-size: 12px;
  color: #6b7f5b;
}
.stat-card > small {
  font-size: 11px;
  color: #75866a;
}
.panel-heading h2,
.section-panel h2 {
  font-size: 19px;
}
.panel-heading > a {
  font-size: 11px;
  color: #697e56;
}
.next-step strong {
  font-size: 12px;
}
.next-step small {
  font-size: 11px;
  color: #728565;
}
.due-date {
  font-size: 10px;
  color: #8c7443;
}
.scout-callout p {
  font-size: 12px;
  color: #6b7f5b;
}
.scout-callout .eyebrow {
  font-size: 9px;
  color: #6b7f5b;
}
.scout-callout .button {
  font-size: 11px;
}
.direction-panel > p,
.direction-detail {
  font-size: 12px;
  color: #728565;
}
.direction-panel .quiet-link,
.direction-panel .tag {
  font-size: 10px;
}
.thought-note p {
  font-size: 13px;
  color: #6f825d;
}
.tag-soft {
  color: #687c57;
}
.job-meta,
.job-company {
  font-size: 12px;
  color: #6b7f5b;
}
.job-card .tag {
  font-size: 10px;
}
.job-reason {
  font-size: 11px;
  color: #68834f;
}
.job-bottom > span {
  font-size: 10px;
  color: #758669;
}
.save-button {
  font-size: 12px;
  color: #57733f;
}
.fit-pill small {
  font-size: 9px;
}
.fit-pill {
  color: #58783e;
}
.neutral-fit {
  color: #8d7841;
}
.demo-banner {
  font-size: 11px;
  color: #61724c;
}
.application-name > strong {
  font-size: 14px;
}
.application-name > small {
  font-size: 11px;
  color: #728565;
}
.application-next > strong {
  font-size: 11px;
  color: #728565;
}
.application-next > small {
  font-size: 10px;
  color: #7c8e6a;
}
.stage-pill {
  font-size: 10px;
}
.filter-tabs > button,
.filter-bar > select,
.search-field > input {
  font-size: 11px;
}
.pipeline-cell > span {
  font-size: 11px;
  color: #6b7f5b;
}
.field > span {
  font-size: 12px;
  color: #657d52;
}
.field input,
.field textarea,
.field select {
  font-size: 13px;
}
.profile-form .section-panel > p {
  font-size: 12px;
}
.profile-save > p {
  font-size: 11px;
  color: #758669;
}
.agent-console > p {
  font-size: 12px;
  color: #6b7f5b;
}
.agent-console-heading p {
  font-size: 11px;
  color: #718561;
}
.agent-profile-strip,
.agent-profile-strip > a {
  font-size: 11px;
  color: #657f50;
}
.agent-input > input {
  font-size: 12px;
}
.agent-input > .button {
  font-size: 12px;
}
.agent-footnote,
.agent-footnote .text-button {
  font-size: 10px;
  color: #6f825d;
}
.field-label {
  font-size: 12px;
}
.field-label > span {
  font-size: 10px;
  color: #718561;
}
.run-item summary strong {
  font-size: 13px;
}
.run-item summary small {
  font-size: 11px;
  color: #738565;
}
.run-detail {
  font-size: 12px;
}
.settings-grid p,
.settings-line {
  font-size: 12px;
}
.settings-line strong {
  color: #5d7748;
}
.settings-line {
  color: #728565;
}
.settings-footer {
  font-size: 11px;
  color: #718561;
}
.checkbox-label {
  font-size: 12px;
}
.profile-form .section-panel h2 {
  font-size: 22px;
}
.source-list {
  font-size: 11px;
}
.run-history .panel-heading > .muted {
  font-size: 11px;
}
.public-nav > nav {
  font-size: 13px;
}
.feature p {
  font-size: 13px;
  color: #687960;
}
.section-heading > p {
  font-size: 13px;
  color: #687960;
}
.truth-inner > div:last-child {
  font-size: 13px;
  color: #687960;
}
.faq-list details p {
  font-size: 13px;
}
.faq-list summary {
  font-size: 14px;
}
.hero-description {
  color: #687960;
}
.hero > .hero-copy > .microcopy {
  font-size: 12px;
}
.price-card ul {
  font-size: 13px;
}
.public-footer > span,
.public-footer > nav {
  font-size: 11px;
}
.announcement {
  font-size: 11px;
}
.public-footer .brand {
  font-size: 18px;
}
@media (max-width: 1150px) {
  .sidebar {
    width: 215px;
  }
  .workspace-body {
    margin-left: 215px;
  }
  .application-next {
    width: 150px;
  }
  .agent-input > input {
    font-size: 12px;
  }
  .stat-card > small {
    font-size: 10px;
  }
}
@media (max-width: 900px) {
  .sidebar {
    width: 190px;
  }
  .workspace-body {
    margin-left: 190px;
  }
  .side-nav > a {
    font-size: 12px;
  }
  .settings-link {
    font-size: 11px;
  }
  .side-user strong {
    font-size: 11px;
  }
  .side-user small {
    font-size: 9px;
  }
  .stat-card > div {
    font-size: 10px;
  }
  .stat-card > small {
    font-size: 9px;
  }
  .agent-footnote,
  .agent-footnote .text-button {
    font-size: 9px;
  }
  .profile-save > p {
    font-size: 10px;
  }
  .public-nav > nav {
    font-size: 11px;
  }
  .feature p {
    font-size: 12px;
  }
  .announcement {
    font-size: 9px;
  }
}
@media (max-width: 650px) {
  .workspace-body {
    margin-left: 0;
  }
  .app-main .page-head > div > p:last-child {
    font-size: 12px;
  }
  .demo-banner {
    font-size: 9px;
  }
  .stat-card > div {
    font-size: 11px;
  }
  .stat-card > small {
    font-size: 10px;
  }
  .scout-callout p {
    font-size: 12px;
  }
  .scout-callout .eyebrow {
    font-size: 8px;
  }
  .scout-callout .button {
    font-size: 11px;
  }
  .next-step strong {
    font-size: 12px;
  }
  .next-step small {
    font-size: 10px;
  }
  .due-date {
    font-size: 9px;
  }
  .panel-heading h2,
  .section-panel h2 {
    font-size: 18px;
  }
  .panel-heading > a {
    font-size: 10px;
  }
  .direction-panel > p,
  .direction-detail {
    font-size: 12px;
  }
  .direction-panel .tag,
  .direction-panel .quiet-link {
    font-size: 11px;
  }
  .job-card .tag {
    font-size: 10px;
  }
  .job-reason {
    font-size: 11px;
  }
  .job-bottom > span {
    font-size: 10px;
  }
  .job-meta,
  .job-company {
    font-size: 12px;
  }
  .save-button {
    font-size: 12px;
  }
  .agent-console > p {
    font-size: 12px;
  }
  .agent-console-heading p {
    font-size: 10px;
  }
  .agent-profile-strip,
  .agent-profile-strip > a {
    font-size: 10px;
  }
  .agent-input > input,
  .field input,
  .field select,
  .field textarea {
    font-size: 16px;
  }
  .field-label {
    font-size: 11px;
  }
  .field-label > span {
    font-size: 9px;
  }
  .agent-footnote,
  .agent-footnote .text-button {
    font-size: 9px;
  }
  .run-item summary strong {
    font-size: 12px;
  }
  .run-item summary small {
    font-size: 10px;
  }
  .run-detail {
    font-size: 12px;
  }
  .filter-bar > select {
    font-size: 10px;
  }
  .filter-tabs > button {
    font-size: 11px;
  }
  .pipeline-cell > span {
    font-size: 10px;
  }
  .applications-list .application-name > strong {
    font-size: 13px;
  }
  .applications-list .application-name > small {
    font-size: 10px;
  }
  .application-row > .stage-pill {
    font-size: 9px;
    min-width: 70px;
  }
  .application-next > strong {
    font-size: 11px;
  }
  .application-next > small {
    font-size: 10px;
  }
  .profile-form .section-panel > p {
    font-size: 12px;
  }
  .profile-form .section-panel h2 {
    font-size: 21px;
  }
  .profile-save > p {
    font-size: 11px;
  }
  .settings-grid p,
  .settings-line {
    font-size: 12px;
  }
  .settings-grid .checkbox-label {
    font-size: 12px;
  }
  .feature p,
  .section-heading > p,
  .truth-inner > div:last-child {
    font-size: 13px;
  }
  .faq-list details p {
    font-size: 12px;
  }
  .faq-list summary {
    font-size: 13px;
  }
  .price-card ul {
    font-size: 13px;
  }
  .public-footer > span {
    font-size: 10px;
  }
  .public-footer > nav {
    font-size: 10px;
  }
  .public-footer .brand {
    font-size: 16px;
  }
  .hero .microcopy {
    font-size: 11px;
  }
  .announcement {
    font-size: 9px;
  }
  .bottom-nav > a {
    font-size: 9px;
  }
}
@media (max-width: 360px) {
  .announcement {
    font-size: 8px;
  }
  .next-step strong {
    font-size: 11px;
  }
  .due-date {
    font-size: 8px;
  }
  .applications-list .application-name > strong {
    font-size: 12px;
  }
  .application-row > .stage-pill {
    font-size: 8px;
    min-width: 65px;
  }
}