/*! katse-profile-css 1.4.6 */
/* ==========================================================================
   THE PROFILE DASHBOARD, IN THIS DESIGN'S LANGUAGE

   profile.css and music.css draw the actor, title, artist and album pages.
   They are enqueued after the design layer — that is what makes them able to
   style a dashboard the design layer has never heard of — which is also why
   this cannot live in katse.css: that one is loaded before them and
   would lose every argument.

   Nothing here changes the dashboard's shape. It gives its surfaces the same
   radius, the same hairline and the same shadow every other card on the site
   has, so a reader who arrives from the front page recognises where they are.
   ========================================================================== */
.pf-card,.pf-box,.pf-stat,.pf-rail .mod,.mu-card,.mu-box,.mu-list,
.pf-hero,.mu-hero,.disco li,.credits li{
  border-radius:var(--r-lg);box-shadow:var(--shadow),var(--hair);border:0;
  background:var(--card)}
.pf-hero,.mu-hero{border-radius:var(--r-2xl)}
.pf-stat span,.p-lbl,.pf-box h3,.mu-box h3{
  font-family:var(--ui);font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--label-3)}
.pf-card h1,.mu-card h1,.pf-hero h1,.mu-hero h1{
  font-family:var(--ui);letter-spacing:-.03em;line-height:1.08}
.disco li:hover,.credits li:hover{box-shadow:var(--shadow-lift),var(--hair)}
.pf-tabs button,.mu-tabs button{
  font-family:var(--ui);font-size:13px;font-weight:600;border-radius:var(--r-pill)}
.pf-tabs button[aria-selected="true"],.mu-tabs button[aria-selected="true"]{
  background:var(--blue);color:#fff}