/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-teal-50:oklch(98.4% .014 180.72);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.bottom-4{bottom:calc(var(--spacing) * 4)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-7{margin-left:calc(var(--spacing) * 7)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-screen{height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-10{width:calc(var(--spacing) * 10)}.w-72{width:calc(var(--spacing) * 72)}.max-w-\[560px\]{max-width:560px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-teal-600{border-color:var(--color-teal-600)}.border-transparent{border-color:#0000}.bg-teal-600{background-color:var(--color-teal-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.p-5{padding:calc(var(--spacing) * 5)}.p-10{padding:calc(var(--spacing) * 10)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[15px\]{font-size:15px}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-gray-800{color:var(--color-gray-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-700{color:var(--color-slate-700)}.text-teal-600{color:var(--color-teal-600)}.uppercase{text-transform:uppercase}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-teal-50:hover{background-color:var(--color-teal-50)}.hover\:bg-teal-700:hover{background-color:var(--color-teal-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-teal-500:focus{--tw-ring-color:var(--color-teal-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.aria-expanded\:rotate-180[aria-expanded=true]{rotate:180deg}.aria-\[current\]\:bg-slate-100[aria-current]{background-color:var(--color-slate-100)}.aria-\[current\]\:font-medium[aria-current]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-\[current\]\:text-slate-900[aria-current]{color:var(--color-slate-900)}.data-\[active\]\:bg-slate-200[data-active]{background-color:var(--color-slate-200)}.data-\[active\]\:bg-transparent[data-active]{background-color:#0000}.data-\[active\]\:font-medium[data-active]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\]\:text-slate-900[data-active]{color:var(--color-slate-900)}@media not all and (min-width:48rem){.max-md\:fixed{position:fixed}.max-md\:inset-y-0{inset-block:calc(var(--spacing) * 0)}.max-md\:left-0{left:calc(var(--spacing) * 0)}.max-md\:z-50{z-index:50}.max-md\:-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-md\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.max-md\:duration-300{--tw-duration:.3s;transition-duration:.3s}.max-md\:data-\[open\]\:translate-x-0[data-open]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media (min-width:40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:hidden{display:none}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
:root {
  --seed-color-primary: #0f766e;
  --seed-color-primary-soft: #f0fdfa;
  --seed-color-primary-hover: #0d9488;
  --seed-color-primary-strong: #115e59;
  --seed-color-primary-content: #ffffff;
  --seed-color-secondary: #64748b;
  --seed-color-secondary-content: #ffffff;
  --seed-color-accent: #f97316;
  --seed-color-accent-soft: #fff7ed;
  --seed-color-accent-content: #ffffff;
  --seed-color-neutral: #111827;
  --seed-color-neutral-content: #ffffff;
  --seed-color-info: #0284c7;
  --seed-color-info-content: #ffffff;
  --seed-color-success: #16a34a;
  --seed-color-success-soft: #f0fdf4;
  --seed-color-success-content: #ffffff;
  --seed-color-warning: #ca8a04;
  --seed-color-warning-soft: #fefce8;
  --seed-color-warning-content: #ffffff;
  --seed-color-danger: #dc2626;
  --seed-color-danger-soft: #fef2f2;
  --seed-color-danger-content: #ffffff;
  --seed-color-surface: #ffffff;
  --seed-color-surface-muted: #f8fafc;
  --seed-color-text: #111827;
  --seed-color-text-muted: #64748b;
  --seed-color-text-subtle: #94a3b8;
  --seed-color-border: #e2e8f0;
  --seed-color-border-strong: #cbd5e1;
  --seed-space-xs: 0.25rem;
  --seed-space-sm: 0.5rem;
  --seed-space-md: 1rem;
  --seed-space-lg: 1.5rem;
  --seed-space-xl: 2rem;
  --seed-space-2xl: 3rem;
  --seed-space-3xl: 4rem;
  --seed-radius-none: 0;
  --seed-radius-sm: 0.375rem;
  --seed-radius-md: 0.75rem;
  --seed-radius-lg: 1rem;
  --seed-radius-xl: 1.5rem;
  --seed-radius-pill: 9999px;
  --seed-border-none: 0;
  --seed-border-thin: 1px;
  --seed-border-medium: 2px;
  --seed-border-thick: 4px;
  --seed-shadow-none: none;
  --seed-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
  --seed-shadow-md: 0 4px 12px rgb(0 0 0 / 0.10);
  --seed-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.15);
  --seed-font-size-xs: 0.75rem;
  --seed-font-size-sm: 0.875rem;
  --seed-font-size-md: 1rem;
  --seed-font-size-lg: 1.125rem;
  --seed-font-size-xl: 1.25rem;
  --seed-font-size-2xl: 1.5rem;
  --seed-font-size-3xl: 1.875rem;
  --seed-font-size-4xl: 2.25rem;
  --seed-font-weight-normal: 400;
  --seed-font-weight-medium: 500;
  --seed-font-weight-semibold: 600;
  --seed-font-weight-bold: 700;
  --seed-z-index-base: 0;
  --seed-z-index-dropdown: 20;
  --seed-z-index-overlay: 40;
  --seed-z-index-modal: 50;
  --seed-z-index-toast: 60;
  --seed-z-index-tooltip: 70;
}
/* ========================================
       ANIMATIONS (Reveal on Scroll)
======================================== */

/* js-ready é adicionado pelo seed-ui.js no <html>.
   Sem JS, elementos são visíveis normalmente. */

.js-ready .reveal {
  opacity: 0;
  transform: translateY(64px);
  transition:
    opacity 1s ease-out,
    transform 0.5s ease-out;
}

.js-ready .reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.js-ready .reveal.reveal-delay-1 {
  transition-delay: 0.1s;
}
.js-ready .reveal.reveal-delay-2 {
  transition-delay: 0.2s;
}
.js-ready .reveal.reveal-delay-3 {
  transition-delay: 0.3s;
}
.js-ready .reveal.reveal-delay-4 {
  transition-delay: 0.4s;
}

/* Lateral entrances */
.js-ready .reveal-left {
  opacity: 0;
  transform: translateX(-48px);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.js-ready .reveal-right {
  opacity: 0;
  transform: translateX(48px);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

.js-ready .reveal-left.visible,
.js-ready .reveal-right.visible {
  opacity: 1;
  transform: translateX(0);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .js-ready .reveal,
  .js-ready .reveal-left,
  .js-ready .reveal-right {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
/* ========================================
       PIN (Sticky stacking sections)
======================================== */

section, footer {
  position: relative;
}

.pin {
  position: sticky;
  top: 3.5rem;
}

.pin-col {
  position: sticky;
  top: 3.5rem;
  align-self: start;
}

/* Nav active state */
.seed-nav-item.active {
  background-color: rgb(243 244 246);
  color: rgb(17 24 39);
  font-weight: 600;
}

/* ========================================
       SIDEBAR (gaveta mobile)
======================================== */

/* Overlay como pseudo-elemento: nenhum markup extra, e o clique cai no body,
   que o sidebar.js já trata como "clique fora" para fechar. */
@media (max-width: 767px) {
  body.seed-sidebar-open {
    overflow: hidden;
  }

  body.seed-sidebar-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 40;
    background: rgb(0 0 0 / 0.4);
  }
}

/* Gerado por tools/gen_sidebar.py — não editar à mão. */

.page-index [data-nav-row][data-page="index"],
.page-index a[data-page="index"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-what-you-can-do [data-nav-row][data-page="what-you-can-do"],
.page-what-you-can-do a[data-page="what-you-can-do"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-first-steps [data-nav-row][data-page="first-steps"],
.page-first-steps a[data-page="first-steps"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started [data-nav-row][data-page="getting-started"],
.page-getting-started a[data-page="getting-started"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-create-account [data-nav-row][data-page="getting-started-create-account"],
.page-getting-started-create-account a[data-page="getting-started-create-account"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-create-account [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-onboarding [data-nav-row][data-page="getting-started-onboarding"],
.page-getting-started-onboarding a[data-page="getting-started-onboarding"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-onboarding [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-accept-invite [data-nav-row][data-page="getting-started-accept-invite"],
.page-getting-started-accept-invite a[data-page="getting-started-accept-invite"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-accept-invite [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-sign-in [data-nav-row][data-page="getting-started-sign-in"],
.page-getting-started-sign-in a[data-page="getting-started-sign-in"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-sign-in [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-recover-password [data-nav-row][data-page="getting-started-recover-password"],
.page-getting-started-recover-password a[data-page="getting-started-recover-password"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-recover-password [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-getting-started-switch-account [data-nav-row][data-page="getting-started-switch-account"],
.page-getting-started-switch-account a[data-page="getting-started-switch-account"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-getting-started-switch-account [data-nav-anchors][data-page="getting-started"] {
  display: flex;
}

.page-overview [data-nav-row][data-page="overview"],
.page-overview a[data-page="overview"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-overview [data-nav-anchors][data-page="overview"] {
  display: flex;
}

.page-overview-numbers [data-nav-row][data-page="overview-numbers"],
.page-overview-numbers a[data-page="overview-numbers"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-overview-numbers [data-nav-anchors][data-page="overview"] {
  display: flex;
}

.page-overview-financial [data-nav-row][data-page="overview-financial"],
.page-overview-financial a[data-page="overview-financial"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-overview-financial [data-nav-anchors][data-page="overview"] {
  display: flex;
}

.page-my-tasks [data-nav-row][data-page="my-tasks"],
.page-my-tasks a[data-page="my-tasks"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-my-tasks [data-nav-anchors][data-page="my-tasks"] {
  display: flex;
}

.page-my-tasks-tabs [data-nav-row][data-page="my-tasks-tabs"],
.page-my-tasks-tabs a[data-page="my-tasks-tabs"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-my-tasks-tabs [data-nav-anchors][data-page="my-tasks"] {
  display: flex;
}

.page-my-tasks-find [data-nav-row][data-page="my-tasks-find"],
.page-my-tasks-find a[data-page="my-tasks-find"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-my-tasks-find [data-nav-anchors][data-page="my-tasks"] {
  display: flex;
}

.page-my-tasks-reschedule [data-nav-row][data-page="my-tasks-reschedule"],
.page-my-tasks-reschedule a[data-page="my-tasks-reschedule"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-my-tasks-reschedule [data-nav-anchors][data-page="my-tasks"] {
  display: flex;
}

.page-my-tasks-assistant [data-nav-row][data-page="my-tasks-assistant"],
.page-my-tasks-assistant a[data-page="my-tasks-assistant"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-my-tasks-assistant [data-nav-anchors][data-page="my-tasks"] {
  display: flex;
}

.page-updates [data-nav-row][data-page="updates"],
.page-updates a[data-page="updates"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-updates [data-nav-anchors][data-page="updates"] {
  display: flex;
}

.page-updates-clear [data-nav-row][data-page="updates-clear"],
.page-updates-clear a[data-page="updates-clear"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-updates-clear [data-nav-anchors][data-page="updates"] {
  display: flex;
}

.page-feed [data-nav-row][data-page="feed"],
.page-feed a[data-page="feed"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-feed [data-nav-anchors][data-page="feed"] {
  display: flex;
}

.page-feed-post [data-nav-row][data-page="feed-post"],
.page-feed-post a[data-page="feed-post"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-feed-post [data-nav-anchors][data-page="feed"] {
  display: flex;
}

.page-feed-enable [data-nav-row][data-page="feed-enable"],
.page-feed-enable a[data-page="feed-enable"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-feed-enable [data-nav-anchors][data-page="feed"] {
  display: flex;
}

.page-tasks [data-nav-row][data-page="tasks"],
.page-tasks a[data-page="tasks"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-find [data-nav-row][data-page="tasks-find"],
.page-tasks-find a[data-page="tasks-find"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-find [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-create [data-nav-row][data-page="tasks-create"],
.page-tasks-create a[data-page="tasks-create"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-create [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-fields [data-nav-row][data-page="tasks-fields"],
.page-tasks-fields a[data-page="tasks-fields"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-fields [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-status [data-nav-row][data-page="tasks-status"],
.page-tasks-status a[data-page="tasks-status"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-status [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-delegate [data-nav-row][data-page="tasks-delegate"],
.page-tasks-delegate a[data-page="tasks-delegate"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-delegate [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-absence [data-nav-row][data-page="tasks-absence"],
.page-tasks-absence a[data-page="tasks-absence"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-absence [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-comments [data-nav-row][data-page="tasks-comments"],
.page-tasks-comments a[data-page="tasks-comments"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-comments [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-followers [data-nav-row][data-page="tasks-followers"],
.page-tasks-followers a[data-page="tasks-followers"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-followers [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-checklist [data-nav-row][data-page="tasks-checklist"],
.page-tasks-checklist a[data-page="tasks-checklist"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-checklist [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-subtasks [data-nav-row][data-page="tasks-subtasks"],
.page-tasks-subtasks a[data-page="tasks-subtasks"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-subtasks [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-dependencies [data-nav-row][data-page="tasks-dependencies"],
.page-tasks-dependencies a[data-page="tasks-dependencies"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-dependencies [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-tags [data-nav-row][data-page="tasks-tags"],
.page-tasks-tags a[data-page="tasks-tags"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-tags [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-recurring [data-nav-row][data-page="tasks-recurring"],
.page-tasks-recurring a[data-page="tasks-recurring"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-recurring [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-timer [data-nav-row][data-page="tasks-timer"],
.page-tasks-timer a[data-page="tasks-timer"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-timer [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-files [data-nav-row][data-page="tasks-files"],
.page-tasks-files a[data-page="tasks-files"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-files [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-approval [data-nav-row][data-page="tasks-approval"],
.page-tasks-approval a[data-page="tasks-approval"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-approval [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-snooze [data-nav-row][data-page="tasks-snooze"],
.page-tasks-snooze a[data-page="tasks-snooze"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-snooze [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-tasks-delete [data-nav-row][data-page="tasks-delete"],
.page-tasks-delete a[data-page="tasks-delete"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-tasks-delete [data-nav-anchors][data-page="tasks"] {
  display: flex;
}

.page-projects [data-nav-row][data-page="projects"],
.page-projects a[data-page="projects"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-create [data-nav-row][data-page="projects-create"],
.page-projects-create a[data-page="projects-create"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-create [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-members [data-nav-row][data-page="projects-members"],
.page-projects-members a[data-page="projects-members"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-members [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-lists [data-nav-row][data-page="projects-lists"],
.page-projects-lists a[data-page="projects-lists"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-lists [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-views [data-nav-row][data-page="projects-views"],
.page-projects-views a[data-page="projects-views"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-views [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-board [data-nav-row][data-page="projects-board"],
.page-projects-board a[data-page="projects-board"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-board [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-timeline [data-nav-row][data-page="projects-timeline"],
.page-projects-timeline a[data-page="projects-timeline"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-timeline [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-goals [data-nav-row][data-page="projects-goals"],
.page-projects-goals a[data-page="projects-goals"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-goals [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-filters [data-nav-row][data-page="projects-filters"],
.page-projects-filters a[data-page="projects-filters"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-filters [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-dashboards [data-nav-row][data-page="projects-dashboards"],
.page-projects-dashboards a[data-page="projects-dashboards"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-dashboards [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-health [data-nav-row][data-page="projects-health"],
.page-projects-health a[data-page="projects-health"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-health [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-archive [data-nav-row][data-page="projects-archive"],
.page-projects-archive a[data-page="projects-archive"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-archive [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings [data-nav-row][data-page="projects-settings"],
.page-projects-settings a[data-page="projects-settings"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-stages [data-nav-row][data-page="projects-settings-stages"],
.page-projects-settings-stages a[data-page="projects-settings-stages"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-stages [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-stages [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-display [data-nav-row][data-page="projects-settings-display"],
.page-projects-settings-display a[data-page="projects-settings-display"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-display [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-display [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-custom-fields [data-nav-row][data-page="projects-settings-custom-fields"],
.page-projects-settings-custom-fields a[data-page="projects-settings-custom-fields"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-custom-fields [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-custom-fields [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-forms [data-nav-row][data-page="projects-settings-forms"],
.page-projects-settings-forms a[data-page="projects-settings-forms"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-forms [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-forms [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-automations [data-nav-row][data-page="projects-settings-automations"],
.page-projects-settings-automations a[data-page="projects-settings-automations"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-automations [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-automations [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-cost [data-nav-row][data-page="projects-settings-cost"],
.page-projects-settings-cost a[data-page="projects-settings-cost"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-cost [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-cost [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-projects-settings-prioritization [data-nav-row][data-page="projects-settings-prioritization"],
.page-projects-settings-prioritization a[data-page="projects-settings-prioritization"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-projects-settings-prioritization [data-nav-anchors][data-page="projects"] {
  display: flex;
}

.page-projects-settings-prioritization [data-nav-anchors][data-page="projects-settings"] {
  display: flex;
}

.page-spaces [data-nav-row][data-page="spaces"],
.page-spaces a[data-page="spaces"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-spaces [data-nav-anchors][data-page="spaces"] {
  display: flex;
}

.page-spaces-create [data-nav-row][data-page="spaces-create"],
.page-spaces-create a[data-page="spaces-create"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-spaces-create [data-nav-anchors][data-page="spaces"] {
  display: flex;
}

.page-spaces-members [data-nav-row][data-page="spaces-members"],
.page-spaces-members a[data-page="spaces-members"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-spaces-members [data-nav-anchors][data-page="spaces"] {
  display: flex;
}

.page-spaces-settings [data-nav-row][data-page="spaces-settings"],
.page-spaces-settings a[data-page="spaces-settings"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-spaces-settings [data-nav-anchors][data-page="spaces"] {
  display: flex;
}

.page-spaces-archive [data-nav-row][data-page="spaces-archive"],
.page-spaces-archive a[data-page="spaces-archive"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-spaces-archive [data-nav-anchors][data-page="spaces"] {
  display: flex;
}

.page-chat [data-nav-row][data-page="chat"],
.page-chat a[data-page="chat"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-start-conversation [data-nav-row][data-page="chat-start-conversation"],
.page-chat-start-conversation a[data-page="chat-start-conversation"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-start-conversation [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-send-messages [data-nav-row][data-page="chat-send-messages"],
.page-chat-send-messages a[data-page="chat-send-messages"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-send-messages [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-manage-messages [data-nav-row][data-page="chat-manage-messages"],
.page-chat-manage-messages a[data-page="chat-manage-messages"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-manage-messages [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-threads [data-nav-row][data-page="chat-threads"],
.page-chat-threads a[data-page="chat-threads"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-threads [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-polls [data-nav-row][data-page="chat-polls"],
.page-chat-polls a[data-page="chat-polls"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-polls [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-google-meet [data-nav-row][data-page="chat-google-meet"],
.page-chat-google-meet a[data-page="chat-google-meet"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-google-meet [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-docked-chat [data-nav-row][data-page="chat-docked-chat"],
.page-chat-docked-chat a[data-page="chat-docked-chat"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-docked-chat [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-status [data-nav-row][data-page="chat-status"],
.page-chat-status a[data-page="chat-status"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-status [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-chat-mcp [data-nav-row][data-page="chat-mcp"],
.page-chat-mcp a[data-page="chat-mcp"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-chat-mcp [data-nav-anchors][data-page="chat"] {
  display: flex;
}

.page-calendar [data-nav-row][data-page="calendar"],
.page-calendar a[data-page="calendar"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-views [data-nav-row][data-page="calendar-views"],
.page-calendar-views a[data-page="calendar-views"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-views [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-plan-tasks [data-nav-row][data-page="calendar-plan-tasks"],
.page-calendar-plan-tasks a[data-page="calendar-plan-tasks"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-plan-tasks [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-create-event [data-nav-row][data-page="calendar-create-event"],
.page-calendar-create-event a[data-page="calendar-create-event"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-create-event [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-invite-guests [data-nav-row][data-page="calendar-invite-guests"],
.page-calendar-invite-guests a[data-page="calendar-invite-guests"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-invite-guests [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-recurrence [data-nav-row][data-page="calendar-recurrence"],
.page-calendar-recurrence a[data-page="calendar-recurrence"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-recurrence [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-edit-event [data-nav-row][data-page="calendar-edit-event"],
.page-calendar-edit-event a[data-page="calendar-edit-event"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-edit-event [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-respond-invite [data-nav-row][data-page="calendar-respond-invite"],
.page-calendar-respond-invite a[data-page="calendar-respond-invite"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-respond-invite [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-event-comments-files [data-nav-row][data-page="calendar-event-comments-files"],
.page-calendar-event-comments-files a[data-page="calendar-event-comments-files"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-event-comments-files [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-google [data-nav-row][data-page="calendar-google"],
.page-calendar-google a[data-page="calendar-google"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-google [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-booking-page [data-nav-row][data-page="calendar-booking-page"],
.page-calendar-booking-page a[data-page="calendar-booking-page"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-booking-page [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-calendar-booking-guest [data-nav-row][data-page="calendar-booking-guest"],
.page-calendar-booking-guest a[data-page="calendar-booking-guest"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-calendar-booking-guest [data-nav-anchors][data-page="calendar"] {
  display: flex;
}

.page-academy [data-nav-row][data-page="academy"],
.page-academy a[data-page="academy"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-academy [data-nav-anchors][data-page="academy"] {
  display: flex;
}

.page-academy-enroll [data-nav-row][data-page="academy-enroll"],
.page-academy-enroll a[data-page="academy-enroll"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-academy-enroll [data-nav-anchors][data-page="academy"] {
  display: flex;
}

.page-academy-badge [data-nav-row][data-page="academy-badge"],
.page-academy-badge a[data-page="academy-badge"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-academy-badge [data-nav-anchors][data-page="academy"] {
  display: flex;
}

.page-directory [data-nav-row][data-page="directory"],
.page-directory a[data-page="directory"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-directory [data-nav-anchors][data-page="directory"] {
  display: flex;
}

.page-directory-contacts [data-nav-row][data-page="directory-contacts"],
.page-directory-contacts a[data-page="directory-contacts"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-directory-contacts [data-nav-anchors][data-page="directory"] {
  display: flex;
}

.page-directory-folders [data-nav-row][data-page="directory-folders"],
.page-directory-folders a[data-page="directory-folders"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-directory-folders [data-nav-anchors][data-page="directory"] {
  display: flex;
}

.page-links [data-nav-row][data-page="links"],
.page-links a[data-page="links"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-links [data-nav-anchors][data-page="links"] {
  display: flex;
}

.page-links-save [data-nav-row][data-page="links-save"],
.page-links-save a[data-page="links-save"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-links-save [data-nav-anchors][data-page="links"] {
  display: flex;
}

.page-vault [data-nav-row][data-page="vault"],
.page-vault a[data-page="vault"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-vault [data-nav-anchors][data-page="vault"] {
  display: flex;
}

.page-vault-create [data-nav-row][data-page="vault-create"],
.page-vault-create a[data-page="vault-create"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-vault-create [data-nav-anchors][data-page="vault"] {
  display: flex;
}

.page-vault-unlock [data-nav-row][data-page="vault-unlock"],
.page-vault-unlock a[data-page="vault-unlock"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-vault-unlock [data-nav-anchors][data-page="vault"] {
  display: flex;
}

.page-vault-add-secret [data-nav-row][data-page="vault-add-secret"],
.page-vault-add-secret a[data-page="vault-add-secret"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-vault-add-secret [data-nav-anchors][data-page="vault"] {
  display: flex;
}

.page-vault-security [data-nav-row][data-page="vault-security"],
.page-vault-security a[data-page="vault-security"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-vault-security [data-nav-anchors][data-page="vault"] {
  display: flex;
}

.page-pages [data-nav-row][data-page="pages"],
.page-pages a[data-page="pages"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-pages [data-nav-anchors][data-page="pages"] {
  display: flex;
}

.page-pages-write [data-nav-row][data-page="pages-write"],
.page-pages-write a[data-page="pages-write"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-pages-write [data-nav-anchors][data-page="pages"] {
  display: flex;
}

.page-pages-organize [data-nav-row][data-page="pages-organize"],
.page-pages-organize a[data-page="pages-organize"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-pages-organize [data-nav-anchors][data-page="pages"] {
  display: flex;
}

.page-pages-history [data-nav-row][data-page="pages-history"],
.page-pages-history a[data-page="pages-history"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-pages-history [data-nav-anchors][data-page="pages"] {
  display: flex;
}

.page-pages-lock [data-nav-row][data-page="pages-lock"],
.page-pages-lock a[data-page="pages-lock"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-pages-lock [data-nav-anchors][data-page="pages"] {
  display: flex;
}

.page-files [data-nav-row][data-page="files"],
.page-files a[data-page="files"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-files [data-nav-anchors][data-page="files"] {
  display: flex;
}

.page-files-upload [data-nav-row][data-page="files-upload"],
.page-files-upload a[data-page="files-upload"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-files-upload [data-nav-anchors][data-page="files"] {
  display: flex;
}

.page-files-find [data-nav-row][data-page="files-find"],
.page-files-find a[data-page="files-find"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-files-find [data-nav-anchors][data-page="files"] {
  display: flex;
}

.page-files-organize [data-nav-row][data-page="files-organize"],
.page-files-organize a[data-page="files-organize"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-files-organize [data-nav-anchors][data-page="files"] {
  display: flex;
}

.page-account [data-nav-row][data-page="account"],
.page-account a[data-page="account"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-profile [data-nav-row][data-page="account-profile"],
.page-account-profile a[data-page="account-profile"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-profile [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-language-region [data-nav-row][data-page="account-language-region"],
.page-account-language-region a[data-page="account-language-region"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-language-region [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-security [data-nav-row][data-page="account-security"],
.page-account-security a[data-page="account-security"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-security [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-notifications [data-nav-row][data-page="account-notifications"],
.page-account-notifications a[data-page="account-notifications"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-notifications [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-absence [data-nav-row][data-page="account-absence"],
.page-account-absence a[data-page="account-absence"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-absence [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-settings-access [data-nav-row][data-page="account-settings-access"],
.page-account-settings-access a[data-page="account-settings-access"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-settings-access [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-account-settings [data-nav-row][data-page="account-account-settings"],
.page-account-account-settings a[data-page="account-account-settings"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-account-settings [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-users [data-nav-row][data-page="account-users"],
.page-account-users a[data-page="account-users"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-users [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-invites [data-nav-row][data-page="account-invites"],
.page-account-invites a[data-page="account-invites"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-invites [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-apps [data-nav-row][data-page="account-apps"],
.page-account-apps a[data-page="account-apps"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-apps [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-account-shortcuts [data-nav-row][data-page="account-shortcuts"],
.page-account-shortcuts a[data-page="account-shortcuts"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-account-shortcuts [data-nav-anchors][data-page="account"] {
  display: flex;
}

.page-processes [data-nav-row][data-page="processes"],
.page-processes a[data-page="processes"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-create-with-ai [data-nav-row][data-page="processes-create-with-ai"],
.page-processes-create-with-ai a[data-page="processes-create-with-ai"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-create-with-ai [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-edit [data-nav-row][data-page="processes-edit"],
.page-processes-edit a[data-page="processes-edit"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-edit [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-roles-phases-variables [data-nav-row][data-page="processes-roles-phases-variables"],
.page-processes-roles-phases-variables a[data-page="processes-roles-phases-variables"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-roles-phases-variables [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-refine-with-ai [data-nav-row][data-page="processes-refine-with-ai"],
.page-processes-refine-with-ai a[data-page="processes-refine-with-ai"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-refine-with-ai [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-save-list-as-process [data-nav-row][data-page="processes-save-list-as-process"],
.page-processes-save-list-as-process a[data-page="processes-save-list-as-process"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-save-list-as-process [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-processes-apply [data-nav-row][data-page="processes-apply"],
.page-processes-apply a[data-page="processes-apply"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-processes-apply [data-nav-anchors][data-page="processes"] {
  display: flex;
}

.page-agents [data-nav-row][data-page="agents"],
.page-agents a[data-page="agents"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-agents [data-nav-anchors][data-page="agents"] {
  display: flex;
}

.page-agents-follow-session [data-nav-row][data-page="agents-follow-session"],
.page-agents-follow-session a[data-page="agents-follow-session"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-agents-follow-session [data-nav-anchors][data-page="agents"] {
  display: flex;
}

.page-agents-session-tools [data-nav-row][data-page="agents-session-tools"],
.page-agents-session-tools a[data-page="agents-session-tools"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-agents-session-tools [data-nav-anchors][data-page="agents"] {
  display: flex;
}

.page-integrations [data-nav-row][data-page="integrations"],
.page-integrations a[data-page="integrations"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-integrations [data-nav-anchors][data-page="integrations"] {
  display: flex;
}

.page-integrations-connect [data-nav-row][data-page="integrations-connect"],
.page-integrations-connect a[data-page="integrations-connect"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-integrations-connect [data-nav-anchors][data-page="integrations"] {
  display: flex;
}

.page-integrations-connected-apps [data-nav-row][data-page="integrations-connected-apps"],
.page-integrations-connected-apps a[data-page="integrations-connected-apps"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-integrations-connected-apps [data-nav-anchors][data-page="integrations"] {
  display: flex;
}

.page-integrations-mcp-tools [data-nav-row][data-page="integrations-mcp-tools"],
.page-integrations-mcp-tools a[data-page="integrations-mcp-tools"] {
  background-color: var(--color-slate-200, #e2e8f0);
  color: var(--color-slate-900, #0f172a);
  font-weight: 500;
}

.page-integrations-mcp-tools [data-nav-anchors][data-page="integrations"] {
  display: flex;
}

/* Seed Docs — ajustes que não cabem numa classe de componente. */

/* Os títulos são renderizados pelo tema, sem classe própria por página, então
   o recuo de âncora tem que vir daqui. No mobile a barra é sticky com 3.5rem
   e cobriria o título recém-navegado; no desktop ela não existe (md:hidden). */
:where(h1, h2, h3, h4, h5, h6)[id] {
  scroll-margin-top: 4.5rem;
}

@media (min-width: 768px) {
  :where(h1, h2, h3, h4, h5, h6)[id] {
    scroll-margin-top: 1.5rem;
  }
}

/* Markdown das páginas (.md). O Seed renderiza tags puras, sem classe, e o
   reset do Tailwind zera o estilo delas; mesmo padrão do site do Stamatios
   (.prose em assets/site.css). */
.prose {
  width: 100%;
  max-width: 48rem;
  color: #334155;
  font-size: 1rem;
  line-height: 1.7;
}
.prose h1 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #0f172a;
  margin: 0 0 1rem;
}
.prose h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0f172a;
  margin: 2.5rem 0 0.75rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #e2e8f0;
}
.prose h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
  margin: 1.75rem 0 0.5rem;
}
.prose h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 1.25rem 0 0.4rem;
}
.prose p {
  margin: 0 0 1rem;
}
.prose ul,
.prose ol {
  margin: 0 0 1rem;
  padding-left: 1.5rem;
}
.prose ul {
  list-style: disc;
}
.prose ol {
  list-style: decimal;
}
.prose li {
  margin: 0.3rem 0;
}
.prose li > ul,
.prose li > ol {
  margin: 0.3rem 0 0;
}
.prose a {
  color: #0d9488;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.prose strong {
  font-weight: 700;
  color: #0f172a;
}
.prose hr {
  border: 0;
  border-top: 1px solid #e2e8f0;
  margin: 2rem 0;
}
.prose img {
  max-width: 100%;
  height: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin: 1rem 0;
}
.prose code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
  background: #f1f5f9;
  padding: 0.15em 0.4em;
  border-radius: 6px;
}
.prose pre {
  background: #0f172a;
  color: #e2e8f0;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  overflow-x: auto;
  margin: 0 0 1rem;
  font-size: 0.875rem;
  line-height: 1.6;
}
.prose pre code {
  background: transparent;
  padding: 0;
  color: inherit;
}
.prose blockquote {
  margin: 1.25rem 0;
  padding: 0.75rem 1.25rem;
  border-left: 4px solid #0d9488;
  background: #f0fdfa;
  color: #134e4a;
}
.prose blockquote p {
  margin: 0;
}

/* Tabelas: rolagem horizontal em telas estreitas */
.prose table {
  display: block;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  line-height: 1.5;
}
.prose th {
  text-align: left;
  font-weight: 600;
  color: #0f172a;
  background: #f8fafc;
  border-bottom: 2px solid #cbd5e1;
  padding: 0.6rem 0.85rem;
  white-space: nowrap;
}
.prose td {
  border-bottom: 1px solid #e2e8f0;
  padding: 0.6rem 0.85rem;
  vertical-align: top;
}
.prose tbody tr:nth-child(even) td {
  background: #f8fafc;
}

/* Dialeto de artigo do Seed: <!--TOC-->, <!--FAQ--> e <!--HOWTO--> */
.prose .article-toc {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin: 0 0 1.5rem;
  font-size: 0.9rem;
}
.prose .article-toc-title {
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem;
}
.prose .article-toc ul,
.prose .article-toc ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.prose .article-toc li {
  margin: 0.2rem 0;
}
.prose .article-toc li.level-3 {
  padding-left: 1.25rem;
}
.prose .article-faq {
  margin: 2.5rem 0 1rem;
}
.prose .article-faq > h1,
.prose .article-faq > h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.75rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #e2e8f0;
}
.prose .article-faq-item {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin: 0 0 0.6rem;
  background: #fff;
}
.prose .article-faq-question {
  cursor: pointer;
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: #0f172a;
}
.prose .article-faq-item[open] > .article-faq-question {
  border-bottom: 1px solid #e2e8f0;
}
.prose .article-faq-answer {
  padding: 0.75rem 1rem 0.25rem;
}
.prose .article-howto {
  margin: 1.5rem 0;
}
.prose .article-howto-list {
  list-style: decimal;
  padding-left: 1.5rem;
}
.prose .article-howto-step {
  margin: 0 0 1rem;
}
.prose .article-howto-title {
  font-weight: 700;
  color: #0f172a;
}

/* Blocos do fim da página, gerados por tools/related.py */
.doc-related-group {
  margin: 2.5rem 0 0;
  padding-top: 1.25rem;
  border-top: 1px solid #e2e8f0;
}
.doc-related-title {
  margin: 0 0 0.6rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}
.doc-related-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.prose .doc-related-link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
  padding: 0.35rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: 0.875rem;
  color: #0f766e;
  text-decoration: none;
  background: #fff;
}
.prose .doc-related-link:hover {
  background: #f0fdfa;
  border-color: #99f6e4;
}
.doc-related-area {
  font-size: 0.75rem;
  color: #94a3b8;
}