.header-resources { display: flex; align-items: center; gap: 20px; }
.source-link { color: var(--ink); font-size: 12px; font-weight: 800; text-decoration: none; }
.contact-link { color: var(--ink); font-size: 12px; font-weight: 800; text-decoration: none; }
.research-resources { padding: 108px 0; border-bottom: 1px solid var(--line); }
.resource-heading { display: grid; grid-template-columns: 1fr .78fr; gap: 90px; align-items: end; margin: 29px 0 48px; }
.resource-heading h2 { margin: 0; font: 700 clamp(39px,4.8vw,63px)/1.13 var(--serif); }
.resource-heading h2 em { color: var(--teal); font-weight: 400; }
.resource-heading p { margin: 0; color: var(--muted); line-height: 1.85; }
.resource-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.resource-card { display: flex; flex-direction: column; min-height: 280px; padding: 26px; border-radius: 7px; text-decoration: none; }
.resource-card > span { font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.resource-card h3 { margin: 46px 0 10px; font-size: 25px; line-height: 1.2; }
.resource-card p { max-width: 470px; margin: 0; line-height: 1.8; }
.source-card { background: var(--ink); color: #fff; }
.source-card > span { color: var(--lime); }
.source-card p { color: #c2d8d5; }
.source-card b { margin-top: auto; padding-top: 22px; color: var(--lime); font-size: 12px; }
.report-card { border: 1px solid var(--line); background: #f0f4f1; color: var(--ink); }
.report-card > span { color: var(--teal); }
.report-card p { color: var(--muted); }
.report-card small { margin-top: auto; padding-top: 22px; color: var(--teal); font-size: 11px; font-weight: 800; }
.main-nav { margin-left: 46px; }
.premise-quote { display: flex; align-items: baseline; gap: 14px; margin: 26px 0 32px; padding: 16px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.premise-quote blockquote { margin: 0; color: var(--ink); font: 24px/1.3 var(--serif); }
.premise-quote cite { color: var(--muted); font-size: 12px; font-style: normal; }
.premise-quote cite em { font-family: var(--serif); }
.mode-preview { display: grid; grid-template-columns: .7fr 1fr 1fr; gap: 0; margin-top: 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.mode-preview-intro, .mode-preview article { padding: 23px 24px 23px 0; }
.mode-preview-intro { padding-right: 34px; }
.mode-preview-intro > span { color: var(--teal); font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.mode-preview-intro p { margin: 14px 0 0; color: var(--muted); font: 18px/1.45 var(--serif); }
.mode-preview article { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding-left: 24px; border-left: 1px solid var(--line); }
.mode-preview article > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #d5ecb5; color: #275148; font: 17px var(--serif); }
.mode-preview article:last-child > span { background: #55a8a3; color: #fff; }
.mode-preview h3 { margin: 2px 0 8px; font-size: 13px; letter-spacing: .55px; }
.mode-preview article p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.mode-preview article b { color: var(--ink); }
.closing-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 76px; align-items: end; margin-top: 20px; }
.closing h2 { margin: 0; }
.closing-context { padding-bottom: 6px; }
.closing-title { margin: 0 0 15px; color: var(--ink); font: 20px/1.35 var(--serif); }
.closing-summary { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.85; }
.research-focus { padding: 96px 0; background: #edf4ef; }
.focus-heading { display: grid; grid-template-columns: 1fr .78fr; gap: 90px; align-items: end; margin-bottom: 46px; }
.focus-heading h2, .citation-layout h2 { margin: 17px 0 0; font: 700 clamp(39px,4.8vw,63px)/1.13 var(--serif); }
.focus-heading h2 em, .citation-layout h2 em { color: var(--teal); font-weight: 400; }
.focus-heading > p { max-width: 460px; margin: 0; color: #506b69; line-height: 1.85; }
.focus-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.focus-grid article { min-height: 238px; padding: 21px; border-top: 3px solid var(--teal); background: #f9fcfa; box-shadow: inset 0 0 0 1px #c8dbd2; }
.focus-grid article:nth-child(2) { border-top-color: #72aa8e; }
.focus-grid article:nth-child(3) { border-top-color: #9abf59; }
.focus-grid article:nth-child(4) { border-top-color: #396e72; }
.focus-grid span { display: block; color: var(--teal); font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.focus-grid h3 { margin: 42px 0 9px; font: 25px/1.16 var(--serif); }
.focus-grid p { margin: 0; color: #526d68; font-size: 13px; line-height: 1.8; }
.citation-section { padding: 76px 0 90px; background: #f8f8f4; }
.citation-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: end; }
.citation-layout > div:first-child > p:last-child { max-width: 465px; margin: 22px 0 0; color: var(--muted); line-height: 1.85; }
.citation-code { overflow: hidden; border: 1px solid #bcd2ca; border-radius: 7px; background: #153035; }
.citation-code-head { display: flex; align-items: center; justify-content: space-between; min-height: 51px; padding: 0 16px; border-bottom: 1px solid #456164; color: #b9d9d3; font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.copy-citation { min-height: 30px; padding: 0 9px; border: 1px solid #64807e; border-radius: 4px; background: transparent; color: #e8f3ef; font: 800 10px var(--sans); cursor: pointer; }
.copy-citation:hover, .copy-citation:focus-visible { border-color: var(--lime); color: var(--lime); }
.citation-code pre { margin: 0; padding: 22px 23px; overflow-x: auto; color: #e0efea; font: 12px/1.65 Consolas, "Courier New", monospace; white-space: pre; }
.project-footer { display: flex; align-items: center; justify-content: space-between; min-height: 82px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.footer-links { display: flex; align-items: center; gap: 24px; }
.project-footer a { color: var(--ink); font-weight: 800; text-decoration: none; }
.project-footer a:hover { color: var(--teal); }
@media (max-width: 900px) { .resource-heading, .closing-grid { grid-template-columns: 1fr; gap: 25px; } .mode-preview { grid-template-columns: 1fr 1fr; } .mode-preview-intro { grid-column: 1 / -1; padding-right: 0; border-bottom: 1px solid var(--line); } .mode-preview article:first-of-type { padding-left: 0; border-left: 0; } }
@media (max-width: 900px) { .focus-heading, .citation-layout { grid-template-columns: 1fr; gap: 25px; } .focus-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .header-resources { display: none; } .research-resources, .research-focus, .citation-section { padding: 75px 0; } .resource-grid, .focus-grid, .mode-preview { grid-template-columns: 1fr; } .resource-card { min-height: 250px; } .focus-grid article { min-height: 0; padding: 19px; } .focus-grid h3 { margin: 25px 0 8px; } .premise-quote { display: block; margin: 22px 0 28px; } .premise-quote blockquote { font-size: 21px; } .premise-quote cite { display: block; margin-top: 7px; } .mode-preview-intro { padding-bottom: 19px; } .mode-preview article, .mode-preview article:first-of-type { padding: 19px 0; border-left: 0; border-bottom: 1px solid var(--line); } .mode-preview article:last-child { border-bottom: 0; } .citation-code pre { padding: 18px; font-size: 11px; } .project-footer { min-height: 75px; gap: 16px; } .project-footer > span { max-width: 190px; } .footer-links { gap: 15px; } }

.runtime-strip { display: grid; grid-template-columns: 185px 1fr; gap: 24px; align-items: center; margin-top: 34px; padding: 18px 20px; border-top: 1px solid #a8cbc4; border-bottom: 1px solid #a8cbc4; }
.memory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.memory-intro h2 em { color: var(--teal); font-weight: 400; }
.runtime-strip span { color: var(--teal); font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.runtime-strip p { margin: 0; color: #506b69; font-size: 12px; line-height: 1.7; }
.situated { padding: 112px 0; }
.situated-heading { display: grid; grid-template-columns: 1fr .78fr; gap: 90px; align-items: end; margin: 30px 0 50px; }
.situated h2 { margin: 0; font: 700 clamp(39px,4.8vw,63px)/1.13 var(--serif); }
.situated h2 em { color: var(--teal); font-weight: 400; }
.situated-heading p { max-width: 480px; margin: 0; color: var(--muted); line-height: 1.85; }
.situated-example { display: grid; grid-template-columns: .95fr 1fr 1fr; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.example-prompt, .situated-example article { min-height: 226px; padding: 24px; background: #fff; }
.example-prompt { background: #edf4ef; }
.situated-example span { color: var(--teal); font-size: 10px; font-weight: 800; letter-spacing: .85px; }
.situated-example h3 { margin: 48px 0 9px; font: 26px/1.15 var(--serif); }
.situated-example p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.situated-example article:first-of-type { border-top: 4px solid #9abf59; }
.situated-example article:last-of-type { border-top: 4px solid var(--teal); }
.situated-formula { margin: 25px 0 0; color: #55706d; font-size: 11px; font-weight: 800; letter-spacing: .8px; text-align: center; }
.situated-formula b { padding: 0 9px; color: var(--teal); font-size: 14px; }
.evolution-track { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; }
.evolution-track article { min-width: 0; border-left: 3px solid var(--lime); }

@media (max-width: 900px) { .situated-heading { grid-template-columns: 1fr; gap: 25px; } .situated-example { grid-template-columns: 1fr 1fr; } .example-prompt { grid-column: 1 / -1; min-height: 145px; } .example-prompt h3 { margin-top: 28px; } .evolution-track { grid-template-columns: 1fr; gap: 8px; } }
@media (max-width: 620px) { .runtime-strip { grid-template-columns: 1fr; gap: 8px; padding: 16px 0; } .situated { padding: 75px 0; } .situated-example { grid-template-columns: 1fr; } .example-prompt { grid-column: auto; min-height: 0; } .example-prompt, .situated-example article { min-height: 0; } .situated-example h3 { margin: 28px 0 8px; } .situated-formula { line-height: 2.1; } }