.page-content{max-width:1200px;margin:0 auto}.page-header{max-width:1200px;margin:0 auto;padding:4rem 2rem 3rem;border-bottom:var(--line-thin) solid var(--border-secondary)}.page-header h1{font-size:2.5rem;font-weight:100;letter-spacing:-.02em;margin-bottom:1rem}.page-header-desc{color:var(--text-secondary);font-size:1.0625rem;max-width:700px;line-height:1.7}.refs-section{max-width:1200px;margin:0 auto;padding:3rem 2rem 6rem}.refs-grid{display:grid;grid-template-columns:repeat(4,1fr);border:var(--line-thick) solid var(--border-primary)}.ref-card{padding:1.25rem;border-right:var(--line-thin) solid var(--border-secondary);border-bottom:var(--line-thin) solid var(--border-secondary);transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.ref-card:nth-child(4n){border-right:none}.ref-card:hover{background:var(--bg-secondary)}.ref-card a{display:flex;flex-direction:column;height:100%}.ref-card-name{font-size:1rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.5rem;display:flex;align-items:center;gap:.375rem}.ref-card-name:after{content:"→";font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .2s ease}.ref-card:hover .ref-card-name:after{opacity:1;transform:translate(0)}.ref-card-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem;flex:1}.ref-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.ref-card-tag{font-family:var(--font-mono);font-size:.5625rem;text-transform:uppercase;letter-spacing:.02em;padding:.25rem .375rem;background:var(--bg-elevated);color:var(--text-muted);border:var(--line-thin) solid var(--border-muted)}.ref-header{max-width:900px;margin:0 auto;padding:4rem 2rem 3rem}.ref-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:2rem;transition:color .2s ease;cursor:pointer;background:none;border:none}.ref-back:hover{color:var(--text-primary)}.ref-back svg{width:14px;height:14px;stroke:currentColor}.ref-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.ref-tag{font-family:var(--font-mono);font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;padding:.375rem .75rem;border:var(--line-thin) solid var(--border-secondary)}.ref-name{font-size:3rem;font-weight:100;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.ref-dates{font-family:var(--font-mono);font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.ref-summary{font-size:1.25rem;color:var(--text-secondary);line-height:1.7;max-width:700px}.ref-content{max-width:900px;margin:0 auto;padding:0 2rem}.core-thesis{padding:2.5rem;background:var(--bg-secondary);border-left:var(--line-heavy) solid var(--border-primary);margin-bottom:3rem}.core-thesis-label{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.core-thesis-text{font-size:1.25rem;font-weight:300;line-height:1.7;color:var(--text-primary)}.ref-section{margin-bottom:3rem}.ref-section-title{font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:var(--line-medium) solid var(--border-primary)}.ref-section p{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.25rem}.ref-section p:last-child{margin-bottom:0}.key-ideas{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.key-idea{padding:1.5rem;background:var(--bg-secondary);border:var(--line-thin) solid var(--border-secondary)}.key-idea-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.key-idea-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.ref-quote{margin:2.5rem 0;padding:2rem;border-left:var(--line-heavy) solid var(--border-primary);background:var(--bg-secondary)}.ref-quote p{font-size:1.125rem;font-style:italic;line-height:1.7;color:var(--text-primary);margin-bottom:1rem}.ref-quote cite{font-family:var(--font-mono);font-size:.75rem;font-style:normal;color:var(--text-muted)}.works-list{list-style:none}.work-item{padding:1.5rem 0;border-bottom:var(--line-thin) solid var(--border-secondary);display:grid;grid-template-columns:80px 1fr;gap:1.5rem;align-items:start}.work-item:last-child{border-bottom:none}.work-year{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding-top:.25rem}.work-content h4{font-size:1rem;font-weight:500;margin-bottom:.5rem}.work-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.work-type{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-left:.75rem;padding:.125rem .375rem;background:var(--bg-elevated);border:var(--line-thin) solid var(--border-secondary);vertical-align:middle}.connected-models{margin-top:3rem;padding:2rem;background:var(--bg-secondary);border:var(--line-medium) solid var(--border-secondary)}.connected-models-title{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.connected-models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.connected-model-card{padding:1rem;border:var(--line-thin) solid var(--border-secondary);transition:all .2s ease}.connected-model-card:hover{border-color:var(--border-primary);background:var(--bg-elevated)}.connected-model-name{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.connected-model-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.related-refs{margin-top:4rem;padding-top:2rem;border-top:var(--line-thin) solid var(--border-secondary)}.related-refs-title{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.related-refs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.related-ref-card{padding:1.25rem;border:var(--line-medium) solid var(--border-secondary);transition:all .2s ease;cursor:pointer}.related-ref-card:hover{border-color:var(--border-primary);background:var(--bg-elevated)}.related-ref-name{font-size:.9375rem;font-weight:500;margin-bottom:.375rem}.related-ref-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.ref-footer{max-width:900px;margin:0 auto;padding:3rem 2rem 4rem}.ref-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2rem;border-top:var(--line-thin) solid var(--border-secondary)}.ref-nav-item{padding:1.5rem;border:var(--line-medium) solid var(--border-secondary);transition:all .2s ease;cursor:pointer}.ref-nav-item:hover{border-color:var(--border-primary);background:var(--bg-elevated)}.ref-nav-item.next{text-align:right}.ref-nav-item.disabled{opacity:.3;pointer-events:none}.ref-nav-label{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.ref-nav-name{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease}.ref-nav-item:hover .ref-nav-name{color:var(--text-primary)}.ref-body{max-width:900px;margin:0 auto;padding:0 2rem 2rem}.ref-body h2{font-size:1.25rem;font-weight:500;letter-spacing:-.01em;margin-top:2rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:var(--line-medium) solid var(--border-primary)}.ref-body p{font-size:1.0625rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.25rem}.ref-body blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:var(--line-heavy) solid var(--border-primary);background:var(--bg-secondary)}.ref-body blockquote p{font-style:italic;color:var(--text-primary);margin-bottom:.5rem}.ref-body blockquote p:last-child{margin-bottom:0}@media(max-width:1100px){.refs-grid{grid-template-columns:repeat(3,1fr)}.ref-card:nth-child(4n){border-right:var(--line-thin) solid var(--border-secondary)}.ref-card:nth-child(3n){border-right:none}}@media(max-width:900px){.page-header{padding:3rem 1.5rem 2rem}.page-header h1{font-size:2rem}.refs-section{padding:2rem 1.5rem 4rem}.refs-grid{grid-template-columns:1fr}.ref-card{border-right:none!important}.ref-header{padding:3rem 1.5rem 2rem}.ref-name{font-size:2.25rem}.ref-content{padding:0 1.5rem}.ref-body{padding:0 1.5rem 2rem}.key-ideas{grid-template-columns:1fr}.work-item{grid-template-columns:60px 1fr;gap:1rem}.connected-models-grid,.related-refs-grid,.ref-nav{grid-template-columns:1fr}.ref-nav-item.next{text-align:left}.ref-footer{padding:2rem 1.5rem 3rem}}@media(max-width:600px){.related-refs-grid{grid-template-columns:1fr}}
