.project-detail{max-width:1200px;padding:44px var(--pad) 70px;margin:auto}
.project-back{display:inline-block;color:var(--blue);text-decoration:none;margin-bottom:24px;font-size:15px}
.project-back:hover{text-decoration:underline}
.project-detail h1{max-width:950px;font-size:clamp(32px,3.8vw,48px);color:var(--navy);margin:0 0 30px}
.project-description{font-size:18px;line-height:1.75;color:var(--muted)}
.project-description>img{display:block;max-width:100%;width:auto;max-height:560px;object-fit:contain;margin:0 auto 14px}
.project-description .figure-caption{font-size:14px;line-height:1.5;text-align:center;margin:0 auto 30px;max-width:850px}
.project-description p{margin-bottom:20px}
.project-description h2{font-size:26px;color:var(--navy);margin:30px 0 16px}
.project-description figure{margin:28px 0}
.llm-explanation-figure{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.llm-explanation-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.llm-explanation-layout h3{font:600 21px/1.35 Manrope,sans-serif;color:var(--navy);margin:0 0 20px;letter-spacing:-.02em}
.llm-choice-detail .llm-effects-chart img{width:100%;max-width:none;max-height:none;display:block}
.llm-prediction{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.llm-prediction span{font-size:16px;color:var(--muted)}
.llm-prediction strong{font-size:32px;line-height:1.2;color:var(--navy)}
.project-description .llm-explanation-copy p{font-size:inherit;line-height:inherit;margin:0}
@media(max-width:800px){.llm-explanation-layout{grid-template-columns:1fr;gap:26px}.llm-effects-chart{max-width:540px;width:100%;margin:auto}}
.llm-choice-detail .project-description figure img{width:100%;max-width:900px;max-height:none;height:auto}
.llm-choice-detail .project-description img[src*="llm-choice-modeler-framework.png"]{max-width:100%;height:auto}
.llm-choice-detail .project-description img[src*="llm-choice-modeler-framework-replotted.svg"]{width:100%;max-width:900px;height:auto}
.behavior-explanation{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;overflow:hidden;background:#f5f6fa}
.explanation-heading{padding:24px 30px 0;display:grid;gap:8px}
.explanation-heading span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.explanation-heading>strong{font:600 23px/1.35 Manrope,sans-serif;color:var(--navy)}
.behavior-explanation blockquote{margin:0;padding:20px 30px 8px;font-size:17px;line-height:1.7;color:var(--muted)}
.behavior-explanation blockquote strong{color:var(--navy);font-weight:600}
.project-description .behavior-explanation figcaption{margin:0;padding:16px 30px;background:#fff;border-top:1px solid var(--line);text-align:left}
@media(max-width:620px){.explanation-heading{padding:20px 20px 0}.behavior-explanation blockquote{padding:16px 20px 4px}.project-description .behavior-explanation figcaption{padding:14px 20px}}
.dnn-choice-detail .project-description img[src$="dnn-choice-method.svg"]{width:100%;max-height:none}
.dnn-choice-detail .project-description img[src*="group-wise-thresholds-figure.svg"]{width:100%;max-height:none}
.dnn-choice-detail .project-description img[src$="dnn-choice-comparison.svg"]{width:100%;max-height:none}
.dnn-choice-detail .project-description img[src$="dnn-choice-comparison.png"]{width:100%;max-width:800px;max-height:none}
.transportation-equity-detail .project-description figure img{width:100%;max-width:820px;max-height:none;height:auto}
.transportation-equity-detail .project-description .equity-map img{max-width:640px}
.project-description figure img{display:block;max-width:100%;max-height:560px;margin:auto;object-fit:contain}
.project-description .decision-uncertainty-figure img{width:100%;height:auto;max-height:none}
.resilience-case-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.project-description .platform-screenshot img{display:block;width:100%;height:auto;max-height:none}
.project-description .car-following-method img{width:100%;max-width:900px;height:auto;max-height:none}
.localization-detail .project-description figure img{width:100%;height:auto;max-height:none;max-width:1000px}
.platform-screenshot>a{display:block}
.project-description .resilience-case-images figure{margin:0;min-width:0}
.project-description .resilience-case-images img{width:100%;height:auto;aspect-ratio:1.64;object-fit:cover;max-height:none}
@media(max-width:620px){.resilience-case-images{grid-template-columns:1fr}}
.project-description figcaption{font-size:14px;line-height:1.5;text-align:center;margin-top:12px}
.project-description li,.project-reference li{margin-bottom:14px}
.project-reference{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.project-reference h2{font-size:24px;color:var(--navy)}
.project-reference a{font-weight:600;color:var(--blue);text-underline-offset:4px}
@media(max-width:620px){.project-detail{padding-top:30px;padding-bottom:45px}.project-description{font-size:17px}}
