/* Figures for "Porter's Five Forces". The figure shell comes from /essays/eth/figures.css. */
.ff-rates{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;font-family:'Inter',sans-serif;}
.ff-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:10px;}
.ff-row .lab{font-size:13px;font-weight:600;line-height:1.25;}
.ff-seg{display:flex;gap:4px;}
.ff-seg button{flex:1;font-family:'Inter',sans-serif;font-size:12.5px;padding:7px 4px;border-radius:6px;border:1px solid var(--hair);background:none;color:var(--ink);cursor:pointer;}
.ff-seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper);}
.ff-seg button:focus-visible,.ff-presets button:focus-visible{outline:2px solid var(--mark);outline-offset:2px;}
.ff-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px;}
.ff-presets button{font-family:'Inter',sans-serif;font-size:12.5px;padding:6px 11px;border-radius:6px;border:1px dashed var(--quiet);background:none;color:var(--ink);cursor:pointer;}
.ff-presets button[aria-pressed="true"]{border-style:solid;background:var(--eth-card);}
.ff-out{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;margin-top:8px;}
.ff-out svg{width:150px;height:150px;}
.ff-verdict{font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;}
.ff-verdict b{display:block;font-family:'Fraunces Variable',Georgia,serif;font-size:20px;font-weight:500;margin-bottom:2px;}
@media (max-width:520px){.ff-row{grid-template-columns:minmax(0,1fr);gap:4px;}.ff-out{grid-template-columns:minmax(0,1fr);}}