/* Shared palette; preserve button shapes and brand-specific social controls. */
body { --smysly-link-color:#6c4dff; }
body :is(.genre-category,.breadcrumbs a,.work-tags a,.top-author-name) { color:#6c4dff; }
body :is(.hp-button--primary,.button--primary,.smysly-series-edit) {
  background-color:#6c4cff; border-color:#6c4cff; color:#fff;
  box-shadow:0 4px 12px rgba(108,76,255,.2);
}
body :is(.hp-button--primary,.button--primary,.smysly-series-edit):hover {
  background-color:#5939df; border-color:#5939df; color:#fff;
}
body.smysly-listing-page #content > .container,
body.single-proizvedeniya #content > .container,
body.single-work_group #content > .container {
  width:calc(100% - 40px); max-width:1500px; margin-inline:auto; padding-inline:0; box-sizing:border-box;
}
body.smysly-listing-page #content > .container > .container {
  width:100%; max-width:none; padding-inline:0; margin-inline:0;
}
.smysly-listing-page .art-grid:not(.art-grid--masonry) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.smysly-listing-page .art-grid > * { min-width:0; }
.smysly-listing-page .art-grid.art-grid--masonry { column-count:5; column-gap:24px; }
.top-authors-carousel { position:relative; min-width:0; }
.top-authors .top-authors-slider { gap:24px; padding:0; scrollbar-width:none; scroll-behavior:smooth; }
.top-authors-slider::-webkit-scrollbar { display:none; }
.top-authors .top-author { position:relative; display:flex; flex-direction:column; flex:0 0 280px; box-sizing:border-box; min-width:0; gap:0; padding:18px 16px 24px; border:0; border-radius:5px; overflow:hidden; background:#fff; }
.top-author-cover { position:absolute; inset:0 0 auto; width:100%; height:44px; object-fit:cover; }
.top-authors .top-author-avatar { position:relative; width:48px; height:48px; border:2px solid #fff; margin:0 0 10px; }
.top-authors .top-author-name { display:block; max-width:100%; min-height:22px; white-space:normal; overflow-wrap:anywhere; text-align:center; line-height:1.4; }
.top-author-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin-top:18px; }
.top-author-stats > span { display:flex; flex-direction:column; align-items:center; gap:4px; border-right:1px solid #f1f1f4; }
.top-author-stats > span:last-child { border:0; }
.top-author-stats strong { color:#374151; font-size:18px; font-weight:500; }
.top-author-stats small { color:#888; font-size:10px; }
.top-authors-arrow { display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:44px; min-height:44px; position:absolute; z-index:2; top:50%; transform:translateY(-50%); width:44px; height:44px; padding:0; border:0; border-radius:50%; background:#eee9fa; color:#17131d; font:28px/1 sans-serif; cursor:pointer; }
.top-authors-arrow--prev { left:8px; }
.top-authors-arrow--next { right:8px; }
.top-authors-arrow:disabled { opacity:.35; cursor:default; }
.top-authors-arrow[hidden],.genre-toggle { display:none; }
@media(max-width:1100px) {
  .smysly-listing-page .art-grid:not(.art-grid--masonry) { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .smysly-listing-page .art-grid.art-grid--masonry { column-count:3; }
}
@media(max-width:860px) {
  .smysly-listing-page .art-grid:not(.art-grid--masonry) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .top-authors .top-authors-slider { gap:12px; }
  .top-authors .top-author { flex-basis:260px; }
  .top-authors-arrow { display:none; }
}
@media(max-width:720px) {
  .smysly-listing-page .other-cats .genre-categories { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px!important; overflow:visible!important; margin:12px 0!important; padding:0!important; }
  .smysly-listing-page .other-cats .genre-category { width:auto!important; min-width:0!important; max-width:none!important; min-height:32px!important; padding:6px 10px!important; border-radius:999px!important; white-space:normal!important; overflow-wrap:anywhere; text-align:center; line-height:1.25; font-size:12px; }
  .smysly-listing-page .genre-categories.is-collapsible:not(.is-expanded) > a:nth-child(n+5) { display:none!important; }
  .genre-toggle { display:block; margin:4px auto 0; border:0; background:transparent; box-shadow:none; padding:8px 12px; color:#6c4dff; font:inherit; font-size:13px; cursor:pointer; }
  .smysly-listing-page .art-grid.art-grid--masonry { column-count:2; column-gap:12px; }
  .smysly-listing-page .art-grid.art-grid--masonry .work-card--art { margin-bottom:12px; }
  .smysly-listing-page .sort-form select { width:100%; }
}
@media(max-width:560px) {
  .smysly-listing-page .art-grid:not(.art-grid--masonry) { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .top-authors .top-authors-slider { scroll-behavior:auto; } }

body a.smysly-link-purple { color:#6c4dff!important; }
body .smysly-button-purple { background:#6c4cff!important; border-color:#6c4cff!important; color:#fff!important; box-shadow:0 4px 12px rgba(108,76,255,.2)!important; }
body .smysly-button-purple:hover { background:#5939df!important; border-color:#5939df!important; }

/* Keep controls independent of font baselines and native select arrows. */
.top-authors-arrow svg { display:block; flex:none; width:24px; height:24px; margin:0; transform:translateX(-1px); }
.top-authors-arrow--prev svg { transform:translateX(1px); }
.smysly-listing-page .sort-form select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:16px 16px;
}

/* Public archives: load-more is an ordinary crawlable /page/N/ link. */
.smysly-listing-page .smysly-public-load-more {
  display:flex; flex-direction:column; align-items:center; gap:10px;
  margin:30px auto 12px; text-align:center;
}
.smysly-listing-page .smysly-public-load-more__link {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:46px; min-width:210px; max-width:100%;
  padding:11px 26px; border:1px solid #6c4cff; border-radius:8px;
  background:#6c4cff; color:#fff!important; text-decoration:none;
  font-size:15px; font-weight:600; line-height:1.4;
  box-shadow:0 4px 12px rgba(108,76,255,.16); transition:background-color .16s ease;
  box-sizing:border-box;
}
.smysly-listing-page .smysly-public-load-more__link:hover,
.smysly-listing-page .smysly-public-load-more__link:focus-visible {
  background:#5939df; border-color:#5939df; color:#fff!important;
}
.smysly-listing-page .smysly-public-load-more__link.is-loading {
  opacity:.72; cursor:progress; pointer-events:none;
}
.smysly-listing-page .smysly-public-load-more__link[hidden] { display:none!important; }
.smysly-listing-page .smysly-public-load-more__status {
  font-size:13px; line-height:1.5; color:#777; min-height:0;
}
.smysly-listing-page .smysly-public-load-more__status:empty { display:none; }
.smysly-listing-page .smysly-public-load-more__status a { color:#6c4cff; text-decoration:underline; }
.smysly-listing-page .smysly-public-load-more + .pagination { margin-top:14px; }
@media(max-width:480px) {
  .smysly-listing-page .smysly-public-load-more { margin-top:22px; }
  .smysly-listing-page .smysly-public-load-more__link { width:100%; min-width:0; }
}
