#methodologies-root{--bg: var(--n-bg);--bg-card: var(--n-panel);--bg-hover: var(--n-hover);--text: var(--n-text);--text-dim: var(--n-text-dim);--fn-color: var(--accent-fn);--fs-color: var(--accent-fs);--on-color: var(--accent-on);--os-color: var(--accent-os);--row-dur: .38s;--row-ease: cubic-bezier(.22, 1, .36, 1);--quad-h: 220px;max-width:860px;margin:0;padding:56px 28px 100px}.m-column{max-width:680px}.m-hero{margin-bottom:52px}.m-reading{margin-top:56px}.m-eyebrow{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.m-title{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin:0 0 16px}.m-sub{color:var(--muted);font-size:15px;line-height:1.8;max-width:46ch;margin:0;text-wrap:pretty}.axis-grid{display:grid;grid-template-columns:72px 1fr 1fr;gap:3px;margin-bottom:3px}.axis-h{font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:0 0 4px}.axis-h:first-of-type{grid-column:2}.quad-section{margin-bottom:3px}.quad-row{display:flex;gap:3px;align-items:stretch}.axis-v-label{width:72px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;padding-right:12px;font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.quad{position:relative;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;overflow:hidden;height:var(--quad-h, 200px);transition:flex var(--row-dur) var(--row-ease),border-color .2s ease,background .2s ease;flex:1 1 0;min-width:0;container-type:inline-size;container-name:quad}.quad:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--qc);opacity:.5;transition:opacity .2s;z-index:1}.quad:hover:before,.quad[data-state=open]:before{opacity:1}.quad:hover{border-color:var(--qc);background:var(--bg-hover)}.quad[data-state=open]{border-color:var(--qc);background:var(--bg-hover);flex:1.8 1 0}.quad[data-state=slug]{flex:.3 1 0;min-width:56px;border-color:var(--border);background:var(--bg-card)}.quad[data-state=slug]:hover{border-color:var(--qc);background:var(--bg-hover)}.quad-inner{padding:20px 22px;height:100%;display:flex;flex-direction:column}.quad[data-state=slug] .quad-inner{padding:16px 10px;align-items:center;justify-content:center}.quad-label{display:flex;align-items:flex-start;flex-wrap:wrap;gap:0 0;font-family:Space Mono,monospace;font-size:9px;color:var(--qc);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;transition:opacity .2s;overflow-wrap:break-word;word-break:break-word}.ql-sep{white-space:pre}.quad-body{flex:1;position:relative;overflow:hidden;min-height:0}.quad[data-state=slug] .quad-body{opacity:0;pointer-events:none}.quad-teaser{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;opacity:1;transition:opacity .22s ease}.quad[data-state=open] .quad-teaser{opacity:0;pointer-events:none}.quad-title{font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:700;line-height:1.25;margin:0 0 8px;color:var(--text);overflow-wrap:break-word;word-break:break-word;text-wrap:pretty}.quad-desc{font-size:12px;color:var(--muted);line-height:1.6;text-wrap:pretty;overflow-wrap:break-word}.quad-hint{font-family:Space Mono,monospace;font-size:9px;color:var(--muted);margin-top:auto;padding-top:14px;opacity:0;transition:opacity .2s .1s}.quad:not([data-state]) .quad-hint,.quad[data-state=open] .quad-hint{opacity:.6}.quad-slug-label{display:none;font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap;transition:color .2s}.quad[data-state=slug] .quad-slug-label{display:block}.quad[data-state=slug]:hover .quad-slug-label{color:var(--qc)}.quad-verbose{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;overflow:hidden;opacity:0;transition:opacity .32s ease .08s;pointer-events:none}.quad[data-state=open] .quad-verbose{opacity:1;pointer-events:auto}.quad-verbose-col-label{font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;opacity:.7}.quad-verbose-text{font-size:13px;line-height:1.82;color:var(--text-dim);text-wrap:pretty;overflow-wrap:break-word}.quad-verbose-text em{color:var(--text);font-style:italic}@container quad (max-width: 320px){.quad-verbose{grid-template-columns:1fr}.quad-verbose .quad-verbose-col:last-child{display:none}}.divider{display:flex;align-items:center;gap:16px;margin:0 0 48px}.divider-line{flex:1;height:1px;background:var(--border)}.divider-node{font-family:Space Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);padding:8px 22px;border-radius:4px;background:var(--n-panel-deep);white-space:nowrap}.principles-label{font-family:Space Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:28px}.principle{display:grid;grid-template-columns:36px 1fr;gap:0 20px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--border)}.principle:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.principle-num{font-family:Space Mono,monospace;font-size:11px;color:var(--muted);padding-top:3px;font-style:italic}.principle-title{font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:700;margin:0 0 8px;line-height:1.3}.principle-body{font-size:14px;line-height:1.82;color:var(--muted);text-wrap:pretty}.principle-body em{color:var(--n-text-dim);font-style:italic}@media(max-width:600px){#methodologies-root{padding:40px 18px 100px}.axis-grid{display:none}.quad-label{flex-direction:column;gap:1px}.ql-sep{display:none}.quad-row{flex-direction:column;gap:3px}.axis-v-label{width:auto;justify-content:flex-start;padding:0 0 2px;font-size:9px;margin-bottom:0;height:14px;line-height:12px}.quad{width:100%!important;min-height:0;height:auto!important;flex:0 0 auto!important}.quad:not([data-state]){height:calc((var(--quad-h-mobile, var(--quad-h)) + 92px) / 2)!important;flex:0 0 calc((var(--quad-h-mobile, var(--quad-h)) + 92px) / 2)!important}.quad[data-state=open]{height:var(--quad-h-mobile, var(--quad-h))!important;flex:0 0 var(--quad-h-mobile, var(--quad-h))!important}.quad[data-state=slug]{width:100%!important;height:92px!important;min-height:92px;flex:0 0 92px!important}.quad[data-state=slug] .quad-inner{flex-direction:column;gap:6px;padding:12px 18px;align-items:flex-start;justify-content:flex-start}.quad[data-state=slug] .quad-label{display:flex;margin-bottom:0}.quad[data-state=slug] .quad-body{display:none}.quad[data-state=slug] .quad-slug-label{display:block;writing-mode:horizontal-tb;text-orientation:mixed;transform:none;white-space:nowrap}.quad[data-state=open] .quad-verbose{grid-template-columns:1fr;gap:18px 0}.quad[data-state=open] .quad-verbose .quad-verbose-col:last-child{display:block}.principle{grid-template-columns:28px 1fr;gap:0 14px}}@media(max-width:400px){.m-title{font-size:2rem}}.reader-prose .m-sub{font-size:.9375em}.reader-prose .divider-node{font-size:.625em}.reader-prose .principles-label{font-size:.5625em}.reader-prose .principle-num{font-size:.6875em}.reader-prose .principle-title{font-size:1.1em}.reader-prose .principle-body{font-size:.875em}