/* A coherent About narrative: readable comparisons, current direction and one concrete example. */
.about-narrative .field-reference .research-fields{border-collapse:separate;border-spacing:0;margin:20px 0 24px;font-size:14px;line-height:1.6;border:1px solid #d4d0e0}
.about-narrative .field-reference .research-fields caption{font:400 14px/1.5 var(--sans);margin:0 0 12px;color:var(--muted)}
.about-narrative .field-reference .research-fields th,.about-narrative .field-reference .research-fields td{padding:17px 14px;vertical-align:top;border-bottom:1px solid #d4d0e0;overflow-wrap:break-word}
.about-narrative .field-reference .research-fields thead th{background:var(--carbon);color:var(--paper);font:500 13px/1.5 var(--sans)}
.about-narrative .field-reference .research-fields thead .inline-wordmark{color:var(--paper)}
.about-narrative .field-reference .research-fields thead .wordmark-amp{color:var(--iris)}
.about-narrative .field-reference .research-fields th:first-child{width:23%}
.about-narrative .field-reference .research-fields th:nth-child(2){width:34%}
.about-narrative .field-reference .research-fields tbody th{color:var(--blue);font-weight:500;font-size:15px}
.about-narrative .field-reference .research-fields tbody tr:nth-child(odd){background:#eeecf5}
.about-narrative .field-reference .research-fields tbody tr:nth-child(even){background:var(--paper)}
.about-narrative .field-reference .research-fields tbody tr:last-child>*{border-bottom:0}
.about-narrative .field-sources{border-top:1px solid var(--line);padding-top:16px}
.about-narrative .field-sources p{font:400 13px/1.65 var(--sans);color:var(--muted);margin-bottom:12px}
.about-narrative .research-question-group{border-left:1px solid #c9c4d9;padding-left:20px;margin:30px 0}
.about-narrative .research-question-group .research-lens-label{color:var(--blue);font:400 12px/1.5 var(--sans);letter-spacing:.03em;margin:0 0 9px}
.about-narrative .about-current-direction{padding:24px 26px;background:#edebf5;border-top:2px solid var(--blue);margin:32px 0}
.about-narrative .about-current-direction .direction-label{font:500 12px/1.5 var(--sans);color:var(--blue);margin:0 0 12px}
.about-narrative .about-current-direction h3{font:500 23px/1.3 var(--sans);letter-spacing:-.025em;margin:0 0 16px;scroll-margin-top:110px}
.about-narrative .about-current-direction p{font:400 16px/1.65 var(--sans);margin-bottom:16px}
.about-narrative .about-current-direction a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font:500 14px/1.5 var(--sans)}
.about-narrative .about-current-direction a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.about-narrative .about-control-example{margin:0 0 22px;background:var(--carbon);color:var(--paper);padding:26px}
.about-narrative .about-control-example .control-example-label{font:400 12px/1.5 var(--sans);color:var(--iris);margin:0 0 14px}
.about-narrative .about-control-example h3{font:400 25px/1.25 var(--sans);letter-spacing:-.03em;color:var(--paper);margin:0 0 16px}
.about-narrative .about-control-example header>p:last-child{font:400 16px/1.65 var(--sans);color:#dedbe7;margin:0 0 24px}
.about-narrative .control-example-steps{display:grid;gap:0;list-style:none;margin:0;padding:0}
.about-narrative .control-example-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;list-style:none;padding:18px 0;border-top:1px solid #494451}
.about-narrative .control-step-number{font:400 13px/1.8 var(--sans);font-variant-numeric:tabular-nums;color:var(--iris)}
.about-narrative .control-example-steps h4{font:500 17px/1.4 var(--sans);color:var(--paper);margin:0 0 6px}
.about-narrative .control-example-steps p{font:400 15px/1.6 var(--sans);color:#d0cbd9;margin:0}
.about-narrative .control-example-readings{margin-top:12px;padding-top:22px;border-top:1px solid #6d647e}
.about-narrative .control-example-readings>h4{font:400 17px/1.4 var(--sans);color:var(--citron);margin:0 0 18px}
.about-narrative .control-example-readings dl{margin:0}
.about-narrative .control-example-readings dl>div{padding:0 0 18px;margin:0}
.about-narrative .control-example-readings dt{font:500 15px/1.5 var(--sans);color:var(--paper);margin:0 0 5px}
.about-narrative .control-example-readings dd{font:400 14px/1.6 var(--sans);color:#d0cbd9;margin:0}
.about-narrative .about-control-example figcaption{border-top:1px solid #494451;padding-top:16px;font:400 13px/1.65 var(--sans);color:#c1bacd}
@media(max-width:600px){
 .about-narrative .field-reference .research-fields{display:block;border:0;background:none}
 .about-narrative .field-reference .research-fields tbody{display:block}
 .about-narrative .field-reference .research-fields tbody tr{display:block;padding:0;margin:0 0 16px;border:1px solid #d4d0e0}
 .about-narrative .field-reference .research-fields tbody th{display:block;background:#e4e0ef;padding:13px 16px;margin:0;font-size:18px;border-bottom:1px solid #d4d0e0}
 .about-narrative .field-reference .research-fields td{display:block;padding:14px 16px;margin:0;font-size:15px;border:0}
 .about-narrative .field-reference .research-fields td+td{padding-top:0}
 .about-narrative .field-reference .research-fields td::before,.about-narrative .field-reference .field-mobile-label{font-size:12px;color:#625a73;margin-bottom:6px}
 .about-narrative .about-current-direction{padding:22px 20px}
 .about-narrative .about-current-direction h3{font-size:21px}
 .about-narrative .about-control-example{padding:22px 18px}
 .about-narrative .about-control-example h3{font-size:23px}
 .about-narrative .research-question-group{padding-left:16px}
}