/* Readable study navigation; all styles are scoped away from production projects. */
.study-navigation {margin-top:20px}
.study-navigation .eyebrow {line-height:1.6;margin:0 0 14px}
#projects .study-navigation .study-browse {display:flex;align-items:center;gap:10px;justify-content:space-between;line-height:1.45;margin-bottom:12px}
.study-browse small {font-size:11px;opacity:.75;flex-shrink:0}
.study-project {border-bottom:1px solid #8a92932b;margin:0}
.study-project > summary {position:relative;display:block;list-style:none;padding:13px 4px 13px 19px;cursor:pointer;line-height:1.45}
.study-project > summary::-webkit-details-marker {display:none}
.study-project > summary::before {content:'›';position:absolute;left:3px;top:12px;font-size:17px;line-height:20px;transform-origin:center;transition:transform .12s}
.study-project[open] > summary::before {transform:rotate(90deg)}
.study-project > summary:hover {background:#8a929312}
.study-project > summary:focus-visible {outline:2px solid currentColor;outline-offset:-2px}
.study-project-title {display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere;text-wrap:pretty}
.study-project-meta {display:block;font-size:10px;font-weight:400;line-height:1.4;opacity:.65;margin-top:5px}
.study-project-children {margin:0 0 13px 19px;padding-left:10px;border-left:1px solid #8a929340;min-width:0}
.study-source-name {font-size:10px;line-height:1.6;overflow-wrap:anywhere;opacity:.75;margin:4px 0 10px}
.study-source-name span {display:block;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
#projects .study-project-children button {padding:10px 8px;margin:6px 0;min-width:0}
.study-project-children .project-name {font-size:11px;line-height:1.5;overflow-wrap:anywhere;font-weight:500}
.study-project-children .project-agency {font-size:9px;line-height:1.5;margin-bottom:5px}