/* "Rut, or something more?" card under the rut quiz result (relationship-rut-quiz.js). */
.tool .rut-more { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); transition: box-shadow .2s ease; }
.tool .rut-more.is-more { box-shadow: inset 0 0 0 2px var(--u10-differ); }
.tool .rut-more .u10-h { margin: 0; }
.tool .rut-more ul { display: grid; gap: 4px; }
.tool .rut-more label { display: flex; gap: 12px; align-items: flex-start; min-height: 44px; padding: 8px 0; font-size: 15px; line-height: 22px; font-weight: 650; color: rgb(var(--ink) / .85); cursor: pointer; }
.tool .rut-more input[type="checkbox"] { flex: none; width: 22px; height: 22px; margin: 0; accent-color: rgb(var(--accent)); }
.tool .rut-jump { align-self: flex-start; padding: 0; min-height: 36px; font-size: 15px; }

/* Round 7: collapsed signs card with one line per sign, jump links, basis and reassurance lines */
.tool .rut-more { padding: 0; gap: 0; }
.tool .rut-more > summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 14px 16px; cursor: pointer; list-style: none; }
.tool .rut-more > summary::-webkit-details-marker { display: none; }
.tool .rut-more > summary > span { flex: 1; display: flex; flex-direction: column; }
.tool .rut-more > summary b { font-size: 17px; line-height: 24px; font-weight: 900; color: rgb(var(--ink)); }
.tool .rut-more > summary small { font-size: 13px; line-height: 18px; font-weight: 700; color: rgb(var(--ink) / .6); }
.tool .rut-more > summary .tool-icon { width: 20px; height: 20px; color: rgb(var(--ink) / .5); transition: transform .2s var(--ease-out); }
.tool .rut-more[open] > summary .tool-icon { transform: rotate(90deg); }
.tool .rut-more > summary:focus-visible { outline: 2px solid rgb(var(--accent)); outline-offset: -2px; border-radius: 18px; }
.tool .rut-more > :not(summary) { margin: 0 16px; }
.tool .rut-more > :last-child { margin-bottom: 16px; }
.tool .rut-more label span { display: flex; flex-direction: column; gap: 2px; }
.tool .rut-more label small { font-size: 14px; line-height: 20px; font-weight: 600; color: rgb(var(--ink) / .65); }
.tool .rut-jumps { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.tool .rut-calm { font-size: 17px; line-height: 24px; font-weight: 750; color: rgb(var(--ink) / .75); margin-top: -4px; }
.tool .rut-basis { font-size: 13px; line-height: 19px; font-weight: 650; color: rgb(var(--ink) / .62); }
@media (prefers-reduced-motion: reduce) { .tool .rut-more > summary .tool-icon { transition: none; } }