/* Страницы /razbor/ и /razbor/<ниша>/: разбор ниши в HTML для поиска и нейросетей. Язык основного сайта LaRicco.
   Плитки, панели, кадры сценария и кнопки берутся из passport.css (всё внутри .dash), здесь только то, чего на главной нет. */

.razbor .razbor-hero{padding-block:clamp(8px,2vw,24px) clamp(28px,4vw,56px);align-items:center}
.razbor-hero-copy{min-width:0}
.rz-sim-link{margin-top:14px}
.razbor .razbor-hero .breadcrumb{padding-top:0;margin-bottom:var(--s-5)}
.razbor .razbor-hero h1{max-width:16ch;margin-top:16px;font-size:var(--t-h1);line-height:1.02}
.razbor-stage .stage-art{width:min(100%,380px)}
@media (max-width:899px){.razbor-stage{display:none}}
.razbor .razbor-hero .lead{margin-top:20px;max-width:52ch}
.razbor .razbor-hero .acts{margin-top:var(--s-6)}
.razbor .razbor-hero .lead{max-width:52ch}
/* Длинные подписи кнопок переносятся, на телефоне кнопки во всю ширину: без прокрутки вбок даже на 320 px. */
@media (max-width:560px){.razbor .acts .btn{width:100%;white-space:normal;text-align:center}}
.razbor-meta{margin-top:var(--s-5);font:500 var(--t-xs)/1.5 var(--font-text);color:var(--ink-3)}
.razbor ol.story{list-style:none;margin:0;padding:0}
.razbor .kpi-v .kpi-u{display:block;margin-top:6px;font:600 var(--t-sm)/1.3 var(--font-text);letter-spacing:0;color:var(--ink-2)}
.razbor .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.razbor .kpi{min-height:0;gap:10px}
.razbor .kpi-v{font-size:clamp(2rem,1.2rem + 2.4vw,3.25rem);white-space:nowrap;overflow-wrap:normal}
.razbor .board{padding-bottom:var(--s-7)}

/* Таблица каналов: на телефоне листается внутри панели, страница не скроллится вбок */
.rz-table{overflow-x:auto;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}
.rz-table:focus-visible{outline:3px solid var(--action);outline-offset:2px;border-radius:var(--inner-r)}
.rz-table table{width:100%;min-width:520px;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}
.rz-table th,.rz-table td{padding:16px 14px 16px 0;text-align:left;vertical-align:top;border-bottom:var(--hairline)}
.rz-table tbody tr:last-child>*{border-bottom:0}
.rz-table thead th{font:500 var(--t-label)/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.rz-table tbody th{font-weight:600;padding-block:6px}
.rz-table tbody th a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none}
.rz-table tbody th a:hover{color:var(--action);text-decoration:underline;text-underline-offset:4px}
.rz-table tbody th small{display:block;font-size:var(--t-xs);font-weight:400;color:var(--ink-3)}
.rz-table td{color:var(--ink-2);white-space:nowrap}
.rz-table td b{color:var(--ink);font:800 .9375rem/1.2 var(--font-display)}
.rz-table tr.hit td b{color:var(--action)}
.rz-hit{display:block;font-size:var(--t-xs);color:var(--ink-3)}

/* Примеры роликов */
.rz-examples{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}
@media (min-width:900px){.rz-examples{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rz-example{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:start;min-width:0;padding:20px;border:var(--hairline);border-radius:var(--tile-r);background:var(--paper-sunken)}
@media (max-width:520px){.rz-example{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.rz-example .vframe{width:112px}}
/* Три колонки по 280 px: обложка и текст рядом не помещаются (имя рвётся по слогам). До 1279 px карточка складывается: обложка сверху, текст под ней. */
@media (min-width:900px) and (max-width:1279px){.rz-example{grid-template-columns:minmax(0,1fr);gap:14px}.rz-example .vframe{width:112px}}
.rz-example h3{font-size:1rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
.rz-example-body{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.rz-sub{font-size:var(--t-xs);color:var(--ink-3)}
.rz-example .spot-nums{margin:8px 0 0}
.rz-example .spot-nums dt{font-weight:400}
.rz-example .spot-nums dd{margin:0}
.rz-example .spot-take{margin-top:8px;font-size:.875rem;background:var(--card)}

/* Сценарии */
.rz-scenario{margin-bottom:var(--s-5)}
.rz-more-h{margin:var(--s-6) 0 var(--s-3);font-size:1.0625rem;font-weight:800}
.rz-more{border-top:var(--hairline)}
.rz-more:last-of-type{border-bottom:var(--hairline)}
.rz-more summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;min-height:56px;padding:16px 0;cursor:pointer;list-style:none}
.rz-more summary::-webkit-details-marker{display:none}
.rz-more summary b{font:700 1.0625rem/1.3 var(--font-display);letter-spacing:-.01em}
.rz-more summary b::before{content:'+';display:inline-block;width:1.4em;color:var(--action);font-weight:900}
.rz-more[open] summary b::before{content:'−'}
.rz-more summary small{font-size:var(--t-xs);color:var(--ink-3)}
.rz-steps{display:grid;gap:8px;margin:0 0 var(--s-4);padding-left:1.4em;font-size:.9375rem;line-height:1.55}

/* Связанные ниши */
.rz-related h2{margin-bottom:var(--s-5);font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:800}
.rz-related ul{display:grid;gap:2px 28px;margin:0 0 var(--s-3);padding:0;list-style:none}
@media (min-width:640px){.rz-related ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.rz-related ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rz-related li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 10px;min-height:52px;padding:14px 0;border-bottom:var(--hairline)}
.rz-related li a{color:var(--ink);font-weight:600;text-decoration:none}
.rz-related li a:hover{color:var(--action)}
.rz-related li small{font-size:var(--t-xs);color:var(--ink-3)}

/* ===== Каталог ниш (/razbor/) ===== */
.rz-hero{padding-bottom:clamp(24px,3.4vw,44px)}
.rz-bar{background:var(--glass);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-block:1px solid var(--rule)}
@media (prefers-reduced-transparency:reduce){.rz-bar{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (min-width:900px){.rz-bar{position:sticky;top:var(--header-h);z-index:calc(var(--z-header) - 1)}}
.rz-bar-in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-block:14px}
.rz-search{position:relative;flex:1 1 280px;max-width:520px}
.rz-search>.ui-icon{position:absolute;left:20px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.rz-search input{min-height:52px;padding-left:50px;border-radius:var(--r-pill);background:var(--card);font-size:1.0625rem}
.rz-search input::-webkit-search-cancel-button{display:none}
.rz-view[hidden]{display:none}
.rz-view button{min-height:44px}
@media (pointer:coarse){.rz-view button{min-height:44px}}
.cmp-count{margin:0 0 0 auto;font:500 var(--t-label)/1.3 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.rz-sectors{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:20px var(--s-5);scroll-padding-inline:var(--gutter)}
@media (min-width:900px){.rz-sectors{flex-wrap:wrap;overflow:visible}}
.rz-sectors::-webkit-scrollbar{display:none}
.rz-sectors[hidden]{display:none}
.rz-sectors .chip{flex:none;text-decoration:none}
@media (max-width:640px){.rz-sectors.wrap{width:100%;margin-inline:0;padding-inline:var(--gutter)}.rz-bar-in{padding-block:10px}.cmp-count{margin-left:0;width:100%}}

.rz-tiles{display:grid;gap:clamp(40px,5vw,72px)}
.rz-tiles[hidden]{display:none}
.rz-sector[hidden]{display:none}
.rz-sector>h2{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--s-5);font-size:clamp(1.4rem,1rem + 1.6vw,2.5rem);font-weight:800;scroll-margin-top:calc(var(--header-h) + 96px)}
.rz-sector>h2 small{font:500 var(--t-label)/1 var(--font-text);letter-spacing:.14em;color:var(--action)}
.rz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;margin:0;padding:0;list-style:none}
.rz-grid li[hidden]{display:none}
.ntile{position:relative;display:grid;align-content:start;gap:8px;height:100%;min-height:140px;padding:22px 56px 20px 22px;background:var(--card);border:1px solid var(--rule);border-radius:var(--r-lg);color:var(--ink);text-decoration:none;box-shadow:var(--lift-1);transition:border-color var(--d-3),transform var(--d-3) var(--ease-apple),box-shadow var(--d-3)}
@media (hover:hover){.ntile:hover{border-color:var(--rule-strong);transform:translateY(-3px);box-shadow:var(--lift-2)}.ntile:hover .ntile-go{transform:translateX(3px);color:var(--action)}}
.ntile:active{transform:none}
.ntile:focus-visible{outline:3px solid var(--action);outline-offset:3px}
.ntile-name{font:800 1.0625rem/1.25 var(--font-display);letter-spacing:-.02em}
.ntile-v{font-size:.9375rem;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ntile-v b{font:900 1.75rem/1 var(--font-display);letter-spacing:-.02em;color:var(--action)}
.ntile-s{font-size:var(--t-xs);color:var(--ink-3);line-height:1.4}
.ntile-bar{align-self:end;display:block;height:4px;margin-top:8px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--w),var(--paper-deep) var(--w))}
@media (max-width:640px){.ntile{min-height:0;padding:18px 48px 18px 20px;gap:4px}.ntile-bar{margin-top:6px}.rz-grid{gap:10px}}
.ntile-go{position:absolute;right:20px;top:24px;display:grid;color:var(--ink-3);transition:transform var(--d-2) var(--ease-apple),color var(--d-1)}
.ntile-go .ui-icon{width:20px;height:20px}
.rz-none{display:grid;justify-items:start;gap:14px;max-width:640px;padding:clamp(24px,3vw,40px);border:var(--hairline);border-radius:var(--panel-r);background:var(--card)}
.rz-none[hidden]{display:none}
.rz-none h2{font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:800}
.rz-none p{color:var(--ink-2)}

/* Все ниши в цифрах: сортируемая таблица с полосой доли роликов выше подписчиков */
.cmp[hidden]{display:none}
.cmp-wrap table{min-width:720px}
.cmp-wrap thead th{position:sticky;top:0;background:var(--card);z-index:1}
.cmp-wrap thead button{all:unset;display:inline-block;min-height:44px;padding-block:12px 0;box-sizing:border-box;cursor:pointer;color:inherit;font:inherit;text-align:inherit;white-space:normal;line-height:1.25}
.cmp-wrap thead button:hover{color:var(--ink)}
.cmp-wrap thead button:focus-visible{outline:3px solid var(--action);outline-offset:2px;border-radius:4px}
.cmp-wrap thead th[aria-sort="ascending"] button::after{content:' ↑';color:var(--action)}
.cmp-wrap thead th[aria-sort="descending"] button::after{content:' ↓';color:var(--action)}
.cmp-wrap th[scope=col].cmp-n,.cmp-wrap td.cmp-n{text-align:right;padding-right:16px}
.cmp-wrap tbody th{min-width:180px}
.cmp-hit{position:relative;min-width:150px}
.cmp-hit b{position:relative;z-index:1;display:inline-block;min-width:3ch}
.cmp-bar{display:inline-block;vertical-align:middle;width:92px;height:8px;margin-right:10px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--w),var(--paper-deep) var(--w))}
.cmp-wrap tr.is-thin th a,.cmp-wrap tr.is-thin td{color:var(--ink-3)}
.cmp-wrap tr.is-thin .cmp-bar{background:linear-gradient(to right,var(--ink-3) var(--w),var(--paper-deep) var(--w))}
.cmp-wrap tr[hidden]{display:none}
@media (max-width:719px){
 .cmp-wrap table{min-width:0}
 .cmp-x{display:none}
 .cmp-wrap tbody th{min-width:0}
 .cmp-bar{width:56px;margin-right:8px}
 .cmp-hit{min-width:0}
}

/* Телефон (16.10.2026): страница ниши и каталог короче и понятнее; всё содержимое остаётся в разметке, меняется только раскладка */
@media (max-width:759px){
 .razbor .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .razbor .kpi{padding:14px}
 .razbor .kpi-v{font-size:1.9rem}
 .razbor .kpi-l{font-size:.8125rem}
 .rz-examples{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none}
 .rz-examples::-webkit-scrollbar{display:none}
 .rz-example{flex:0 0 min(84%,320px);scroll-snap-align:start}
 .rz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ntile{min-height:84px;padding:12px 34px 12px 14px;border-radius:20px}
 .ntile-go{right:10px;top:12px}
 .ntile-go .ui-icon{width:16px;height:16px}
 .ntile-name{font-size:.9375rem}
 .ntile-v b{font-size:1.4rem}
 .ntile-s{display:none}
 .rz-notes>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-weight:600;cursor:pointer;list-style:none}
}
.rz-notes{margin-top:var(--s-3)}
.rz-notes>summary{cursor:pointer;color:var(--ink-3);font-size:var(--t-sm);min-height:44px;display:flex;align-items:center}
.rz-notes[open]>summary{color:var(--ink)}