body { max-width: 900px; margin: 0 auto; padding: 2rem; font-family: Georgia, serif; line-height: 1.6; color: #222; }
    h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; }
    .subtitle { color:#555; }
    nav { margin: 1.5rem 0 2rem 0; }
    nav a { margin-right: 1rem; }
    a { color:#0057aa; text-decoration:none; }
    a:hover { text-decoration:underline; }
    .profile { display:flex; gap:2rem; flex-wrap:wrap; align-items:flex-start; }
    .profile img { width:220px; max-width:100%; border-radius:4px; }
    section { margin-top:3rem; }
    footer { margin-top:4rem; color:#666; font-size:.9rem; }
    .project {margin-bottom: 1rem; border: 1px solid #ddd; border-radius: 6px; padding: 0.5rem;}
    .project summary {display: flex;align-items: center;gap: 0.75rem;cursor: pointer;font-weight: bold;}
    .project-icon {width: 32px;height: 32px;object-fit: cover;}
    .project-title {flex-grow: 1;}
    .project-link {font-weight: normal;}
    .project-content {margin-top: 1rem;}
    .coauthors {margin-top: 0;}
    .project-grid {display: grid;grid-template-columns: 200px 1fr;gap: 2rem;}
    .project-artifacts {text-align: left;}
    .project-description {text-align: left;}
    @media (max-width: 700px) {.project-grid {grid-template-columns: 1fr;}}
    .misc-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;}
    .misc-card {border: 1px solid #ddd;border-radius: 6px;padding: 0.75rem;}
    .misc-card summary {cursor: pointer;font-size: 0.85rem;color: #444;}
    .misc-image {width: 100%;margin-top: 1rem;border-radius: 4px;}
    .caption {font-size: 0.8rem;margin-top: 0.5rem;}
    @media (max-width: 700px) {.misc-grid {grid-template-columns: 1fr;}}