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