/* The About page follows one argument, with optional reference material. */
.about-narrative .about-mission{padding-left:0}
.about-narrative .about-story h2[id]{scroll-margin-top:100px}
.about-narrative .about-opening{margin-bottom:36px}
.about-narrative .about-story>.about-prose{margin-bottom:46px}
.about-narrative .about-prose>.narrative-transition{font-size:17px;line-height:1.65;color:var(--muted);margin-top:28px;margin-bottom:0}
.about-narrative .research-question-group{margin:28px 0}
.about-narrative .research-question-group h3{font:500 21px/1.35 var(--sans);letter-spacing:-.025em;margin:0 0 12px}
.about-narrative .research-question-group p{margin-bottom:0}
.about-narrative .about-reference-body{padding-bottom:8px}
.about-narrative .about-reference-body p{font-size:16px;line-height:1.65}
.about-narrative .about-disclosure .about-figure h3#record-trace-title{font:400 30px/1.15 var(--sans);letter-spacing:-.035em;margin:0 0 32px}
.about-narrative .researcher-profile{margin-bottom:28px}
.about-narrative .researcher-profile a{font-size:14px;display:inline-flex;align-items:center;min-height:44px;gap:5px}
.about-narrative .influences-compact{margin:32px 0 0;padding:30px 32px}
.about-narrative .influences-compact>h3{font:500 23px/1.25 var(--sans);letter-spacing:-.025em;margin:0 0 18px;color:var(--paper);border-left:3px solid var(--citron);padding-left:16px}
.about-narrative .influences-compact .influences-overview{font-size:17px;line-height:1.65;color:#dddae5;margin-bottom:18px}
.about-narrative .influences-compact .about-disclosure{border-color:#514b61;margin:0}
.about-narrative .influences-compact .about-disclosure>summary{color:var(--iris);font-size:15px;min-height:52px}
.about-narrative .influences-compact .about-disclosure>summary:focus-visible{outline-color:var(--citron)}
.about-narrative .influences-detail{padding-bottom:24px}
.about-narrative .influences-detail .influence-entry:first-child{margin-top:18px}
.about-narrative #responsibility,.about-narrative #research-fields,.about-narrative #about-map-title,.about-narrative #influences-title{scroll-margin-top:110px}
@media(max-width:600px){.about-narrative .about-story>.about-prose{margin-bottom:38px}.about-narrative .influences-compact{padding:26px 22px}}

/* Governance context sits with the methods it helps inform. */
.about-narrative .about-explorer-context{margin:32px 0;padding:26px 28px;background:#edebf5;border-left:3px solid var(--citron)}
.about-narrative .about-explorer-context h3{font:500 23px/1.3 var(--sans);letter-spacing:-.025em;margin:0 0 16px;scroll-margin-top:110px}
.about-narrative .about-explorer-context p{font:400 16px/1.65 var(--sans);margin:0 0 16px;color:var(--ink)}
.about-narrative .about-explorer-context .about-explorer-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;min-height:44px;padding:10px 14px;border:1px solid #8e87ac;color:var(--blue);font:500 14px/1.5 var(--sans);text-decoration:none}
.about-narrative .about-explorer-context .about-explorer-link:hover{background:#e0dcef;border-color:var(--blue)}
.about-narrative .about-explorer-context .about-explorer-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:600px){.about-narrative .about-explorer-context{padding:22px 20px}.about-narrative .about-explorer-context h3{font-size:21px}}