/* amigurumis: рубрики, поиск, главная и 404. Подключается только на списках. */

.ami-body{padding-top:26px;padding-bottom:8px}
.ami-body>.ami-sec:first-child{margin-top:0}

/* низкая шапка рубрики: карточки остаются на первом экране */
.ami-band>.ami-in{padding-top:2px;padding-bottom:14px}
body.ami .ami-band .breadcrumb{max-width:none;margin:0 0 2px;font-size:14px;color:var(--rose)}
body.ami .ami-band .breadcrumb a,body.ami .ami-band .breadcrumb span{color:var(--rose)}
.ami-ti{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.ami-ti>span{font:500 20px var(--disp);color:var(--rose);white-space:nowrap}
body.ami .ami-band .page-title{max-width:none;color:#fff;font:800 30px/1.06 var(--disp);letter-spacing:-.01em;margin:0;text-align:left;text-wrap:balance;overflow-wrap:anywhere}
body.ami .ami-band .page-title::before{display:none}
.ami-band__sub{margin:4px 0 0;font-size:15px;color:var(--rose)}
.ami-band .ami-sf{margin-top:10px}
@media (min-width:1024px){
  .ami-band>.ami-in{padding-top:6px;padding-bottom:16px}
  body.ami .ami-band .page-title{font-size:42px}
  .ami-band .ami-sf{max-width:620px}
}

/* подрубрики одной строкой */
.ami-subs{display:flex;gap:12px;margin-top:8px;align-items:center;color:#fff;font-weight:500;white-space:nowrap}
.ami-subs__l{display:flex;gap:16px;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.ami-subs__l>*{flex:none;padding:5px 0}
body.ami .ami-subs__l a{color:#fff;text-decoration:none}
.ami-subs__l b{font-weight:400;color:var(--rose)}
.ami-subs__l .is-on{font-weight:700;color:#fff;box-shadow:inset 0 -2px 0 var(--th)}
@media (hover:hover){body.ami .ami-subs__l a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--th)}}
.ami-subs__all{flex:none;margin:0 0 0 auto;padding:6px 12px;min-height:36px;border:0;border-radius:6px;background:#fff;color:var(--ch);font:700 15px var(--text);cursor:pointer;transition:transform .12s var(--ease)}
.ami-subs__all:active{transform:scale(.97)}
.ami-subs__all:focus-visible{outline:2px solid var(--th);outline-offset:2px}

/* окно со всеми подрубриками */
.ami-dlg{width:min(860px,calc(100vw - 24px));max-height:min(80vh,720px);margin:auto;padding:0;border:0;border-radius:12px;background:var(--cr);color:var(--ink);font-family:var(--text);box-shadow:0 18px 50px rgba(43,18,23,.34);overflow:hidden}
.ami-dlg[open]{display:flex;flex-direction:column;animation:ami-dlg-in .2s var(--ease)}
.ami-dlg::backdrop{background:rgba(43,18,23,.55)}
@keyframes ami-dlg-in{from{opacity:0;transform:translateY(10px) scale(.98)}}
html:has(.ami-dlg[open]){overflow:hidden}
.ami-dlg__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px 8px 18px}
.ami-dlg__title{font:800 22px/1.15 var(--disp);color:var(--ch);min-width:0}
body.ami .ami-dlg__x{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;color:var(--ch);cursor:pointer}
body.ami .ami-dlg__find{flex:none;width:auto;margin:0 18px 8px;padding:11px 14px;height:auto;border:1.5px solid var(--line);border-radius:8px;background:#fff;box-shadow:none;font:400 16px var(--text);color:var(--ink)}
body.ami .ami-dlg__find:focus{outline:2px solid var(--ch);outline-offset:0}
body.ami .ami-dlg__list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:0 18px 16px;align-content:start}
.ami-dlg__empty{margin:8px 18px 16px;color:var(--m)}
@media (max-width:640px){
  .ami-dlg{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}
  body.ami .ami-dlg__list{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}

/* показать ещё и нумерация */
.ami-pg{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:24px}
body.ami .ami-more{flex:1 1 200px;max-width:320px;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:8px;background:var(--ch);color:#fff;font:700 17px/1.2 var(--text);text-decoration:none;transition:transform .12s var(--ease),filter .15s ease}
.ami-more:active{transform:scale(.97)}
.ami-more.is-busy{filter:opacity(.65);pointer-events:none}
@media (hover:hover){.ami-more:hover{filter:brightness(1.25)}}
body.ami .pagination{flex:0 1 auto;margin:0;padding:0;background:none;border:0}
body.ami .pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;font:500 16px var(--text);font-variant-numeric:tabular-nums}
body.ami .pagination .page-numbers{display:grid;place-items:center;min-width:36px;height:36px;margin:0;padding:0 6px;border:0;border-radius:6px;background:none;color:var(--ink);text-decoration:none;line-height:1}
body.ami .pagination .page-numbers.current{background:var(--cr2);font-weight:700}
body.ami .pagination .page-numbers.dots{color:var(--m)}
@media (hover:hover){body.ami .pagination a.page-numbers:hover{background:none;color:var(--ch);text-decoration:underline;text-underline-offset:3px}}
@media (max-width:640px){body.ami .ami-more{max-width:none;flex-basis:100%}body.ami .pagination{width:100%}}

/* описание рубрики и текст главной */
body.ami .taxonomy-description,body.ami .mzl-home-about{max-width:72ch;margin:32px 0 4px;padding:0;background:none;font-size:16px;line-height:1.55;color:var(--m)}
body.ami .taxonomy-description h2,body.ami .mzl-home-about h2{font:800 24px/1.15 var(--disp);color:var(--ch);margin:1.3em 0 .4em;text-align:left}
body.ami .taxonomy-description h3,body.ami .mzl-home-about h3{font:700 17px/1.25 var(--text);color:var(--ink);margin:1.1em 0 .25em}
body.ami .taxonomy-description>:first-child,body.ami .mzl-home-about>:first-child{margin-top:0}
body.ami .taxonomy-description a{color:var(--ch)}
body.ami .taxonomy-description ul.menu{list-style:none;margin:0 0 1em;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
body.ami .taxonomy-description ul.menu li{margin:0;padding:0}
body.ami .taxonomy-description ul.menu li::before{display:none}
/* текст главной приходит вместе с нумерацией (home-seo): своя строка на всю ширину, узкие только абзацы */
body.ami .ami-pg>.mzl-home-about{flex:0 0 100%;max-width:none;margin-top:18px}
body.ami .mzl-home-about>*{max-width:72ch}
.ami-chart--ph{position:absolute;inset:18%;width:64%;height:64%;color:var(--line)}

/* главная: вопрос и указатель, за ними растёт круговая схема */
.ami-band--hero{overflow:hidden}
.ami-band--hero::after{display:none}
.ami-band--hero>.ami-in{position:relative;padding-top:6px;padding-bottom:26px}
.ami-hero-chart{position:absolute;right:-150px;top:-130px;width:300px;height:300px;margin:0;max-width:none;opacity:.8;-webkit-mask-image:linear-gradient(#000 62%,transparent 94%);mask-image:linear-gradient(#000 62%,transparent 94%)}
body.ami .ami-home .home-header{font:500 16px/1.25 var(--text);color:var(--rose);margin:0 0 4px;text-align:left;letter-spacing:0;position:relative}
body.ami .ami-q{font:800 34px/1.04 var(--disp);letter-spacing:-.01em;color:#fff;margin:0;max-width:11em}
.ami-band--hero .ami-sf{margin-top:14px;position:relative}
.ami-band--hero .ami-ix{position:relative;margin-top:16px;color:#fff;--st:var(--st2)}
.ami-band--hero .ami-ix__a>b{color:var(--rose)}
/* на вишнёвом фоне вишнёвый при наведении не виден */
@media (hover:hover){.ami-band--hero a.ami-ix__a:hover>span{color:#fff}}
body.ami .ami-all{display:inline-block;position:relative;margin-top:10px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--th)}
.ami-home .ami-band{margin-bottom:0}
@media (min-width:1024px){
  .ami-hero-chart{width:600px;height:600px;right:calc(50% - 620px - 90px);top:-250px;opacity:1}
  .ami-band--hero>.ami-in{padding-top:18px;padding-bottom:30px}
  body.ami .ami-q{font-size:68px;line-height:1;max-width:620px}
  .ami-band--hero .ami-sf{max-width:620px;height:54px;margin-top:20px}
  .ami-band--hero .ami-ix{margin-top:28px}
}
/* у главной кайма снизу, overflow её не обрезает: она стоит отдельным элементом */
.ami-band--hero+.ami-body{position:relative}
.ami-band--hero+.ami-body::before{content:"";position:absolute;left:0;right:0;top:0;height:12px}

/* пустой поиск */
.ami-empty{display:flex;gap:18px;align-items:center}
.ami-chart{display:block;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
.ami-chart .ring{stroke-width:1.4}
.ami-chart .tl{stroke:var(--th);stroke-width:2.2}
.ami-chart--mini{width:92px;height:92px;flex:none;color:var(--ch)}
body.ami .ami-empty h2{font:800 24px/1.15 var(--disp);color:var(--ch);margin:0;text-align:left}
.ami-empty p{margin:4px 0 0;color:var(--m);max-width:62ch}

/* 404 */
.ami-band--404>.ami-in{display:grid;gap:8px;padding-top:0;padding-bottom:22px}
.ami-404__dg{display:flex;align-items:center;justify-content:center;gap:2px;font:800 120px/1 var(--disp);color:#fff;user-select:none}
.ami-knit{flex:none;width:128px;height:128px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--rose);cursor:pointer}
.ami-knit:focus-visible{outline:2px solid var(--th);outline-offset:4px}
.ami-knit .ami-chart{width:100%;height:100%;stroke-width:1.5}
.ami-knit .rd,.ami-knit .tl{transition:opacity .28s cubic-bezier(.16,1,.3,1)}
.ami-404__rw{margin:0 0 6px;color:var(--th2);font-weight:500;font-variant-numeric:tabular-nums;min-height:1.4em}
body.ami .ami-404 .page-title{font-size:34px}
.ami-404__p{margin:8px 0 0;color:var(--blush);max-width:58ch}
@media (min-width:1024px){
  .ami-band--404>.ami-in{grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center;padding-top:20px;padding-bottom:34px}
  .ami-404__dg{font-size:230px}
  .ami-knit{width:250px;height:250px}
  body.ami .ami-404 .page-title{font-size:42px}
}
@media (prefers-reduced-motion:reduce){
  .ami-knit .rd,.ami-knit .tl,.ami-more,.ami-subs__all,.ami-sf__go{transition:none}
  .ami-dlg[open]{animation:none}
}