/* Extras for "The family firm and the confident fool". The figure shell comes from /essays/eth/figures.css. */
.fam-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.fam-scale button{font-family:'Inter',sans-serif;font-size:13px;color:var(--quiet);background:none;border:1.5px solid var(--hair);border-radius:6px;padding:12px 0;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s;}
.fam-scale button:hover{border-color:var(--ink);color:var(--ink);}
.fam-scale button[aria-checked="true"]{background:var(--mark);border-color:var(--ink);color:#1a1a17;font-weight:500;}
.fam-scale button:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.fam-ends{display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);margin-top:-6px;}
.fam-panel{background:var(--eth-card);border:1px solid var(--hair);border-radius:6px;padding:14px 16px;min-height:118px;}
.fam-panel b{display:block;font-family:'Fraunces Variable',Georgia,serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:4px;}
.fam-panel span{font-family:'Inter',sans-serif;font-size:14px;line-height:1.55;color:var(--quiet);}
.fam-check{display:flex;flex-direction:column;gap:8px;}
.fam-check label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--hair);border-radius:6px;cursor:pointer;font-family:'Inter',sans-serif;font-size:14px;line-height:1.5;color:var(--quiet);transition:background-color .25s,border-color .25s,color .25s;}
.fam-check input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin-top:1px;border:1.5px solid var(--hair);border-radius:4px;background:var(--paper);cursor:pointer;display:grid;place-items:center;}
.fam-check input::after{content:"";width:9px;height:5px;border-left:2px solid #1a1a17;border-bottom:2px solid #1a1a17;transform:translateY(-1px) rotate(-45deg);opacity:0;}
.fam-check input:checked{background:var(--mark);border-color:var(--ink);}
.fam-check input:checked::after{opacity:1;}
.fam-check input:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
.fam-check label:has(input:checked){background:var(--eth-card);border-color:var(--ink);color:var(--ink);}
article .fam-read{font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;margin:0;min-height:48px;}
.fam-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fam-legend div{border:1px solid var(--hair);border-radius:6px;padding:12px 14px;font-family:'Inter',sans-serif;font-size:13.5px;line-height:1.5;color:var(--quiet);}
.fam-legend b{display:block;font-family:'Fraunces Variable',Georgia,serif;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:2px;}
@media (max-width:520px){.fam-scale button{font-size:12px;padding:10px 0;}}
@media (prefers-reduced-motion:reduce){.fam-scale button,.fam-check label{transition:none;}}