#portfolio .portfolio-decision-projects { max-width: 1160px; margin: 40px auto 0; font-family: var(--font-body); }
#portfolio .portfolio-decision-projects h3,
#portfolio .portfolio-decision-projects h4,
#portfolio .portfolio-decision-projects h5 { font-family: var(--font-body); font-weight: 750; line-height: 1.25; letter-spacing: -.025em; }
.decision-projects-header { max-width: 850px; margin-bottom: 24px; }
.decision-projects-header h3 { margin: 12px 0 16px; color: #10233d; font-size: clamp(1.6rem, 3vw, 2.25rem); }
.decision-projects-header p { margin: 0; color: #53647a; line-height: 1.75; }
.project-context { display: block; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.decision-projects-header .project-context { color: #0b5f59; }
.project-index { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.project-index a { display: flex; flex-direction: column; gap: 10px; padding: 20px; border: 1px solid #d8e1ea; border-radius: 12px; color: #10233d; background: #fff; text-decoration: none; }
.project-index a:hover { border-color: #0f766e; background: #f0f8f6; }
.project-index span { color: #53647a; font-size: 12px; }
.project-index strong { font-size: 16px; line-height: 1.4; }
.portfolio-decision-projects .project-brief { position: relative; z-index: 1; margin: 24px 0; padding: 24px; border: 1px solid #cbd5e1; border-radius: 12px; background: #ffffffa6; color: #172033; }
.project-brief-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 20px 0; }
.project-brief-grid > div { min-width: 0; }
.project-brief-grid dt { margin-bottom: 8px; color: #0b5f59; font-size: 13px; font-weight: 800; }
.project-brief-grid dd { margin: 0; font-size: 14px; line-height: 1.75; }
.project-method { padding-top: 16px; border-top: 1px solid #cbd5e1; }
.project-method summary { cursor: pointer; font-size: 14px; font-weight: 700; }
.project-method p { margin: 12px 0 0; font-size: 14px; line-height: 1.7; }
.project-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 20px; }
.project-actions button { min-height: 44px; padding: 11px 16px; border: 1px solid #0b5f59; border-radius: 8px; color: #fff; background: #0b5f59; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.project-actions button:hover:not(:disabled) { background: #084f4a; }
.project-actions button:disabled { cursor: not-allowed; opacity: .6; }
.project-actions a { display: inline-flex; align-items: center; min-height: 44px; color: #0b5f59; font-size: 14px; font-weight: 650; text-underline-offset: 4px; }
.project-export-status { min-height: 1.5em; margin: 12px 0 0; font-size: 13px; line-height: 1.5; }
.project-export-status:empty { display: none; }
.monte-carlo-shell .project-brief,
.llm-sim-card .project-brief { border-color: #476078; color: #e2e8f0; background: #ffffff09; }
.monte-carlo-shell .project-brief dt,
.llm-sim-card .project-brief dt,
.monte-carlo-shell .project-actions a,
.llm-sim-card .project-actions a { color: #99f6e4; }
.monte-carlo-shell .project-method,
.llm-sim-card .project-method { border-color: #476078; }
.portfolio-decision-projects .monte-carlo-shell,
.portfolio-decision-projects .lab-sim-card,
.portfolio-decision-projects .lab-suite-header { border-radius: 16px; padding: clamp(20px, 3vw, 32px); box-shadow: 0 12px 32px #10233d0d; }
.portfolio-decision-projects [id] { scroll-margin-top: 28px; }
.portfolio-decision-projects a:focus-visible,
.portfolio-decision-projects button:focus-visible,
.portfolio-decision-projects summary:focus-visible { outline: 3px solid #34b7a6; outline-offset: 4px; }
@media (max-width: 1000px) { .project-index { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 800px) { .project-brief-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
@media (max-width: 480px) { .project-index { grid-template-columns: minmax(0, 1fr); } .portfolio-decision-projects .project-brief { padding: 18px; } .project-actions button { width: 100%; } }
body.dark-mode .decision-projects-header h3 { color: #f8fafc; }
body.dark-mode .decision-projects-header p { color: #cbd5e1; }
body.dark-mode .project-index a { color: #f8fafc; background: #18212f; border-color: #476078; }
body.dark-mode .project-index span { color: #cbd5e1; }