/*
 * Academics Network feature styles
 *
 * Add initial styling for new application features here.
 * This file loads before network.css, so the design stylesheet can override
 * any rule without needing higher specificity or !important.
 */

.network-app .editor-heading-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.network-app .entitlement-locked { position: relative; border-color: #d7d5cf; background: #f1f0ed; }
.network-app .entitlement-locked > :not(.entitlement-message) { pointer-events: none; opacity: .42; filter: grayscale(1); }
.network-app .entitlement-message { position: relative; z-index: 2; display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; margin-top: 14px; padding: 15px; border: 1px solid #c9c6bd; background: #fff; color: #292824; }
.network-app .entitlement-message svg { grid-row: 1 / 4; }
.network-app .entitlement-message span { color: #66635d; font-size: 13px; }
.network-app .entitlement-message a { font-size: 13px; }
.network-app .projects-wrap { padding-block: 70px 110px; }
.network-app .projects-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.network-app .projects-heading h1 { margin: 6px 0; font-family: Georgia, serif; font-size: clamp(52px, 7vw, 88px); font-weight: 400; }
.network-app .project-create, .network-app .upgrade-panel, .network-app .project-card { border: 1px solid #d8d5ce; background: #fff; }
.network-app .project-create { display: grid; gap: 18px; margin-bottom: 50px; padding: 26px; }
.network-app .project-create h2, .network-app .project-list > h2, .network-app .upgrade-panel h2 { margin: 4px 0; font-family: Georgia, serif; font-size: 30px; font-weight: 400; }
.network-app .project-create label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; }
.network-app .project-create input, .network-app .project-create textarea, .network-app .project-create select, .network-app .project-tag-form input { width: 100%; border: 1px solid #c9c6bd; background: #fff; padding: 11px 12px; font: inherit; font-weight: 400; }
.network-app .upgrade-panel { display: flex; gap: 18px; margin-bottom: 32px; padding: 24px; }
.network-app .upgrade-panel.muted { margin-top: 45px; background: #f1f0ed; }
.network-app .project-list { display: grid; gap: 18px; }
.network-app .project-card { padding: 24px; }
.network-app .project-card > header { display: flex; justify-content: space-between; }
.network-app .project-card h3 { margin: 18px 0 6px; font-family: Georgia, serif; font-size: 29px; font-weight: 400; }
.network-app .project-members { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 16px 0; }
.network-app .project-members span { border: 1px solid #d8d5ce; border-radius: 20px; padding: 5px 10px; font-size: 12px; }
.network-app .project-tag-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #dedbd4; }
.network-app .project-tag-form .field-error { grid-column: 1 / -1; }
@media (max-width: 700px) { .network-app .projects-heading { align-items: start; flex-direction: column; } .network-app .project-tag-form { grid-template-columns: 1fr; } }
.network-app .project-create-expanded { gap: 30px; }
.network-app .project-create-expanded fieldset { display: grid; gap: 16px; margin: 0; border: 1px solid #d8d5ce; padding: 22px; }
.network-app .project-create-expanded legend { padding: 0 9px; font-family: Georgia, serif; font-size: 25px; }
.network-app .project-create-expanded label { display: grid; gap: 7px; }
.network-app .project-create-expanded label > span { color: #66635d; font-size: 12px; font-weight: 400; }
.network-app .project-create-expanded input, .network-app .project-create-expanded textarea, .network-app .project-create-expanded select, .network-app .project-invite-form input, .network-app .project-invite-form select { width: 100%; border: 1px solid #c9c6bd; background: #fff; padding: 11px 12px; font: inherit; font-weight: 400; }
.network-app .repeat-row { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; border-top: 1px solid #dedbd4; padding-top: 16px; }
.network-app .funding-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.network-app .output-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.network-app .icon-button { position: absolute; top: 20px; right: 4px; border: 0; background: transparent; cursor: pointer; }
.network-app .project-publish-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 10px; }
.network-app .project-publish-actions p { flex-basis: 100%; color: #66635d; font-size: 13px; }
.network-app .project-invitations { display: grid; gap: 12px; margin-bottom: 32px; }
.network-app .project-invitations article { display: flex; align-items: center; gap: 10px; border: 1px solid #d8d5ce; padding: 18px; background: #fff; }
.network-app .project-invitations article div { display: grid; flex: 1; gap: 4px; }
.network-app .project-invite-form { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 9px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedbd4; }
.network-app .project-invite-form label { grid-column: 1 / -1; }
.network-app .member-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.network-app .member-results { position: absolute; z-index: 3; top: 92px; left: 0; display: grid; width: min(520px, 100%); border: 1px solid #c9c6bd; background: #fff; box-shadow: 0 12px 24px #0002; }
.network-app .member-results button { display: grid; gap: 3px; border: 0; border-bottom: 1px solid #eee; padding: 11px 13px; background: #fff; text-align: left; cursor: pointer; }
.network-app .member-results span { color: #66635d; font-size: 12px; }
.network-app .project-card-image { width: 100%; max-height: 270px; margin-bottom: 18px; object-fit: cover; }
@media (max-width: 760px) { .network-app .repeat-row, .network-app .funding-row, .network-app .output-row { grid-template-columns: 1fr; } .network-app .project-invite-form { grid-template-columns: 1fr; } }

.network-app .profile-banner { background-position: center; background-size: cover; }
.network-app .banner-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.network-app .banner-options label { display: grid; gap: 7px; padding: 7px; border: 1px solid #d8d5ce; cursor: pointer; }
.network-app .banner-options label.selected { border-color: #222; box-shadow: 0 0 0 1px #222; }
.network-app .banner-options input { position: absolute; opacity: 0; pointer-events: none; }
.network-app .banner-swatch { display: block; height: 68px; }
.network-app .banner-options strong { font-size: 12px; }
.network-app .custom-banner-field { display: grid; gap: 8px; margin-top: 22px; padding-top: 20px; border-top: 1px solid #ddd9d1; }
.network-app .banner-design-offer { display: grid; gap: 5px; margin-top: 20px; padding: 18px; background: #eeece6; }
.network-app .banner-design-offer span { color: #66635d; font-size: 13px; }
.network-app .banner-aurora, .network-app .public-cover.profile-banner.banner-aurora { background: linear-gradient(120deg, #162238, #426f83 48%, #e0ad72); }
.network-app .banner-ocean, .network-app .public-cover.profile-banner.banner-ocean { background: linear-gradient(135deg, #052f4d, #087c91 52%, #8dd4cf); }
.network-app .banner-sunrise, .network-app .public-cover.profile-banner.banner-sunrise { background: linear-gradient(120deg, #7e294f, #e66f51 50%, #f4c768); }
.network-app .banner-forest, .network-app .public-cover.profile-banner.banner-forest { background: linear-gradient(135deg, #16392e, #3c6d4d 52%, #b5b96d); }
.network-app .banner-orchid, .network-app .public-cover.profile-banner.banner-orchid { background: linear-gradient(125deg, #36214d, #855894 55%, #dab1ca); }
.network-app .banner-ember, .network-app .public-cover.profile-banner.banner-ember { background: linear-gradient(135deg, #351b1b, #a13e2c 50%, #ef9b54); }
.network-app .banner-chalk, .network-app .public-cover.profile-banner.banner-chalk { background: linear-gradient(120deg, #d8d2c8, #f4f1e8 45%, #aaa69f); }
.network-app .banner-midnight, .network-app .public-cover.profile-banner.banner-midnight { background: radial-gradient(circle at 75% 25%, #405278, #161a2b 55%, #090b12); }
.network-app .banner-meadow, .network-app .public-cover.profile-banner.banner-meadow { background: linear-gradient(125deg, #405b31, #85a95f 48%, #d5d09a); }
.network-app .banner-cobalt, .network-app .public-cover.profile-banner.banner-cobalt { background: linear-gradient(135deg, #101f64, #265dd7 52%, #92b6f2); }
.network-app .banner-clay, .network-app .public-cover.profile-banner.banner-clay { background: linear-gradient(125deg, #5b3930, #ad6b52 48%, #dfb08b); }
.network-app .banner-spectrum, .network-app .public-cover.profile-banner.banner-spectrum { background: linear-gradient(110deg, #233057, #417f91 32%, #c08a75 67%, #e2bd67); }
.network-app .moderation-banner { grid-column: 1 / -1; width: 100%; max-height: 240px; object-fit: cover; }
@media (max-width: 760px) { .network-app .banner-options { grid-template-columns: repeat(2, 1fr); } }

.network-app .profile-qr, .network-app .public-profile-qr { display: grid; justify-items: center; gap: 8px; width: fit-content; padding: 14px; border: 1px solid #d8d5ce; background: #fff; color: #66635d; font-size: 12px; text-align: center; }
.network-app .profile-qr { margin-top: 22px; }
.network-app .public-intro { position: relative; }
.network-app .public-profile-qr { align-self: start; }
.network-app .member-feature-wrap { padding-block: 70px 110px; }
.network-app .member-feature-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }
.network-app .member-feature-heading h1 { margin: 6px 0; font-family: Georgia, serif; font-size: clamp(52px, 7vw, 88px); font-weight: 400; }
.network-app .limit-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; color: #66635d; font-size: 13px; }
.network-app .integration-panel, .network-app .referral-link-panel { display: flex; gap: 18px; margin-bottom: 30px; padding: 24px; border: 1px solid #d8d5ce; background: #eeece6; }
.network-app .integration-panel h2, .network-app .referral-link-panel h2 { margin: 0 0 7px; font-family: Georgia, serif; font-size: 28px; font-weight: 400; }
.network-app .publication-list { display: grid; gap: 16px; }
.network-app .publication-list article, .network-app .publication-list .empty-state { padding: 24px; border: 1px solid #d8d5ce; background: #fff; }
.network-app .publication-list article h2 { margin: 6px 0; font-family: Georgia, serif; font-size: 27px; font-weight: 400; }
.network-app .copy-field { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-top: 16px; }
.network-app .copy-field input { min-width: 0; border: 1px solid #c9c6bd; background: #fff; padding: 11px 12px; font: inherit; }
.network-app .referral-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.network-app .referral-stats > div { display: grid; gap: 8px; padding: 22px; border: 1px solid #d8d5ce; background: #fff; }
.network-app .referral-stats strong { font-family: Georgia, serif; font-size: 34px; font-weight: 400; }
.network-app .referral-stats span { color: #66635d; font-size: 13px; }
@media (max-width: 760px) { .network-app .member-feature-heading { align-items: start; flex-direction: column; } .network-app .public-profile-qr { grid-column: 1 / -1; } .network-app .referral-stats { grid-template-columns: 1fr; } .network-app .copy-field { grid-template-columns: 1fr; } }

.network-app .at-a-glance { border: 1px solid #d8d5ce; padding: 22px; background: #f4f2ed; }
.network-app .at-a-glance h3 { margin: 7px 0 18px; font-family: Georgia, serif; font-size: 24px; font-weight: 400; }
.network-app .at-a-glance dl { display: grid; gap: 10px; margin: 0; }
.network-app .at-a-glance dl > div { display: flex; justify-content: space-between; gap: 18px; padding-bottom: 9px; border-bottom: 1px solid #d8d5ce; }
.network-app .at-a-glance dt { color: #66635d; font-size: 12px; }
.network-app .at-a-glance dd { margin: 0; font-size: 13px; font-weight: 600; text-align: right; }
.network-app .availability-badge { display: inline-flex; margin-top: 17px; border-radius: 20px; padding: 7px 11px; background: #dfeadd; color: #254c2b; font-size: 12px; font-weight: 600; }
.network-app .featured-work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.network-app .featured-work-grid article { display: grid; align-content: start; gap: 9px; border: 1px solid #d8d5ce; padding: 20px; background: #fff; }
.network-app .featured-work-grid h3 { margin: 4px 0; font-family: Georgia, serif; font-size: 24px; font-weight: 400; }
.network-app .research-question { border-left: 4px solid #222; padding-left: 24px; }
@media (max-width: 700px) { .network-app .featured-work-grid { grid-template-columns: 1fr; } }

/* Project pages: network.css may override these defaults. */
.connections-page{padding-top:4rem;padding-bottom:6rem}.connections-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.connections-heading h1{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:.5rem}.connection-usage{background:#253c31;color:#fff;border-radius:50%;width:145px;height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.connection-usage strong{font-size:1.8rem}.connection-usage span{font-size:.75rem;max-width:100px}.connections-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3rem}.connections-layout>div>section{margin-bottom:4rem}.connection-list{display:grid;gap:1rem}.connection-card,.connection-compose,.connection-settings{background:#fff;border:1px solid #d9d5cc;border-radius:14px;padding:1.35rem}.connection-card header{display:flex;justify-content:space-between;gap:1rem}.connection-card h3{margin:.5rem 0 .2rem}.connection-card blockquote,.template-preview blockquote{border-left:3px solid #714158;margin:1rem 0;padding:.75rem 1rem;background:#f7f3ed}.connection-context,.connection-privacy{font-size:.85rem;color:var(--muted)}.connection-consent{display:flex;gap:.8rem;background:#f1eadf;border:1px solid #cbbdac;padding:1rem;border-radius:8px}.connection-consent input{margin-top:.25rem}.connection-consent span{display:flex;flex-direction:column}.connection-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.text-button.danger{color:#963d34}.connection-card.connected{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem}.shared-email{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.shared-email small{display:block;width:100%;color:var(--muted)}.connection-list.compact .connection-card{display:flex;justify-content:space-between;align-items:center}.connection-list.compact .connection-card>div{display:flex;flex-direction:column}.connection-compose{margin-bottom:3rem;max-width:760px}.connection-compose form{display:grid;gap:1rem}.connection-compose label{display:flex;flex-direction:column;gap:.4rem}.connection-compose select{padding:.8rem}.connection-consent-info{display:flex;gap:1rem;background:#e6ece7;padding:1rem;border-radius:8px}.connection-consent-info p{margin:0}.connection-settings{position:sticky;top:2rem}.connection-settings>label{display:flex;gap:.7rem;padding:1rem 0;border-bottom:1px solid #e2ded5}.connection-settings label span{display:flex;flex-direction:column}.connection-settings label small{color:var(--muted)}.connection-settings label.disabled{opacity:.5}.preference-pause{background:#f1eadf;padding:1rem!important;border-radius:8px}.profile-public-actions,.project-connect-actions{display:flex;gap:.6rem;flex-wrap:wrap}.project-connect-actions{margin-top:1.5rem}@media(max-width:850px){.connections-layout{grid-template-columns:1fr}.connection-settings{position:static}.connection-card.connected{grid-template-columns:1fr}.connections-heading{align-items:start}.connection-usage{width:110px;height:110px;flex:0 0 auto}}

/* Account navigation. These named state classes are intended as hooks for network.css. */
.network-app .nav-link,
.network-app .account-menu-trigger,
.network-app .account-menu-item { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
.network-app .nav-link.is-active { color: var(--accent, #714158); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; }
.network-app .nav-link:hover { color: var(--accent, #714158); }
.network-app .nav-link:focus-visible,
.network-app .account-menu-trigger:focus-visible,
.network-app .account-menu-item:focus-visible { outline: 3px solid var(--accent, #714158); outline-offset: 3px; }
.network-app .account-menu { position: relative; }
.network-app .account-menu-trigger { display: flex; align-items: center; gap: .55rem; min-height: 44px; padding: .3rem .6rem .3rem .35rem; border: 1px solid transparent; border-radius: 999px; color: inherit; cursor: pointer; }
.network-app .account-menu-trigger:hover,
.network-app .account-menu.is-open .account-menu-trigger { background: var(--surface-alt, #f1eadf); border-color: var(--line, #d9d5cc); }
.network-app .account-menu.is-active .account-menu-trigger { border-color: var(--accent, #714158); }
.network-app .account-menu-trigger .profile-avatar { width: 30px; height: 30px; flex: 0 0 30px; font-size: .68rem; }
.network-app .account-menu-name { max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.network-app .account-menu-chevron { transition: transform .18s ease; }
.network-app .account-menu.is-open .account-menu-chevron { transform: rotate(180deg); }
.network-app .account-submenu { position: absolute; z-index: 30; top: calc(100% + .65rem); right: 0; min-width: 215px; padding: .5rem; border: 1px solid var(--line, #d9d5cc); border-radius: 12px; background: var(--paper, #fff); box-shadow: 0 18px 38px rgb(28 25 24 / 14%); }
.network-app .account-menu-item { display: flex; align-items: center; gap: .55rem; width: 100%; padding: .7rem .8rem; border-radius: 7px; color: var(--ink, #1c1918); text-align: left; font: inherit; cursor: pointer; }
.network-app .account-menu-item:hover,
.network-app .account-menu-item.is-active { background: var(--surface-alt, #f1eadf); color: var(--accent, #714158); }
.network-app .account-menu-item.is-active { font-weight: 700; }
.network-app .account-menu-logout { margin-top: .35rem; border-top: 1px solid var(--line, #d9d5cc); border-radius: 0 0 7px 7px; }
@media(max-width:760px){.network-app .account-menu{width:100%}.network-app .account-menu-trigger{width:100%;justify-content:flex-start}.network-app .account-menu-chevron{margin-left:auto}.network-app .account-submenu{position:static;margin-top:.4rem;min-width:0;box-shadow:none}.network-app .account-menu-item{min-height:44px}.network-app .account-menu-name{max-width:none}}
.project-directory-hero{padding:clamp(4rem,8vw,8rem) 0;background:linear-gradient(135deg,#ece7da,#f8f7f2)}.project-directory-hero h1{max-width:900px;font-size:clamp(3rem,7vw,6.5rem);line-height:.95}.project-directory-hero>div>p:not(.eyebrow){max-width:650px;font-size:1.15rem}.directory-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.directory-featured,.directory-browse{padding-top:5rem;padding-bottom:5rem}.directory-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.directory-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.directory-project-card{background:#fff;border:1px solid #dedbd2;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.directory-project-card.featured:first-child{grid-column:span 2}.directory-project-image{height:210px;background:#273d32;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden}.directory-project-card.featured:first-child .directory-project-image{height:290px}.directory-project-image img{width:100%;height:100%;object-fit:cover}.directory-project-image span{font-size:2rem;letter-spacing:.08em}.directory-project-body{padding:1.35rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;height:100%}.directory-project-body h3{font-size:1.5rem;margin:0}.directory-project-body h3 a{color:inherit}.directory-project-body>p{color:var(--muted);margin:0}.project-card-meta{display:flex;gap:.4rem;flex-wrap:wrap}.project-directory-byline{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.project-directory-byline span{display:flex;align-items:center;gap:.3rem}.directory-project-body .text-link{margin-top:auto}.project-directory-filters{padding:1.5rem;background:#fff;border:1px solid #dedbd2;border-radius:14px}.directory-search>span,.directory-selects label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.directory-search>div{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #aaa;padding:.4rem 0}.directory-search input{flex:1;border:0;background:transparent;min-width:0;font-size:1.05rem}.directory-selects{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.25rem}.directory-selects label{display:flex;flex-direction:column;gap:.4rem}.directory-selects select{padding:.75rem;border:1px solid #cfcac0;background:#fff}.project-az{display:flex;gap:.3rem;flex-wrap:wrap;margin:1.5rem 0}.project-az button{width:35px;height:35px;border:1px solid #d5d1c8;background:transparent;border-radius:50%;font-size:.75rem}.project-az button:first-child{width:auto;border-radius:18px;padding:0 .8rem}.project-az button.active,.project-az button:hover{background:#273d32;color:#fff;border-color:#273d32}.directory-filter-summary{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid #dedbd2}.directory-filter-summary a{font-weight:600}@media(max-width:900px){.directory-featured-grid,.directory-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-project-card.featured:first-child{grid-column:auto}.directory-selects{grid-template-columns:1fr}}@media(max-width:600px){.directory-featured-grid,.directory-project-grid{grid-template-columns:1fr}.directory-search>div{flex-wrap:wrap}.directory-search .button{width:100%}}
.project-header-actions,.project-card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.project-edit-banner{width:100%;max-height:280px;object-fit:cover;border-radius:12px}.public-project{background:#f7f5f0;min-height:100vh}.project-hero{position:relative;background:#20231f;color:#fff;min-height:420px;display:flex;align-items:flex-end;overflow:hidden}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.project-hero-content{position:relative;padding-top:8rem;padding-bottom:4rem;max-width:1050px}.project-hero h1{font-size:clamp(2.5rem,6vw,5.75rem);line-height:.95;max-width:950px;margin:.6rem 0 1.5rem}.project-hero-content>p{font-size:1.25rem;max-width:760px}.project-anchor-nav{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid #dedbd2}.project-anchor-nav .container{display:flex;gap:1.5rem;overflow:auto}.project-anchor-nav a{padding:1rem 0;color:inherit;white-space:nowrap;text-decoration:none;font-weight:600}.project-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:4rem;padding-top:4rem;padding-bottom:6rem}.project-section{scroll-margin-top:80px;padding-bottom:4rem;margin-bottom:4rem;border-bottom:1px solid #d8d4ca}.project-section h2{font-size:clamp(2rem,4vw,3.3rem);margin:.4rem 0 1.5rem}.project-description p{white-space:pre-wrap}.project-people-grid,.project-output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-people-grid article,.project-output-grid article{background:#fff;padding:1.25rem;border:1px solid #dedbd2;border-radius:12px;display:flex;gap:1rem}.project-people-grid img{width:42px;height:42px;object-fit:contain}.project-people-grid article div,.project-output-grid article div{display:flex;flex-direction:column;gap:.35rem}.project-output-grid article{display:block}.project-at-glance{align-self:start;position:sticky;top:85px;background:#20231f;color:#fff;padding:1.5rem;border-radius:14px}.project-at-glance dl div{padding:1rem 0;border-bottom:1px solid #454840}.project-at-glance dt{font-size:.75rem;text-transform:uppercase;opacity:.7}.project-at-glance dd{margin:.25rem 0}.project-at-glance a{color:inherit}.project-at-glance h3{margin-top:1.5rem}.moderation-section-heading{margin:4rem 0 1.5rem}.moderation-section-heading h2{margin:.25rem 0}.project-moderation-card .moderation-content{display:block}@media(max-width:850px){.project-page-grid{grid-template-columns:1fr;gap:1rem}.project-at-glance{position:static;order:-1}.project-people-grid,.project-output-grid{grid-template-columns:1fr}}