/* Field kit (widgets/probes/probes.js) */
.fk { padding: 10px; background: var(--tile-bg); }
.fk__row { display: flex; gap: 8px; height: 100%; }
.fk__card { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background: var(--bg); cursor: pointer; outline: none; transition: flex-grow .6s cubic-bezier(.2,.8,.2,1); }
.fk__card.is-open { flex-grow: 4.2; cursor: default; }
.fk__card:focus-visible { box-shadow: inset 0 0 0 2px var(--mark); }
.fk__img { flex: none; height: 44%; overflow: hidden; background: #ddd; transition: height .5s cubic-bezier(.2,.8,.2,1); }
.fk__img img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter .4s ease, transform .6s ease; }
.fk__card:hover .fk__img img, .fk__card:focus-visible .fk__img img { filter: none; }
.fk__card:hover .fk__img img { transform: scale(1.03); }
.fk__card.is-open .fk__img { height: 32%; }
.fk__body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 2px; padding: 9px 11px 10px; overflow: hidden; }
.fk__n { font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fk__name { font-size: 13.5px; line-height: 1.15; color: var(--ink); hyphens: auto; -webkit-hyphens: auto; overflow-wrap: anywhere; }
.fk__card.is-open .fk__name { font-size: 15px; overflow-wrap: normal; }
.fk__more { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; font-size: 12px; line-height: 1.38; color: var(--ink-2); opacity: 0; transition: opacity .3s ease; min-width: 240px; }
.fk__card.is-open .fk__more { opacity: 1; transition-delay: .25s; }
.fk__find { color: var(--ink); font-size: 12.5px; }
.fk__list, .fk__quotes { margin: 0; padding: 0 0 0 14px; display: flex; flex-direction: column; gap: 2px; color: var(--muted); }
.fk__quotes { list-style: none; padding: 0; font-style: italic; }
.fk__tally { display: flex; flex-direction: column; gap: 3px; }
.fk__bar { display: grid; grid-template-columns: 128px 1fr 18px; align-items: center; gap: 6px; font-size: 11.5px; color: var(--ink-2); }
.fk__bar i { height: 8px; border-radius: 4px; background: var(--mark); width: calc(var(--w) * 100%); transform-origin: left; }
.fk__card.is-open .fk__bar i { animation: fk-grow .7s cubic-bezier(.2,.8,.2,1) both .3s; }
@keyframes fk-grow { from { transform: scaleX(0); } }
.fk__bar b { font-weight: 600; text-align: right; }
.fk__small { margin: 0; font-size: 10.5px; color: var(--muted); }
.fk__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
.fk__stats div { display: flex; flex-direction: column; }
.fk__stats b { font-size: 22px; line-height: 1.05; letter-spacing: -.02em; color: var(--ink); }
.fk__stats span { font-size: 11.5px; color: var(--muted); }
.fk__link { align-self: flex-start; padding: 3px 10px; border: 0; border-radius: 100px; background: var(--ink); color: var(--bg); font: inherit; font-size: 12px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .fk__card, .fk__more, .fk__img img { transition: none; } .fk__bar i { animation: none !important; } }
/* Stacked page: the probes run down as a list; closed ones are a thumbnail and a name, the open one shows it all. */
.is-vertical .pic--probes .fk__row { flex-direction: column; height: auto; }
.is-vertical .pic--probes .fk__card { flex: none; flex-direction: row; min-height: 56px; }
.is-vertical .pic--probes .fk__card .fk__img { width: 72px; height: auto; }
.is-vertical .pic--probes .fk__card.is-open { flex-direction: column; }
.is-vertical .pic--probes .fk__card.is-open .fk__img { width: 100%; height: 170px; }
.is-vertical .pic--probes .fk__body { overflow: visible; justify-content: center; }
.is-vertical .pic--probes .fk__name { overflow-wrap: normal; }
.is-vertical .pic--probes .fk__more { display: none; min-width: 0; }
.is-vertical .pic--probes .fk__card.is-open .fk__more { display: flex; }
.is-vertical .pic--probes .fk__bar { grid-template-columns: 110px 1fr 18px; }
.is-vertical .pic--probes .fk__n { white-space: normal; }