.principle-detail-hero{width:100%;min-width:0;max-width:none}.principle-detail-eyebrow{margin:var(--space-8) 0 0;align-items:flex-start;gap:var(--space-3);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-direction:column;font-weight:500;display:flex}.principle-detail-eyebrow:before{content:"";background:var(--color-accent-fill);width:2.5rem;height:2px;display:block}.principle-detail-title{margin:var(--space-3) 0 0;width:100%;font-family:var(--font-display), Georgia, serif;font-size:var(--text-4xl);letter-spacing:-.03em;color:var(--color-foreground);text-wrap:pretty;font-weight:600;line-height:1.08}@media (min-width:768px){.principle-detail-title{font-size:clamp(2.25rem,1.7rem + 1.6vw,3.25rem);line-height:1.02}}.principle-detail-statement{margin:var(--space-5) 0 0;width:100%;border-inline-start:2px solid var(--color-accent-fill);font-size:var(--text-lg);color:var(--color-foreground);text-wrap:pretty;padding-inline-start:var(--space-5);line-height:1.55}.principle-detail-topics{gap:var(--space-2);margin:var(--space-5) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.principle-detail-topic{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);min-height:2rem;font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-muted);align-items:center;padding:.25rem .65rem;text-decoration:none;display:inline-flex}.principle-detail-topic:hover{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-hairline))}.principle-detail-body{padding-block:var(--space-10) var(--space-20)}@media (min-width:768px){.principle-detail-body{padding-block:var(--space-12) var(--space-24)}}.principle-detail-layout{gap:var(--space-10);min-width:0;max-width:100%;display:grid}@media (min-width:960px){.principle-detail-layout{gap:var(--space-12);grid-template-columns:minmax(9.5rem,12rem) minmax(0,40rem);align-items:start;max-width:56rem}}.principle-detail-sections{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}@media (min-width:768px){.principle-detail-sections{gap:var(--space-12)}}.principle-detail-section{scroll-margin-top:5.5rem}.principle-detail-section__eyebrow{align-items:flex-start;gap:var(--space-3);font-family:var(--font-mono), ui-monospace, monospace;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);flex-direction:column;margin:0;font-weight:500;display:flex}.principle-detail-section__eyebrow:before{content:"";background:var(--color-accent-fill);width:2.5rem;height:2px;display:block}.principle-detail-section__title{margin:var(--space-3) 0 0;font-family:var(--font-display), Georgia, serif;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-foreground);font-weight:600}.principle-detail-section .prose-content{margin-top:var(--space-5);max-width:40rem}.principle-detail-section--application .prose-content>p:first-child:has(+ul){display:none}.principle-detail-section--application .prose-content :where(ul){gap:var(--space-3);margin-block:0;padding:0;list-style:none;display:grid}.principle-detail-section--application .prose-content :where(li){column-gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-surface) 35%, transparent) 18%, color-mix(in srgb, var(--color-surface) 92%, transparent) 50%, color-mix(in srgb, var(--color-surface) 35%, transparent) 82%, transparent 100%);color:var(--color-foreground);grid-template-columns:.5rem minmax(0,1fr);align-items:start;margin:0;line-height:1.55;display:grid}.principle-detail-section--application .prose-content :where(li):before{content:"";background:var(--color-accent-fill);width:.45rem;height:.45rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-background) 80%, transparent);border-radius:999px;margin-top:.55em}.principle-detail-section--application .prose-content :where(li+li){margin-block-start:0}.principle-detail-section--limitations .prose-content{padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border-inline-start:2px solid color-mix(in srgb, var(--color-muted) 45%, var(--color-hairline));background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-surface-2) 70%, transparent) 0%, color-mix(in srgb, var(--color-surface) 40%, transparent) 55%, transparent 100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.principle-detail-footer{margin-top:var(--space-2);padding-top:var(--space-10);border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.principle-detail-footer__label{font-size:var(--text-sm);color:var(--color-muted);margin:0}@media (max-width:767px){.principle-detail-eyebrow{margin-top:var(--space-6)}.principle-detail-statement{font-size:var(--text-base);padding-inline-start:var(--space-4)}.principle-detail-body{padding-block:var(--space-8) var(--space-16)}.principle-detail-layout{gap:var(--space-6)}.principle-detail-sections{gap:var(--space-8)}.principle-detail-footer{padding-top:var(--space-8);flex-direction:column;align-items:flex-start}.principle-detail-section--application .prose-content :where(li){padding:var(--space-3) var(--space-4)}.principle-detail-section--limitations .prose-content{padding:var(--space-4)}}
