/* Figures for "Why companies keep hitting a glass ceiling". The figure shell comes from /essays/eth/figures.css. */
.gr-fig button:focus-visible,.gr-fig input:focus-visible{outline:2px solid var(--mark);outline-offset:2px;}
.gr-tog{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;}
.gr-tog button,.gr-act button{font-family:'Inter',sans-serif;font-size:13px;padding:6px 11px;border-radius:6px;border:1px solid var(--hair);background:none;color:var(--ink);cursor:pointer;}
.gr-tog button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.gr-act{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;align-items:center;}
.gr-act button.solid{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.gr-lab{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--quiet);margin:8px 0 4px;}
.gr-fig svg{display:block;width:100%;height:auto;overflow:visible;}
.gr-fig svg text{font-family:'Inter',sans-serif;}
.gr-fig svg .hit{cursor:pointer;}
.gr-fig svg .hit:hover rect.bg{opacity:.18;}
.gr-panel{margin-top:10px;padding:14px 16px;border:1px solid var(--ink);border-radius:8px;background:var(--eth-card);font-family:'Inter',sans-serif;min-height:150px;}
.gr-panel .h{font-family:'Fraunces Variable',Georgia,serif;font-size:20px;font-weight:500;margin:0 0 4px;}
.gr-panel .d{font-size:13.5px;color:var(--quiet);margin:0 0 8px;}
.gr-panel dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:5px 12px;margin:0;font-size:13.5px;line-height:1.45;}
.gr-panel dt{font-weight:600;}
.gr-panel dd{margin:0;}
.gr-panel ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5;}
.gr-msg{font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.5;min-height:22px;margin:8px 0 0;}

/* who the phase needs */
.gr-people{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;font-family:'Inter',sans-serif;}
.gr-people button{font:inherit;text-align:left;color:var(--ink);background:var(--paper);border:1.4px solid var(--ink);border-radius:8px;padding:10px;cursor:pointer;transition:background-color .3s;}
.gr-people button .n{display:block;font-family:'Fraunces Variable',Georgia,serif;font-size:22px;line-height:1;margin-bottom:4px;}
.gr-people button .t{display:block;font-size:12.5px;font-weight:600;line-height:1.25;}
.gr-people button .s{display:block;font-size:11.5px;color:var(--quiet);margin-top:3px;line-height:1.3;}
.gr-people button[aria-pressed="true"]{background:var(--mark);color:#1a1a17;}
.gr-people button[aria-pressed="true"] .s{color:#1a1a17;}

/* diagnostic */
.gr-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-family:'Inter',sans-serif;}
.gr-checks label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.4;padding:7px 9px;border:1px solid var(--hair);border-radius:6px;cursor:pointer;background:var(--paper);}
.gr-checks input{margin-top:2px;accent-color:#1a1a17;}
.gr-checks label.on{border-color:var(--ink);background:var(--eth-card);}
.gr-meter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:12px 0 0;font-family:'Inter',sans-serif;}
.gr-meter div{border:1.4px solid var(--ink);border-radius:6px;padding:7px 6px;font-size:11.5px;line-height:1.25;text-align:center;background:var(--paper);transition:background-color .3s;}
.gr-meter div b{display:block;font-size:13px;}
.gr-meter div.on{background:var(--mark);color:#1a1a17;}

/* milestones */
.gr-ms{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-family:'Inter',sans-serif;}
.gr-ms li{border:1px solid var(--ink);border-radius:6px;padding:9px 11px;background:var(--paper);font-size:13px;line-height:1.45;}
.gr-ms li b{display:block;font-size:13.5px;margin-bottom:2px;}
.gr-ms li span{color:var(--quiet);}

@media (max-width:560px){
  .gr-people{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gr-meter{grid-template-columns:repeat(5,minmax(0,1fr));}
  .gr-meter div{font-size:10px;padding:5px 3px;}
  .gr-panel dl{grid-template-columns:minmax(0,1fr);}
}
@media (prefers-reduced-motion:reduce){.gr-people button,.gr-meter div{transition:none;}}