.updates-page {
  scroll-padding-top: 160px;
}
.updates-hero {
  padding: 160px 0 72px;
  background: var(--night);
  color: var(--cream);
}
.updates-hero-inner {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 110px;
  align-items: center;
}
.updates-hero .eyebrow {
  color: #b8c8a6;
  font-size: 9px;
  letter-spacing: 1.7px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 27px;
}
.updates-hero .status-dot {
  background: var(--gold);
}
.updates-hero h1 {
  font-size: clamp(54px, 5.5vw, 80px);
  letter-spacing: -0.05em;
  line-height: 1.09;
}
.updates-hero h1 em {
  color: #b6c99b;
}
.updates-hero-inner > div > p:not(.eyebrow) {
  max-width: 440px;
  color: #b9c7af;
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.9;
}
.platform-card {
  padding: 30px;
  border: 1px solid #5b704c;
  border-radius: 8px;
  background: #a7b89f08;
  transform: rotate(2deg);
}
.platform-top {
  display: flex;
  gap: 17px;
  align-items: center;
  color: #c3d0b7;
  font-size: 8px;
  letter-spacing: 1.2px;
}
.platform-top img {
  width: 29px;
  height: 29px;
}
.platform-card strong {
  font-family: var(--serif);
  font-size: 29px;
  line-height: 1.25;
  letter-spacing: -0.6px;
  font-weight: 400;
  display: block;
  margin-top: 23px;
}
.platform-card > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  margin-top: 28px;
  padding-bottom: 12px;
  border-bottom: 1px solid #536844;
}
.platform-card > a > span[aria-hidden] {
  font-size: 21px;
}
.platform-card p {
  color: #bac8b0;
  font-size: 9px;
  margin-top: 14px;
}
.updates-sections {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 88px;
  z-index: 5;
}
.updates-sections > .container {
  display: flex;
  align-items: center;
  gap: 39px;
  min-height: 66px;
}
.updates-sections a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  padding-block: 16px;
}
.updates-sections a:hover {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.updates-sections a:first-child > span {
  background: #e8edde;
  font-size: 9px;
  border-radius: 4px;
  padding: 2px 5px;
}
.updates-sections .updates-home {
  margin-left: auto;
  font-size: 10px;
}
.catalog-section {
  padding-block: 80px;
  scroll-margin-top: 170px;
}
.catalog-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 70px;
  margin-bottom: 40px;
}
.catalog-heading .eyebrow {
  font-size: 9px;
  margin-bottom: 20px;
}
.catalog-heading h2 {
  font-size: 46px;
}
.catalog-heading > p {
  font-size: 13px;
  line-height: 1.9;
  max-width: 365px;
}
.catalog-tools {
  display: flex;
  gap: 35px;
  justify-content: space-between;
  align-items: center;
}
.skill-search {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #bbc6ad;
  background: #fffdf8;
  border-radius: 6px;
  padding: 0 17px;
  width: min(490px, 100%);
}
.skill-search:focus-within {
  outline: 2px solid #72885c;
  outline-offset: 2px;
}
.skill-search svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: #728561;
  stroke-width: 1.5;
  flex-shrink: 0;
}
.skill-search input {
  min-width: 0;
  width: 100%;
  background: none;
  border: none;
  padding: 16px 0;
  color: var(--green);
  font: inherit;
  font-size: 13px;
  outline: none;
}
.skill-search input::placeholder {
  color: #637357;
}
#skill-count {
  font-size: 11px;
  color: #637357;
}
.catalog-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 22px 0 29px;
}
.catalog-filters button {
  border: 1px solid #cdd6c2;
  background: none;
  font-size: 11px;
  padding: 10px 15px;
  border-radius: 5px;
  min-height: 40px;
  transition:
    background 0.2s,
    color 0.2s;
}
.catalog-filters button:hover {
  background: #edf1e5;
}
.catalog-filters button[aria-pressed="true"] {
  background: var(--green);
  color: var(--cream);
  border-color: var(--green);
}
.skills-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.skill-card {
  border: 1px solid #d7ddcc;
  border-radius: 7px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  background: #fffdf8;
  transition:
    transform 0.3s,
    border-color 0.3s,
    box-shadow 0.3s;
  scroll-margin-top: 190px;
}
.skill-card:hover {
  transform: translateY(-4px);
  border-color: #8da375;
  box-shadow: 0 14px 30px #0f2d2308;
}
.skill-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 8px;
  color: #61734f;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.skill-number {
  color: #5c6b51;
  font-family: var(--serif);
  font-size: 15px;
  letter-spacing: 0;
}
.skill-card h3 {
  font-family: var(--serif);
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -0.7px;
  margin: 20px 0 13px;
}
.skill-card > p {
  font-size: 12px;
  line-height: 1.85;
  margin-bottom: 22px;
}
.skill-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid #e0e5d6;
}
.skill-card-footer > span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 8px;
  color: #57694b;
}
.skill-card-footer i {
  background: #6b8751;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.skill-card-footer button {
  font-size: 10px;
  font-weight: 700;
  padding: 10px 0 10px 8px;
  background: transparent;
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.skill-card-footer button > span {
  font-size: 17px;
}
.skill-card-footer button:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.catalog-footnote {
  font-size: 10px;
  color: #647357;
  line-height: 1.8;
  margin-top: 25px;
  max-width: 730px;
}
.search-empty {
  text-align: center;
  padding: 60px 20px;
  border: 1px dashed #b3c0a3;
  border-radius: 8px;
}
.search-empty > span {
  font-size: 55px;
  color: #7c9464;
  line-height: 1;
  display: block;
  margin-bottom: 20px;
}
.search-empty h3 {
  font-family: var(--serif);
  font-size: 29px;
  letter-spacing: -0.6px;
}
.search-empty p {
  font-size: 13px;
  margin: 15px 0 24px;
}
.search-empty .button {
  font-size: 12px;
}
.news-section {
  background: #e8edde;
  padding-block: 75px;
  scroll-margin-top: 150px;
}
.news-layout {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 95px;
  align-items: center;
}
.news-layout .eyebrow {
  margin-bottom: 20px;
  font-size: 9px;
}
.news-layout h2 {
  font-size: 43px;
}
.news-layout > div > p:not(.eyebrow) {
  font-size: 13px;
  max-width: 300px;
  line-height: 1.9;
  margin-top: 25px;
}
.news-empty {
  display: flex;
  gap: 25px;
  padding: 35px;
  border: 1px solid #b9c6a8;
  border-radius: 8px;
  background: #f7f9f0;
}
.news-symbol {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  font-size: 25px;
  width: 39px;
  height: 39px;
  border: 1px solid #bac9a9;
  border-radius: 50%;
  color: #627f48;
}
.news-empty h3 {
  font-family: var(--serif);
  font-size: 26px;
  line-height: 1.3;
  letter-spacing: -0.6px;
}
.news-empty p {
  font-size: 12px;
  margin: 13px 0 12px;
  line-height: 1.9;
}
.news-empty .text-link {
  font-size: 11px;
}
.release-note {
  padding: 28px;
  border: 1px solid #bac9a9;
  border-radius: 6px;
  background: var(--paper);
  margin-bottom: 15px;
}
.release-note > div {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: #647554;
}
.release-note h3 {
  font-family: var(--serif);
  font-size: 26px;
  margin: 20px 0 14px;
}
.release-note p {
  font-size: 13px;
}
.planned-section {
  padding-block: 85px;
  scroll-margin-top: 150px;
}
.planned-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}
.planned-item {
  border-top: 1px solid #b5c2a8;
  padding-top: 25px;
}
.planned-state {
  color: #64551e;
  background: #eee4c8;
  border: 1px solid #d9c992;
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.9px;
}
.planned-item h3 {
  font-family: var(--serif);
  font-size: 27px;
  letter-spacing: -0.8px;
  line-height: 1.3;
  margin: 20px 0 13px;
}
.planned-item p {
  font-size: 13px;
  line-height: 1.9;
}
.planned-note {
  display: block;
  font-size: 9px;
  color: #627153;
  margin-top: 23px;
}
.updates-invitation {
  display: flex;
  align-items: center;
  gap: 35px;
  border: 1px solid #c4ceb6;
  border-radius: 9px;
  padding: 40px;
}
.updates-invitation > span {
  font-size: 65px;
  color: #829c69;
  line-height: 1;
}
.updates-invitation h2 {
  font-size: 33px;
  letter-spacing: -0.9px;
}
.updates-invitation p {
  font-size: 12px;
  margin-top: 15px;
}
.updates-invitation .button {
  margin-left: auto;
  font-size: 12px;
  white-space: nowrap;
}
.skill-dialog {
  max-width: 620px;
  max-height: calc(100svh - 40px);
  padding: 37px;
}
.skill-dialog > .dialog-close {
  position: sticky;
  top: 0;
  float: right;
  z-index: 1;
}
.skill-dialog .eyebrow {
  font-size: 8px;
  color: #637850;
  padding-right: 48px;
  margin-bottom: 20px;
}
.skill-dialog h2 {
  font-size: 35px;
  max-width: 440px;
  clear: both;
}
.skill-dialog .skill-detail-description {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.85;
}
.skill-dialog h3 {
  font-size: 12px;
  font-weight: 700;
  margin-top: 25px;
}
.skill-dialog ul {
  padding-left: 18px;
  font-size: 13px;
  color: #57684c;
  line-height: 1.9;
  margin-bottom: 25px;
}
.skill-dialog label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
}
.skill-dialog textarea {
  display: block;
  width: 100%;
  resize: vertical;
  padding: 16px;
  border: 1px solid #bdcbb0;
  border-radius: 5px;
  background: #eaf0e1;
  font: 13px/1.75 var(--sans);
  color: var(--green);
  min-height: 110px;
}
.skill-dialog textarea:focus-visible {
  outline: 3px solid #829c69;
  outline-offset: 2px;
}
.skill-dialog .skill-limit {
  font-size: 11px;
  color: #596b4c;
  line-height: 1.8;
  margin-top: 13px;
}
.skill-detail-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 25px;
}
.skill-detail-actions .button {
  font-size: 12px;
  padding: 14px 20px;
}
.skill-detail-actions .text-link {
  font-size: 12px;
}
.skill-dialog .skill-detail-note {
  font-size: 10px;
  line-height: 1.8;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid var(--line);
}
.copy-status {
  font-size: 12px;
  color: #355627;
  min-height: 20px;
}
@media (max-width: 1100px) {
  .updates-hero-inner {
    gap: 65px;
  }
  .updates-hero h1 {
    font-size: 64px;
  }
  .platform-card {
    padding: 24px;
  }
  .platform-card strong {
    font-size: 26px;
  }
  .skills-grid {
    gap: 14px;
  }
  .skill-card {
    padding: 20px;
  }
  .skill-card h3 {
    font-size: 23px;
  }
  .skill-card-footer {
    flex-wrap: wrap;
    gap: 4px;
  }
  .skill-card-footer > span {
    font-size: 9px;
  }
  .skill-card-footer button {
    margin-left: auto;
  }
  .news-layout {
    gap: 50px;
  }
  .news-empty {
    padding: 27px;
    gap: 20px;
  }
  .updates-invitation {
    padding: 30px;
    gap: 25px;
  }
  .updates-invitation h2 {
    font-size: 27px;
  }
  .updates-invitation > span {
    font-size: 50px;
  }
}
@media (max-width: 900px) {
  .updates-hero-inner {
    gap: 35px;
    grid-template-columns: 1.35fr 1fr;
  }
  .updates-hero h1 {
    font-size: 55px;
  }
  .platform-card strong {
    font-size: 23px;
  }
  .platform-top {
    font-size: 7px;
    gap: 10px;
  }
  .platform-card p {
    font-size: 8px;
  }
  .catalog-heading {
    gap: 45px;
  }
  .catalog-heading h2 {
    font-size: 39px;
  }
  .catalog-heading > p {
    max-width: 280px;
    font-size: 12px;
  }
  .skills-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .skill-card-footer {
    flex-wrap: nowrap;
  }
  .news-layout {
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
  }
  .news-layout h2 {
    font-size: 36px;
  }
  .news-empty {
    flex-direction: column;
  }
  .planned-grid {
    gap: 25px;
  }
  .planned-item h3 {
    font-size: 24px;
  }
  .planned-item p {
    font-size: 12px;
  }
  .updates-invitation {
    flex-wrap: wrap;
  }
  .updates-invitation .button {
    margin-left: 75px;
  }
  .updates-sections > .container {
    gap: 25px;
  }
  .updates-sections a {
    font-size: 11px;
  }
}
@media (max-width: 700px) {
  .updates-hero {
    padding: 123px 0 45px;
  }
  .updates-hero-inner {
    grid-template-columns: 1fr;
    gap: 37px;
  }
  .updates-hero h1 {
    font-size: clamp(44px, 12vw, 66px);
    letter-spacing: -0.05em;
  }
  .updates-hero .eyebrow {
    font-size: 8px;
    margin-bottom: 23px;
  }
  .updates-hero-inner > div > p:not(.eyebrow) {
    font-size: 13px;
    margin-top: 22px;
  }
  .platform-card {
    transform: none;
    padding: 22px;
    max-width: 440px;
  }
  .platform-card strong {
    font-size: 28px;
    margin-top: 20px;
  }
  .platform-top {
    font-size: 8px;
    gap: 15px;
  }
  .platform-card > a {
    margin-top: 20px;
  }
  .platform-card p {
    font-size: 9px;
  }
  .updates-sections {
    top: 78px;
  }
  .updates-sections > .container {
    gap: 19px;
    min-height: 58px;
  }
  .updates-sections a {
    font-size: 10px;
    gap: 6px;
    white-space: nowrap;
  }
  .updates-sections .updates-home {
    display: none;
  }
  .updates-sections a:first-child > span {
    font-size: 8px;
  }
  .catalog-section {
    padding-block: 55px;
    scroll-margin-top: 155px;
  }
  .catalog-heading {
    display: block;
    margin-bottom: 28px;
  }
  .catalog-heading .eyebrow {
    font-size: 8px;
    margin-bottom: 17px;
  }
  .catalog-heading h2 {
    font-size: 37px;
  }
  .catalog-heading > p {
    max-width: none;
    font-size: 13px;
    line-height: 1.85;
    margin-top: 23px;
  }
  .catalog-tools {
    flex-direction: column;
    gap: 13px;
    align-items: stretch;
  }
  .skill-search {
    width: 100%;
  }
  .skill-search input {
    font-size: 13px;
    padding-block: 15px;
  }
  #skill-count {
    font-size: 10px;
  }
  .catalog-filters {
    gap: 7px;
    padding-block: 20px 25px;
  }
  .catalog-filters button {
    font-size: 10px;
    padding: 10px 12px;
    min-height: 40px;
  }
  .skills-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .skill-card {
    padding: 23px;
  }
  .skill-card-meta {
    font-size: 8px;
  }
  .skill-card h3 {
    font-size: 27px;
    margin-top: 15px;
  }
  .skill-card > p {
    font-size: 13px;
    margin-bottom: 15px;
  }
  .skill-card-footer > span {
    font-size: 9px;
  }
  .skill-card-footer button {
    font-size: 11px;
  }
  .skill-card-footer {
    padding-top: 9px;
  }
  .catalog-footnote {
    font-size: 10px;
  }
  .news-section {
    padding-block: 55px;
  }
  .news-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .news-layout .eyebrow {
    font-size: 8px;
  }
  .news-layout h2 {
    font-size: 37px;
  }
  .news-layout > div > p:not(.eyebrow) {
    margin-top: 22px;
    max-width: 360px;
  }
  .news-empty {
    padding: 25px;
    gap: 20px;
  }
  .news-empty h3 {
    font-size: 27px;
  }
  .news-empty p {
    font-size: 13px;
  }
  .planned-section {
    padding-block: 55px;
  }
  .planned-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .planned-item h3 {
    font-size: 28px;
    margin-block: 17px 13px;
  }
  .planned-item p {
    font-size: 13px;
  }
  .planned-note {
    font-size: 10px;
    margin-top: 15px;
  }
  .updates-invitation {
    padding: 25px;
    gap: 23px;
  }
  .updates-invitation > span {
    font-size: 46px;
  }
  .updates-invitation h2 {
    font-size: 28px;
  }
  .updates-invitation h2 br {
    display: none;
  }
  .updates-invitation p {
    font-size: 13px;
  }
  .updates-invitation .button {
    margin-left: 0;
    font-size: 12px;
    width: 100%;
  }
  .skill-dialog {
    padding: 25px;
    max-height: calc(100svh - 24px);
  }
  .skill-dialog h2 {
    font-size: 31px;
  }
  .skill-dialog .eyebrow {
    font-size: 7px;
  }
  .skill-dialog .skill-detail-description {
    font-size: 13px;
  }
  .skill-detail-actions {
    gap: 17px;
  }
  .skill-detail-actions .button {
    padding-inline: 15px;
    font-size: 11px;
  }
  .skill-detail-actions .text-link {
    font-size: 11px;
  }
  .skill-dialog textarea {
    font-size: 13px;
  }
}

/* Catálogo informado pela Elis: capacidades, rotinas e conexões têm estados próprios. */
.catalog-overview {display:flex; gap:34px; margin-top:35px; padding-top:25px; border-top:1px solid #617454; max-width:490px;}
.catalog-overview > div {display:flex;flex-direction:column-reverse;gap:6px;}
.catalog-overview dd {font-family:var(--serif);font-size:38px;line-height:1.1;color:var(--cream);margin:0;}
.catalog-overview dt {font-size:10px;color:#c4d0ba;}
.updates-sections > .container {gap:29px;}
.routines-section {background:var(--night);color:var(--cream);padding:90px 0;scroll-margin-top:150px;}
.routines-layout {display:grid;grid-template-columns:1fr 1.6fr;gap:95px;align-items:start;}
.routines-intro .eyebrow {font-size:9px;color:#c2cfae;margin-bottom:25px;}
.routines-intro h2 {font-size:45px;line-height:1.13;}
.routines-intro h2 em {color:#b6c99b;}
.routines-intro > p:not(.eyebrow) {font-size:13px;line-height:1.9;color:#c6d1c0;margin-top:25px;max-width:330px;}
.routine-opt-in {display:flex;gap:16px;margin-top:30px;border-top:1px solid #54654b;padding-top:25px;}
.routine-opt-in > span {font-size:24px;color:var(--gold);}
.routine-opt-in p {font-size:11px;line-height:1.9;color:#c6d1c0;}
.routine-opt-in strong {display:block;color:var(--cream);font-weight:500;margin-bottom:5px;}
.routine-item {display:grid;grid-template-columns:30px 1fr auto;gap:16px;padding:25px 0;border-top:1px solid #45593e;}
.routine-number {font-family:var(--serif);font-size:21px;color:#b1c497;}
.routine-cadence {font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#b9caa6;margin:0 0 9px;}
.routine-item h3 {font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.5px;line-height:1.2;}
.routine-item p:not(.routine-cadence) {font-size:12px;line-height:1.85;margin-top:12px;color:#c6d1c0;}
.routine-status {font-size:9px;color:#d5c381;white-space:nowrap;padding-top:5px;}
.routine-item details {margin-top:12px;}
.routine-item summary {cursor:pointer;font-size:11px;list-style:none;display:flex;gap:20px;align-items:center;min-height:38px;color:#e2e8d8;}
.routine-item summary::-webkit-details-marker,.integration-item summary::-webkit-details-marker {display:none;}
.routine-item details[open] summary > span {transform:rotate(45deg);}
.integrations-section {padding-block:85px;scroll-margin-top:160px;}
.integration-guidance {font-size:12px;color:#57694b;max-width:740px;line-height:1.9;margin-bottom:32px;}
.integration-list {display:grid;grid-template-columns:1fr 1fr;column-gap:45px;align-items:start;}
.integration-item {border-top:1px solid #bac7ad;}
.integration-item summary {display:grid;grid-template-columns:1fr auto 14px;gap:15px;padding:25px 0;cursor:pointer;list-style:none;}
.integration-summary {display:flex;flex-direction:column;gap:12px;min-width:0;}
.integration-kind {font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#5b6d4e;}
.integration-summary strong {font-family:var(--serif);font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.5px;}
.integration-summary > span:last-child {font-size:12px;line-height:1.8;}
.integration-status {font-size:8px;align-self:start;background:#e8edde;color:#405631;border:1px solid #c9d4bc;border-radius:3px;padding:5px 7px;max-width:135px;}
.integration-status.is-pending {background:#eee4c8;color:#64551e;border-color:#d9c992;}
.integration-plus {font-size:23px;line-height:1;color:#637d4e;transition:transform .2s;}
.integration-item[open] .integration-plus {transform:rotate(45deg);}
.integration-body {padding:0 28px 25px 0;}
.integration-body dl {margin:0;padding:20px;border-left:2px solid #a5b58f;background:#eef1e7;display:grid;gap:18px;}
.integration-body dt {font-size:10px;font-weight:700;margin-bottom:6px;}
.integration-body dd {font-size:12px;line-height:1.8;margin:0;}
.planned-waitlist {display:flex;align-items:center;gap:10px;font-size:12px;margin-top:18px;min-height:44px;}
@media(max-width:1100px) {.routines-layout{gap:45px}.integration-item summary{grid-template-columns:1fr 18px}.integration-status{grid-column:1;grid-row:2;max-width:none;justify-self:start}.integration-plus{grid-column:2;grid-row:1}.updates-sections>.container{gap:23px}.updates-home{display:none!important}}
@media(max-width:700px) {.catalog-overview{gap:25px}.catalog-overview dd{font-size:33px}.catalog-overview dt{font-size:9px}.routines-section{padding:60px 0}.routines-layout{grid-template-columns:1fr;gap:35px}.routines-intro h2{font-size:38px}.routine-item{grid-template-columns:25px 1fr;gap:12px}.routine-status{grid-column:2;grid-row:2;padding:0}.routine-item h3{font-size:25px}.integrations-section{padding-block:65px}.integration-list{grid-template-columns:1fr}.integration-item summary{grid-template-columns:1fr 18px}.updates-sections>.container{overflow-x:auto;gap:25px;padding-inline:0;max-width:calc(100% - 40px)}.updates-sections a{white-space:nowrap}.integration-body{padding-right:0}}
@media(prefers-reduced-motion:reduce) {.integration-plus{transition:none}}
.integration-summary > span:last-child { color: #4d624a; }

.integration-item summary > .integration-summary { color: #173629; transform: none; }
.integration-item summary > .integration-status { transform: none; }