/* share-score.css (7 Nov 2026): the "Share your score" block of share-score.js, at the end of Brand match, ColorMix and the 100 hue
   test. It takes the color of the text around it, so it reads on the paper pages and on the dark result cards. */
.cls-share{display:grid;justify-items:center;gap:10px;margin:6px auto 2px;text-align:center;color:inherit}
.cls-h{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.66}
.cls-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.cls-share .cls-row .cls-btn{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 18px;border-radius:999px;font:600 15px/1 inherit;font-family:inherit;
  text-decoration:none;cursor:pointer;border:1.5px solid color-mix(in srgb,currentColor 28%,transparent);background:transparent;color:inherit;
  transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s,border-color .16s}
.cls-share .cls-row .cls-btn:hover{border-color:color-mix(in srgb,currentColor 60%,transparent)}
.cls-share .cls-row .cls-btn:active{transform:scale(.97)}
.cls-share .cls-row .cls-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cls-share .cls-row .cls-li{background:#0A66C2;border-color:#0A66C2;color:#fff}
.cls-share .cls-row .cls-li:hover{background:#004182;border-color:#004182}
.cls-in{width:20px;height:20px;color:#fff;flex:none}
.cls-ic{width:19px;height:19px;flex:none}
.cls-note{margin:0;min-height:1.3em;font-size:13px;opacity:.72}
@media (prefers-reduced-motion:reduce){.cls-share .cls-row .cls-btn{transition:none}.cls-share .cls-row .cls-btn:active{transform:none}}
:root[data-motion="paused"] .cls-share .cls-row .cls-btn{transition:none}