.principle-page{display:flex;height:100svh;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--font-body)}html:has(.principle-stage){overflow-y:hidden}.principle-reader{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.principle-stage{--spine-w: 4.25rem;--chevron-w: 3.25rem;--open-w: clamp( 20rem, calc(100vw - 2 * var(--chevron-w) - 6 * var(--spine-w)), 52rem );display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.principle-rail{display:flex;flex:1 1 0;min-width:0}.principle-rail.is-before{justify-content:flex-end}.principle-rail.is-after{justify-content:flex-start}.principle-spine{position:relative;display:flex;flex:0 0 var(--spine-w);height:100%;flex-direction:column;align-items:center;gap:1.1rem;padding:2.2rem 0;border-right:1px solid var(--rule);background:var(--paper);color:inherit;text-decoration:none;transition:background .22s ease}.principle-rail.is-before .principle-spine{background:var(--paper-deep)}.principle-spine-number{flex:0 0 auto;font-family:var(--font-head);font-size:1.4rem;line-height:1;color:var(--ink-faint);transition:color .22s ease}.principle-spine-title{flex:1 1 auto;min-height:0;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-family:var(--font-body);font-size:.9rem;font-weight:500;letter-spacing:.01em;line-height:1;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .22s ease}@media(hover:hover){.principle-spine:hover{background:var(--paper)}.principle-spine:hover .principle-spine-number,.principle-spine:hover .principle-spine-title{color:var(--clay)}}.principle-spine:focus-visible{outline:none;background:var(--paper)}.principle-spine:focus-visible .principle-spine-number,.principle-spine:focus-visible .principle-spine-title{color:var(--clay)}.principle-peek{position:absolute;top:50%;z-index:40;width:17rem;display:flex;flex-direction:column;gap:.35rem;padding:.85rem 1rem;background:var(--ink);color:var(--paper);box-shadow:0 12px 34px #00000038;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.98);transition:opacity .18s ease,transform .18s ease}.principle-spine.is-before .principle-peek{left:calc(100% + .5rem);transform-origin:left center}.principle-spine.is-after .principle-peek{right:calc(100% + .5rem);transform-origin:right center}.principle-peek-number{font-family:var(--font-brow);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;opacity:.66}.principle-peek-title{font-family:var(--font-head);font-size:1.12rem;line-height:1.2}.principle-peek-blurb{font-size:.82rem;line-height:1.5;opacity:.76}@media(hover:hover){.principle-spine:hover .principle-peek{opacity:1;transform:translateY(-50%) scale(1)}}.principle-spine:focus-visible .principle-peek{opacity:1;transform:translateY(-50%) scale(1)}.principle-chevron{position:relative;flex:0 0 var(--chevron-w);height:100%;display:flex;align-items:center;justify-content:center;border:none;text-decoration:none;background:color-mix(in srgb,var(--clay) 9%,transparent);font-family:var(--font-head);font-size:2.1rem;line-height:1;color:var(--clay);transition:background .22s ease}.principle-chevron:hover,.principle-chevron:focus-visible{background:color-mix(in srgb,var(--clay) 20%,transparent)}.principle-chevron.is-disabled{background:color-mix(in srgb,var(--clay) 4%,transparent);pointer-events:none}.principle-chevron.principle-tip:after{left:50%;bottom:calc(50% + 2rem);transform:translate(-50%,4px)}.principle-chevron.principle-tip:hover:after,.principle-chevron.principle-tip:focus-visible:after{transform:translate(-50%)}.principle-chevron span{display:inline-block;transition:transform .22s ease}.principle-chevron.is-previous:hover span{transform:translate(-3px)}.principle-chevron.is-next:hover span{transform:translate(3px)}.principle-col{position:relative;flex:0 0 var(--open-w);min-width:0;height:100%;overflow-x:hidden;overflow-y:auto;border-inline:1px solid var(--rule);background:var(--paper);contain:layout paint}.principle-sticky{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid transparent;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .3s ease,transform .3s ease,border-color .3s ease}.principle-sticky.is-on{opacity:1;transform:none;border-bottom-color:var(--rule);pointer-events:auto}.principle-sticky>div{display:flex;justify-content:center;padding:.7rem 2rem}.principle-sticky p{display:flex;width:min(34rem,100%);min-width:0;align-items:baseline;gap:.7rem}.principle-sticky .principle-sticky-number{flex:0 0 auto;font-family:var(--font-brow);font-size:.78rem;letter-spacing:.14em;color:var(--ink-faint)}.principle-sticky .principle-sticky-title{font-family:var(--font-head);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.principle-grid{display:flex;justify-content:center;padding:2.6rem 2rem 5rem}.principle-body{width:min(34rem,100%)}.principle-eyebrow{font-family:var(--font-brow);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.principle-points{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-top:-1.3rem;margin-bottom:2.2rem;font-size:.78rem;line-height:1.6}.principle-points-mark{font-size:.95rem;line-height:1;color:color-mix(in srgb,var(--ink-faint) 65%,transparent)}.principle-points ul{position:relative;display:flex;flex-wrap:wrap;gap:.2rem .3rem}.principle-points li{display:flex}.principle-points li:not(:last-child):after{content:",";color:var(--ink-faint);opacity:.6}.principle-points a{font-variant-numeric:tabular-nums;color:var(--ink-faint);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.principle-points a:hover,.principle-points a:focus-visible{color:var(--clay);border-bottom-color:color-mix(in srgb,var(--clay) 40%,transparent)}.principle-points .principle-tip:after{top:calc(100% + .45rem);bottom:auto;width:max-content;max-width:20rem;white-space:normal}.principle-body>h1{margin-bottom:2.2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--rule);font-family:var(--font-head);font-weight:400;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.018em}.principle-body>h1:focus{outline:none}.principle-stamp{margin-bottom:1.5rem}.principle-prose{font-size:1.0625rem;line-height:1.75}.principle-prose>*+*{margin-top:1.35rem}.principle-prose em{font-style:italic}.principle-prose strong{font-weight:inherit;font-style:italic}.principle-prose h2,.principle-prose h3{font-family:var(--font-head);font-weight:400;font-size:1.4rem;line-height:1.2;margin-top:2.4rem}.principle-prose ul,.principle-prose ol{padding-left:1.3rem}.principle-prose li{margin-top:.4rem}.principle-prose ul{list-style:disc}.principle-prose ol{list-style:decimal}.principle-prose hr{border:0;border-top:1px solid var(--rule);margin:2.6rem 0}.principle-prose blockquote{border-left:1px solid var(--rule);padding-left:1.25rem;font-family:var(--font-brow);font-style:italic;font-size:1.06rem;color:var(--ink-soft)}.principle-prose blockquote p+p{margin-top:1rem}.principle-prose blockquote cite{display:block;margin-top:.4rem;font-style:normal;font-size:.83rem;color:var(--ink-faint)}.principle-link{position:relative;color:var(--clay);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--clay) 32%,transparent);transition:border-color .2s ease}.principle-link:hover{border-bottom-color:var(--clay)}.principle-link.is-open{background:var(--paper-deep);box-shadow:0 0 0 3px var(--paper-deep);border-bottom-color:transparent}.principle-tip:after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + .55rem);z-index:30;white-space:nowrap;background:var(--ink);color:var(--paper);font-family:var(--font-body);font-size:.78rem;line-height:1;letter-spacing:.01em;padding:.5rem .7rem;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.principle-tip:hover:after,.principle-tip:focus-visible:after{opacity:1;transform:none}.principle-said{margin-top:4.5rem;border-top:1px solid var(--rule);padding-top:1.7rem}.principle-said>.principle-eyebrow{margin-bottom:1.4rem}.backlink{display:block;margin-bottom:.35rem;margin-left:-1.1rem;padding:.9rem 1rem .9rem 1.1rem;border-left:1px solid transparent;color:inherit;text-decoration:none;transition:background .22s ease,border-color .22s ease,padding-left .22s ease}.backlink:hover,.backlink:focus-visible{background:var(--paper-deep);border-left-color:var(--clay);padding-left:1.4rem}.backlink q{display:block;font-family:var(--font-brow);font-style:italic;font-size:1.05rem;line-height:1.62;color:var(--ink-soft);quotes:"“" "”";transition:color .22s ease}.backlink:hover q,.backlink:focus-visible q{color:var(--ink)}.backlink-credit{display:flex;align-items:center;gap:.5rem;margin-top:.55rem;font-size:.79rem;color:var(--ink-faint);transition:color .22s ease}.backlink:hover .backlink-credit,.backlink:focus-visible .backlink-credit{color:var(--clay)}.backlink-credit span{opacity:0;transform:translate(-4px);transition:opacity .22s ease,transform .22s ease}.backlink:hover .backlink-credit span,.backlink:focus-visible .backlink-credit span{opacity:1;transform:none}.principle-path{position:sticky;bottom:0;z-index:50;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:1.5rem;padding:.55rem 1.5rem;border-top:1px solid var(--rule);background:var(--paper-deep)}.principle-path-trail{display:flex;align-items:center;gap:.15rem;min-width:0;list-style:none}.principle-path-step{display:flex;flex:0 0 auto;align-items:center;font-family:var(--font-brow);font-size:.82rem;color:var(--ink-faint)}.principle-path-step+.principle-path-step:before{content:"›";margin-inline:.25rem;color:var(--ink-faint);opacity:.55}.principle-path-step.is-gap{padding-inline:.15rem;opacity:.6}.principle-path-step a{position:relative;padding:.2rem .35rem;color:var(--ink-faint);text-decoration:none;transition:color .2s ease}.principle-path-step a:hover,.principle-path-step a:focus-visible{color:var(--clay)}.principle-path-step a[aria-current=page]{color:var(--ink)}.principle-path-step a:after{bottom:calc(100% + .4rem)}.principle-path-all{flex:0 0 auto;font-family:var(--font-brow);font-size:.8rem;color:var(--ink-faint);text-decoration:none;border-bottom:1px solid var(--rule);transition:color .2s ease,border-color .2s ease}.principle-path-all:hover,.principle-path-all:focus-visible{color:var(--clay);border-bottom-color:var(--clay)}@media(max-width:900px){html:has(.principle-stage){overflow-y:auto}.principle-page{height:auto;min-height:100svh}.principle-reader{min-height:100svh}.principle-rail{display:none}.principle-stage{flex:1 1 auto;align-items:stretch;overflow:visible}.principle-col{flex:1 1 auto;height:auto;overflow:visible;border-inline:none}.principle-chevron{position:sticky;top:45vh;align-self:flex-start;flex:0 0 2.75rem;height:3.5rem;font-size:1.7rem}.principle-chevron:after{display:none}.principle-sticky{display:none}.principle-grid{padding:2.2rem 1.1rem 3rem}.principle-body{width:100%}.principle-body>h1{font-size:2.1rem}.principle-path{padding:.5rem 1rem;gap:1rem}.principle-path-step a:after{display:none}.principle-path-trail{overflow-x:auto;scrollbar-width:none}.principle-path-trail::-webkit-scrollbar{display:none}}@media(prefers-reduced-motion:reduce){.principle-col,.principle-rail,.principle-spine,.principle-spine-number,.principle-spine-title,.principle-peek,.principle-sticky,.principle-link,.principle-points a,.principle-chevron,.principle-chevron span,.principle-path-step a,.principle-path-all,.backlink,.backlink q,.backlink-credit,.backlink-credit span,.principle-tip:after{transition:none!important;animation:none!important}}