/* Completed results share one in-page workspace and inherit their sport palette. */
.result-sharing{box-sizing:border-box;min-width:0;margin:24px 0;padding:24px;background:var(--paper,#faf7ee);color:var(--ink,#142b43);border:1px solid var(--paper-rule,var(--line,#cbd7e4));border-radius:4px;font-family:var(--body,'Segoe UI',Arial,sans-serif)}
/* A public roster shows its share card beside the actions on wide panels and above them on narrow ones. */
.result-sharing{container-type:inline-size}
.result-sharing .result-sharing-layout{display:grid;gap:20px;min-width:0}
.result-sharing .result-sharing-actions{min-width:0}
.result-sharing .result-sharing-card{margin:0;aspect-ratio:1200/630;overflow:hidden;border-radius:4px;background:#10243d;outline:1px solid var(--paper-rule,var(--line,#cbd7e4))}
.result-sharing .result-sharing-card img{display:block;width:100%;height:100%;object-fit:cover}
.result-sharing :is(.result-sharing-card,.result-sharing-image)[hidden]{display:none}
@container (min-width:760px){.result-sharing .result-sharing-layout:has(.result-sharing-card:not([hidden])){grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}
.result-sharing .result-sharing-heading{display:block;margin:0 0 18px;padding:0;border:0;background:none;color:inherit}
.result-sharing .result-sharing-heading h2{margin:0 0 8px;color:var(--ink,#142b43);font:400 28px/1.2 var(--display,Anton,'Arial Narrow',sans-serif);text-transform:uppercase;letter-spacing:.01em}
.result-sharing .result-sharing-intro{max-width:72ch;margin:0;color:var(--muted,#496078);font:400 15px/1.55 var(--body,'Segoe UI',Arial,sans-serif)}
.result-sharing .result-sharing-copy{display:flex;align-items:flex-end;gap:12px;min-width:0}
.result-sharing .result-sharing-field{display:flex;flex:1 1 240px;flex-direction:column;gap:7px;min-width:0;margin:0;color:var(--ink,#142b43);font-size:14px;font-weight:650;line-height:1.4}
.result-sharing .result-sharing-field :is(input,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:48px;margin:0;padding:11px 12px;border:1px solid var(--rule,#657f9d);border-radius:3px;background:var(--input-paper,var(--paper,#faf7ee));color:var(--ink,#142b43);font:400 16px/1.5 var(--body,'Segoe UI',Arial,sans-serif);caret-color:var(--ink,#142b43);scrollbar-color:var(--rule,#657f9d) var(--paper,#faf7ee)}
.result-sharing .result-sharing-field textarea{min-height:144px;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}
.result-sharing .result-sharing-button,.result-sharing .result-sharing-destination{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:48px;min-height:48px;padding:11px 17px;border:1px solid var(--ink,#142b43);border-radius:4px;background:var(--paper,#faf7ee);color:var(--ink,#142b43);font:650 15px/1.4 var(--body,'Segoe UI',Arial,sans-serif);text-decoration:none;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}
.result-sharing .result-sharing-button{flex:0 0 auto;background:var(--ink,#142b43);color:var(--paper,#faf7ee)}
.result-sharing .result-sharing-destinations{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;border:0}
.result-sharing .result-sharing-destination{flex:0 1 auto}
.result-sharing .result-sharing-icon{flex:none;width:21px;height:21px}
.result-sharing .result-sharing-button:hover:not(:disabled){background:var(--paper-dark,#f3ecda);color:var(--ink,#142b43)}
.result-sharing .result-sharing-destination:hover{background:var(--ink,#142b43);color:var(--paper,#faf7ee)}
.result-sharing .result-sharing-button:active:not(:disabled),.result-sharing .result-sharing-destination:active{background:var(--paper-dark,#f3ecda);color:var(--ink,#142b43)}
.result-sharing .result-sharing-button:disabled{cursor:default;opacity:.65}
.result-sharing .result-sharing-button[aria-busy="true"]{cursor:wait}
.result-sharing .result-sharing-note{max-width:75ch;margin:14px 0 0;color:var(--muted,#496078);font:400 13px/1.55 var(--body,'Segoe UI',Arial,sans-serif)}
.result-sharing .result-sharing-status{min-height:1.55em;margin:8px 0 0;color:var(--ink,#142b43);font:650 14px/1.55 var(--body,'Segoe UI',Arial,sans-serif)}
html .result-sharing[data-result-sharing] :is(input,textarea,button,a):focus-visible{outline:3px solid var(--ink,#142b43);outline-offset:3px}
.result-sharing ::selection{background:var(--ink,#142b43);color:var(--paper,#faf7ee)}
@media(max-width:600px){.result-sharing{margin-block:20px;padding:20px}.result-sharing .result-sharing-heading h2{font-size:25px}.result-sharing .result-sharing-copy{flex-direction:column;align-items:stretch}.result-sharing .result-sharing-field{flex-basis:auto}.result-sharing .result-sharing-button{align-self:flex-start}.result-sharing .result-sharing-destination{flex:1 1 125px}.result-sharing .result-sharing-intro{font-size:14px}}
@media(max-width:360px){.result-sharing{padding:16px}.result-sharing .result-sharing-destination{padding-inline:12px;flex-basis:110px}}
@media(prefers-reduced-motion:reduce){.result-sharing :is(button,a){transition:none}}
@media print{.result-sharing{display:none}}