/* Investor support, using the same restrained service-page typography and palette. */
.portfolio-page .detail-content{padding-block:50px 55px}
.portfolio-page .detail-section{padding-top:36px;margin-bottom:38px;border-top:1px solid var(--line)}
.portfolio-page .detail-section:first-child{padding-top:0;border-top:0}
.portfolio-page .detail-section:last-child{margin-bottom:0}
.portfolio-page .detail-section>p{max-width:none}
.portfolio-page #when-to-bring-me-in ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 42px;list-style:none;padding:0;margin:26px 0 0}
.portfolio-page #when-to-bring-me-in li{position:relative;margin:0;padding-left:20px;line-height:1.75}
.portfolio-page #when-to-bring-me-in li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--accent-dark);border-radius:50%}
.portfolio-support-list{margin-top:28px;border-bottom:1px solid var(--line)}
.portfolio-service{display:grid;grid-template-columns:32% minmax(0,1fr);border-top:1px solid var(--line)}
.portfolio-service-title{background:var(--ink);color:var(--white);padding:30px}
.portfolio-service-title .eyebrow{color:var(--accent);margin:0 0 16px}
.portfolio-service-title h3{font-size:1.35rem;line-height:1.4;margin:0}
.portfolio-service-copy{padding:30px 0 30px 36px}
.portfolio-service-copy p{margin:0 0 18px}
.portfolio-service-copy .button{margin-top:4px}
.portfolio-page .portfolio-reporting-lines{margin:28px 0}
.portfolio-reporting-lines>div{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:20px 0;border-bottom:1px solid var(--line)}
.portfolio-reporting-lines>div:first-child{border-top:1px solid var(--line)}
.portfolio-reporting-lines dt{font-weight:700;color:var(--ink)}
.portfolio-reporting-lines dd{margin:0;line-height:1.75}
.portfolio-page .faq-item{box-shadow:none;border-radius:0}
@media(max-width:800px){
 .portfolio-service{grid-template-columns:36% minmax(0,1fr)}
 .portfolio-service-title{padding:24px}
 .portfolio-service-copy{padding:24px 0 24px 26px}
 .portfolio-reporting-lines>div{grid-template-columns:200px minmax(0,1fr);gap:24px}
}
@media(max-width:600px){
 .portfolio-page .detail-content{padding-block:36px 39px}
 .portfolio-page .detail-section{padding-top:28px;margin-bottom:30px}
 .portfolio-page #when-to-bring-me-in ul{grid-template-columns:1fr;gap:14px}
 .portfolio-service{grid-template-columns:1fr}
 .portfolio-service-title{padding:22px}
 .portfolio-service-title .eyebrow{margin-bottom:10px}
 .portfolio-service-title h3{font-size:1.2rem}
 .portfolio-service-copy{padding:24px 0 28px}
 .portfolio-reporting-lines>div{grid-template-columns:1fr;gap:8px}
}
