/* u10 relationship checks engine (engine-u10-relationship-checks.js). Tokens only, so dark mode works.
   Partner A = Cupie purple, partner B = teal. Strip: same = solid purple "=", one step apart = light purple "~",
   worth a talk = rose "!" (shape and symbol, never color alone). */
.tool.u10, .tool .u10-scope { --u10-a: rgb(var(--accent)); --u10-b: #0E8F84; --u10-same: rgb(var(--accent)); --u10-close: rgb(var(--accent) / .3); --u10-differ: #E8890C; --u10-line: rgb(var(--ink) / .08); }
@media (prefers-color-scheme: dark) { .tool.u10, .tool .u10-scope { --u10-b: #3DD6C6; --u10-differ: #FFB547; --u10-close: rgb(var(--accent) / .35); --u10-line: rgb(var(--ink) / .12); } }
.tool.u10-asking > .tool-cta { display: none; }
.tool .u10-hint { font-size: 14px; line-height: 20px; font-weight: 650; color: rgb(var(--ink) / .65); }
.tool .u10-names.is-one { grid-template-columns: 1fr; }
.tool .u10-names[hidden], .tool .u10-names .tool-field[hidden] { display: none; }
.tool .u10-private { display: flex; gap: 8px; align-items: center; font-size: 14px; line-height: 20px; font-weight: 700; color: rgb(var(--ink) / .7); }
.tool .u10-private .tool-icon, .tool .u10-care .tool-icon, .tool .u10-flags .u10-h .tool-icon { width: 18px; height: 18px; flex: none; }

.tool .u10-screen { display: flex; flex-direction: column; min-height: 440px; scroll-margin-top: calc(var(--nav-h, 80px) + 12px); }
.tool.u10 { scroll-margin-top: calc(var(--nav-h, 80px) + 12px); }
.tool .u10-screen > .is-new { animation: card-in .35s var(--ease-out) both; }
.tool .u10-intro, .tool .u10-q, .tool .u10-result, .tool .u10-handoff { display: flex; flex-direction: column; gap: 16px; }
.tool .u10-block { display: flex; flex-direction: column; gap: 8px; }
.tool .u10-names { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tool .u10-names.is-solo { grid-template-columns: 1fr; }
.tool .u10-eyebrow { font-size: 13px; line-height: 18px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; color: var(--link); }
.tool .u10-partner { padding: 14px 16px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); }

/* Segmented control */
.tool .u10-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 4px; border-radius: 20px; background: rgb(var(--ink) / .06); }
.tool .u10-seg button {
  min-height: 44px; padding: 6px 10px; border-radius: 16px; font-size: 14px; line-height: 18px; font-weight: 800; color: rgb(var(--ink) / .65);
  background: transparent; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.tool .u10-seg button[aria-checked="true"] { background: var(--surface); color: rgb(var(--ink)); box-shadow: 0 2px 8px rgb(var(--ink) / .12); }
.tool .u10-seg button:focus-visible, .tool .u10-opt:focus-visible, .tool .u10-chip:focus-visible, .tool .u10-link:focus-visible, .tool .u10-back:focus-visible { outline: 2px solid rgb(var(--accent)); outline-offset: 2px; }

/* Question screen */
.tool .u10-head { display: flex; align-items: center; justify-content: space-between; min-height: 44px; flex-direction: row-reverse; }
.tool .u10-count { font-size: 14px; font-weight: 750; color: rgb(var(--ink) / .55); font-variant-numeric: tabular-nums; }
.tool .u10-count b { color: rgb(var(--ink)); font-weight: 850; }
.tool .u10-back { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; min-width: 44px; padding: 0 12px 0 4px; border-radius: 22px; font-size: 15px; font-weight: 800; color: rgb(var(--ink) / .6); background: transparent; }
.tool .u10-back:hover { background: rgb(var(--ink) / .06); }
.tool .u10-progress { height: 8px; border-radius: 4px; background: rgb(var(--ink) / .08); overflow: hidden; }
.tool .u10-progress > span { display: block; height: 100%; background: var(--ramp); transform-origin: left; transition: transform .35s var(--ease-out); }
.tool .u10-area { align-self: flex-start; padding: 4px 10px; border-radius: 10px; background: rgb(var(--accent) / .14); color: var(--link); font-size: 13px; line-height: 18px; font-weight: 850; }
.tool .u10-question { font-size: 22px; line-height: 30px; font-weight: 850; letter-spacing: -.01em; text-wrap: balance; color: rgb(var(--ink)); min-height: 60px; }
.tool .u10-options { display: grid; gap: 10px; }
.tool .u10-opt {
  display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px; border-radius: 18px; text-align: left;
  background: var(--surface); color: rgb(var(--ink)); font-size: 17px; line-height: 24px; font-weight: 700;
  box-shadow: inset 0 0 0 1px var(--u10-line); transition: box-shadow .15s ease, background-color .15s ease, transform .16s var(--ease-out);
  -webkit-tap-highlight-color: transparent; touch-action: manipulation;
}
@media (hover: hover) { .tool .u10-opt:hover { box-shadow: inset 0 0 0 2px rgb(var(--accent) / .45); } }
.tool .u10-opt:active { transform: scale(.98); }
.tool .u10-opt[aria-checked="true"] { box-shadow: inset 0 0 0 2px rgb(var(--accent)); background: rgb(var(--accent) / .12); }
.tool .u10-key { flex: none; width: 28px; height: 28px; border-radius: 14px; display: grid; place-items: center; font-size: 13px; font-weight: 900; background: var(--surface-2); color: rgb(var(--ink) / .55); transition: background-color .15s ease, color .15s ease; }
.tool .u10-opt[aria-checked="true"] .u10-key { background: rgb(var(--accent)); color: var(--surface); }

/* Hand-off and link screens */
.tool .u10-handoff { align-items: center; text-align: center; padding-top: 24px; }
.tool .u10-handoff .tool-actions { width: 100%; max-width: 420px; justify-content: center; }
.tool .u10-handoff .u10-flags { width: 100%; max-width: 520px; text-align: left; }
.tool .u10-badge { width: 64px; height: 64px; border-radius: 32px; display: grid; place-items: center; background: var(--ramp); color: var(--surface); box-shadow: 0 8px 24px rgb(var(--accent) / .35); }
.tool .u10-badge .tool-icon { width: 30px; height: 30px; }
.tool .u10-link { min-height: 44px; padding: 0 12px; border-radius: 22px; background: transparent; color: var(--link); font-size: 15px; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(var(--accent) / .35); }

/* Result */
.tool .u10-headline { font-size: 36px; line-height: 42px; font-weight: 950; letter-spacing: -.02em; color: rgb(var(--ink)); text-wrap: balance; outline: none; }
.tool .u10-headline b { font-variant-numeric: tabular-nums; }
.tool .u10-h { font-size: 18px; line-height: 24px; font-weight: 900; color: rgb(var(--ink)); margin-top: 8px; }
.tool .u10-strip { display: grid; grid-template-columns: repeat(var(--cols, 8), minmax(0, 1fr)); gap: 6px; max-width: 520px; }
.tool .u10-strip button { height: 44px; border-radius: 9px; background: var(--u10-same); color: var(--surface); display: grid; place-items: center; transition: transform .16s var(--ease-out), box-shadow .15s ease; }
.tool .u10-strip button span::after { content: "="; font-size: 19px; font-weight: 900; line-height: 1; }
.tool .u10-strip button.is-close { background: var(--u10-close); color: rgb(var(--ink)); }
.tool .u10-strip button.is-close span::after { content: "~"; }
.tool .u10-strip button.is-differ { background: var(--u10-differ); color: #2A1400; }
.tool .u10-strip button.is-differ span::after { content: "\2260"; }
.tool .u10-strip button:active { transform: scale(.94); }
.tool .u10-strip button[aria-pressed="true"] { box-shadow: 0 0 0 3px var(--bg), 0 0 0 5px rgb(var(--ink)); }
.tool .u10-strip button:focus-visible { outline: 2px solid rgb(var(--ink)); outline-offset: 2px; }
.tool .u10-result .u10-strip button { animation: u10-tile .4s var(--ease-out) both; }
.tool .u10-detail { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 2px rgb(var(--ink) / .12); }
.tool .u10-detail.is-new { animation: card-in .3s var(--ease-out) both; }
.tool .u10-legend { display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; font-weight: 750; color: rgb(var(--ink) / .7); }
.tool .u10-legend span::before { content: "="; display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 5px; margin-right: 6px; vertical-align: -4px; font-size: 12px; font-weight: 900; color: var(--surface); background: var(--u10-same); }
.tool .u10-legend .is-close::before { content: "~"; background: var(--u10-close); color: rgb(var(--ink)); }
.tool .u10-legend .is-differ::before { content: "\2260"; background: var(--u10-differ); color: #2A1400; }
.tool .u10-legend .is-a::before { content: ""; background: var(--u10-a); }
.tool .u10-legend .is-b::before { content: ""; background: var(--u10-b); }
.tool .u10-areas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.tool .u10-area-card { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); }
.tool .u10-area-card.is-low { box-shadow: inset 0 0 0 2px rgb(var(--accent) / .35); }
.tool .u10-area-top { display: flex; justify-content: space-between; gap: 8px; font-size: 15px; line-height: 20px; }
.tool .u10-area-top b { font-weight: 850; color: rgb(var(--ink)); }
.tool .u10-area-top span { font-weight: 800; color: rgb(var(--ink) / .6); font-variant-numeric: tabular-nums; white-space: nowrap; }
.tool .u10-area-text { font-size: 14px; line-height: 20px; font-weight: 650; color: rgb(var(--ink) / .7); }
.tool .u10-bar-row { display: grid; grid-template-columns: minmax(64px, max-content) 1fr 32px; gap: 10px; align-items: center; }
.tool .u10-bar-name { max-width: 120px; font-size: 14px; line-height: 18px; font-weight: 750; color: rgb(var(--ink) / .75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tool .u10-bar-val { font-size: 15px; font-weight: 900; text-align: right; font-variant-numeric: tabular-nums; color: rgb(var(--ink)); }
.tool .u10-tier { font-size: 12px; line-height: 16px; font-weight: 850; padding: 3px 8px; border-radius: 8px; background: rgb(var(--ink) / .07); color: rgb(var(--ink) / .7); white-space: nowrap; }
.tool .u10-tier.t-strong { background: rgb(var(--accent) / .16); color: var(--link); }
.tool .u10-tier.t-needs-care { background: rgb(232 137 12 / .16); color: rgb(var(--ink)); }
.tool .u10-scale { display: flex; flex-wrap: wrap; gap: 6px; }
.tool .u10-scale li { padding: 4px 10px; border-radius: 10px; font-size: 13px; line-height: 18px; font-weight: 750; color: rgb(var(--ink) / .55); background: rgb(var(--ink) / .05); }
.tool .u10-scale li.is-on { background: rgb(var(--ink)); color: var(--surface); }
.tool .u10-bar { height: 8px; border-radius: 4px; background: rgb(var(--ink) / .08); overflow: hidden; }
.tool .u10-bar > span { display: block; height: 100%; border-radius: 4px; background: var(--u10-a); transform-origin: left; animation: u10-grow .7s var(--ease-out) both; }
.tool .u10-bar.is-b > span { background: var(--u10-b); animation-delay: .08s; }
.tool .u10-dot { display: inline-block; width: 8px; height: 8px; border-radius: 4px; margin-right: 8px; vertical-align: 1px; background: var(--u10-a); }
.tool .u10-dot.is-b { background: var(--u10-b); }
.tool .u10-talks, .tool .u10-plan { display: grid; gap: 10px; }
.tool .u10-talks li { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); }
.tool .u10-talks li[hidden] { display: none; }
.tool .u10-talk-q { font-weight: 850; color: rgb(var(--ink)); }
.tool .u10-answers p { font-size: 15px; line-height: 22px; font-weight: 650; }
.tool .u10-talk { padding: 10px 12px; border-radius: 12px; background: rgb(var(--accent) / .1); font-size: 15px; line-height: 22px; }
.tool .u10-plan li { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px 14px 10px; border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); transition: opacity .2s ease; }
.tool .u10-plan li p { font-size: 14px; line-height: 20px; color: rgb(var(--ink) / .7); margin-top: 2px; }
.tool .u10-plan-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tool .u10-plan-body > b { font-size: 16px; line-height: 22px; font-weight: 850; color: rgb(var(--ink)); }
.tool .u10-plan li.is-done .u10-plan-body > b { text-decoration: line-through; text-decoration-color: rgb(var(--ink) / .4); color: rgb(var(--ink) / .6); }
.tool .u10-plan-link { align-self: flex-start; display: inline-flex; align-items: center; gap: 2px; min-height: 36px; margin-top: 4px; font-size: 15px; text-decoration: none; }
.tool .u10-plan-link .tool-icon { width: 18px; height: 18px; }
.tool .u10-check { position: relative; flex: none; width: 44px; height: 44px; margin: -8px -4px -8px 0; display: grid; place-items: center; cursor: pointer; }
.tool .u10-check input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.tool .u10-check input:checked + .u10-num { background: var(--u10-same); }
.tool .u10-check input:checked + .u10-num::after { content: ""; position: absolute; }
.tool .u10-check input:focus-visible + .u10-num { outline: 2px solid rgb(var(--ink)); outline-offset: 2px; }
.tool .u10-plan li.is-done .u10-num { font-size: 0; }
.tool .u10-plan li.is-done .u10-num::before { content: "\2713"; font-size: 15px; }
.tool .u10-num { flex: none; width: 28px; height: 28px; border-radius: 14px; display: grid; place-items: center; background: var(--ramp); color: var(--surface); font-size: 14px; font-weight: 900; }
.tool .u10-flags { padding: 16px; border-radius: 18px; background: rgb(224 69 123 / .1); box-shadow: inset 0 0 0 2px rgb(224 69 123 / .35); display: flex; flex-direction: column; gap: 8px; }
.tool .u10-flags .u10-h { margin: 0; }
.tool .u10-flags ul { display: grid; gap: 10px; }
.tool .u10-flag-links { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; }
.tool .u10-agree { border-radius: 18px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); }
.tool .u10-agree summary { min-height: 48px; padding: 12px 16px; font-weight: 850; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 8px; list-style: none; }
.tool .u10-agree summary::-webkit-details-marker { display: none; }
.tool .u10-agree summary .tool-icon { width: 20px; height: 20px; color: rgb(var(--ink) / .5); transition: transform .2s var(--ease-out); }
.tool .u10-agree[open] summary .tool-icon { transform: rotate(90deg); }
.tool .u10-agree summary:focus-visible { outline: 2px solid rgb(var(--accent)); outline-offset: -2px; border-radius: 18px; }
.tool .u10-agree li .u10-answers { margin-top: 4px; }
.tool .u10-agree ul { display: grid; gap: 10px; padding: 0 16px 16px; }
.tool .u10-agree li { font-size: 15px; line-height: 22px; }
.tool .u10-tools { display: flex; flex-wrap: wrap; gap: 8px; }
.tool .u10-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 22px; background: var(--surface); color: rgb(var(--ink) / .8); font-size: 14px; font-weight: 800; box-shadow: inset 0 0 0 1px var(--u10-line); transition: transform .16s var(--ease-out); }
.tool .u10-chip:active { transform: scale(.96); }
.tool .u10-chip .tool-icon { width: 18px; height: 18px; }
.tool .u10-care { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 16px; background: rgb(var(--ink) / .05); font-size: 14px; line-height: 20px; font-weight: 650; color: rgb(var(--ink) / .75); }
.tool .u10-care .tool-icon { margin-top: 1px; color: var(--link); }
.tool .u10-flags .u10-h { display: flex; gap: 8px; align-items: center; }
.tool .u10-tools .u10-chip { flex: 1 1 auto; justify-content: center; padding: 0 12px; }

@keyframes u10-grow { from { transform: scaleX(0); } }
@keyframes u10-tile { from { opacity: 0; transform: scale(.6); } }
.tool .u10-strip button:nth-child(n+5) { animation-delay: .05s; } .tool .u10-strip button:nth-child(n+9) { animation-delay: .1s; } .tool .u10-strip button:nth-child(n+13) { animation-delay: .15s; } .tool .u10-strip button:nth-child(n+17) { animation-delay: .2s; }

@media (max-width: 599px) {
  .tool .u10-headline { font-size: 30px; line-height: 36px; }
  .tool .u10-question { font-size: 20px; line-height: 28px; }
  .tool .u10-names { grid-template-columns: 1fr 1fr; }
  .tool .u10-seg button { font-size: 13px; padding: 6px 4px; }
}
@media (prefers-reduced-motion: reduce) {
  .tool .u10-screen > .is-new, .tool .u10-bar > span, .tool .u10-result .u10-strip button, .tool .u10-detail.is-new { animation: none; }
  .tool .u10-progress > span, .tool .u10-opt { transition: none; }
}

/* Round 2 additions */
.tool .u10-toggle { display: flex; gap: 12px; align-items: flex-start; min-height: 44px; padding: 12px 14px; border-radius: 16px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); cursor: pointer; }
.tool .u10-toggle input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: rgb(var(--accent)); }
.tool .u10-toggle span { display: flex; flex-direction: column; gap: 2px; }
.tool .u10-toggle b { font-size: 15px; line-height: 22px; font-weight: 850; color: rgb(var(--ink)); }
.tool .u10-toggle small { font-size: 13px; line-height: 18px; font-weight: 650; color: rgb(var(--ink) / .65); }
.tool .u10-addname { align-self: flex-start; padding: 0; font-size: 14px; }
.tool .u10-addname[hidden] { display: none; }
.tool .u10-verdicts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.tool .u10-verdict { padding: 10px 12px; border-radius: 14px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--u10-line); font-size: 14px; line-height: 20px; font-weight: 750; }
.tool .u10-verdict b { font-weight: 850; }
.tool .u10-legend .u10-tap::before { display: none; }
.tool .u10-legend .u10-tap { color: rgb(var(--ink) / .55); font-weight: 650; }
.tool .u10-how p { padding: 0 16px 16px; font-size: 14px; line-height: 20px; color: rgb(var(--ink) / .75); }
.tool .u10-area-text b { font-weight: 800; color: rgb(var(--ink)); }
@media (max-width: 599px) { .tool .u10-verdicts { grid-template-columns: 1fr; } }
.tool .u10-tier.t-gap { background: rgb(232 137 12 / .18); color: rgb(var(--ink)); }

/* Round 3 */
.tool .u10-intro .tool-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 16px; scroll-padding: 0 16px; }
.tool .u10-intro .tool-chips::-webkit-scrollbar { display: none; }
.tool .u10-intro .tool-chips button { flex: none; }
.tool .u10-headline-duo { display: grid; gap: 4px; margin-top: 6px; font-size: 17px; line-height: 24px; }
.tool .u10-first { margin-top: 8px; padding: 10px 14px; border-radius: 14px; background: rgb(var(--accent) / .1); font-size: 15px; line-height: 22px; font-weight: 650; color: rgb(var(--ink)); }
.tool .u10-first b { font-weight: 850; }
.tool .u10-headline-duo .u10-verdict { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.tool .u10-headline-duo .u10-dot { width: 12px; height: 12px; border-radius: 6px; margin: 0; align-self: center; }
.tool .u10-verdict-who { font-size: 15px; font-weight: 800; color: rgb(var(--ink) / .65); min-width: 84px; }
.tool .u10-verdict-band { font-weight: 950; color: rgb(var(--ink)); }
.tool .u10-counts { font-size: 15px; line-height: 22px; font-weight: 650; color: rgb(var(--ink) / .7); }
.tool .u10-counts b { font-weight: 900; color: rgb(var(--ink)); font-variant-numeric: tabular-nums; }
@media (min-width: 600px) { .tool .u10-intro .tool-chips { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; } }
.tool .u10-toggle { padding: 10px 14px; }

/* Round 4 */
@media (max-width: 599px) {
  .tool .u10-intro .tool-chips { display: grid; grid-template-columns: 1fr 1fr; overflow: visible; margin: 0; padding: 0; }
  .tool .u10-intro .tool-chips button { min-height: 44px; padding: 6px 10px; line-height: 18px; text-align: center; }
}
.tool .u10-strip button { grid-template-rows: 1fr auto; padding: 4px 0 3px; gap: 0; height: 50px; }
.tool .u10-strip button small { font-size: 10px; line-height: 12px; font-weight: 800; opacity: .8; font-variant-numeric: tabular-nums; }
.tool .u10-sum { font-size: 15px; line-height: 22px; font-weight: 650; color: rgb(var(--ink) / .8); }
.tool .u10-sum b { font-weight: 850; color: rgb(var(--ink)); }
.tool .u10-legend { font-size: 14px; }

/* Round 7: calmer compare strip, plan actions, intro link */
.tool .u10-strip button.is-differ { background: rgb(232 137 12 / .3); color: rgb(var(--ink)); box-shadow: inset 0 0 0 2px var(--u10-differ); }
.tool .u10-strip button span::after { font-size: 20px; }
.tool .u10-legend .is-differ::before { background: rgb(232 137 12 / .3); color: rgb(var(--ink)); box-shadow: inset 0 0 0 1.5px var(--u10-differ); }
.tool .u10-legend .u10-tap { flex-basis: 100%; }
@media (max-width: 599px) { .tool .u10-legend { gap: 6px 12px; font-size: 13px; } .tool .u10-legend span::before { margin-right: 4px; } }
.tool .u10-tier.t-needs-care, .tool .u10-tier.t-gap { background: rgb(232 137 12 / .26); }
.tool .u10-plan-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; margin-top: 4px; }
.tool .u10-plan-acts .u10-plan-link { margin-top: 0; }
.tool .u10-plan-cal { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0; background: none; font-size: 14px; font-weight: 800; color: rgb(var(--ink) / .7); }
.tool .u10-plan-cal .tool-icon { width: 18px; height: 18px; }
.tool .u10-plan-cal:hover { color: rgb(var(--ink)); }
.tool .u10-plan-cal:focus-visible { outline: 2px solid rgb(var(--accent)); outline-offset: 2px; border-radius: 6px; }
.tool .u10-intro-link { align-self: flex-start; }