.peppe-content{padding-bottom:var(--space-64)}.peppe-content__prose-wrap{max-width:720px}.peppe-content__lead{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:65ch;margin:0}.peppe-content__section{padding-top:var(--space-48);padding-bottom:var(--space-48)}.peppe-content__section:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-content__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-content__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-primary);margin:0 0 var(--space-16) 0;max-width:65ch}.peppe-content__paragraph:last-child{margin-bottom:0}.peppe-content__paragraph code,.peppe-content__behavior-desc code,.peppe-content 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-content__rules-list{gap:var(--space-16);flex-direction:column;max-width:65ch;margin:0;padding:0;list-style:none;display:flex}.peppe-content__rules-list li{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-content__rules-list li strong{color:var(--color-ink-primary);font-weight:var(--type-weight-medium)}.peppe-content__behaviors{flex-direction:column;gap:0;display:flex}.peppe-content__behavior{gap:var(--space-32);padding-top:var(--space-32);padding-bottom:var(--space-32);grid-template-columns:56px 1fr;align-items:start;display:grid}.peppe-content__behavior:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-content__behavior-number{font-family:var(--type-family-sans);font-size:var(--type-size-xl);font-weight:var(--type-weight-bold);color:var(--color-ink-tertiary);letter-spacing:var(--type-tracking-tight);padding-top:var(--space-4);-webkit-user-select:none;user-select:none;line-height:1}.peppe-content__behavior-title{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-bold);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0 0 var(--space-8) 0}.peppe-content__behavior-desc{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-24) 0;max-width:65ch}.peppe-content__behavior-desc:last-child{margin-bottom:0}.peppe-content__pair{gap:var(--space-16);margin-top:var(--space-16);grid-template-columns:1fr 1fr;max-width:720px;display:grid}.peppe-content__pair-before,.peppe-content__pair-after{border-radius:var(--radius-md);padding:var(--space-16) var(--space-24);gap:var(--space-8);flex-direction:column;display:flex;position:relative}.peppe-content__pair-before{background:var(--color-functional-error-tint);border:1px solid color-mix(in srgb, var(--color-functional-error) 20%, transparent)}.peppe-content__pair-after{background:var(--color-functional-success-tint);border:1px solid color-mix(in srgb, var(--color-functional-success) 20%, transparent)}.peppe-content__pair-label{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;margin:0 0 var(--space-4) 0;line-height:1}.peppe-content__pair-before .peppe-content__pair-label{color:var(--color-functional-error)}.peppe-content__pair-after .peppe-content__pair-label{color:var(--color-functional-success)}.peppe-content__pair-text{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}.peppe-content__highlight{background:var(--color-surface-raised-top);border:1px solid var(--color-surface-divider);border-left:4px solid var(--color-functional-info);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-16) var(--space-24);margin:var(--space-24) 0;max-width:65ch}.peppe-content__highlight p{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}.peppe-content__highlight strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__crossref{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);margin-top:var(--space-8);text-decoration:none;display:inline-block}.peppe-content__crossref:hover{color:var(--color-ink-secondary);text-decoration:underline}.peppe-content__crossref-note{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);margin-top:var(--space-8);display:block}.peppe-content__deepen{background:linear-gradient(var(--color-surface-carved), var(--color-surface-carved)) padding-box, linear-gradient(to bottom, var(--border-carved-top), var(--border-carved-bottom)) border-box;box-shadow:var(--shadow-carved);border-radius:var(--radius-md);padding:var(--space-24) var(--space-32);margin-top:var(--space-48);border:1px solid #0000;max-width:720px}.peppe-content__deepen-title{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-bold);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0 0 var(--space-16) 0}.peppe-content__deepen-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.peppe-content__deepen-list a{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-functional-info);text-decoration:none}.peppe-content__deepen-list a:hover{text-decoration:underline}.peppe-content__deepen-list .peppe-content__crossref-note{color:var(--color-ink-tertiary);margin-top:0;display:inline}.peppe-content__table-wrap{-webkit-overflow-scrolling:touch;margin-top:var(--space-24);border-radius:var(--radius-md);border:1px solid var(--color-surface-divider);overflow-x:auto}.peppe-content__table-wrap .peppe-token-table{width:100%;min-width:680px}.peppe-content__table-wrap .peppe-token-table td,.peppe-content__table-wrap .peppe-token-table th{font-size:var(--type-size-sm)}.peppe-content__table-wrap .peppe-token-table td:nth-child(4),.peppe-content__table-wrap .peppe-token-table td:nth-child(5){font-size:var(--type-size-xs);color:var(--color-ink-secondary)}.peppe-content__rule-block{padding-top:var(--space-24);padding-bottom:var(--space-24)}.peppe-content__rule-block:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-content__rule-block-title{font-family:var(--type-family-sans);font-size:var(--type-size-md);font-weight:var(--type-weight-bold);line-height:var(--type-leading-snug);color:var(--color-ink-primary);margin:0 0 var(--space-8) 0}.peppe-content__rule-block-desc{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-8) 0;max-width:65ch}.peppe-content__limits-list{margin:var(--space-8) 0 0 0;gap:var(--space-8);flex-direction:column;max-width:65ch;padding:0;list-style:none;display:flex}.peppe-content__limits-list li{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);padding-left:var(--space-16);border-left:2px solid var(--color-surface-divider)}.peppe-content__limits-list li strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__antipattern-sub-heading{font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);margin:var(--space-16) 0 var(--space-8) 0}.peppe-content__antipattern-trigger-list{margin:0 0 var(--space-8) 0;gap:var(--space-8);flex-direction:column;max-width:65ch;padding:0;list-style:none;display:flex}.peppe-content__antipattern-trigger-list li{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);padding-left:var(--space-16);border-left:2px solid var(--color-surface-divider)}.peppe-content__antipattern-trigger-list li em{font-style:normal;font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__antipattern-use-ok{background:var(--color-functional-info-tint);border:1px solid color-mix(in srgb, var(--color-functional-info) 20%, transparent);border-left:3px solid var(--color-functional-info);border-radius:var(--radius-md);padding:var(--space-12) var(--space-16);margin:var(--space-16) 0;max-width:65ch}.peppe-content__antipattern-use-ok p{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-content__antipattern-use-ok strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__pair+.peppe-content__pair{margin-top:var(--space-16)}.peppe-content__antipattern-note{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);margin:var(--space-8) 0 0 0;max-width:65ch}.peppe-content__antipattern-note strong{font-weight:var(--type-weight-medium);color:var(--color-ink-secondary)}.peppe-content__antipattern-distinction{background:var(--color-surface-raised-top);border-left:3px solid var(--color-surface-divider);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-8) var(--space-16);margin:var(--space-16) 0;max-width:65ch}.peppe-content__antipattern-distinction p{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-content__antipattern-distinction em{font-style:normal;font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__antipattern-rules-ol{counter-reset:rule-counter;margin:var(--space-8) 0 var(--space-16) 0;gap:var(--space-12);flex-direction:column;max-width:65ch;padding:0;list-style:none;display:flex}.peppe-content__antipattern-rules-ol li{counter-increment:rule-counter;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);padding-left:var(--space-32);position:relative}.peppe-content__antipattern-rules-ol li:before{content:counter(rule-counter);font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-bold);line-height:var(--type-leading-snug);color:var(--color-ink-tertiary);width:var(--space-24);text-align:center;position:absolute;top:0;left:0}.peppe-content__antipattern-rules-ol li strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__example{gap:var(--space-32);padding-top:var(--space-32);padding-bottom:var(--space-32);grid-template-columns:56px 1fr;align-items:start;display:grid}.peppe-content__example:not(:last-child){border-bottom:1px solid var(--color-surface-divider)}.peppe-content__example-meta{background:var(--color-surface-carved);border:1px solid var(--color-surface-divider);border-radius:var(--radius-sm);padding:var(--space-12) var(--space-16);margin-bottom:var(--space-16);gap:var(--space-8);flex-direction:column;max-width:65ch;display:flex}.peppe-content__example-meta-row{gap:var(--space-8);flex-wrap:wrap;align-items:baseline;display:flex}.peppe-content__example-meta-row dt{font-family:var(--type-family-sans);font-size:var(--type-size-xs);font-weight:var(--type-weight-medium);line-height:var(--type-leading-snug);letter-spacing:var(--type-tracking-loose);text-transform:uppercase;color:var(--color-ink-tertiary);flex-shrink:0;min-width:80px}.peppe-content__example-meta-row dd{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-content__example-meta-row dd strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__example-meta-row dd a{color:var(--color-functional-info);text-decoration:none}.peppe-content__example-meta-row dd a:hover{text-decoration:underline}.peppe-content__example-context{background:var(--color-surface-raised-top);border:1px solid var(--color-surface-divider);border-left:3px solid var(--color-surface-divider);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-8) var(--space-16);margin-bottom:var(--space-16);max-width:65ch}.peppe-content__example-context p{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-content__example-context strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__example-comment{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:var(--space-16) 0 0 0;max-width:65ch}.peppe-content__example-comment strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}.peppe-content__example-comment em{font-style:italic}.peppe-content__synthesis-badge{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;color:var(--color-functional-info);background:var(--color-functional-info-tint);border:1px solid color-mix(in srgb, var(--color-functional-info) 24%, transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-8);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.peppe-content__pair-equal{background:var(--color-functional-success-tint);border:1px solid color-mix(in srgb, var(--color-functional-success) 20%, transparent);border-radius:var(--radius-md);padding:var(--space-16) var(--space-24);margin-top:var(--space-16);gap:var(--space-8);flex-direction:column;max-width:720px;display:flex}.peppe-content__pair-equal .peppe-content__pair-label{color:var(--color-functional-success)}.peppe-content__ip-badge{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;color:var(--color-functional-alert);background:var(--color-functional-alert-tint);border:1px solid color-mix(in srgb, var(--color-functional-alert) 24%, transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-8);white-space:nowrap;align-items:center;line-height:1;display:inline-flex}.peppe-content__examples{flex-direction:column;gap:0;display:flex}@media (max-width:768px){.peppe-content__section{padding-top:var(--space-32);padding-bottom:var(--space-32)}.peppe-content__example{gap:var(--space-16);padding-top:var(--space-24);padding-bottom:var(--space-24);grid-template-columns:1fr}.peppe-content__pair-equal{padding:var(--space-16)}.peppe-content__section-heading{font-family:var(--type-family-sans);font-size:var(--type-size-lg);font-weight:var(--type-weight-bold);letter-spacing:var(--type-tracking-normal)}.peppe-content__behavior{gap:var(--space-16);padding-top:var(--space-24);padding-bottom:var(--space-24);grid-template-columns:1fr}.peppe-content__behavior-number{font-size:var(--type-size-lg);padding-top:0}.peppe-content__pair{grid-template-columns:1fr}.peppe-content__deepen{padding:var(--space-16) var(--space-24)}}@media (max-width:480px){.peppe-content__pair-before,.peppe-content__pair-after,.peppe-content__highlight{padding:var(--space-16)}}.peppe-material__doc-box{gap:var(--space-8);padding:var(--space-24);margin:var(--space-32) 0;background:var(--color-functional-info-tint);border-left:4px solid var(--color-functional-info);border-radius:var(--radius-md);flex-direction:column;display:flex}.peppe-material__doc-box-title{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;color:var(--color-functional-info);margin:0}.peppe-material__doc-box-body{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}.peppe-material__doc-box-body code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--type-size-sm);background:var(--color-surface-base);border-radius:var(--radius-sm);padding:2px 6px}.peppe-material__doc-box-meta{font-family:var(--type-family-sans);font-size:var(--type-size-sm);color:var(--color-ink-secondary);margin:0;font-style:italic}.peppe-material__doc-box-link{margin-top:var(--space-8);font-family:var(--type-family-sans);font-size:var(--type-size-sm);font-weight:var(--type-weight-medium);color:var(--color-functional-info);align-self:flex-start;text-decoration:underline}.peppe-material__doc-box-link:hover,.peppe-material__doc-box-link:focus-visible{color:var(--color-ink-primary)}.peppe-material__toc{gap:var(--space-12);margin:var(--space-16) 0 0 0;padding:0 0 0 var(--space-24);color:var(--color-ink-tertiary);flex-direction:column;list-style:decimal-leading-zero;display:flex}.peppe-material__toc li{font-family:var(--type-family-sans);font-size:var(--type-size-md);line-height:var(--type-leading-normal);color:var(--color-ink-primary);padding-left:var(--space-8)}.peppe-material__toc strong{font-weight:var(--type-weight-medium);color:var(--color-ink-primary)}@media (max-width:768px){.peppe-material__doc-box{padding:var(--space-16)}.peppe-material__toc{padding-left:var(--space-16)}}