.share-band { margin: 2rem auto 0; padding: 1.5rem 1rem .5rem; text-align: center; max-width: 54rem; border-top: 1px solid var(--line, #cdd6ce); }
.share-band h2 { margin: .35rem 0 .65rem; font-size: clamp(1.5rem, 4vw, 2.1rem); }
.share-band > p:not(.eyebrow) { max-width: 42rem; margin: .5rem auto 1.25rem; }
.share-band-controls { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem .5rem; }
.share-band-control { appearance: none; background: none; border: 0; color: inherit; font: inherit; text-decoration: none; cursor: pointer; display: flex; align-items: center; flex-direction: column; gap: .35rem; width: 4.1rem; min-height: 4.5rem; padding: .2rem 0; }
.share-band-control[hidden] { display: none; }
.share-band-mark { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--ink, #14221d); color: #fff; font: 800 1.35rem/1 "Public Sans", sans-serif; }
[data-page-share-channel="whatsapp"] .share-band-mark { background: #1fa855; }
[data-page-share-channel="telegram"] .share-band-mark { background: #229ed9; }
[data-page-share-channel="facebook"] .share-band-mark { background: #1877f2; }
[data-page-share-channel="x"] .share-band-mark { background: #000; }
[data-page-share-channel="reddit"] .share-band-mark { background: #d93a00; }
[data-page-share-channel="linkedin"] .share-band-mark { background: #0a66c2; }
[data-page-share-channel="instagram"] .share-band-mark { background: #c13584; }
.share-band-control:hover .share-band-mark { filter: brightness(.9); }
.share-band-label { font-size: .75rem; line-height: 1.2; }
.share-band-status { min-height: 1.5rem; font-size: .9rem; }
.share-band-status textarea, .page-share-panel textarea { width: 100%; min-height: 5rem; }
.page-share-panel { max-width: min(36rem, calc(100vw - 2rem)); }
body:has([data-test-root][data-active-state="working"]) .share-band { display: none; }
.share-band[hidden], body:has(section.result:not([hidden])) .share-band, body:has(.practice-summary) .share-band, body:has([data-aptitude] .too-fast) .share-band { display: none; }
@media (max-width: 640px) { .share-band-controls { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem .5rem; max-width: 24rem; margin-inline: auto; } .share-band-control { width: auto; } }
@media (max-width: 359px) { .share-band-label { font-size: .6875rem; } }
@media print { .share-band { display: none; } }