/* kit m40cpfr: platform marks and the Simply Bitcoin avatar. One colour for every mark (the text colour, ink); 16 px in
   tables and lists, 20 px in section heads. Kept beside the design pair so tokens.css and components.css stay byte-equal
   to the brain's. A marked section title gives its note its own line (the mark widens the title). */
.sb-pf{flex:none;fill:currentColor;vertical-align:-.22em;margin-right:6px}
.sb-pf--16{width:16px;height:16px}
.sb-pf--20{width:20px;height:20px}
.sb-pfn{white-space:nowrap}
/* kit m40c7tx: the one rule for a platform mark beside a heading. The mark is the capital letters' height (1cap),
   its foot on the baseline, so it sits exactly beside the caps; the gap is .3em. Every size of heading follows it. */
/* M40c7 TX7c (the rig's mark rule, the owner's "small and low"): a heading's mark is .8 of the title's size, its
   middle on the middle of the title's line, .3em before the words. */
.sb-sectitle .sb-pf,.sb-title .sb-pf{width:.8em;height:.8em;vertical-align:-.07em;margin-right:.3em}
.sb-btn .sb-pf{margin-right:6px;vertical-align:-.25em}
.sb-meta .sb-pf{width:14px;height:14px;margin-right:4px}
.sb-sechead:has(.sb-pfn)>.sb-meta{flex:1 0 100%}
.sb-pv__av--sb{background:none}
.sb-pv__av--sb img{width:100%;height:100%;border-radius:50%}
.sb-av--sb{background:none;object-fit:cover}
.sb-new{color:var(--sb-muted);font-size:var(--sb-text-sm)}
/* kit m40c7tx (round 2): every tracker table fits its card on every screen, and every pill bar is one line.
   Tables: each cell carries the screen it leaves on. sb-tb-off leaves at 1023 px and under (the lifetime columns),
   sb-ph-off at 760 px and under (the design pair's phone line): a phone keeps #, the name, the ranked column and one
   more. sb-ph-on shows only there (the Compare link under a name). Names wrap at word ends, cells keep their padding.
   A two-table row (the compare page) stacks under 1024 px. */
.sb-ph-on{display:none}
@media (max-width:1023px){
  .sb-rank .sb-tb-off{display:none}
  .sb-rank th{white-space:normal}
  .sb-cols:has(.sb-table){grid-template-columns:minmax(0,1fr);gap:20px}
}
@media (min-width:761px) and (max-width:1023px){
  .sb-rank--sort td.sb-rank__acct{min-width:10.5em}
  .sb-rank tr.is-us td:not(.sb-tb-off):not(:has(~ td:not(.sb-tb-off))){border-radius:0 var(--sb-radius-sm) var(--sb-radius-sm) 0}
}
@media (max-width:760px){
  .sb-table{padding-left:var(--sb-space-2);padding-right:var(--sb-space-2)}
  .sb-rank th,.sb-rank td{padding-left:5px;padding-right:5px}
  .sb-rank td.sb-rank__acct,.sb-rank--wide td.sb-rank__acct,.sb-rank td.sb-l{white-space:normal;min-width:0;overflow-wrap:break-word}
  .sb-rank .sb-ph-off{display:none}
  .sb-rk .sb-rank--sort td.sb-rank__acct{min-width:0}
  .sb-rank td.sb-rank__acct{text-wrap:pretty}
  .sb-rank tr.is-us td:not(.sb-ph-off,.sb-tb-off):not(:has(~ td:not(.sb-ph-off,.sb-tb-off))){border-radius:0 var(--sb-radius-sm) var(--sb-radius-sm) 0}
  .sb-rank .sb-ph-on{display:block;width:max-content;margin-top:2px}
}
/* Pill bars: one line; when the options outrun the screen the bar scrolls sideways (no scroll bar drawn) and its
   right edge fades while more options sit past it. The fade follows the bar's own scroll, so a bar that fits has none. */
.sb-view__bar{min-width:0;max-width:100%}
.sb-view__bar .sb-view__seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0;max-width:100%;border-radius:var(--sb-radius-pill)}
.sb-view__bar .sb-view__seg::-webkit-scrollbar{display:none}
.sb-view__bar .sb-view__opt{flex-shrink:0;white-space:nowrap;outline-offset:-2px!important}
@property --sb-fade{syntax:'<length>';inherits:false;initial-value:0px}
@keyframes sb-seg-fade{from{--sb-fade:40px}to{--sb-fade:0px}}
@supports (animation-timeline:scroll()){
  .sb-view__bar .sb-view__seg{animation:sb-seg-fade linear both;animation-timeline:scroll(self inline);
    -webkit-mask-image:linear-gradient(to left,transparent,#000 var(--sb-fade));mask-image:linear-gradient(to left,transparent,#000 var(--sb-fade))}
}
/* The smallest phones (380 px and under): tighter cells and a smaller picture beside a channel's name. */
@media (max-width:380px){
  .sb-table{padding-left:4px;padding-right:4px}
  .sb-rank th,.sb-rank td{padding-left:4px;padding-right:4px}
  .sb-stack__who{gap:6px}
  .sb-stack__who .sb-av{width:22px;height:22px}
}
/* M40c7 TX7c. A list row's platform mark and its name share one line (the row's sub line rule made the name a block
   under the mark on Best and every month page). */
.sb-lrow__t>.sb-pfn{display:block;font-size:inherit;color:inherit;font-weight:inherit;margin-top:0}
.sb-lrow__t>.sb-pfn>span{display:inline;font-size:inherit;color:inherit;font-weight:inherit;margin-top:0}
/* An opened Share image is a preview, at most 560 px wide (the media rule); Download gives the full picture. */
.sb-page .sb-share__img{max-width:min(100%,560px)}
/* A short link or handle never breaks across two lines (its box then covers the words before it). */
.sb-pv__at,.sb-pv__handle a,.sb-row__meta a{white-space:nowrap}
/* Links inside sentences read as links: underlined and the brand orange deepened for text (5.2:1 on the page, 3.4:1
   from the words around them). Names in tables and whole-row links keep their look. */
.sb-main p a:not(.sb-btn),.sb-meta a,.sb-foot a,.sb-who a{color:#C22B00;text-decoration:underline;text-underline-offset:2px}
.sb-main p a:not(.sb-btn):hover,.sb-foot a:hover{color:var(--sb-ink)}
.sb-main p.sb-row__title a{color:inherit}
/* A number not read yet is a quiet word at the cell's own size, never bigger than the numbers beside it. */
.sb-rank td.sb-coming,td .sb-coming,.sb-lrow__v .sb-coming{font-size:var(--sb-text-sm);font-style:normal}
/* The month still running: its row in a month table says so and reads lighter. */
.sb-sofar{color:var(--sb-muted);font-weight:var(--sb-weight-regular);font-size:var(--sb-text-sm)}
.sb-pchart__bar--sofar{fill-opacity:.45;stroke:var(--sb-muted);stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}
.sb-legend i.sb-pchart__kbar--sofar{background:color-mix(in srgb,var(--sb-field-line) 45%,transparent);outline:1px dashed var(--sb-muted);outline-offset:-1px}
/* M40c7 F11: the week's winners, one line under the reach row on the one page. */
.sb-win{margin:var(--sb-space-3) 0 0;max-width:72ch}
/* kit m40crs (owner, Nov 11): an account's @handle under its name (and on a channel page's head), a quiet link to the
   profile for a quick check that the accounts line up. Muted like the words beside it, a muted underline so it still
   reads as a link; orange on hover. Wins over the in-text link rule above (.sb-main p a). */
.sb-hdl,.sb-rank .sb-hdl,.sb-main p a.sb-hdl{font-size:inherit;font-weight:var(--sb-weight-regular);color:var(--sb-muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);overflow-wrap:anywhere}
.sb-hdl:hover,.sb-rank .sb-hdl:hover,.sb-main p a.sb-hdl:hover{color:#C22B00;text-decoration-color:currentColor}
.sb-rank__acct span .sb-hdl{font-size:var(--sb-text-sm)}