/* Author profile redesign — public/view mode only. */
body.smysly-author-profile-redesign{
  --smysly-author-purple:#6c4cff;
  --smysly-author-purple-soft:#f0ebff;
  --smysly-author-page:#f4f4f6;
  --smysly-author-text:#292f3b;
  --smysly-author-muted:#878b93;
  --smysly-author-line:#e4e4e8;
  background:var(--smysly-author-page);
}

/* -----------------------------------------------------------------------
 * Layout hardening for Ultimate Member / ListingHive.
 * UM injects form-specific max-width rules (1000px wrapper / 600px body),
 * which can load after theme styles. The redesign must own the public-view
 * geometry, otherwise the tabs/about block collapses into the narrow UM area.
 * --------------------------------------------------------------------- */
html body.smysly-author-profile-redesign .header-hero,
html body.smysly-author-profile-redesign .header-hero--title{
  display:none!important;
}
html body.smysly-author-profile-redesign .page__title.entry-title{
  display:none!important;
}

html body.smysly-author-profile-redesign .page__text{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}

/* ListingHive keeps page content inside its generic desktop .container.
   Pull only the public UM profile out to the viewport; the internal blocks
   then re-center themselves on the 1500px design grid. */
html body.smysly-author-profile-redesign .page__text > .um.um-profile,
html body.smysly-author-profile-redesign .um.um-profile{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
}

html body.smysly-author-profile-redesign .um.um-profile > .um-form{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-body{
  float:none!important;
  clear:both!important;
  box-sizing:border-box!important;
}

html body.smysly-author-profile-redesign .um.um-profile .um-profile-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html body.smysly-author-profile-redesign .um.um-profile .um-profile-body > .smysly-author-hub{
  width:min(1500px,calc(100vw - 48px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  float:none!important;
  clear:both!important;
}

html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item a{
  float:none!important;
}

body.smysly-author-profile-redesign .um-profile{
  max-width:none!important;
  color:var(--smysly-author-text);
}

body.smysly-author-profile-redesign .um-profile > .um-form{
  width:100%!important;
  max-width:none!important;
}

/* Defensive fallback if UM's default callbacks change names in a future update. */
body.smysly-author-profile-redesign .um-profile .um-cover:not(.smysly-author-cover),
body.smysly-author-profile-redesign .um-profile .um-header:not(.smysly-author-profile-head){
  display:none!important;
}

/* --- Cover -------------------------------------------------------------- */
body.smysly-author-profile-redesign .smysly-author-cover{
  position:relative;
  width:100vw;
  height:clamp(82px,7.5vw,144px);
  margin-left:calc(50% - 50vw);
  overflow:hidden;
  background-image:var(--smysly-author-cover-image);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.smysly-author-cover__inner{
  position:relative;
  width:min(1500px,calc(100% - 48px));
  height:100%;
  margin:0 auto;
}

.smysly-author-cover__upload{
  position:absolute;
  right:0;
  bottom:14px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#34343b;
  box-shadow:0 4px 16px rgba(23,20,57,.12);
  cursor:pointer;
  font-size:12px;
  line-height:1;
  backdrop-filter:blur(8px);
}

.smysly-author-cover__upload-size{color:#8a8a94;font-size:11px;}
.smysly-author-cover__file{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
.smysly-author-cover__status{position:absolute;right:0;bottom:52px;padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.94);font-size:11px;color:#4d4d55;}
.smysly-author-cover__status:empty{display:none;}
.smysly-author-cover__status.is-error{color:#b42318;}

/* --- Identity header ---------------------------------------------------- */
body.smysly-author-profile-redesign .smysly-author-profile-head{
  width:100vw;
  margin-left:calc(50% - 50vw);
  background:#fff;
  border-bottom:1px solid #e8e8eb;
  box-shadow:0 1px 2px rgba(18,20,28,.04);
}

.smysly-author-profile-head__inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:48px;
  width:min(1500px,calc(100% - 48px));
  min-height:258px;
  margin:0 auto;
  padding:64px 0 46px;
}

.smysly-author-profile-head__identity{min-width:0;}
.smysly-author-profile-head__avatar{
  position:absolute;
  top:-56px;
  left:0;
  width:112px;
  height:112px;
  overflow:hidden;
  border:3px solid #fff;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 12px rgba(34,36,47,.08);
}
.smysly-author-profile-head__avatar img{display:block;width:100%;height:100%;object-fit:cover;border:0!important;border-radius:50%;box-shadow:none!important;}
.smysly-author-profile-head__name-row{display:flex;align-items:center;gap:10px;min-width:0;}
.smysly-author-profile-head__name-row h1{margin:0;color:var(--smysly-author-text);font-size:31px;line-height:1.18;font-weight:600;letter-spacing:-.025em;}
.smysly-author-profile-head__name-row .smysly-pro-profile-badge{margin:0!important;transform:none!important;}
.smysly-author-profile-head__tagline{max-width:740px;margin:10px 0 0;color:#777b84;font-size:14px;line-height:1.55;}
.smysly-author-profile-head__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.smysly-author-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 22px;
  border:1px solid var(--smysly-author-purple);
  border-radius:999px;
  background:#fff;
  color:var(--smysly-author-purple)!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:600;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.smysly-author-action:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(108,76,255,.12);}
.smysly-author-action--primary{border-color:var(--smysly-author-purple);background:var(--smysly-author-purple);color:#fff!important;box-shadow:0 4px 12px rgba(108,76,255,.2);}
.smysly-author-action--support{border-color:transparent;background:var(--smysly-author-purple-soft);color:var(--smysly-author-purple)!important;}
.smysly-author-profile-subscribe{display:inline-flex;}
.smysly-author-profile-subscribe .author-subscribe__btn{min-height:42px!important;padding:0 22px!important;border:1px solid var(--smysly-author-purple)!important;border-radius:999px!important;background:#fff!important;color:var(--smysly-author-purple)!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;}

.smysly-author-profile-head__side{display:flex;min-width:405px;flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;padding-top:0;}
.smysly-author-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(95px,1fr));gap:28px;width:100%;}
.smysly-author-profile-stats>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;}
.smysly-author-profile-stats strong{color:#1f2430;font-size:18px;line-height:1;font-weight:500;}
.smysly-author-profile-stats span{color:#8a8e96;font-size:11px;line-height:1.35;white-space:nowrap;}

.smysly-author-socials{display:flex;align-items:center;flex-wrap:wrap;gap:10px;}
.smysly-author-socials a{text-decoration:none!important;}
.smysly-author-socials__icon{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:#242529;}
.smysly-author-socials__icon img{display:block;width:18px;height:18px;object-fit:contain;filter:invert(1);}
.smysly-author-socials__text{display:inline-flex;max-width:310px;align-items:center;min-height:30px;padding:0 11px;border:1px solid #d9d9df;border-radius:999px;color:#4d5159!important;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* --- Ultimate Member tab strip ----------------------------------------- */
/* UM's navbar is the extension action bar (message/follow etc.). The new
   header already renders those actions, so keeping it would duplicate controls. */
body.smysly-author-profile-redesign .um-profile-navbar{display:none!important;}
body.smysly-author-profile-redesign .um-profile-nav{
  position:relative;
  z-index:2;
  width:min(1000px,calc(100vw - 48px))!important;
  max-width:1000px!important;
  margin:22px 0 0 max(24px,calc((100vw - 1500px)/2))!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:10px 10px 0 0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.smysly-author-profile-redesign .um-profile-nav-item a,
body.smysly-author-profile-redesign .um-profile-nav-item.active a{
  min-height:58px!important;
  padding:0 18px!important;
  border:0!important;
  background:transparent!important;
  color:#9a9da4!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:58px!important;
}
body.smysly-author-profile-redesign .um-profile-nav-item.active a{position:relative;color:#343944!important;}
body.smysly-author-profile-redesign .um-profile-nav-item.active a:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--smysly-author-purple);}

body.smysly-author-profile-redesign .um-profile-body{
  width:min(1500px,calc(100% - 48px))!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

/* --- About + genres ----------------------------------------------------- */
body.smysly-author-profile-redesign .smysly-author-hub{margin:0;}
.smysly-author-about-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(310px,1fr);gap:20px;margin:-58px 0 74px;}
.smysly-author-about-card,
.smysly-author-genres-card{min-width:0;padding:26px 24px 30px;border-radius:0 0 10px 10px;background:#fff;}
.smysly-author-about-card{padding-top:84px;}
.smysly-author-genres-card{border-radius:10px;padding-top:23px;}
.smysly-author-about-card__title{display:none;}
.smysly-author-about-card__summary{margin:0;color:#40444d;font-size:13px;line-height:1.55;}
.smysly-author-about-card__contacts{display:none;margin-top:24px;}
.smysly-author-about-card__contacts h3{margin:0 0 12px;font-size:13px;font-weight:500;}
.smysly-author-genres-card__title{margin:0 0 17px;color:#303541;font-size:18px;line-height:1.25;font-weight:600;}
.smysly-author-genres-card__list{display:flex;flex-wrap:wrap;gap:10px;}
.smysly-author-genres-card__item{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border:1px solid #dbdce1;border-radius:999px;background:#fff;color:#6d7179!important;text-decoration:none!important;font-size:12px;}
.smysly-author-genres-card__item small{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;padding:0 5px;border-radius:999px;background:var(--smysly-author-purple);color:#fff;font-size:10px;line-height:1;}
.smysly-author-genres-card__empty{margin:0;color:#92959c;font-size:12px;}

/* Preserve optional blocks but bring their spacing into the new layout. */
body.smysly-author-profile-redesign .smysly-pro-pinned,
body.smysly-author-profile-redesign .smysly-author-groups,
body.smysly-author-profile-redesign .smysly-author-featured{margin-left:0;margin-right:0;}

/* --- Catalogue ---------------------------------------------------------- */
body.smysly-author-profile-redesign .smysly-author-catalogue{margin:0;padding:0 0 78px;position:relative;}
.smysly-author-catalogue__head{text-align:center;margin:0 0 30px;}
body.smysly-author-profile-redesign .smysly-author-catalogue__title{margin:0;color:#303642;font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.02em;}
.smysly-author-catalogue__count{margin:12px 0 0;color:#8d9097;font-size:12px;line-height:1.3;}

.smysly-author-filters{display:grid!important;grid-template-columns:minmax(320px,2.15fr) minmax(150px,1fr) minmax(170px,1fr) minmax(235px,1.15fr);align-items:center;gap:10px;margin:0 0 20px!important;padding:0!important;border:0!important;background:transparent!important;}
.smysly-author-search{min-width:0;}
.smysly-search-control__field{position:relative;display:flex;align-items:center;width:100%;height:44px;border:1px solid transparent;border-radius:999px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;}
.smysly-search-control__field:focus-within{border-color:#d9d1ff;box-shadow:0 0 0 2px rgba(108,76,255,.06);}
.smysly-search-control__input{width:100%!important;height:42px!important;margin:0!important;padding:0 78px 0 18px!important;border:0!important;outline:0!important;background:transparent!important;color:#363a44!important;font:inherit!important;font-size:12px!important;box-shadow:none!important;}
.smysly-search-control__input::placeholder{color:#b1b3b9;}
.smysly-search-control__clear,
.smysly-search-control__submit{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#9fa1a8;transform:translateY(-50%);cursor:pointer;}
.smysly-search-control__clear{right:42px;width:28px;height:28px;}
.smysly-search-control__submit{right:8px;width:32px;height:32px;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;}
.smysly-search-control.is-filled .smysly-search-control__submit{opacity:1;visibility:visible;pointer-events:auto;}
.smysly-search-control__submit:disabled{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.smysly-search-control__icon{display:block;max-width:20px;max-height:20px;}
.smysly-search-control__icon--active{display:none;}
.smysly-search-control.is-filled .smysly-search-control__icon--idle{display:none;}
.smysly-search-control.is-filled .smysly-search-control__icon--active{display:block;}

.smysly-author-filter-desktop{display:contents;}
.smysly-author-filter-field{display:flex;align-items:center;gap:8px;min-width:0;color:#95989f;font-size:11px;font-weight:400!important;}
.smysly-author-filter-field--sort{justify-content:flex-end;white-space:nowrap;}
.smysly-author-filter-field select,
.smysly-author-filter-panel select{width:100%!important;height:44px!important;margin:0!important;padding:0 42px 0 16px!important;border:1px solid transparent!important;border-radius:999px!important;background-color:#fff!important;color:#888b92!important;font-size:12px!important;line-height:42px!important;box-shadow:none!important;cursor:pointer;}
.smysly-author-filter-field select:disabled,
.smysly-author-filter-panel select:disabled{background-color:#f9f9fa!important;color:#c5c6ca!important;cursor:not-allowed;opacity:.72;}
.smysly-author-filter-field--sort select{min-width:170px;border-color:#d9d9dd!important;}
.smysly-author-filter-toggle,
.smysly-author-mobile-types,
.smysly-author-filter-panel{display:none;}
.my-works__search-hint{margin:-7px 0 18px;color:#7d818a;font-size:12px;}

body.smysly-author-profile-redesign .smysly-author-catalogue__results{min-height:120px;}
body.smysly-author-profile-redesign .smysly-author-work-grid{gap:16px!important;}
body.smysly-author-profile-redesign .smysly-author-load-more{margin-top:28px;}
body.smysly-author-profile-redesign .smysly-author-load-more__button{min-width:210px;min-height:42px;padding:0 24px;border:1px solid var(--smysly-author-purple);border-radius:999px;background:transparent;color:var(--smysly-author-purple);font-size:12px;font-weight:600;}

/* Keep crawler/no-JS pagination in HTML without duplicating the visual UI. */
.user-works.is-js .my-works__pagination{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.smysly-author-profile-redesign .smysly-author-catalogue.is-loading .smysly-author-catalogue__results,
body.smysly-author-profile-redesign .smysly-author-catalogue.is-loading .smysly-author-filters,
body.smysly-author-profile-redesign .smysly-author-catalogue.is-loading .smysly-author-mobile-types{opacity:.45;pointer-events:none;}

@media (max-width:1180px) and (min-width:761px){
  .smysly-author-filters{grid-template-columns:minmax(280px,1.7fr) minmax(135px,.9fr) minmax(150px,.95fr) minmax(200px,1fr);}
  .smysly-author-filter-field--sort>span{display:none;}
}

@media (max-width:1100px){
  .smysly-author-profile-head__side{min-width:340px;}
  .smysly-author-profile-stats{gap:18px;}
  .smysly-author-filter-field--sort>span{display:none;}
  .smysly-author-about-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);}
}

/* --- Mobile ------------------------------------------------------------- */
@media (max-width:760px){
  body.smysly-author-profile-redesign .smysly-author-cover{height:78px;}
  .smysly-author-cover__inner{width:100%;}
  .smysly-author-cover__upload{right:10px;bottom:8px;padding:6px 9px;}
  .smysly-author-cover__upload-size{display:none;}
  .smysly-author-cover__status{right:10px;bottom:40px;max-width:220px;text-align:right;}

  .smysly-author-profile-head__inner{display:flex;width:100%;min-height:0;flex-direction:column;gap:0;padding:43px 15px 26px;text-align:center;}
  .smysly-author-profile-head__avatar{top:-37px;left:50%;width:74px;height:74px;border-width:2px;transform:translateX(-50%);}
  .smysly-author-profile-head__name-row{justify-content:center;}
  .smysly-author-profile-head__name-row h1{font-size:20px;}
  .smysly-author-profile-head__tagline{max-width:285px;margin:6px auto 0;font-size:11px;line-height:1.5;}
  .smysly-author-profile-head__actions{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;width:min(330px,100%);margin:13px auto 0;}
  .smysly-author-action{min-width:0;min-height:40px;padding:0;border-radius:50%;}
  .smysly-author-action span{display:none;}
  .smysly-author-action--primary{grid-column:1;background:#fff;color:var(--smysly-author-purple)!important;box-shadow:none;}
  .smysly-author-profile-subscribe{grid-column:2;display:block;}
  .smysly-author-profile-subscribe .author-subscribe__btn{width:100%!important;min-height:40px!important;padding:0 14px!important;background:var(--smysly-author-purple)!important;color:#fff!important;}
  .smysly-author-action--support{grid-column:3;background:#fff;border-color:var(--smysly-author-purple);}
  .smysly-author-action--secondary{grid-column:2;border-radius:999px;padding:0 15px;}
  .smysly-author-action--secondary span{display:inline;}

  .smysly-author-profile-head__side{display:flex;min-width:0;width:100%;padding:0;}
  .smysly-author-profile-stats{order:1;grid-template-columns:repeat(3,1fr);gap:0;width:min(330px,100%);margin:15px auto 0;}
  .smysly-author-profile-stats>div{align-items:center;}
  .smysly-author-profile-stats strong{font-size:16px;}
  .smysly-author-profile-stats span{font-size:9px;white-space:normal;}
  .smysly-author-profile-head__side>.smysly-author-socials{display:none;}

  body.smysly-author-profile-redesign .um-profile-nav{width:100%!important;margin:0!important;border-radius:0!important;overflow-x:auto!important;box-shadow:none!important;scrollbar-width:none;}
  body.smysly-author-profile-redesign .um-profile-navbar{display:none!important;}
  body.smysly-author-profile-redesign .um-profile-nav::-webkit-scrollbar{display:none;}
  body.smysly-author-profile-redesign .um-profile-nav{display:flex!important;padding:0 15px!important;border-top:1px solid #ededf0!important;border-bottom:1px solid #ededf0!important;}
  body.smysly-author-profile-redesign .um-profile-nav-item{flex:0 0 auto!important;}
  body.smysly-author-profile-redesign .um-profile-nav-item a,
  body.smysly-author-profile-redesign .um-profile-nav-item.active a{min-height:47px!important;padding:0 16px!important;font-size:11px!important;line-height:47px!important;}
  body.smysly-author-profile-redesign .um-profile-nav-item:first-child a{padding-left:0!important;}
  body.smysly-author-profile-redesign .um-profile-nav-item.active a:after{left:0;right:16px;}

  body.smysly-author-profile-redesign .um-profile-body{width:100%!important;margin:0!important;}
  body.smysly-author-profile-redesign .smysly-author-hub{width:100%;}
  .smysly-author-about-layout{display:block;margin:0;background:#fff;}
  .smysly-author-about-card,
  .smysly-author-genres-card{padding:17px 15px 0;border-radius:0;background:#fff;}
  .smysly-author-about-card__summary{font-size:11px;line-height:1.6;}
  .smysly-author-genres-card{padding-top:19px;}
  .smysly-author-genres-card__title{margin-bottom:12px;font-size:12px;font-weight:500;}
  .smysly-author-genres-card__list{gap:7px;}
  .smysly-author-genres-card__item{min-height:30px;padding:0 11px;font-size:10px;}
  .smysly-author-genres-card__item small{min-width:16px;height:16px;font-size:9px;}
  .smysly-author-about-card__contacts{display:block;padding-bottom:20px;}
  .smysly-author-socials--about{gap:9px;}
  .smysly-author-socials--about .smysly-author-socials__icon{width:30px;height:30px;}
  .smysly-author-socials--about .smysly-author-socials__text{flex-basis:100%;width:max-content;max-width:100%;justify-content:flex-start;padding:0;border:0;border-radius:0;color:#31343b!important;text-decoration:underline!important;font-size:10px;}

  body.smysly-author-profile-redesign .smysly-pro-pinned,
  body.smysly-author-profile-redesign .smysly-author-groups,
  body.smysly-author-profile-redesign .smysly-author-featured{margin-left:15px;margin-right:15px;}

  body.smysly-author-profile-redesign .smysly-author-catalogue{margin-top:0;padding:36px 15px 56px;background:var(--smysly-author-page);}
  .smysly-author-catalogue__head{text-align:left;margin:0 0 18px;}
  body.smysly-author-profile-redesign .smysly-author-catalogue__title{font-size:20px;line-height:1.25;}
  .smysly-author-catalogue__count{display:none;}
  .smysly-author-mobile-types{display:flex;gap:0;margin:0 0 12px;border-bottom:1px solid #a7a8ad;overflow-x:auto;scrollbar-width:none;}
  .smysly-author-mobile-types::-webkit-scrollbar{display:none;}
  .smysly-author-mobile-types__item{position:relative;display:inline-flex;flex:1 0 auto;justify-content:center;min-width:74px;padding:0 10px 10px;color:#71757d!important;text-decoration:none!important;font-size:10px;}
  .smysly-author-mobile-types__item.is-active{color:#242832!important;}
  .smysly-author-mobile-types__item.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#242832;}

  .smysly-author-filters{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:8px;margin-bottom:13px!important;}
  .smysly-author-filter-desktop{display:none!important;}
  .smysly-author-filter-toggle{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#fff;color:#555a64;cursor:pointer;}
  .smysly-author-filter-toggle svg{width:17px;height:17px;}
  .smysly-author-search{grid-column:2;min-width:0;}
  .smysly-search-control__field{height:30px;}
  .smysly-search-control__input{height:28px!important;padding:0 62px 0 15px!important;font-size:10px!important;}
  .smysly-search-control__clear{right:31px;width:24px;height:24px;}
  .smysly-search-control__submit{right:4px;width:24px;height:24px;}
  .smysly-search-control__icon{max-width:15px;max-height:15px;}
  .smysly-author-filter-desktop{display:none;}
  .my-works__search-hint{margin:0 0 10px;font-size:10px;}

  .smysly-author-filter-panel[hidden]{display:none!important;}
  .smysly-author-filter-panel{position:fixed;inset:0;z-index:100050;display:block;}
  .smysly-author-filter-panel__backdrop{position:absolute;inset:0;background:rgba(20,21,29,.32);}
  .smysly-author-filter-panel__sheet{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,520px);padding:24px 20px 30px;border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -14px 40px rgba(22,22,34,.12);overflow:auto;}
  .smysly-author-filter-panel__close{position:absolute;top:10px;right:14px;width:32px;height:32px;border:0;background:transparent;color:#7f828a;font-size:26px;line-height:1;cursor:pointer;}
  .smysly-author-filter-panel__label{display:block;margin:18px 0 9px;color:#3e424b;font-size:12px;font-weight:500;}
  .smysly-author-filter-panel__label:first-of-type{margin-top:8px;}
  .smysly-author-filter-panel select{height:42px!important;border-color:#e1e1e5!important;border-radius:10px!important;}
  .smysly-author-filter-panel__types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .smysly-author-filter-panel__types button{min-height:40px;border:1px solid #e0e0e4;border-radius:10px;background:#fff;color:#696d75;font-size:11px;cursor:pointer;}
  .smysly-author-filter-panel__types button.is-active{border-color:var(--smysly-author-purple);background:var(--smysly-author-purple-soft);color:var(--smysly-author-purple);}
  html.smysly-author-filter-open,html.smysly-author-filter-open body{overflow:hidden;}

  body.smysly-author-profile-redesign .smysly-author-work-grid:not(.smysly-author-art-masonry){grid-template-columns:1fr!important;gap:9px!important;}
  body.smysly-author-profile-redesign .smysly-author-work-grid.smysly-author-art-masonry{column-count:1!important;column-gap:9px!important;}
  body.smysly-author-profile-redesign .smysly-author-load-more{min-height:52px;margin-top:22px;}
  body.smysly-author-profile-redesign .smysly-author-load-more__button{width:100%;min-height:34px;font-size:10px;}
}

@media (max-width:760px){
  /* Mobile mock order: subscriptions → works → followers. */
  .smysly-author-profile-stats>div:nth-child(1){order:3;}
  .smysly-author-profile-stats>div:nth-child(2){order:1;}
  .smysly-author-profile-stats>div:nth-child(3){order:2;}
}

/* =======================================================================
 * Author profile redesign v3 — geometry corrections after real-site QA.
 * The public UM profile is still rendered inside Ultimate Member wrappers;
 * use viewport-based sizing here so their inherited widths cannot shift the
 * Figma grid or collapse the author catalogue.
 * ======================================================================= */

html body.smysly-author-profile-redesign{
  overflow-x:clip;
}

/* Shared search styles elsewhere on the site hard-code this component to
   header dimensions. On an author page it must follow the filter grid. */
html body.smysly-author-profile-redesign .works-search-form.smysly-search-control.smysly-author-search{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}

/* Legacy UM tab icons/decorations are not part of the new visual language. */
html body.smysly-author-profile-redesign .um-profile-nav-item > a > i,
html body.smysly-author-profile-redesign .um-profile-nav-item > a .um-faicon,
html body.smysly-author-profile-redesign .um-profile-nav-item::before,
html body.smysly-author-profile-redesign .um-profile-nav-item::after{
  display:none!important;
  content:none!important;
}

@media (min-width:761px){
  /* Center all major profile sections on the actual viewport, not on UM's
     narrower content box. This is the key fix for the shifted header and the
     full-width catalogue visible on the test site. */
  html body.smysly-author-profile-redesign .smysly-author-cover,
  html body.smysly-author-profile-redesign .smysly-author-profile-head{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-cover__inner,
  html body.smysly-author-profile-redesign .smysly-author-profile-head__inner{
    width:min(1500px,calc(100vw - 48px))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* The shortcode can be nested one or more wrappers below .um-profile-body,
     therefore do not rely on a direct-child selector. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-body .smysly-author-hub{
    position:relative!important;
    left:50%!important;
    width:min(1500px,calc(100vw - 48px))!important;
    max-width:1500px!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }

  /* Align the tab strip to the left edge of the same 1500px design grid.
     Its width corresponds to the left card in the desktop mockup. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    position:relative!important;
    left:50%!important;
    width:min(1000px,calc(67vw - 45px))!important;
    max-width:1000px!important;
    margin:22px 0 0!important;
    transform:translateX(calc(-50vw + max(24px, calc(50vw - 750px))))!important;
    border-bottom:1px solid #e5e5e8!important;
  }

  html body.smysly-author-profile-redesign .um-profile-nav-item a,
  html body.smysly-author-profile-redesign .um-profile-nav-item.active a{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  /* The old global header-search component fixes this element to 242px.
     On the author page it is a grid column and must occupy the whole column. */
  html body.smysly-author-profile-redesign .works-search-form.smysly-search-control.smysly-author-search{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-filters{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(360px,2.15fr) minmax(170px,1fr) minmax(190px,1fr) minmax(245px,1.18fr)!important;
    gap:10px!important;
  }

  /* Beat the shared header-search rules, which use !important and otherwise
     leave the X/search icons and padding in the wrong places. */
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__field{
    position:relative!important;
    width:100%!important;
    height:44px!important;
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    background:#fff!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__field:focus-within{
    border-color:#d9d1ff!important;
    box-shadow:0 0 0 2px rgba(108,76,255,.06)!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__input{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 78px 0 18px!important;
    border:0!important;
    border-radius:999px!important;
    color:#363a44!important;
    font:400 12px/42px Manrope,Arial,sans-serif!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__clear,
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__submit{
    position:absolute!important;
    top:50%!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__clear{
    right:42px!important;
    width:28px!important;
    height:28px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__submit{
    right:8px!important;
    width:32px!important;
    height:32px!important;
  }

  /* The Figma composition has appreciably more air between the profile cards
     and the works catalogue than the first implementation. */
  html body.smysly-author-profile-redesign .smysly-author-about-layout{
    margin-bottom:112px!important;
  }

  /* Keep the four-column density requested for the live site, but constrain
     it to the same 1500px grid instead of stretching cards to the viewport. */
  html body.smysly-author-profile-redesign .smysly-author-work-grid:not(.smysly-author-art-masonry){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

/* At narrower desktop/tablet widths the sort caption can disappear before the
   controls themselves become cramped. */
@media (min-width:761px) and (max-width:1240px){
  html body.smysly-author-profile-redesign .smysly-author-filters{
    grid-template-columns:minmax(280px,1.8fr) minmax(145px,.95fr) minmax(165px,1fr) minmax(205px,1.08fr)!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-field--sort > span{
    display:none!important;
  }
}


@media (max-width:760px){
  html body.smysly-author-profile-redesign .works-search-form.smysly-search-control.smysly-author-search{
    width:100%!important;
    max-width:none!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__field{
    position:relative!important;
    width:100%!important;
    height:30px!important;
    padding:0!important;
    border-radius:999px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__input{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 62px 0 15px!important;
    border-radius:999px!important;
    font:400 10px/28px Manrope,Arial,sans-serif!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__clear,
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__submit{
    position:absolute!important;
    top:50%!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__clear{
    right:31px!important;
    width:24px!important;
    height:24px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__submit{
    right:4px!important;
    width:24px!important;
    height:24px!important;
  }
}

/* Work-card previews intentionally inherit the site-wide card-work styles. */

/* =======================================================================
 * v4: mobile UM tabs, neutral tab decoration, larger profile stats.
 * ===================================================================== */

/* Ultimate Member and some extension styles can add their own top markers,
   icons, borders and backgrounds to profile tabs. The designer layout uses
   only one purple underline for the active tab. */
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item,
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item > a,
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item.active > a{
  border:0!important;
  border-top:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item > a::before,
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item > a > span::before,
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item > a > span::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item:not(.active) > a::after{
  display:none!important;
  content:none!important;
}
html body.smysly-author-profile-redesign .um-profile-nav .um-profile-nav-item.active > a::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:var(--smysly-author-purple)!important;
  box-shadow:none!important;
}

/* Make the numeric block read as a real KPI row instead of secondary copy. */
html body.smysly-author-profile-redesign .smysly-author-profile-stats strong{
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.02em;
}
html body.smysly-author-profile-redesign .smysly-author-profile-stats span{
  margin-top:2px;
  font-size:11px!important;
  line-height:1.35!important;
}

@media (max-width:760px){
  /* UM has responsive utility classes that may hide custom profile tabs on
     phones. The author design intentionally keeps the tabs as a horizontally
     scrollable strip, so override those utilities only on this page. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:48px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 15px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    border-top:1px solid #ededf0!important;
    border-bottom:1px solid #ededf0!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::-webkit-scrollbar{
    display:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item[class*="uimob"]{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a[class*="uimob"],
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a{
    position:relative!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px!important;
    overflow:visible!important;
    color:#8c9098!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.2!important;
    text-decoration:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item:first-child > a{
    padding-left:0!important;
    padding-right:14px!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a{
    color:#343944!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a::after{
    left:0!important;
    right:14px!important;
    bottom:0!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-profile-stats strong{
    font-size:19px!important;
    line-height:1!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-profile-stats span{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
}


/* =======================================================================
 * v5: final author-profile corrections from desktop/mobile QA.
 * ===================================================================== */

/* Owner avatar editor: hover on desktop, tap/click on touch devices. */
html body.smysly-author-profile-redesign .smysly-author-profile-head__avatar{
  overflow:visible!important;
  isolation:isolate;
}
html body.smysly-author-profile-redesign .smysly-author-profile-head__avatar > img{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-radius:50%!important;
  background:#eeeeef;
}
.smysly-author-avatar__hit{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.smysly-author-profile-head__avatar:hover .smysly-author-avatar__hit,
.smysly-author-profile-head__avatar:focus-within .smysly-author-avatar__hit,
.smysly-author-profile-head__avatar.is-menu-open .smysly-author-avatar__hit{
  background:rgba(20,22,30,.08);
}
.smysly-author-avatar__menu{
  position:absolute;
  z-index:20;
  top:50%;
  left:calc(100% + 10px);
  display:flex;
  min-width:154px;
  flex-direction:column;
  padding:5px;
  border:1px solid #e1e1e5;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 28px rgba(29,31,43,.14);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-50%) translateX(-4px);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}
.smysly-author-profile-head__avatar:hover .smysly-author-avatar__menu,
.smysly-author-profile-head__avatar:focus-within .smysly-author-avatar__menu,
.smysly-author-profile-head__avatar.is-menu-open .smysly-author-avatar__menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}
.smysly-author-avatar__menu-item{
  display:flex;
  width:100%;
  min-height:34px;
  align-items:center;
  margin:0;
  padding:0 10px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#343843!important;
  font:500 12px/1.2 Manrope,Arial,sans-serif;
  text-align:left;
  text-decoration:none!important;
  cursor:pointer;
}
.smysly-author-avatar__menu-item:hover{background:#f5f5f7;}
.smysly-author-avatar__menu-item--danger{color:#b42318!important;}
.smysly-author-avatar__file{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
.smysly-author-avatar__status{
  display:block;
  max-width:180px;
  padding:5px 10px 6px;
  color:#6f737c;
  font:400 10px/1.3 Manrope,Arial,sans-serif;
}
.smysly-author-avatar__status:empty{display:none;}
.smysly-author-avatar__status.is-error{color:#b42318;}

/* Tabs: eradicate UM's old top marker. Only our bottom underline may remain. */
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::before,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::after,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item::before,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item::after,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a::before,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a > span::before,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a > span::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item.active,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item.active > a,
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a > span{
  border-top:0!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item:not(.active) > a::after{
  content:none!important;
  display:none!important;
}
html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item.active > a::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:auto!important;
  bottom:0!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:var(--smysly-author-purple)!important;
  box-shadow:none!important;
}

/* The left tabs+description card and the genres card are one visual row. */
html body.smysly-author-profile-redesign .smysly-author-about-layout{
  grid-auto-rows:1fr;
  align-items:stretch!important;
}
html body.smysly-author-profile-redesign .smysly-author-about-card,
html body.smysly-author-profile-redesign .smysly-author-genres-card{
  box-sizing:border-box;
  height:100%;
  align-self:stretch;
}

/* Move select chevrons inward to match the mock instead of the browser's
   far-right native arrow. */
html body.smysly-author-profile-redesign .smysly-author-filter-field select,
html body.smysly-author-profile-redesign .smysly-author-filter-panel select{
  -webkit-appearance:none!important;
  appearance:none!important;
  padding-right:46px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='%23777B84' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 18px center!important;
  background-size:12px 8px!important;
}

@media (max-width:760px){
  /* In the mobile mock the central subscription control includes its label;
     only message/support are icon-only circles. */
  html body.smysly-author-profile-redesign .smysly-author-profile-subscribe .smysly-author-subscribe__label{
    display:inline!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-profile-subscribe .author-subscribe__btn{
    display:flex!important;
    gap:7px!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:600!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-profile-subscribe .author-subscribe__btn svg{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px;
  }

  .smysly-author-avatar__menu{
    top:calc(100% + 9px);
    left:50%;
    min-width:156px;
    transform:translateX(-50%) translateY(-4px);
  }
  .smysly-author-profile-head__avatar:hover .smysly-author-avatar__menu,
  .smysly-author-profile-head__avatar:focus-within .smysly-author-avatar__menu,
  .smysly-author-profile-head__avatar.is-menu-open .smysly-author-avatar__menu{
    transform:translateX(-50%) translateY(0);
  }

  /* Mobile has no separate purple marker above the row. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    box-shadow:none!important;
    background-image:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item.active,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav-item.active > a{
    border-top:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-filter-panel select{
    background-position:right 16px center!important;
  }

  /* On mobile the two cards become sequential content, so equal-height logic
     must not create artificial empty space. */
  html body.smysly-author-profile-redesign .smysly-author-about-card,
  html body.smysly-author-profile-redesign .smysly-author-genres-card{
    height:auto;
  }
}

html body.smysly-author-profile-redesign .smysly-author-profile-head__avatar{z-index:10;}

/* =======================================================================
 * v6: mobile tabs, avatar hover bridge, single-row mobile catalogue tools.
 * ======================================================================= */

/* The avatar popup sits outside the circular avatar. Keep a transparent
   hover bridge between the avatar and popup so moving the pointer into the
   menu does not collapse it halfway across the gap. */
@media (hover:hover) and (pointer:fine){
  html body.smysly-author-profile-redesign .smysly-author-avatar__menu::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-4px!important;
    bottom:-4px!important;
    left:-14px!important;
    width:14px!important;
    height:auto!important;
    border:0!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
}

@media (max-width:760px){
  /* Some UM/custom profile-menu skins draw their own active marker above the
     tab. Neutralise every legacy top decoration at the menu level. The only
     active indicator we restore is the 2px line at the bottom of the link. */
  html body.smysly-author-profile-redesign .um-profile-menu,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    border-top:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }
  html body.smysly-author-profile-redesign .um-profile-menu::before,
  html body.smysly-author-profile-redesign .um-profile-menu::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a > *::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a > *::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a{
    border-top:0!important;
    outline:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:auto!important;
    left:0!important;
    right:14px!important;
    bottom:0!important;
    width:auto!important;
    height:2px!important;
    border:0!important;
    border-radius:2px!important;
    background:var(--smysly-author-purple)!important;
    box-shadow:none!important;
  }

  /* Filter icon + search are one row in the mobile mock. Explicit row/column
     placement avoids auto-placement moving the later DOM button to row 2. */
  html body.smysly-author-profile-redesign .smysly-author-filters{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:32px!important;
    column-gap:9px!important;
    row-gap:0!important;
    align-items:center!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-toggle{
    grid-column:1!important;
    grid-row:1!important;
    width:32px!important;
    height:32px!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__field{
    height:32px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-search .smysly-search-control__input{
    height:30px!important;
    min-height:30px!important;
    line-height:30px!important;
  }
}

/* =======================================================================
 * v7: staged mobile filters, exact social assets, owner settings,
 *     edit-profile redesign and width repair for private profile tabs.
 * ======================================================================= */

/* Public header: use the supplied social icons as artwork, without wrapping
   them in a second artificial black circle. */
html body.smysly-author-profile-redesign .smysly-author-socials__icon{
  width:auto!important;
  height:auto!important;
  min-width:28px;
  min-height:28px;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-redesign .smysly-author-socials__icon img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:none!important;
}
html body.smysly-author-profile-redesign .smysly-author-socials__icon--telegram img{width:28px!important;height:28px!important;}
html body.smysly-author-profile-redesign .smysly-author-socials__icon--vk img{width:33px!important;height:33px!important;}
html body.smysly-author-profile-redesign .smysly-author-socials__icon--dzen img{width:29px!important;height:29px!important;}

/* The new public header has a deliberate grey breathing zone before the
   tabs/SEO block, matching the composition of the designer layout. */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    margin-top:32px!important;
  }
}

/* Owner account/settings entry. It stays compact and does not compete with
   the primary profile actions. */
html body.smysly-author-profile-redesign .smysly-author-action--settings{
  width:42px;
  min-width:42px;
  padding:0!important;
  border-color:#dcdce3;
  color:#565b65!important;
  background:#fff;
}
html body.smysly-author-profile-redesign .smysly-author-action--settings span{display:none;}
html body.smysly-author-profile-redesign .smysly-author-action--settings:hover{
  border-color:var(--smysly-author-purple);
  color:var(--smysly-author-purple)!important;
}

/* Public custom profile tabs used to inherit the viewport-wide UM body after
   the author redesign. Give every private module the same 1500px design grid
   as the main author page instead of patching each module internally. */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um-profile-body > .smysly-follow-profile,
  html body.smysly-author-profile-redesign .um-profile-body > .smysly-pro-panel,
  html body.smysly-author-profile-redesign .um-profile-body > .smysly-aa-dashboard,
  html body.smysly-author-profile-redesign .um-profile-body .smysly-follow-profile,
  html body.smysly-author-profile-redesign .um-profile-body .smysly-pro-panel,
  html body.smysly-author-profile-redesign .um-profile-body .smysly-aa-dashboard{
    box-sizing:border-box!important;
    width:min(1500px,calc(100vw - 48px))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:760px){
  /* Work-type tabs are navigation, not micro-copy. */
  html body.smysly-author-profile-redesign .smysly-author-mobile-types__item{
    min-width:72px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }

  /* A small separator between the identity header and the next content layer. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav{
    margin-top:14px!important;
  }

  /* On an owner's profile: message / edit / account settings. */
  html body.smysly-author-profile-redesign .smysly-author-action--settings{
    grid-column:3!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-color:var(--smysly-author-purple)!important;
    color:var(--smysly-author-purple)!important;
  }

  /* Exact artwork remains legible in the Contacts section. */
  html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--telegram img{width:28px!important;height:28px!important;}
  html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--vk img{width:31px!important;height:31px!important;}
  html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--dzen img{width:28px!important;height:28px!important;}

  /* The mobile filter is a staged form: choices are applied only from this
     prominent action button. */
  html body.smysly-author-profile-redesign .smysly-author-filter-panel__sheet{
    padding-bottom:max(24px,env(safe-area-inset-bottom))!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-panel__apply{
    position:sticky;
    bottom:0;
    z-index:2;
    display:flex;
    width:100%;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:22px 0 0;
    padding:0 18px;
    border:0;
    border-radius:999px;
    background:var(--smysly-author-purple);
    color:#fff;
    box-shadow:0 7px 18px rgba(108,76,255,.22);
    font:600 13px/1.2 Manrope,Arial,sans-serif;
    cursor:pointer;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-panel__apply:disabled{
    opacity:.72;
    cursor:wait;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-panel__apply.is-loading{
    box-shadow:none;
  }

  /* Private module tabs stay inside the phone viewport too. */
  html body.smysly-author-profile-redesign .um-profile-body .smysly-follow-profile,
  html body.smysly-author-profile-redesign .um-profile-body .smysly-pro-panel,
  html body.smysly-author-profile-redesign .um-profile-body .smysly-aa-dashboard{
    box-sizing:border-box!important;
    width:calc(100% - 30px)!important;
    max-width:none!important;
    margin-left:15px!important;
    margin-right:15px!important;
  }
}

/* -----------------------------------------------------------------------
 * Edit profile mode.
 * Ultimate Member continues to own validation/saving and its field markup;
 * only the surrounding chrome and visual system are replaced here.
 * --------------------------------------------------------------------- */
body.smysly-author-profile-edit-redesign{
  --smysly-author-purple:#6c4cff;
  --smysly-author-page:#f4f4f6;
  --smysly-author-text:#292f3b;
  --smysly-author-muted:#7e838d;
  background:var(--smysly-author-page);
}
html body.smysly-author-profile-edit-redesign .header-hero,
html body.smysly-author-profile-edit-redesign .header-hero--title,
html body.smysly-author-profile-edit-redesign .page__title.entry-title{
  display:none!important;
}
html body.smysly-author-profile-edit-redesign .page__text{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
html body.smysly-author-profile-edit-redesign .page__text > .um.um-profile,
html body.smysly-author-profile-edit-redesign .um.um-profile{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
  color:var(--smysly-author-text)!important;
}
html body.smysly-author-profile-edit-redesign .um.um-profile > .um-form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

html body.smysly-author-profile-edit-redesign .smysly-author-cover{
  position:relative;
  width:100vw!important;
  height:clamp(82px,7.5vw,144px)!important;
  margin-left:0!important;
  overflow:hidden;
  background-image:var(--smysly-author-cover-image);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
html body.smysly-author-profile-edit-redesign .smysly-author-cover__inner{
  width:min(1500px,calc(100% - 48px));
}

html body.smysly-author-profile-edit-redesign .smysly-author-edit-head{
  width:100%;
  background:#fff;
  border-bottom:1px solid #e8e8ec;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__inner{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  width:min(1500px,calc(100% - 48px));
  min-height:150px;
  margin:0 auto;
  padding:28px 0;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  width:94px!important;
  height:94px!important;
  flex:0 0 94px;
  overflow:visible!important;
  border:3px solid #fff;
  border-radius:50%;
  background:#eee;
  box-shadow:0 3px 12px rgba(34,36,47,.08);
  transform:none!important;
  isolation:isolate;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar > img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__copy{min-width:0;}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__kicker{
  display:block;
  margin:0 0 5px;
  color:#8a8e97;
  font-size:11px;
  font-weight:500;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__copy h1{
  margin:0;
  color:#2c313c;
  font-size:30px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:-.025em;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__copy p{
  margin:7px 0 0;
  color:#858993;
  font-size:13px;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__settings{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 17px;
  border:1px solid #dedee4;
  border-radius:999px;
  background:#fff;
  color:#454a54!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:600;
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__settings:hover{
  border-color:var(--smysly-author-purple);
  color:var(--smysly-author-purple)!important;
}

/* Remove all legacy public-profile chrome from edit mode. The editing form
   remains fully handled by Ultimate Member. */
html body.smysly-author-profile-edit-redesign .um-profile-nav,
html body.smysly-author-profile-edit-redesign .um-profile-navbar,
html body.smysly-author-profile-edit-redesign .smysly-um-profile-actions,
html body.smysly-author-profile-edit-redesign .um-header .um-meta,
html body.smysly-author-profile-edit-redesign .um-header .um-meta-text,
html body.smysly-author-profile-edit-redesign .um-header .um-profile-meta,
html body.smysly-author-profile-edit-redesign .um-header .um-profile-edit,
html body.smysly-author-profile-edit-redesign .um-header .um-notification,
html body.smysly-author-profile-edit-redesign .um-header .um-followers-bar{
  display:none!important;
}

html body.smysly-author-profile-edit-redesign .um-profile-body{
  box-sizing:border-box!important;
  float:none!important;
  clear:both!important;
  width:min(980px,calc(100vw - 48px))!important;
  max-width:980px!important;
  margin:32px auto 70px!important;
  padding:34px 38px 38px!important;
  border:1px solid #e8e8ec!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-edit-redesign .um-profile-body::before{
  content:"Данные профиля";
  display:block;
  margin:0 0 28px;
  color:#2c313c;
  font-size:22px;
  line-height:1.2;
  font-weight:600;
}

html body.smysly-author-profile-edit-redesign .um-field{
  margin:0 0 22px!important;
  padding:0!important;
}
html body.smysly-author-profile-edit-redesign .um-field-label{
  margin:0 0 8px!important;
  color:#3b404a!important;
  font-size:12px!important;
  font-weight:600!important;
}
html body.smysly-author-profile-edit-redesign .um-field-label label{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}
html body.smysly-author-profile-edit-redesign .um-field-area input[type="text"],
html body.smysly-author-profile-edit-redesign .um-field-area input[type="email"],
html body.smysly-author-profile-edit-redesign .um-field-area input[type="url"],
html body.smysly-author-profile-edit-redesign .um-field-area input[type="tel"],
html body.smysly-author-profile-edit-redesign .um-field-area input[type="number"],
html body.smysly-author-profile-edit-redesign .um-field-area input[type="password"],
html body.smysly-author-profile-edit-redesign .um-field-area textarea,
html body.smysly-author-profile-edit-redesign .um-field-area select,
html body.smysly-author-profile-edit-redesign input.um-form-field,
html body.smysly-author-profile-edit-redesign textarea.um-form-field,
html body.smysly-author-profile-edit-redesign select.um-form-field{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid #dedfe4!important;
  border-radius:10px!important;
  outline:0!important;
  background:#fff!important;
  color:#343942!important;
  font:400 13px/1.45 Manrope,Arial,sans-serif!important;
  box-shadow:none!important;
  transition:border-color .15s ease,box-shadow .15s ease;
}
html body.smysly-author-profile-edit-redesign .um-field-area textarea,
html body.smysly-author-profile-edit-redesign textarea.um-form-field{
  min-height:116px!important;
  resize:vertical;
}
html body.smysly-author-profile-edit-redesign .um-field-area input:focus,
html body.smysly-author-profile-edit-redesign .um-field-area textarea:focus,
html body.smysly-author-profile-edit-redesign .um-field-area select:focus{
  border-color:#b7a9ff!important;
  box-shadow:0 0 0 3px rgba(108,76,255,.08)!important;
}
html body.smysly-author-profile-edit-redesign .um-field-description,
html body.smysly-author-profile-edit-redesign .um-field-block,
html body.smysly-author-profile-edit-redesign .um-tip-text{
  color:#8b8f98!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html body.smysly-author-profile-edit-redesign .um-col-alt{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:8px!important;
}
html body.smysly-author-profile-edit-redesign input.um-button,
html body.smysly-author-profile-edit-redesign button.um-button,
html body.smysly-author-profile-edit-redesign a.um-button{
  min-height:44px!important;
  padding:0 22px!important;
  border:1px solid var(--smysly-author-purple)!important;
  border-radius:999px!important;
  background:var(--smysly-author-purple)!important;
  color:#fff!important;
  font:600 13px/42px Manrope,Arial,sans-serif!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body.smysly-author-profile-edit-redesign .um-button.um-alt,
html body.smysly-author-profile-edit-redesign input.um-button.um-alt,
html body.smysly-author-profile-edit-redesign a.um-button.um-alt{
  background:#fff!important;
  color:var(--smysly-author-purple)!important;
}
html body.smysly-author-profile-edit-redesign .um-clear{clear:both!important;}

/* Re-use the reliable avatar popup interaction in edit mode. */
html body.smysly-author-profile-edit-redesign .smysly-author-avatar__hit{display:block;}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:hover .smysly-author-avatar__hit,
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:focus-within .smysly-author-avatar__hit,
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar.is-menu-open .smysly-author-avatar__hit{
  background:rgba(20,22,30,.08);
}
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:hover .smysly-author-avatar__menu,
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:focus-within .smysly-author-avatar__menu,
html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar.is-menu-open .smysly-author-avatar__menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}
@media (hover:hover) and (pointer:fine){
  html body.smysly-author-profile-edit-redesign .smysly-author-avatar__menu::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-4px!important;
    bottom:-4px!important;
    left:-14px!important;
    width:14px!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
}

@media (max-width:760px){
  html body.smysly-author-profile-edit-redesign .smysly-author-cover{height:78px!important;}
  html body.smysly-author-profile-edit-redesign .smysly-author-cover__inner{width:100%;}
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__inner{
    display:flex;
    width:100%;
    min-height:0;
    flex-direction:column;
    gap:12px;
    padding:25px 15px 22px;
    text-align:center;
  }
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar{
    width:78px!important;
    height:78px!important;
    flex-basis:78px!important;
    margin-top:-60px;
  }
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__copy h1{font-size:21px;}
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__copy p{font-size:11px;}
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__settings{
    min-height:38px;
    padding:0 14px;
    font-size:11px;
  }
  html body.smysly-author-profile-edit-redesign .um-profile-body{
    width:calc(100% - 30px)!important;
    max-width:none!important;
    margin:16px 15px 42px!important;
    padding:23px 17px 26px!important;
    border-radius:12px!important;
  }
  html body.smysly-author-profile-edit-redesign .um-profile-body::before{
    margin-bottom:22px;
    font-size:18px;
  }
  html body.smysly-author-profile-edit-redesign .um-field{margin-bottom:18px!important;}
  html body.smysly-author-profile-edit-redesign .um-col-alt{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  html body.smysly-author-profile-edit-redesign input.um-button,
  html body.smysly-author-profile-edit-redesign button.um-button,
  html body.smysly-author-profile-edit-redesign a.um-button{
    width:100%!important;
  }
  html body.smysly-author-profile-edit-redesign .smysly-author-avatar__menu{
    top:calc(100% + 9px);
    left:50%;
    transform:translateX(-50%) translateY(-4px);
  }
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:hover .smysly-author-avatar__menu,
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar:focus-within .smysly-author-avatar__menu,
  html body.smysly-author-profile-edit-redesign .smysly-author-edit-head__avatar.is-menu-open .smysly-author-avatar__menu{
    transform:translateX(-50%) translateY(0);
  }
}

/* v7 spacing correction: visitors usually have only the About tab, so UM may
   omit the tab strip entirely. Do not let the owner's -58px tab overlap pull
   the SEO cards back against the white identity header in that case. */
@media (min-width:761px){
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-layout{
    margin-top:32px!important;
  }
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-about-layout{
    margin-top:-58px!important;
  }
}
@media (max-width:760px){
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-layout{
    margin-top:14px!important;
  }
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-about-layout{
    margin-top:0!important;
  }
}

/* =======================================================================
 * v10: unified social icon sizing + identical desktop/mobile contacts,
 *      single mobile active-tab marker.
 * ======================================================================= */

/* The supplied artwork has different intrinsic dimensions. The visible
   controls must nevertheless occupy the same 28×28px box in every context. */
html body.smysly-author-profile-redesign .smysly-author-socials__icon,
html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  flex:0 0 28px!important;
}
html body.smysly-author-profile-redesign .smysly-author-socials__icon img,
html body.smysly-author-profile-redesign .smysly-author-socials__icon--telegram img,
html body.smysly-author-profile-redesign .smysly-author-socials__icon--vk img,
html body.smysly-author-profile-redesign .smysly-author-socials__icon--dzen img,
html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon img,
html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--telegram img,
html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--vk img,
html body.smysly-author-profile-redesign .smysly-author-socials--about .smysly-author-socials__icon--dzen img{
  width:28px!important;
  height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
}

@media (max-width:760px){
  /* Do not let any Ultimate Member skin draw a second marker above the owner
     tabs. Disable all legacy pseudo-elements/borders and draw the one allowed
     active marker as an inset bottom shadow on the link itself. */
  html body.smysly-author-profile-redesign .um-profile-menu,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a > *{
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    background-image:none!important;
  }

  html body.smysly-author-profile-redesign .um-profile-menu::before,
  html body.smysly-author-profile-redesign .um-profile-menu::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a::after,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a > *::before,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a > *::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a{
    box-shadow:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a{
    box-shadow:inset 0 -2px 0 var(--smysly-author-purple)!important;
  }
}

/* =======================================================================
 * v11: contact order companion styles + desktop about-row alignment.
 * ======================================================================= */
@media (min-width:761px){
  /* The first tab label and the SEO paragraph now share the same 24px
     content inset from the left edge of their white card. */
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .um.um-profile .um-profile-nav{
    padding-left:6px!important;
    padding-right:6px!important;
  }

  /* On the owner's page the tab strip is visually part of the left card.
     Lift the genres card by the same observed offset so both complete visual
     blocks start and finish on the same horizontal lines. */
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-genres-card{
    margin-top:-14px!important;
    height:calc(100% + 14px)!important;
  }

  /* Visitors do not have the owner's tab strip. The old 84px top padding was
     reserved for those tabs and left the SEO text floating at the bottom.
     Centre the actual content and make it more readable. */
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-card{
    display:flex!important;
    align-items:center!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-card__summary{
    font-size:15px!important;
    line-height:1.6!important;
  }
}

/* =======================================================================
 * v12: exact desktop owner tab-strip width.
 * Match the UM tab strip to the left column of .smysly-author-about-layout:
 * grid = 2.05fr / 1fr with a 20px gap inside the 1500px design container.
 * For fluid desktop widths this resolves to 67.213vw - 45.705px; at the
 * 1500px container cap the left track is 994.426px.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .um.um-profile .um-profile-nav{
    width:min(994.43px,calc(67.213vw - 45.71px))!important;
    max-width:994.43px!important;
    box-sizing:border-box!important;
  }
}

/* =======================================================================
 * Production catalogue v15: one work type at a time.
 * The catalogue no longer enters a mixed `all` state. Text types therefore
 * use the proven equal-height Author Hub grid from author.css, while Art uses
 * the existing masonry layout and natural image proportions.
 * ======================================================================= */
/* Defence in depth for cached/late UM markup.  The option filter above keeps
   this node from being generated; this scoped rule prevents a stale fragment
   from flashing on the redesigned profile during cache transitions. */
html body.smysly-author-profile-redesign .um-profile-note{
  display:none!important;
}

/* =======================================================================
 * Production v15 — UM mobile duplicate links + desktop active-line spacing.
 * Ultimate Member renders responsive variants of each profile-menu link.
 * Earlier redesign CSS forced both variants visible on phones, duplicating
 * the whole tab row. Keep only the mobile variant below 760px.
 * ======================================================================= */
@media (max-width:760px){
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob800-hide,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob500-hide,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob340-hide{
    display:none!important;
    visibility:hidden!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob800-show,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob500-show,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a.uimob340-show{
    display:flex!important;
    visibility:visible!important;
  }
}

@media (min-width:761px){
  /* In the mockup the purple marker sits slightly above the grey divider,
     rather than touching it. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a::after{
    bottom:5px!important;
  }
}



/* v17: make filter dropdown option lists closer to the provided mock.
   Native popups remain browser-controlled, but Chromium/Safari honour these
   option colors/paddings which gives the light-purple selected row and the
   softer typography from the design. */
html body.smysly-author-profile-redesign .smysly-author-filter-field select,
html body.smysly-author-profile-redesign .smysly-author-filter-panel select{
  color:#8e9097!important;
}
html body.smysly-author-profile-redesign .smysly-author-filter-field select option,
html body.smysly-author-profile-redesign .smysly-author-filter-panel select option{
  background:#fff!important;
  color:#8e9097!important;
  font:500 14px/1.35 Manrope,Arial,sans-serif!important;
  padding:12px 16px!important;
}
html body.smysly-author-profile-redesign .smysly-author-filter-field select option:checked,
html body.smysly-author-profile-redesign .smysly-author-filter-field select option[selected],
html body.smysly-author-profile-redesign .smysly-author-filter-panel select option:checked,
html body.smysly-author-profile-redesign .smysly-author-filter-panel select option[selected]{
  background:#efebff linear-gradient(0deg,#efebff,#efebff)!important;
  color:#4d5159!important;
}


/* v18: real custom dropdowns for author filters.
   The original <select> stays in the DOM as a no-JS/form fallback, but once JS
   enhances it the visible UI no longer depends on the OS-native select popup. */
html body.smysly-author-profile-redesign .smysly-native-select--enhanced{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body.smysly-author-profile-redesign .smysly-custom-select{
  position:relative;
  width:100%;
  min-width:0;
  font-family:Manrope,Arial,sans-serif;
}
html body.smysly-author-profile-redesign .smysly-custom-select__trigger{
  display:flex;
  width:100%;
  height:44px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 18px 0 16px;
  border:1px solid transparent;
  border-radius:999px;
  background:#fff;
  color:#8c8f96;
  box-shadow:none;
  font:400 12px/1.2 Manrope,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
html body.smysly-author-profile-redesign .smysly-author-filter-field--sort .smysly-custom-select__trigger{
  border-color:#d9d9dd;
}
html body.smysly-author-profile-redesign .smysly-custom-select__value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html body.smysly-author-profile-redesign .smysly-custom-select__chevron{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-right:2px solid #8e9097;
  border-bottom:2px solid #8e9097;
  transform:rotate(45deg) translateY(-2px);
  transform-origin:center;
  transition:transform .15s ease;
}
html body.smysly-author-profile-redesign .smysly-custom-select.is-open .smysly-custom-select__chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}
html body.smysly-author-profile-redesign .smysly-custom-select.is-disabled .smysly-custom-select__trigger{
  background:#f9f9fa;
  color:#c5c6ca;
  cursor:not-allowed;
  opacity:.72;
}
html body.smysly-author-profile-redesign .smysly-custom-select__menu{
  position:absolute;
  z-index:10020;
  top:calc(100% + 7px);
  left:0;
  width:100%;
  min-width:100%;
  padding:0;
  overflow:hidden;
  border:1px solid #ececf0;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 28px rgba(25,25,35,.12);
}
html body.smysly-author-profile-redesign .smysly-custom-select__menu[hidden]{display:none!important;}
html body.smysly-author-profile-redesign .smysly-custom-select__option{
  display:flex;
  width:100%;
  min-height:41px;
  align-items:center;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:#fff;
  color:#858890;
  font:400 14px/1.25 Manrope,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
}
html body.smysly-author-profile-redesign .smysly-custom-select__option:hover,
html body.smysly-author-profile-redesign .smysly-custom-select__option:focus-visible{
  background:#f6f4ff;
  color:#4d5159;
  outline:0;
}
html body.smysly-author-profile-redesign .smysly-custom-select__option.is-selected{
  background:#efebff;
  color:#676a72;
}
html body.smysly-author-profile-redesign .smysly-custom-select__option:disabled{
  color:#c7c8cd;
  cursor:not-allowed;
}

@media (max-width:760px){
  html body.smysly-author-profile-redesign .smysly-author-filter-panel .smysly-custom-select__trigger{
    height:42px;
    border:1px solid #e1e1e5;
    border-radius:10px;
    font-size:12px;
  }
  html body.smysly-author-profile-redesign .smysly-author-filter-panel .smysly-custom-select__menu{
    z-index:100060;
    border-radius:10px;
  }
}


/* =======================================================================
 * Production v19 — desktop profile-tab underline spacing.
 * Reserve a small bottom lane inside the existing 58px tab height instead of
 * lifting the marker into the label. This keeps a visual gap above the grey
 * divider without changing the geometry of the about/genres row.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item > a,
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a{
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    height:58px!important;
    min-height:58px!important;
    padding-top:0!important;
    padding-bottom:6px!important;
    line-height:1.3!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav .um-profile-nav-item.active > a::after{
    bottom:3px!important;
  }
}





/* =======================================================================
 * Production v22 — redesigned UM menu is rendered once server-side.
 * One tab = one anchor; there are no responsive UM clone links anymore.
 * ======================================================================= */
html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item > .smysly-author-profile-nav__link{
  display:flex!important;
}


/* =======================================================================
 * Production v24 — final desktop geometry from the approved author mock.
 * - profile cover starts directly under the site header;
 * - profile tabs sit on the page background, not on a white card;
 * - tabs share the left edge of the SEO-description card;
 * - description and genres cards form one equal-height grid row.
 * ======================================================================= */
html body.smysly-author-profile-redesign .site-content{
  padding-top:0!important;
  margin-top:0!important;
}
html body.smysly-author-profile-redesign .site-content > .container,
html body.smysly-author-profile-redesign .site-content .page,
html body.smysly-author-profile-redesign .site-content .page__content,
html body.smysly-author-profile-redesign .site-content .page__text{
  padding-top:0!important;
  margin-top:0!important;
}

@media (min-width:761px){
  /* Tabs are a standalone strip on the grey page, exactly as in the mock. */
  html body.smysly-author-profile-redesign .um.um-profile .um-profile-nav,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav{
    width:min(994.43px,calc(67.213vw - 45.71px))!important;
    max-width:994.43px!important;
    box-sizing:border-box!important;
    margin:20px 0 12px max(24px,calc((100vw - 1500px)/2))!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item{
    margin:0 32px 0 0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item:last-child{
    margin-right:0!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item > .smysly-author-profile-nav__link{
    position:relative!important;
    display:flex!important;
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    align-items:center!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 0 8px!important;
    border:0!important;
    background:transparent!important;
    color:#92959c!important;
    font-size:13px!important;
    line-height:1.3!important;
    box-shadow:none!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item.active > .smysly-author-profile-nav__link{
    color:#343944!important;
  }
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item.active > .smysly-author-profile-nav__link::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    height:2px!important;
    border:0!important;
    border-radius:2px!important;
    background:var(--smysly-author-purple)!important;
    box-shadow:none!important;
  }

  /* Once tabs are no longer overlaid on the SEO card, the old -58px / 84px
     compensation must disappear completely. */
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-about-layout,
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-layout,
  html body.smysly-author-profile-redesign .smysly-author-about-layout{
    display:grid!important;
    grid-template-columns:minmax(0,2.05fr) minmax(310px,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
    gap:20px!important;
    margin:0 0 74px!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-about-card,
  html body.smysly-author-profile-redesign .smysly-author-genres-card,
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-genres-card,
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:108px!important;
    height:100%!important;
    margin:0!important;
    align-self:stretch!important;
    border-radius:10px!important;
    background:#fff!important;
  }

  html body.smysly-author-profile-redesign .smysly-author-about-card,
  html body.smysly-author-profile-redesign:not(.smysly-author-profile-owner) .smysly-author-about-card{
    display:flex!important;
    align-items:center!important;
    padding:22px 24px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-genres-card,
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .smysly-author-genres-card{
    display:block!important;
    padding:18px 20px!important;
  }
}

/* =======================================================================
 * Production v25 — exact desktop tab alignment with the about card.
 * The live Ultimate Member wrapper keeps its own horizontal form inset;
 * remove it in public view and pin the custom tab strip to the same 1500px
 * viewport grid used by .smysly-author-hub / .smysly-author-about-layout.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile > .um-form{
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.smysly-author-profile-redesign.smysly-author-profile-owner .um.um-profile .smysly-author-profile-nav,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav{
    margin-left:max(24px,calc((100vw - 1500px)/2))!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item.active{
    display:flex!important;
    height:40px!important;
    min-height:40px!important;
    align-items:stretch!important;
    vertical-align:top!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item > .smysly-author-profile-nav__link,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav .um-profile-nav-item.active > .smysly-author-profile-nav__link{
    display:flex!important;
    height:40px!important;
    min-height:40px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0 0 8px!important;
    line-height:1!important;
    vertical-align:top!important;
  }
}

/* =======================================================================
 * Production v26 — desktop tabs start at the left edge of the SEO card.
 * The nav box already matches the left grid column; an inherited UM flex
 * alignment was centering its items inside that box. Pin the row to start.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav{
    justify-content:flex-start!important;
    align-items:flex-end!important;
  }
}

/* =======================================================================
 * Production v27 — bind desktop profile tabs to the exact same 1500px
 * centered container as the SEO/about grid. No viewport offset arithmetic.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav{
    display:flex!important;
    width:min(1500px,calc(100vw - 48px))!important;
    max-width:1500px!important;
    margin:20px auto 12px!important;
    padding:0!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    box-sizing:border-box!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav > .um-profile-nav-item,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav > .um-profile-nav-item.active{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 32px 0 0!important;
    padding:0!important;
    text-align:left!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav > .um-profile-nav-item:last-child{
    margin-right:0!important;
  }

  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav > .um-profile-nav-item > .smysly-author-profile-nav__link,
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav > .um-profile-nav-item.active > .smysly-author-profile-nav__link{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}

/* =======================================================================
 * Production v28 — exact owner-tab left alignment.
 * The owner nav already sits inside the same centred profile viewport as the
 * Author Hub. The old v25 rule added the viewport gutter a second time via
 * margin-left, shifting tabs right by exactly that gutter. Keep the nav at the
 * left edge of its containing block; its width still matches the left grid
 * column (SEO description card).
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .um.um-profile .smysly-author-profile-nav{
    width:min(994.43px,calc(67.213vw - 45.71px))!important;
    max-width:994.43px!important;
    margin:20px 0 12px 0!important;
    padding:0!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
  }
}


/* =======================================================================
 * Production v29 — preserve the 20px section gap when there is no visible
 * profile-tab row. The spacer is emitted server-side only when UM exposes no
 * second visible tab, so future conditional tabs (e.g. Favorites) naturally
 * take its place without auth-specific CSS.
 * ======================================================================= */
html body.smysly-author-profile-redesign .smysly-author-profile-nav-spacer{
  display:block!important;
  width:min(1500px,calc(100vw - 48px));
  height:20px!important;
  min-height:20px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none;
}

@media (max-width:760px){
  html body.smysly-author-profile-redesign .smysly-author-profile-nav-spacer{
    width:100%!important;
    height:20px!important;
    min-height:20px!important;
  }
}


/* =======================================================================
 * Production v30 — responsive author-work density.
 * Do not squeeze four text cards through tablet/narrow desktop widths.
 * Keep the approved four-column desktop, then step down 4 -> 3 -> 2 -> 1.
 * Art masonry follows the same density steps.
 * ======================================================================= */
@media (min-width:1120px){
  html body.smysly-author-profile-redesign .smysly-author-work-grid:not(.smysly-author-art-masonry){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-work-grid.smysly-author-art-masonry{
    column-count:4!important;
  }
}

@media (min-width:861px) and (max-width:1119px){
  html body.smysly-author-profile-redesign .smysly-author-work-grid:not(.smysly-author-art-masonry){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-work-grid.smysly-author-art-masonry{
    column-count:3!important;
  }
}

@media (min-width:761px) and (max-width:860px){
  html body.smysly-author-profile-redesign .smysly-author-work-grid:not(.smysly-author-art-masonry){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-work-grid.smysly-author-art-masonry{
    column-count:2!important;
  }
}

/* =======================================================================
 * Production v31 — exact desktop left alignment for profile tabs.
 * Older desktop rules still left `left:50%` + a viewport transform on the
 * custom UM nav; later width/margin overrides did not neutralize those
 * properties, so the tab row could drift horizontally for both guests and
 * logged-in users. Bind the nav to the exact left column used by the
 * About/SEO card and remove all legacy offset transforms.
 * ======================================================================= */
@media (min-width:761px){
  html body.smysly-author-profile-redesign .um.um-profile .smysly-author-profile-nav,
  html body.smysly-author-profile-redesign.smysly-author-profile-owner .um.um-profile .smysly-author-profile-nav{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    width:min(994.43px,calc(67.213vw - 45.71px))!important;
    max-width:994.43px!important;
    margin:20px 0 12px max(24px,calc((100vw - 1500px)/2))!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    box-sizing:border-box!important;
  }
}


/* Empty author catalogue: keep the message inside the same centered profile grid
   as a normal works catalogue instead of leaving a bare paragraph in UM's
   full-width wrapper. */
html body.smysly-author-profile-redesign .smysly-author-hub--empty{
  box-sizing:border-box;
}
html body.smysly-author-profile-redesign .smysly-author-no-works{
  margin:20px 0 40px;
  color:#6f737b;
  font-size:14px;
  line-height:1.5;
}
@media (max-width:760px){
  html body.smysly-author-profile-redesign .smysly-author-hub--empty{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  html body.smysly-author-profile-redesign .smysly-author-no-works{
    margin:18px 0 32px;
    font-size:12px;
  }
}