:root{--paper: #f7f2e8;--black: #0f0f0f;--deep-blue: #133e7c;--warm-red: #9e1c2c;--mustard: #856912;--dim: #ece7db;--block-s: var(--deep-blue);--block-p: var(--mustard);--block-d: var(--warm-red);--block-f: var(--black);--stroke-hairline: .5px;--stroke-thin: 1px;--stroke-regular: 1.5px;--stroke-medium: 2px;--stroke-accent: 3px;--stroke-heavy: 4px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.4, 0, .2, 1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--black);background:var(--paper);-webkit-font-smoothing:antialiased}body{max-width:1200px;margin:0 auto;padding:var(--sp-3) var(--sp-4);touch-action:manipulation}a{color:var(--deep-blue);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}@media(hover:hover)and (pointer:fine){a:hover{text-decoration:underline}}svg a,svg a:hover,svg a:visited,svg a:active{color:inherit;fill:inherit;text-decoration:none;cursor:pointer}code,.mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-100%;left:16px;z-index:1000;padding:8px 16px;background:var(--black);color:var(--paper);font-size:14px;text-decoration:none}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--warm-red);outline-offset:2px}button,a,select,input,[role=button]{min-height:44px;min-width:44px}svg [role=button]{min-height:unset;min-width:unset}.etymology-card:hover{border-width:3px!important;background:var(--dim)!important}.etymology-card:focus-visible{outline:2px solid var(--warm-red);outline-offset:2px}.compare-svg svg,.pt-scroll-container svg,.folio-layout{contain:layout style paint}.pt-scroll-container{touch-action:pinch-zoom}@keyframes folio-line-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes plate-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes bar-grow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes compare-expand{0%{clip-path:inset(0 50% 0 50%)}to{clip-path:inset(0 0 0 0)}}@keyframes compare-scale{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes svg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes help-panel-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes rule-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes sparkline-draw{0%{stroke-dashoffset:var(--dash-length)}to{stroke-dashoffset:0}}::view-transition-old(root){animation:.15s ease-out both fade-out}::view-transition-new(root){animation:.2s ease-out 50ms both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(viz-nav),::view-transition-new(viz-nav){animation-duration:.15s;animation-timing-function:var(--ease-snap)}::view-transition-old(element-symbol),::view-transition-new(element-symbol){animation-duration:.25s;animation-timing-function:var(--ease-out)}::view-transition-old(element-number),::view-transition-new(element-number){animation-duration:.25s;animation-timing-function:var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){body{padding:var(--sp-2) var(--sp-3)}.folio-layout{flex-direction:column!important;gap:24px!important}.folio-marginalia{width:100%!important}.folio-main{padding-left:16px!important}.folio-summary-area{display:flex;flex-direction:column}.folio-identity{position:static!important;width:100%!important;margin-bottom:12px}.folio-data-plate{position:static!important;width:100%!important;margin-bottom:16px}.pt-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-svg{max-width:100%}.pt-scroll-container svg{min-width:600px!important}.folio-number{font-size:64px!important}.folio-symbol{font-size:40px!important}}@media(min-width:769px)and (max-width:1024px){.folio-marginalia{width:180px!important}}