.peppe-overview__header{padding-bottom:var(--space-48);border-bottom:1px solid var(--color-surface-divider);margin-bottom:var(--space-48)}.peppe-overview__title{font-family:var(--type-family-serif);font-size:var(--type-size-display);font-weight:var(--type-weight-medium);line-height:var(--type-leading-tight);letter-spacing:var(--type-tracking-tight);color:var(--color-ink-primary);margin:0 0 var(--space-16) 0}.peppe-overview__subheader{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-regular);line-height:var(--type-leading-snug);color:var(--color-ink-secondary);max-width:720px;margin:0}.peppe-overview__section{padding-top:var(--space-48);padding-bottom:var(--space-48)}.peppe-overview__section-heading{font-family:var(--type-family-serif);font-size:var(--type-size-xl);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);letter-spacing:var(--type-tracking-tight);color:var(--color-ink-primary);margin:0 0 var(--space-24) 0}.peppe-overview__section-intro{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0 0 var(--space-32) 0;max-width:680px}.peppe-overview__lead{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-primary);margin:0 0 var(--space-24) 0;max-width:720px}.peppe-overview__paragraph{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0 0 var(--space-16) 0;max-width:720px}.peppe-overview__divider{background:var(--color-surface-divider);border:none;height:1px;margin:0}.peppe-overview__principles-summary{margin:var(--space-16) 0 0 0;gap:var(--space-8);flex-direction:column;padding:0;list-style:none;display:flex}.peppe-overview__principles-summary-item{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);padding-left:var(--space-16);border-left:2px solid var(--color-surface-divider)}.peppe-principles-grid{gap:var(--space-24);grid-template-columns:repeat(2,1fr);display:grid}.peppe-principle-card:last-child{max-width:calc(50% - var(--space-12));grid-column:1/-1}.peppe-principle-card{gap:var(--space-16);padding:var(--space-32);background:linear-gradient(to bottom, var(--color-surface-raised-top), var(--color-surface-raised-bottom));border:1px solid;border-color:var(--border-raised-top) var(--border-raised-bottom) var(--border-raised-bottom) var(--border-raised-top);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.peppe-principle-card__icon{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-ink-secondary);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.peppe-principle-card__title{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0}.peppe-principle-card__description{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-principle-card__description code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-audience-grid{gap:var(--space-24);grid-template-columns:repeat(3,1fr);display:grid}.peppe-audience-card{gap:var(--space-16);padding:var(--space-32);background:linear-gradient(to bottom, var(--color-surface-raised-top), var(--color-surface-raised-bottom));border:1px solid;border-color:var(--border-raised-top) var(--border-raised-bottom) var(--border-raised-bottom) var(--border-raised-top);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);flex-direction:column;display:flex}.peppe-audience-card__title{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0}.peppe-audience-card__description{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-audience-card__description code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-nav-guide{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.peppe-nav-guide__item{border-bottom:1px solid var(--color-surface-divider)}.peppe-nav-guide__item:first-child{border-top:1px solid var(--color-surface-divider)}.peppe-nav-guide__link{gap:var(--space-8);padding:var(--space-24) 0;color:inherit;transition:color var(--duration-micro) ease;flex-direction:column;text-decoration:none;display:flex}.peppe-nav-guide__link:hover .peppe-nav-guide__section-label{color:var(--color-ink-primary)}.peppe-nav-guide__link:hover .peppe-nav-guide__section-desc{color:var(--color-ink-secondary)}.peppe-nav-guide__link:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.peppe-nav-guide__section-label{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);color:var(--color-ink-primary);transition:color var(--duration-micro) ease;display:block}.peppe-nav-guide__section-desc{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-tertiary);max-width:560px;transition:color var(--duration-micro) ease;display:block}.peppe-overview__status-summary{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0 0 var(--space-32) 0;max-width:720px}.peppe-table-wrap{border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);background:linear-gradient(to bottom, var(--color-surface-raised-top), var(--color-surface-raised-bottom));box-shadow:var(--shadow-raised);margin-bottom:var(--space-32);overflow-x:auto}.peppe-table-wrap:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-lg)}.peppe-materialization-table{border-collapse:collapse;width:100%;font-family:var(--type-family-sans);font-size:var(--type-size-sm)}.peppe-materialization-table thead tr{border-bottom:1px solid var(--color-surface-divider)}.peppe-materialization-table thead th{padding:var(--space-16) var(--space-24);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;text-align:left;line-height:var(--type-leading-snug);white-space:nowrap}.peppe-materialization-table tbody tr{border-bottom:1px solid var(--color-surface-divider)}.peppe-materialization-table tbody tr:last-child{border-bottom:none}.peppe-materialization-table tbody td,.peppe-materialization-table tbody th{padding:var(--space-16) var(--space-24);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);color:var(--color-ink-secondary);line-height:var(--type-leading-snug);vertical-align:middle;text-align:left}.peppe-materialization-table tbody code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-materialization-table__layer{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;vertical-align:top;white-space:nowrap;background:var(--color-surface-carved);border-right:1px solid var(--color-surface-divider)}.peppe-materialization-table__note{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-regular);color:var(--color-ink-tertiary);margin-left:var(--space-4)}.peppe-status{padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;line-height:var(--type-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.peppe-status--materializado{color:var(--color-functional-success);background:var(--color-functional-success-tint)}.peppe-status--parcial{color:var(--color-functional-alert);background:var(--color-functional-alert-tint)}.peppe-status--contratado{color:var(--color-ink-tertiary);background:var(--color-surface-carved)}.peppe-status-legend{gap:var(--space-16);padding:var(--space-24);background:var(--color-surface-carved);border:1px solid var(--color-surface-divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-carved);flex-direction:column;margin:0;display:flex}.peppe-status-legend__item{align-items:baseline;gap:var(--space-16);display:flex}.peppe-status-legend__item dt{flex-shrink:0}.peppe-status-legend__desc{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0}.peppe-overview__governance-statement{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-regular);line-height:var(--type-leading-normal);color:var(--color-ink-secondary);margin:0 0 var(--space-16) 0;max-width:720px}.peppe-overview__governance-statement code{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);color:var(--color-ink-tertiary);background:var(--color-surface-carved);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-surface-divider)}.peppe-overview__governance-link{color:var(--color-ink-primary);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-surface-divider);text-decoration-color:var(--color-surface-divider);transition:text-decoration-color var(--duration-micro) ease}.peppe-overview__governance-link:hover{-webkit-text-decoration-color:var(--color-ink-secondary);text-decoration-color:var(--color-ink-secondary)}.peppe-overview__governance-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-functional-info);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.peppe-overview__storybook-link{font-weight:var(--type-weight-medium);color:var(--color-ink-primary);text-underline-offset:3px;text-decoration:underline}.peppe-overview__storybook-link:hover,.peppe-overview__storybook-link:focus-visible{color:var(--color-functional-info)}@media (max-width:1024px){.peppe-overview__title{font-size:var(--type-size-xl);letter-spacing:var(--type-tracking-normal)}.peppe-overview__subheader{font-size:var(--type-size-md)}.peppe-audience-grid,.peppe-principles-grid{grid-template-columns:1fr}.peppe-principle-card:last-child{grid-column:auto;max-width:none}}@media (max-width:768px){.peppe-overview__header{padding-bottom:var(--space-32);margin-bottom:var(--space-32)}.peppe-overview__section{padding-top:var(--space-32);padding-bottom:var(--space-32)}.peppe-overview__section-heading{font-size:var(--type-size-lg);margin-bottom:var(--space-16)}.peppe-overview__section-intro,.peppe-overview__lead,.peppe-overview__paragraph,.peppe-overview__subheader{max-width:none}.peppe-principle-card,.peppe-audience-card{padding:var(--space-24)}.peppe-principle-card__title,.peppe-audience-card__title{font-size:var(--type-size-md)}.peppe-status-legend{padding:var(--space-16)}.peppe-status-legend__item{gap:var(--space-8);flex-direction:column}.peppe-nav-guide__link{padding:var(--space-16) 0}.peppe-materialization-table thead th,.peppe-materialization-table tbody td,.peppe-materialization-table tbody th{padding:var(--space-8) var(--space-16)}}