/* Product and marketing use the same token source and button treatment. */
[data-workspace] {
 --w-ink: var(--ink);
 --w-muted: var(--muted);
 --w-border: var(--line);
 --w-ground: #f4f6f2;
}
.w-shell {
 display: block;
 position: relative;
 height: 940px;
 border-radius: 9px;
 box-shadow: none;
}
.w-main {
 height: 100%;
 display: flex;
 flex-direction: column;
 min-width: 0;
}
.w-topbar {
 flex-shrink: 0;
 background: #fff;
 gap: 15px;
 padding-inline: 23px;
 min-height: 64px;
}
.w-content {
 flex: 1;
 min-height: 0;
 padding: 27px;
 overflow: auto;
}
.w-primary-nav {
 display: flex;
 gap: 4px;
 align-items: center;
 padding: 0 20px;
 background: #fff;
 border-bottom: 1px solid var(--line);
 flex-shrink: 0;
 overflow-x: auto;
 scrollbar-width: thin;
}
.w-primary-nav > button {
 display: flex;
 gap: 8px;
 align-items: center;
 border: 0;
 border-bottom: 2px solid transparent;
 white-space: nowrap;
 padding: 15px 17px;
 font-size: 11px;
 font-weight: 600;
 color: var(--muted);
}
.w-primary-nav > button[aria-current='page'] {
 border-bottom-color: var(--brand);
 color: var(--brand);
 background: #f5f7f1;
}
.w-primary-nav > button > b {
 background: #dfebd3;
 padding: 1px 5px;
 border-radius: 4px;
 font-size: 9px;
 color: var(--brand);
}
.w-menu-toggle {
 display: grid;
 place-items: center;
 min-width: 34px;
 min-height: 34px;
 border: 1px solid var(--line);
 border-radius: 6px;
}
.w-topbar .language-switch {
 margin-left: auto;
}
.w-top-actions {
 gap: 12px;
}
.w-search-trigger {
 max-width: 280px;
}
.w-mobile-nav {
 display: none !important;
}
.w-menu-dialog {
 position: fixed;
 left: 0;
 right: auto;
 top: 0;
 bottom: 0;
 margin: 0;
 padding: 0;
 width: 290px;
 height: 100dvh;
 max-height: 100dvh;
 max-width: calc(100vw - 40px);
 border: 0;
 border-radius: 0;
 background: var(--brand);
 color: white;
}
.w-menu-dialog .w-sidebar {
 display: flex !important;
 height: 100%;
 background: var(--brand);
 position: relative;
 width: 100%;
 overflow: auto;
}
.w-menu-close {
 position: absolute;
 right: 17px;
 top: 20px;
 display: grid;
 place-items: center;
 color: #fff !important;
 width: 34px;
 height: 34px;
 z-index: 2;
}
.w-menu-dialog .w-navigation {
 flex: 1;
}
.w-menu-dialog .w-sidebar-bottom {
 margin-top: 20px;
}
.w-menu-dialog .w-wordmark {
 font-size: 35px;
}
[data-workspace] .w-button {
 border-radius: var(--button-radius);
 font-weight: var(--button-weight);
}
[data-workspace] .w-button.primary {
 background: var(--brand);
 border-color: var(--brand);
 color: white;
}
[data-workspace] .w-button.primary:hover {
 background: var(--brand-hover);
}
.workspace-page {
 background: var(--w-ground);
}
.workspace-page #site {
 height: 100dvh;
}
.workspace-page [data-workspace] {
 height: 100dvh;
}
.workspace-page .w-shell {
 height: 100dvh;
 border-radius: 0;
}
.workspace-page .w-content {
 padding: 30px 38px;
}
.workspace-page .w-page-head h2 {
 font-size: 28px;
}
.workspace-page .w-overview-grid {
 grid-template-columns: 1.2fr 1fr;
}
.workspace-page .w-statusbar {
 flex-shrink: 0;
}
@media (min-width: 1500px) {
 .workspace-page .w-content {
  padding-inline: max(38px, calc((100vw - 1480px) / 2));
 }
}
@media (max-width: 1000px) {
 .w-primary-nav > button {
  padding: 14px 12px;
 }
 .w-content {
  padding: 20px;
 }
 .w-search-trigger {
  max-width: 220px;
 }
 .workspace-page .w-content {
  padding: 24px;
 }
 .workspace-page .w-overview-grid {
  grid-template-columns: 1fr;
 }
}
@media (max-width: 650px) {
 .w-shell {
  height: 850px;
 }
 .w-topbar {
  padding: 10px 12px;
  gap: 10px;
  min-height: 59px;
 }
 .w-breadcrumb {
  display: none;
 }
 .w-search-trigger {
  display: flex !important;
  max-width: none;
  width: 32px !important;
  min-width: 32px;
  background: none;
  border: 0;
  padding: 6px;
 }
 .w-search-trigger > span,
 .w-search-trigger > kbd {
  display: none;
 }
 .w-top-actions {
  margin-left: auto;
  gap: 9px;
 }
 .w-top-actions .language-switch {
  display: flex;
 }
 .w-home-link {
  font-size: 10px;
 }
 .w-primary-nav {
  padding: 0 5px;
  gap: 0;
 }
 .w-primary-nav > button {
  padding: 13px 11px;
  font-size: 10px;
  gap: 6px;
  min-height: 45px;
 }
 .w-primary-nav .w-icon {
  width: 14px;
  height: 14px;
 }
 .w-content,
 .workspace-page .w-content {
  padding: 17px 12px;
 }
 .workspace-page .w-page-head h2 {
  font-size: 23px;
 }
 .w-statusbar {
  font-size: 8px;
 }
 .w-menu-dialog .w-navigation button {
  font-size: 13px;
  min-height: 45px;
 }
 .w-menu-dialog .w-sidebar {
  width: 100%;
 }
 .w-menu-dialog .w-sidebar-bottom {
  display: block;
 }
 .w-content .w-page-head {
  gap: 16px;
 }
 .w-content .w-assistant-compose {
  flex-wrap: wrap;
 }
 .w-content .w-assistant-compose textarea {
  min-width: 0;
  width: 100%;
 }
 .w-content .w-assistant-compose > .w-button {
  margin-left: auto;
 }
 .w-content .w-assistant-company {
  display: none;
 }
 .w-content .w-assistant-facts {
  grid-template-columns: 1fr;
 }
 .w-content .w-assistant-result-head {
  flex-wrap: wrap;
 }
 .w-content .w-assistant-impact li {
  flex-wrap: wrap;
 }
 .w-content .w-summary-band {
  grid-template-columns: 1fr 1fr;
 }
 .w-content .w-overview-grid {
  grid-template-columns: 1fr;
 }
 .w-content .w-day-job .w-row-title {
  flex-wrap: wrap;
 }
 .w-content .w-thread-meta {
  flex-wrap: wrap;
 }
 .w-content .w-breadcrumb {
  display: none;
 }
}
.w-menu-language {
 padding: 0 20px 12px;
 display: flex;
}
.w-menu-language .language-switch {
 border-color: #527060;
}
.w-menu-language .language-switch button {
 color: #fff;
}
.w-menu-language .language-switch button[aria-pressed='true'] {
 background: #e5eed9;
 color: var(--brand);
}
.w-dialog-head .language-switch {
 margin-left: auto;
}
.w-dialog-head h2 {
 flex: 1;
}
.w-dialog-head {
 gap: 12px;
}
@media (max-width: 650px) {
 .w-dialog-head {
  flex-wrap: wrap;
 }
 .w-dialog-head h2 {
  font-size: 20px;
  min-width: 160px;
 }
 .w-dialog-head .language-switch {
  order: 3;
  margin: 0;
 }
 .dialog-heading {
  flex-wrap: wrap;
 }
 .dialog-heading .language-switch {
  order: 3;
 }
}