/* Жанры: разные пользовательские задачи получают разные первые экраны, а не
   перекрашенный единый QR-плакат. Три варианта внутри жанра меняют композицию
   соседних страниц, сохраняя общую редакционную систему. */
.seo-hero[class*="seo-hero--"]{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);min-height:560px}
.seo-hero--v1 .seo-hero-copy{order:2;padding-left:clamp(18px,3vw,58px)}
.seo-hero--v1 .genre-visual,.seo-hero--v1 .seo-hero-scene{order:1}
.seo-hero--v2{grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:end}
.genre-visual{position:relative;min-height:390px;padding:38px;background:var(--ink);color:#fff;overflow:hidden;box-shadow:12px 12px 0 var(--lime)}
.genre-visual b{font-family:"Unbounded",sans-serif;line-height:1.15}
.genre-visual--diagnostic{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;background:#ffe0d4;color:var(--ink);box-shadow:12px 12px 0 var(--orange-chip)}
.genre-visual--diagnostic>span{position:absolute;top:24px;left:28px;padding:8px 10px;background:var(--orange-chip);color:#fff;font:700 11px "Unbounded",sans-serif;transform:rotate(-3deg)}
.genre-visual--diagnostic i{position:relative;height:56px;background:var(--ink);clip-path:polygon(0 16%,63% 16%,69% 0,76% 100%,83% 16%,100% 16%,100% 56%,86% 56%,77% 23%,70% 56%,0 56%)}
.genre-visual--diagnostic i em{position:absolute;left:0;bottom:0;font:700 9px "Unbounded",sans-serif;font-style:normal;text-transform:uppercase;clip-path:none}
.genre-visual--diagnostic i:nth-of-type(2){transform:scaleX(.74);transform-origin:left;background:var(--orange-chip)}
.genre-visual--diagnostic i:nth-of-type(3){transform:scaleX(.46);transform-origin:left;background:#3c5537}
.genre-visual--diagnostic>b{grid-column:2;grid-row:1/4;align-self:center;font-size:clamp(28px,3vw,48px);text-transform:uppercase}
.genre-visual--calculator{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;background:#dce6c4;color:var(--ink)}
.genre-visual--calculator:before{content:"";position:absolute;left:42px;right:42px;bottom:92px;height:10px;background:var(--ink);transform:rotate(-8deg)}
.genre-visual--calculator>span{position:relative;padding-bottom:24px;font:700 12px "Unbounded",sans-serif}
.genre-visual--calculator>span:after{content:"";position:absolute;left:4px;bottom:50px;width:5px;height:calc(35px + var(--n,0)*1px);background:var(--orange-chip)}
.genre-visual--calculator>span:nth-child(2){--n:35}.genre-visual--calculator>span:nth-child(3){--n:70}.genre-visual--calculator>span:nth-child(4){--n:105}.genre-visual--calculator>span:nth-child(5){--n:140}
.genre-visual--calculator>b{position:absolute;top:35px;left:38px;right:38px;font-size:clamp(22px,2.5vw,38px)}
.genre-visual--comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:stretch;background:#ece7dc;color:var(--ink);box-shadow:12px 12px 0 var(--yellow)}
.genre-visual--comparison-3{grid-template-columns:repeat(3,1fr)}
.genre-visual--comparison article{display:grid;align-content:space-between;padding:24px;background:#fff}
.genre-visual--comparison article:nth-child(2){background:var(--ink);color:#fff;transform:rotate(2deg)}
.genre-visual--comparison article:nth-child(3){background:var(--lime);transform:rotate(-1deg)}
.genre-visual--comparison article>span{display:grid;width:52px;height:52px;place-items:center;background:var(--orange-chip);color:#fff;font:700 17px "Unbounded",sans-serif}
.genre-visual--comparison article>b{font-size:clamp(17px,1.7vw,25px)}
.genre-visual--planner{display:grid;grid-template-columns:1fr 1fr;gap:11px;background:var(--ink);color:#fff;box-shadow:12px 12px 0 var(--orange-chip)}
.genre-visual--planner>span{grid-column:1/-1;width:max-content;padding:7px 9px;background:var(--orange-chip);font:700 10px "Unbounded",sans-serif;transform:rotate(-2deg)}
.genre-visual--planner article{position:relative;display:grid;align-content:space-between;min-height:120px;padding:18px;background:#fff;color:var(--ink)}
.genre-visual--planner article:nth-of-type(2),.genre-visual--planner article:nth-of-type(3){transform:translateY(14px)}
.genre-visual--planner article:nth-of-type(3){background:var(--lime)}.genre-visual--planner article:nth-of-type(4){background:var(--yellow)}
.genre-visual--planner article small{color:#a8542f;font:700 9px "Unbounded",sans-serif;text-transform:uppercase}
.genre-visual--planner article b{font-size:13px}
.genre-visual--planner>i{grid-column:1/-1;justify-self:end;padding:7px 9px;background:#fff;color:var(--ink);font:700 9px "Unbounded",sans-serif;font-style:normal;text-transform:uppercase}
.genre-visual--route{display:grid;align-content:center;gap:18px;background:#fff;color:var(--ink);box-shadow:12px 12px 0 var(--orange-chip)}
.genre-visual--route article{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:center;padding:17px 20px;background:#ece7dc;transform:translateX(calc(var(--step,0)*24px))}
.genre-visual--route article:nth-child(2){--step:1;background:var(--lime)}.genre-visual--route article:nth-child(3){--step:2;background:var(--yellow)}
.genre-visual--route article:not(:last-child):after{content:"↓";position:absolute;right:18px;bottom:-22px;color:var(--orange-chip);font:700 24px "Unbounded",sans-serif;z-index:2}
.genre-visual--route span{font:700 18px "Unbounded",sans-serif}.genre-visual--route b{font-size:13px}
.genre-visual--map{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:12px;background:var(--ink)}
.genre-visual--map>b{grid-column:1/-1;font-size:clamp(22px,2.4vw,36px)}
.genre-visual--map>span{background:var(--lime);clip-path:polygon(0 8%,94% 0,100% 92%,8% 100%)}
.genre-visual--map>span:nth-of-type(2){background:var(--orange-chip)}.genre-visual--map>span:nth-of-type(3){background:var(--yellow)}.genre-visual--map>span:nth-of-type(4){background:#fff}
.genre-visual--map>i{position:absolute;right:28px;bottom:26px;padding:8px 10px;background:var(--ink);font:700 10px "Unbounded",sans-serif;text-transform:uppercase;transform:rotate(-2deg)}
.genre-visual--reference{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center;background:#fff;color:var(--ink);box-shadow:12px 12px 0 var(--ink)}
.genre-visual--reference>span{display:grid;min-height:120px;place-items:center;background:var(--ink);color:#fff;font:700 clamp(24px,3vw,44px) "Unbounded",sans-serif}
.genre-visual--reference>span:nth-child(2){background:var(--orange-chip)}.genre-visual--reference>span:nth-child(3){background:var(--lime);color:var(--ink)}
.genre-visual--reference>b{grid-column:1/-1;font-size:18px;text-align:center}
.genre-visual--editorial{display:grid;align-content:space-between;background:var(--yellow);color:#463b16;box-shadow:12px 12px 0 var(--ink);transform:rotate(1deg)}
.genre-visual--editorial>span{width:max-content;padding:8px 10px;background:var(--ink);color:#fff;font:700 10px "Unbounded",sans-serif;transform:rotate(-3deg)}
.genre-visual--editorial>b{font-size:clamp(20px,2.2vw,34px);font-weight:600}
.seo-page--diagnostic .seo-tool{background:#231f20;box-shadow:10px 10px 0 var(--orange-chip)}
.seo-page--calculator .seo-tool{background:#26391f;box-shadow:10px 10px 0 var(--yellow)}
.seo-page--comparison .seo-essence{grid-template-columns:1fr 1fr}.seo-page--comparison .seo-essence article:last-child{grid-column:1/-1}
.seo-page--editorial .seo-essence,.seo-page--field-guide .seo-essence{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.seo-page--editorial .seo-essence article:last-child,.seo-page--field-guide .seo-essence article:last-child{grid-column:2}
/* Индексируемые страницы больше не повторяют универсальную тройку
   «как работает / пример / вход». Инструмент, статья и хаб получают разную
   смысловую композицию; весь исходный материал остаётся видимым. */
.seo-task-passport{display:grid;grid-template-columns:1.05fr .95fr;gap:0;margin-top:46px;background:#fff;box-shadow:0 18px 46px rgba(41,55,68,.08)}
.seo-task-passport>div{padding:clamp(26px,4vw,52px)}
.seo-task-passport>div:nth-child(2){background:var(--yellow)}
.seo-task-passport h2,.seo-editorial-brief h2{margin:10px 0 20px;font-family:"Unbounded",sans-serif;font-size:clamp(22px,3vw,38px);letter-spacing:-.05em}
.seo-task-passport b{display:block;margin-top:22px;font-family:"Unbounded",sans-serif;font-size:12px;text-transform:uppercase}
.seo-task-passport p,.seo-editorial-brief p,.seo-hub-brief p{color:var(--muted);font-size:15.5px;line-height:1.65}
.seo-task-passport aside{grid-column:1/-1;display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;padding:24px clamp(26px,4vw,52px);background:var(--ink);color:#fff}
.seo-task-passport aside span{font:700 11px "Unbounded",sans-serif;text-transform:uppercase;color:var(--lime)}
.seo-task-passport aside p{margin:0;color:rgba(255,255,255,.86)}
.seo-editorial-brief{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);margin-top:56px;padding:clamp(28px,4vw,56px);background:#ece7dc;border-left:10px solid var(--orange-chip)}
.seo-editorial-brief blockquote{margin:0;padding:28px;background:#fff;font-family:"Unbounded",sans-serif;font-size:clamp(17px,2vw,24px);line-height:1.45;transform:rotate(-1deg)}
.seo-editorial-brief aside{grid-column:1/-1;display:grid;grid-template-columns:190px 1fr;gap:26px;padding-top:24px;border-top:3px solid var(--ink)}
.seo-editorial-brief aside b{font:700 11px "Unbounded",sans-serif;text-transform:uppercase}
.seo-editorial-brief aside p{margin:0}
.seo-hub-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
.seo-hub-brief article{min-height:210px;padding:30px;background:#fff;border-top:8px solid var(--ink)}
.seo-hub-brief article:nth-child(2){border-color:var(--orange-chip)}.seo-hub-brief article:nth-child(3){border-color:var(--lime)}
.seo-hub-brief span{font:700 11px "Unbounded",sans-serif;text-transform:uppercase;color:#a8542f}
.seo-hub-brief aside{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:26px;padding:24px 30px;background:var(--yellow)}
.seo-hub-brief aside p{margin:0}
@media(max-width:900px){.seo-task-passport,.seo-editorial-brief,.seo-hub-brief{grid-template-columns:1fr}.seo-task-passport aside,.seo-editorial-brief aside,.seo-hub-brief aside{grid-column:auto;grid-template-columns:1fr}.seo-hub-brief article{min-height:0}}
@media(max-width:900px){.seo-hero[class*="seo-hero--"]{grid-template-columns:1fr;min-height:0}.seo-hero--v1 .seo-hero-copy,.seo-hero--v1 .genre-visual,.seo-hero--v1 .seo-hero-scene{order:initial;padding-left:0}.genre-visual{min-height:300px;padding:24px}.genre-visual--route article{transform:none}.seo-page--comparison .seo-essence,.seo-page--editorial .seo-essence,.seo-page--field-guide .seo-essence{grid-template-columns:1fr}.seo-page--comparison .seo-essence article:last-child,.seo-page--editorial .seo-essence article:last-child,.seo-page--field-guide .seo-essence article:last-child{grid-column:auto}}@media(max-width:560px){.genre-visual{min-height:250px}.genre-visual--comparison,.genre-visual--comparison-3{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(95px,1fr))}.genre-visual--planner{grid-template-columns:1fr 1fr}.genre-visual--diagnostic{grid-template-columns:1fr}.genre-visual--diagnostic>b{grid-column:auto;grid-row:auto;font-size:28px}}