/* Additional graphics in the existing Capital Catalyst design. */
.graphic-evidence{grid-column:1/-1;min-width:0;border-top:1px solid var(--hair-2);padding-top:28px;margin-top:12px;scroll-margin-top:94px}
.proof-story:has(>.graphic-evidence){row-gap:28px}
.graphic-evidence--compact{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);gap:28px;align-items:center}
.graphic-intro{min-width:0}.graphic-label{font:500 10px/1.7 "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.11em;color:var(--accent-deep);display:block}
.graphic-intro h4{font:600 24px/1.23 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:12px 0 10px;color:var(--ink)}
.graphic-intro p{font:400 14px/1.7 "Inter",sans-serif;color:var(--slate);max-width:65ch}
.graphic-figure{margin:0;min-width:0}.graphic-figure figcaption{font:400 12px/1.7 "Inter",sans-serif;color:var(--slate);margin-top:12px;max-width:85ch}
.graphic-open{font:inherit;display:block;position:relative;border:0;padding:0;background:transparent;width:100%;cursor:zoom-in;overflow:hidden;border-radius:0;transition:box-shadow .2s,border-color .2s}
.graphic-open:hover{border-color:transparent;box-shadow:none}.graphic-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.graphic-open img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.graphic-enlarge{position:absolute;top:10px;right:10px;background:#fbfaf6f2;color:#0e5a94;border:1px solid #e3ddd0;padding:4px 8px;font:500 10px/1.5 "Inter",sans-serif;border-radius:2px;opacity:0;transition:opacity .15s}
.graphic-open:hover .graphic-enlarge,.graphic-open:focus .graphic-enlarge{opacity:1}
.graphic-evidence--wide .graphic-intro{margin-bottom:20px}.graphic-evidence--wide .graphic-intro h4{font-size:27px}
.graphic-tabs{display:flex;gap:26px;border-bottom:1px solid var(--hair-2);margin-bottom:20px}
.graphic-tabs button{font:500 13px/1.6 "Inter",sans-serif;padding:8px 0 12px;color:var(--slate);border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.graphic-tabs button[aria-selected="true"]{border-bottom-color:var(--accent-deep);color:var(--accent-deep)}.graphic-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
[role="tabpanel"][hidden]{display:none}
#glimpse>.graphic-evidence{margin-top:48px}#founder>.graphic-evidence{margin-top:44px;padding-top:32px}
.recruiter-evidence{margin-top:18px;border-top:1px solid var(--hair-2);padding-top:14px;scroll-margin-top:100px}
.recruiter-evidence summary{display:flex;align-items:center;justify-content:space-between;gap:15px;font:500 13px/1.6 "Inter",sans-serif;color:var(--accent-deep);list-style:none;cursor:pointer}.recruiter-evidence summary::-webkit-details-marker{display:none}.recruiter-evidence summary span{font-size:22px;font-weight:400}.recruiter-evidence[open] summary{margin-bottom:20px}.recruiter-evidence[open] summary span{transform:rotate(45deg)}



.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#chart-viewer{width:min(96vw,1700px);max-width:96vw;max-height:94vh;padding:0;border:1px solid var(--hair-2);background:var(--canvas);color:var(--ink);border-radius:3px;box-shadow:0 30px 100px #0005}
#chart-viewer::backdrop{background:#071827d9;backdrop-filter:blur(4px)}
.chart-viewer-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid var(--hair-2);position:sticky;top:0;background:var(--canvas);z-index:1}
.chart-viewer-head h2{font:500 16px/1.3 "Inter",sans-serif}.chart-viewer-head>div{display:flex;gap:24px;align-items:center}.chart-viewer-head a{font-size:12px;color:var(--accent-deep)}.chart-viewer-head button{font:500 13px/1.5 "Inter",sans-serif;background:var(--ink);color:var(--surface);border:0;border-radius:2px;padding:8px 15px;cursor:pointer}
.chart-viewer-body{overflow:auto}.chart-viewer-body img{display:block;width:100%;height:auto}
@media(max-width:760px){.graphic-evidence--compact{grid-template-columns:1fr;gap:20px}.graphic-intro h4{font-size:23px}.graphic-intro p{max-width:55ch}.graphic-enlarge{opacity:1;font-size:9px;top:6px;right:6px}.graphic-evidence{padding-top:24px}.graphic-evidence--wide .graphic-intro h4{font-size:24px}.graphic-tabs{gap:23px}.graphic-figure figcaption{font-size:11px}.chart-viewer-head{padding:12px;gap:10px}.chart-viewer-head h2{font-size:13px}.chart-viewer-head>div{gap:10px}.chart-viewer-head a{font-size:10px}.chart-viewer-head button{font-size:12px;padding:7px 10px}#chart-viewer{width:96vw}}
@media(prefers-reduced-motion:reduce){.graphic-open,.graphic-enlarge{transition:none}}

/* Keep the enlarge action below the chart on small screens so it never covers the title. */
@media(max-width:760px){.graphic-enlarge{position:static;display:block;width:max-content;margin:6px 6px 6px auto;opacity:1;font-size:10px}}
