/*
 * Cruise Tools wildlife tool page: Prism mock docs/design/conditions-tools/mock.html (c798d53), wildlife list and
 * your-cruise walk (lines 101-125), on top of conditions-tool.css. Likelihood pills are modifier classes
 * (ct-tool__lk--common) rather than bare words; the last block styles the no-script GET forms.
 */

/* wildlife list */
.ct-tool.ct-tool .ct-tool__sp { padding: 10px 0; border-top: 1px solid #e6eaee; display: grid; gap: 4px; }
.ct-tool.ct-tool .ct-tool__sp:first-child { border-top: 0; }
.ct-tool.ct-tool .ct-tool__sph { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.ct-tool.ct-tool .ct-tool__sph b { color: #1d1d1d; font-size: 1.02em; }
.ct-tool.ct-tool .ct-tool__lk { font-size: 0.78em; font-weight: 700; padding: 0 7px; border-radius: 999px; border: 1px solid currentColor; }
.ct-tool.ct-tool .ct-tool__lk--common { color: #2d6a46; }
.ct-tool.ct-tool .ct-tool__lk--likely { color: #2c4f6b; }
.ct-tool.ct-tool .ct-tool__lk--possible, .ct-tool.ct-tool .ct-tool__lk--rare { color: #5f6b6d; }
.ct-tool.ct-tool .ct-tool__how { font-size: 0.85em; color: #5f6b6d; }
.ct-tool.ct-tool .ct-tool__mo { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; max-width: 300px; }
.ct-tool.ct-tool .ct-tool__mo span { font-size: 0.62em; text-align: center; padding: 1px 0; border-radius: 2px; background: #eef1f3; color: #8a959c; font-weight: 700; }
.ct-tool.ct-tool .ct-tool__mo span.on { background: #2c4f6b; color: #fff; }
.ct-tool.ct-tool .ct-tool__mo span.cur { box-shadow: 0 0 0 2px #8a4b00; }
.ct-tool.ct-tool .ct-tool__note { margin: 0; font-size: 0.9em; }
.ct-tool.ct-tool .ct-tool__off summary { cursor: pointer; color: var(--ct-embed-accent, #2c4f6b); font-weight: 700; padding: 10px 0 4px; font-size: 0.92em; }
.ct-tool.ct-tool .ct-tool__off .ct-tool__sp { opacity: 0.75; }
/* your-cruise walk */
.ct-tool.ct-tool .ct-tool__walk { margin: 0; padding: 0; list-style: none; border-left: 2px solid #c9d9e4; }
.ct-tool.ct-tool .ct-tool__stop { position: relative; padding: 0 0 14px 16px; }
.ct-tool.ct-tool .ct-tool__stop::before { content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid #2c4f6b; }
.ct-tool.ct-tool .ct-tool__stoph { font-weight: 700; color: #1d1d1d; }
.ct-tool.ct-tool .ct-tool__stop ul { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; font-size: 0.92em; }
/* key-value facts (aurora, sea) */
.ct-tool.ct-tool .ct-tool__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 4px 0 0; }
.ct-tool.ct-tool .ct-tool__fact { background: #fff; border: 1px solid #dde2e6; border-radius: 6px; padding: 8px 10px; display: grid; gap: 0; }
.ct-tool.ct-tool .ct-tool__fact dt { font-size: 0.75em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #5f6b6d; }
/* no-script GET forms, the place index and source links */
.ct-tool.ct-tool .ct-tool__field--go { flex: 0 0 auto; align-self: end; }
.ct-tool.ct-tool .ct-tool__field input { font: inherit; font-size: 0.95em; min-height: 44px; padding: 6px 8px; border: 1px solid #c9d1d8; border-radius: 6px; background: #fff; color: inherit; width: 100%; box-sizing: border-box; }
.ct-tool.ct-tool .ct-tool__btn { font: inherit; font-weight: 700; min-height: 44px; padding: 6px 16px; border: 0; border-radius: 6px; background: var(--ct-embed-accent, #2c4f6b); color: #fff; cursor: pointer; }
.ct-tool.ct-tool .ct-tool__help { flex: 1 1 100%; margin: 0; font-size: 0.8em; color: #5f6b6d; }
.ct-tool.ct-tool .ct-tool__idx { margin: 0 0 6px; }
.ct-tool.ct-tool .ct-tool__srcl { font-size: 0.85em; }