/* Статьи: три варианта подачи (A «Поля», B «Журнал», C «Доска»). Поверх base.css + e.css */
.ax .art{padding-bottom:40px}
.ax-b{--tw:720px}
.ax-b>p,.ax-b>h2,.ax-b>h3,.ax-b>ul,.ax-b>ol:not(.stg){max-width:var(--tw)}
.ax-b>p{margin:0 0 1.15em;line-height:1.72;font-size:1.06rem}
.ax-b h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.02;margin:1.6em 0 .6em}
.ax-b h3{font-size:1.4rem;line-height:1.15;margin:0 0 .7em;letter-spacing:-.02em}
.ax-b .h3s{margin-top:1.6em}
.ax-b figure{margin:56px 0}
.ax-b figcaption{font-family:var(--ff-m);font-stretch:87.5%;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;color:var(--wine);margin-bottom:18px}
.ax-b .src{font-size:.78rem;color:var(--muted);margin-top:14px}
.ax-b ul,.ax-b ol{padding:0;margin:0;list-style:none}

/* переключатель вариантов */
.vsw{position:relative;z-index:3;width:min(100% - 32px,var(--max));margin:0 auto;padding-top:104px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.vsw span{font:500 .66rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-right:6px}
.vsw a{font-size:.86rem;font-weight:600;padding:8px 14px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none}
.vsw a[aria-current]{background:var(--ink);color:#fff}

/* шапка */
.ax-h{width:min(100% - 32px,var(--max));margin:0 auto;padding:40px 0 30px}
.ax-h .back{font-size:.9rem;color:var(--muted);text-decoration:none}
.ax-h .art-k{color:var(--wine);margin:26px 0 16px}
.ax-h h1{margin:0;letter-spacing:-.04em;line-height:.98}
.ax-h .t1l{display:block;font-size:clamp(2.6rem,7vw,6rem)}
.ax-h .t2l{display:block;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.15;margin-top:14px;max-width:30ch;color:#3d3b37}
.ax-lead{font-size:1.08rem;line-height:1.65;max-width:62ch;margin-top:26px;color:#3d3b37}

/* карточка автора */
.au-l{font:500 .66rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine);margin:0 0 12px}
.au-ph{margin:0}
.au-ph img{display:block;width:100%;height:100%;object-fit:cover}
.au-n{font-weight:700;font-size:1.3rem;letter-spacing:-.02em;margin:0 0 8px}
.au-r li{font-size:.9rem;line-height:1.45;color:#3d3b37;margin-bottom:6px}
.au-d{font:500 .7rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;margin-top:12px;color:var(--muted)}

/* общие компоненты */
.grp{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:var(--tw);margin:28px 0 40px}
.grp-c{padding:24px;border-radius:6px}
.grp-c p{margin:0;font-size:.98rem;line-height:1.5}
.grp-n{display:block;font-weight:800;font-size:clamp(3rem,6vw,4.6rem);letter-spacing:-.05em;line-height:.9;margin-bottom:12px}
.bars li{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:7px 0 12px;font-size:.92rem;line-height:1.3}
.bars i{position:absolute;left:0;bottom:3px;height:5px;width:100%;background:rgba(0,0,0,.07);border-radius:4px;overflow:hidden}
.bars i::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:4px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease)}
.in .bars i::after,.bars.in i::after{transform:scaleX(1)}
.bars .bv{font-weight:800;font-variant-numeric:tabular-nums}
.bars .g1{color:#8a8278}.bars .g2{color:var(--wine)}
.bars .bl{color:var(--ink)}
.t1-i{font:500 .7rem var(--ff-m);color:var(--muted)}
.t1-q{font-weight:700;font-size:1.08rem;margin:2px 0 12px;letter-spacing:-.01em}
.t1-h{font:500 .64rem var(--ff-m);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2px}
.t1-h.g1{color:#7a7369}.t1-h.g2{color:var(--wine)}
.t1-d{font-family:var(--ff-h);font-size:1.45rem;line-height:1.05;color:var(--wine);margin:10px 0 0}
.t1-dl{display:block;font:500 .6rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:4px}
.cpt-k{font:600 .7rem var(--ff-m);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px}
.cl{counter-reset:c}
.cl li{counter-increment:c;position:relative;padding:0 0 12px 34px;line-height:1.55;font-size:.97rem}
.cl li::before{content:counter(c);position:absolute;left:0;top:-2px;font-family:var(--ff-h);font-size:1.6rem;line-height:1;color:var(--wine)}
.key{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.38;font-weight:500;letter-spacing:-.015em;max-width:var(--tw);margin:44px 0}
.vs ol li,.vs-h{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.94rem;line-height:1.4}
.vs-h{border-bottom:2px solid var(--ink);font-size:.82rem}
.vs-k{font-weight:700}
.vs-b{color:var(--wine);font-weight:500}
.t3{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.t3 figcaption,.t3 .src{grid-column:1/-1}
.t3-c{padding:22px 24px;border-radius:6px;background:#fff;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.t3-c>p{margin:0 0 12px;font-size:.92rem}
.t3-c li{padding:8px 0 8px 26px;position:relative;border-top:1px dashed var(--line);font-size:.95rem}
.t3-c li::before{content:"✓";position:absolute;left:0;color:var(--wine);font-weight:800}
.conf{margin:44px 0;padding:34px clamp(22px,4vw,44px);border-radius:6px}
.conf p{line-height:1.65;margin:0 0 1em}
.conf p:last-child{margin:0}
.cas ul li{position:relative;padding:16px 18px 16px 22px;margin-bottom:12px;border-left:4px solid var(--wine);background:#fff;line-height:1.55;font-size:.98rem}
.sch ol{display:grid;gap:10px}
.sch li{display:grid;gap:3px;padding:20px 24px;color:#fff;border-radius:6px}
.sch li b{font-size:1.05rem;letter-spacing:.02em}
.sch li span{font:500 .66rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;opacity:.75}
.sch li em{font-style:normal;font-family:var(--ff-h);font-size:1.5rem;line-height:1}
.sch li:nth-child(1){background:var(--wine)}
.sch li:nth-child(2){background:#5e1a28}
.sch li:nth-child(3){background:var(--ink)}
.chn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0 30px}
.chn-c{padding:22px 24px;border-radius:6px;background:#fff;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.chn-c p{margin:0;line-height:1.55;font-size:.97rem}
.chn-c em{display:block;font-style:normal;font-weight:700;font-size:1.08rem;margin-bottom:6px;color:var(--wine)}
.aside{font-family:var(--ff-h);font-size:1.6rem;line-height:1.15;color:var(--wine);max-width:var(--tw);margin:30px 0}
.stp{counter-reset:s}
.stp li{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.stp .sn{font-family:var(--ff-h);font-size:2.4rem;line-height:.9;color:var(--wine)}
.stp li div{line-height:1.6;font-size:.98rem}
.stp li b{display:block;font-size:1.1rem;margin-bottom:4px;letter-spacing:-.01em}
.stg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 50px}
.stg li{background:#fff;padding:22px;border-radius:6px;box-shadow:0 14px 30px -24px rgba(0,0,0,.4);font-size:.93rem;line-height:1.5}
.stg li p{margin:0 0 10px}
.stg li p:first-of-type{font-weight:700;font-size:1.02rem}
.stg li p:nth-of-type(2){color:var(--wine)}
.stg-n{display:block;font-family:var(--ff-h);font-size:2.2rem;line-height:1;color:var(--wine);margin-bottom:8px}
.fin{max-width:var(--tw);margin:20px 0}
.fin p{font-family:var(--ff-h);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15;margin:0 0 .7em}
.fin em{font-style:normal}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ================= A «Поля» ================= */
.axv-a .ax-h{max-width:1180px}
.ax-grid{width:min(100% - 32px,1180px);margin:0 auto;display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.ax-side{position:sticky;top:96px}
.axv-a .au-ph{position:relative;background:#fff;padding:10px 10px 12px;box-shadow:0 24px 44px -26px rgba(0,0,0,.4);transform:rotate(-2deg);aspect-ratio:4/5;margin-bottom:22px}
.axv-a .au-ph::before{content:"";position:absolute;width:96px;height:26px;background:rgba(244,231,161,.85);top:-12px;left:50%;transform:translateX(-50%) rotate(3deg);z-index:2}
.axv-a .ax-b>p strong,.axv-a .ax-b .key strong{background:linear-gradient(transparent 58%,var(--y) 58%,var(--y) 92%,transparent 92%) no-repeat 0 0/0% 100%;transition:background-size 1s var(--ease);font-weight:650}
.axv-a .ax-b strong.on{background-size:100% 100%}
.axv-a .grp-c.g1{background:var(--p)}.axv-a .grp-c.g2{background:var(--g)}
.axv-a .grp-c.g2 .grp-n{color:var(--wine)}
.axv-a .t1 ol{display:grid;gap:14px}
.axv-a .t1r{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;background:#fff;padding:20px 22px;border-radius:6px;box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.axv-a .t1r .t1-i,.axv-a .t1r .t1-q,.axv-a .t1r .t1-d{grid-column:1/-1}
.axv-a .t1r .t1-q{margin-bottom:6px}
.axv-a .t1r .t1-d{border-top:1px dashed var(--line);padding-top:10px}
.axv-a .cpts{display:grid;gap:18px;margin:36px 0}
.axv-a .cpt{padding:28px clamp(20px,3vw,34px);border-radius:6px}
.axv-a .cpt.g1{background:var(--p)}.axv-a .cpt.g2{background:var(--g)}
.axv-a .key{border-left:4px solid var(--wine);padding-left:22px}
.axv-a .conf{background:var(--ink);color:#F4F1EA}
.axv-a .conf h3{color:var(--wine-l)}
.axv-a .conf strong{background:none;color:#fff}
.axv-a .sch li{width:calc(100% - var(--i)*14%);margin-left:calc(var(--i)*14%);position:relative}
.axv-a .sch li+li::before{content:"↓";position:absolute;left:-26px;top:10px;font-size:1.6rem;color:var(--wine)}
.axv-a .stp .sn{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--wine);border-radius:50% 46% 52% 44%;font-size:1.7rem}

/* ================= B «Журнал» ================= */
body.axv-b .vsw{padding-top:104px}
body.axv-b .ax-h{width:100%;max-width:none;margin:22px 0 0;padding:clamp(56px,8vw,110px) max(16px,calc((100% - var(--max))/2)) clamp(56px,7vw,90px);background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.07) 1.1px,transparent 1.3px);background-size:26px 26px;color:#F4F1EA;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(30px,5vw,80px);align-items:center}
body.axv-b .ax-h .back{color:#bdb6ab}
body.axv-b .ax-h .art-k{color:var(--wine-l)}
body.axv-b .ax-h .t2l,body.axv-b .ax-lead{color:#cfc8bd}
body.axv-b .ax-h .t1l{color:#fff}
body.axv-b .au{position:relative;display:grid;gap:0}
body.axv-b .au-l{display:none}
body.axv-b .au-ph{background:#fff;padding:12px 12px 52px;transform:rotate(3deg);box-shadow:0 40px 70px -30px rgba(0,0,0,.7);aspect-ratio:4/5.3;position:relative}
body.axv-b .au-ph::before{content:"";position:absolute;width:110px;height:28px;background:rgba(244,231,161,.85);top:-13px;left:50%;transform:translateX(-50%) rotate(-4deg);z-index:2}
body.axv-b .au-ph::after{content:"Юлия Дмитриева";position:absolute;left:16px;bottom:10px;font-family:var(--ff-h);font-size:26px;color:#333}
body.axv-b .au-tx{background:var(--y);color:var(--ink);padding:18px 20px;margin:-34px -14px 0 26px;transform:rotate(-2deg);box-shadow:0 20px 34px -18px rgba(0,0,0,.6);position:relative;z-index:2}
body.axv-b .au-n{font-size:1.05rem}
body.axv-b .au-r li{font-size:.82rem;margin-bottom:4px}
body.axv-b main .ax-b{width:min(100% - 32px,var(--tw));margin:70px auto 0}
body.axv-b main .ax-b>p:first-child::first-letter{float:left;font-family:var(--ff-h);font-size:5.4rem;line-height:.78;color:var(--wine);margin:8px 12px 0 0}
body.axv-b .ax-b strong{color:var(--wine);font-weight:650}
body.axv-b .vs-h strong,body.axv-b .conf strong{color:#fff}
body.axv-b .grp{margin:40px calc(50% - min(50vw - 16px,560px));max-width:none;gap:0}
body.axv-b .grp-c{border-radius:0;padding:clamp(26px,4vw,44px)}
body.axv-b .grp-c.g1{background:var(--ink);color:#F4F1EA}
body.axv-b .grp-c.g1 strong{color:#fff}
body.axv-b .grp-c.g2{background:var(--wine);color:#fff}
body.axv-b .grp-c.g2 strong{color:#fff}
body.axv-b .t1-sw{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#fff;box-shadow:0 10px 24px -18px rgba(0,0,0,.5);margin-bottom:22px}
body.axv-b .t1-sw button{font:600 .9rem var(--ff-b);border:0;border-radius:999px;padding:10px 18px;background:transparent;color:var(--ink);cursor:pointer}
body.axv-b .t1-sw button[aria-selected=true]{background:var(--wine);color:#fff}
body.axv-b .t1-sw button[data-g="1"][aria-selected=true]{background:var(--ink)}
body.axv-b .t1p li{padding:18px 0;border-bottom:1px solid var(--line)}
body.axv-b .t1p .bars li{font-size:1rem}
body.axv-b .t1p .bars i{height:9px}
body.axv-b .cpts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:56px calc(50% - min(50vw - 16px,560px))}
body.axv-b .cpt{padding:clamp(26px,4vw,48px)}
body.axv-b .cpt.g1{background:var(--ink);color:#F4F1EA}
body.axv-b .cpt.g1 strong,body.axv-b .cpt.g1 .cl li::before{color:var(--wine-l)}
body.axv-b .cpt.g2{background:#fff}
body.axv-b .key{font-family:var(--ff-h);font-weight:500;font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.08;text-align:center;margin:64px auto;padding:0 10px;position:relative}
body.axv-b .key::before{content:"“";display:block;font-size:4rem;line-height:.6;color:var(--wine)}
body.axv-b .key strong{color:var(--wine)}
body.axv-b .vs-h{background:var(--wine);color:#fff;border:0;padding:12px 14px;border-radius:6px 6px 0 0}
body.axv-b .vs-h .vs-b{color:#fff}
body.axv-b .vs ol li{padding:13px 14px;background:#fff}
body.axv-b .vs ol li:nth-child(even){background:#f6f3ec}
body.axv-b .conf{margin:56px calc(50% - min(50vw - 16px,560px));border-radius:0;background:var(--wine);color:#fff;padding:clamp(30px,5vw,60px) clamp(22px,6vw,90px)}
body.axv-b .conf strong{color:#fff;text-decoration:underline;text-decoration-color:var(--wine-l);text-underline-offset:4px}
body.axv-b .sch ol{justify-items:center}
body.axv-b .sch li{width:calc(100% - var(--i)*22%);text-align:center;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,22px 100%);padding:22px 40px;border-radius:0}
body.axv-b .stp{position:relative;padding-left:4px}
body.axv-b .stp::before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:2px;background:var(--wine-l)}
body.axv-b .stp li{border:0;position:relative}
body.axv-b .stp .sn{width:56px;height:56px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font:700 1rem var(--ff-b);position:relative;z-index:1}
body.axv-b .stg{align-items:end}
body.axv-b .stg li{background:var(--ink);color:#F4F1EA;min-height:calc(240px + var(--i)*70px)}
body.axv-b .stg li p:nth-of-type(2){color:var(--wine-l)}
body.axv-b .stg-n{color:var(--wine-l)}
body.axv-b .fin{max-width:none;margin:40px calc(50% - min(50vw - 16px,560px)) 0;padding:clamp(34px,5vw,64px) clamp(22px,6vw,90px);background:var(--ink);color:#fff}
body.axv-b .fin p:last-child{color:var(--wine-l)}
.prog{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--wine);transform-origin:left;transform:scaleX(0);z-index:200}

/* ================= C «Доска» ================= */
body.axv-c{background-color:var(--kraft)}
body.axv-c .ax-h{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(30px,5vw,70px);align-items:start}
body.axv-c .ax-h h1 .t1l{font-family:var(--ff-h);font-weight:600;font-size:clamp(3.2rem,8vw,7rem);color:var(--wine);letter-spacing:-.01em;line-height:.9}
body.axv-c .aus{display:grid;gap:22px;margin-top:40px}
body.axv-c .aus .au-l{margin:0}
body.axv-c .aus .au-d{margin:0}
body.axv-c .au{position:relative;display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:start;background:#fff;padding:20px;box-shadow:0 30px 50px -30px rgba(0,0,0,.45);transform:rotate(1.2deg)}
body.axv-c .au+.au{transform:rotate(-1deg);margin-left:-14px}
body.axv-c .au::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e05a6c,var(--wine) 60%);top:-6px;left:50%;box-shadow:0 3px 4px rgba(0,0,0,.3)}
body.axv-c .au-ph{aspect-ratio:4/5;transform:rotate(-3deg);box-shadow:0 10px 20px -10px rgba(0,0,0,.4);border:6px solid #fff;outline:1px solid #eee}
body.axv-c .au-r li{font-size:.8rem;line-height:1.4}
body.axv-c .au-r li.loc{font-weight:700;color:var(--ink)}
body.axv-c main .ax-b{position:relative;width:min(100% - 32px,920px);margin:40px auto 0;background:#fff;padding:clamp(28px,6vw,80px) clamp(20px,7vw,100px);box-shadow:0 40px 80px -50px rgba(0,0,0,.5);background-image:repeating-linear-gradient(transparent 0 31px,rgba(23,24,27,.05) 31px 32px)}
body.axv-c main .ax-b::before{content:"";position:absolute;width:160px;height:34px;background:rgba(244,231,161,.85);top:-16px;left:50%;transform:translateX(-50%) rotate(-2deg)}
body.axv-c main .ax-b>p strong{font-weight:650;text-decoration:underline wavy var(--wine);text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-skip-ink:none}
body.axv-c .grp-c{transform:rotate(-1.2deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45);border-radius:0}
body.axv-c .grp-c.g1{background:var(--y)}
body.axv-c .grp-c.g2{background:var(--g);transform:rotate(1.4deg)}
body.axv-c .grp-n{font-family:var(--ff-h);font-weight:700;color:var(--wine)}
body.axv-c .t1.board ol{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.axv-c .sk{background:var(--bg);padding:18px 20px 20px;transform:rotate(var(--r));box-shadow:0 18px 30px -18px rgba(0,0,0,.45)}
body.axv-c .sk.rv{transform:translateY(24px) rotate(var(--r))}
body.axv-c .sk.rv.in{transform:rotate(var(--r))}
body.axv-c .sk-g{margin-top:8px}
body.axv-c .sk .bars i{background:rgba(0,0,0,.08)}
body.axv-c .t1.board{margin-inline:calc(-1 * clamp(0px,4vw,60px))}
body.axv-c .cpts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:44px calc(-1 * clamp(0px,4vw,60px))}
body.axv-c .cpt{padding:26px 24px;box-shadow:0 20px 34px -22px rgba(0,0,0,.5);position:relative}
body.axv-c .cpt::before{content:"";position:absolute;width:90px;height:24px;background:rgba(255,255,255,.6);top:-10px;left:30px;transform:rotate(-4deg)}
body.axv-c .cpt.g1{background:var(--p);transform:rotate(-.6deg)}
body.axv-c .cpt.g2{background:var(--g);transform:rotate(.6deg)}
body.axv-c .cpt h3{font-family:var(--ff-h);font-size:2rem;line-height:1;font-weight:600}
body.axv-c .key{font-family:var(--ff-h);font-size:clamp(1.8rem,3vw,2.3rem);line-height:1.1;background:var(--y);padding:22px 26px;transform:rotate(-.8deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45)}
body.axv-c .key strong{text-decoration:none!important}
body.axv-c .vs{background:var(--b);padding:22px 24px;transform:rotate(.4deg);box-shadow:0 18px 30px -22px rgba(0,0,0,.45)}
body.axv-c .t3-c.g1{background:var(--y);border-radius:0;transform:rotate(-1deg)}
body.axv-c .t3-c.g2{background:var(--g);border-radius:0;transform:rotate(1deg)}
body.axv-c .conf{background:var(--p);border-radius:0;transform:rotate(-.5deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45)}
body.axv-c .conf h3{font-family:var(--ff-h);font-size:2.1rem;font-weight:600;color:var(--wine)}
body.axv-c .cas ul li{background:var(--kraft);border-left:0;border-radius:0}
body.axv-c .sch ol{gap:0}
body.axv-c .sch li{width:62%;margin-left:calc(var(--i)*19%);transform:rotate(calc(-2deg + var(--i)*2deg));color:var(--ink);border-radius:0;box-shadow:0 18px 30px -18px rgba(0,0,0,.45);position:relative;margin-bottom:26px}
body.axv-c .sch li:nth-child(1){background:var(--p)}
body.axv-c .sch li:nth-child(2){background:var(--y)}
body.axv-c .sch li:nth-child(3){background:var(--g)}
body.axv-c .sch li em{color:var(--wine)}
body.axv-c .sch li+li::before{content:"";position:absolute;left:-60px;top:-30px;width:60px;height:60px;border-left:2.5px solid var(--wine);border-bottom:2.5px solid var(--wine);border-radius:0 0 0 30px}
body.axv-c .chn-c{border-radius:0;background:var(--b)}
body.axv-c .chn-c.cb{background:var(--g)}
body.axv-c .aside{background:none}
body.axv-c .chk li{cursor:pointer;grid-template-columns:52px 1fr;transition:opacity .3s}
body.axv-c .chk .sn{width:34px;height:34px;border:2.5px solid var(--ink);border-radius:4px 7px 5px 6px;font-size:0;position:relative;margin-top:2px}
body.axv-c .chk .sn::after{content:attr(data-n);position:absolute;inset:0;display:grid;place-items:center;font:600 .78rem var(--ff-m);color:var(--muted)}
body.axv-c .chk li.done .sn::after{content:"✓";font-family:var(--ff-h);font-size:2.2rem;color:var(--wine);top:-10px;left:6px}
body.axv-c .chk li.done{opacity:.55}
body.axv-c .chk li.done b{text-decoration:line-through var(--wine) 2px}
body.axv-c .chk-k{font-family:var(--ff-h);font-size:1.5rem;color:var(--wine);margin:6px 0 4px}
body.axv-c .stg li{border-radius:0;padding-top:30px;position:relative;transform:rotate(calc(-1.2deg + var(--i)*1.2deg))}
body.axv-c .stg li::before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e05a6c,var(--wine) 60%);top:8px;left:50%;box-shadow:0 3px 4px rgba(0,0,0,.3)}
body.axv-c .stg li:nth-child(1){background:var(--y)}body.axv-c .stg li:nth-child(2){background:var(--p)}body.axv-c .stg li:nth-child(3){background:var(--g)}
body.axv-c .fin{background:var(--y);padding:28px 30px;transform:rotate(-.6deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45);position:relative}
body.axv-c .fin::before{content:"";position:absolute;width:120px;height:28px;background:rgba(255,255,255,.65);top:-12px;right:40px;transform:rotate(5deg)}
body.axv-c .art-cta{margin-top:60px}

/* хаб */
.hb{padding:150px 0 90px}
.hb h1{font-size:clamp(2.4rem,6vw,4.4rem);letter-spacing:-.04em;line-height:1;margin:14px 0 18px}
.hb .art-k{color:var(--wine)}
.hb-l{font-size:1.08rem;line-height:1.6;color:#3d3b37;max-width:56ch}
.hb-list{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:14px}
.hb-list a{display:grid;gap:4px;padding:24px 26px;background:#fff;border-radius:6px;text-decoration:none;color:var(--ink);box-shadow:0 18px 34px -26px rgba(0,0,0,.45);transition:transform .3s var(--ease)}
.hb-list a:hover{transform:translateY(-3px)}
.hb-list b{font-size:1.6rem;letter-spacing:-.02em}
.hb-k{font:500 .66rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine)}

/* мобильный */
@media (max-width:900px){
  .ax-grid{grid-template-columns:1fr}
  .ax-side{position:static}
  .axv-a .au{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}
  .axv-a .au-l{grid-column:1/-1;margin:0}
  .axv-a .au-ph{margin:0}
  body.axv-b .ax-h,body.axv-c .ax-h{grid-template-columns:1fr}
  body.axv-b .au{max-width:340px;margin:10px auto 0}
  body.axv-c .aus{margin-top:10px}
}
@media (max-width:640px){
  .grp,.t3,.chn,.stg,body.axv-b .cpts,body.axv-c .cpts,body.axv-c .t1.board ol{grid-template-columns:1fr}
  .axv-a .t1r{grid-template-columns:1fr}
  .vs ol li,.vs-h{grid-template-columns:1fr 1fr;font-size:.88rem}
  .vs .vs-k{grid-column:1/-1}
  body.axv-b .stg li{min-height:0}
  body.axv-c .sch li{width:86%;margin-left:calc(var(--i)*7%)}
  body.axv-c .sch li+li::before{display:none}
  body.axv-c .au{grid-template-columns:100px 1fr;padding:16px}
  body.axv-c .au+.au{margin-left:0}
  body.axv-c .t1.board,body.axv-c .cpts{margin-inline:0}
  .axv-a .sch li{width:calc(100% - var(--i)*8%);margin-left:calc(var(--i)*8%)}
  .axv-a .sch li+li::before{display:none}
  body.axv-b .sch li{width:calc(100% - var(--i)*12%);padding:18px 26px}
}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.bars i::after{transform:none}}

/* ===== C: компоненты для статей «Тренды» и «Поколения» ===== */
body.axv-c .ax-b .hd{font-family:var(--ff-h);font-weight:600;font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:.95;letter-spacing:-.01em;color:var(--wine);margin:1.9em 0 .55em;max-width:none;text-decoration:underline wavy rgba(154,27,48,.5);text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-skip-ink:none}
body.axv-c .ax-b .hd .hd-s{display:block;font-family:var(--ff-b);font-weight:350;font-size:1.05rem;line-height:1.5;letter-spacing:0;color:var(--ink);margin-top:14px;text-decoration:none}
body.axv-c .ax-b .sh{font-size:1.18rem;font-weight:700;line-height:1.3;letter-spacing:-.015em;margin:1.7em 0 .6em;display:inline;background:linear-gradient(transparent 58%,var(--y) 58%,var(--y) 92%,transparent 92%)}
body.axv-c .ax-b .sh{display:block;width:fit-content;max-width:100%}
body.axv-c .tip{position:relative;margin:34px calc(-1 * clamp(0px,3vw,40px));padding:28px clamp(22px,3vw,34px) 24px;background:var(--y);transform:rotate(-.6deg);box-shadow:0 20px 34px -20px rgba(0,0,0,.5)}
body.axv-c .tip.rv{transform:translateY(24px) rotate(-.6deg)}
body.axv-c .tip.rv.in{transform:rotate(-.6deg)}
body.axv-c .tip::before{content:"";position:absolute;width:104px;height:26px;background:rgba(255,255,255,.6);top:-12px;left:34px;transform:rotate(-3deg)}
body.axv-c .tip .tip-h{font:600 .68rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine);margin:0 0 12px;max-width:none}
body.axv-c .tip p{margin:0 0 .8em;max-width:none;font-size:1.02rem;line-height:1.62}
body.axv-c .tip p:last-child{margin:0}
body.axv-c .stk{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px calc(-1 * clamp(0px,3vw,40px));max-width:none}
body.axv-c .stk li{background:var(--bg);padding:20px 22px;transform:rotate(var(--r));box-shadow:0 18px 30px -18px rgba(0,0,0,.45);font-size:.97rem;line-height:1.58}
body.axv-c .stk li.rv{transform:translateY(24px) rotate(var(--r))}
body.axv-c .stk li.rv.in{transform:rotate(var(--r))}
body.axv-c .stk li:only-child,body.axv-c .stk li:last-child:nth-child(odd){grid-column:1/-1}
body.axv-c .np{display:flex;gap:16px;align-items:center;margin:2em 0 .6em;font-size:1.22rem;line-height:1.28;font-weight:700;letter-spacing:-.015em;max-width:none}
body.axv-c .np .nn{flex:none;width:52px;height:52px;display:grid;place-items:center;border:2.5px solid var(--wine);border-radius:50% 46% 52% 44%;font-family:var(--ff-h);font-size:2rem;font-weight:600;color:var(--wine);transform:rotate(-4deg)}
body.axv-c .signoff{margin:50px 0 10px;background:var(--y);padding:26px 30px;transform:rotate(-.6deg);box-shadow:0 18px 30px -20px rgba(0,0,0,.45);position:relative;max-width:none}
body.axv-c .signoff.rv{transform:translateY(24px) rotate(-.6deg)}
body.axv-c .signoff.rv.in{transform:rotate(-.6deg)}
body.axv-c .signoff::before{content:"";position:absolute;width:120px;height:28px;background:rgba(255,255,255,.65);top:-12px;right:40px;transform:rotate(5deg)}
body.axv-c .signoff p{font-family:var(--ff-h);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;margin:0;max-width:none}
body.axv-c .ax-b em{font-style:italic}
@media (max-width:640px){body.axv-c .stk{grid-template-columns:1fr;margin-inline:0}body.axv-c .tip{margin-inline:0}}
body.axv-c .ax-b .hd.hd-l{font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1}
body.axv-c .ax-b .key{max-width:none}
body.axv-c .ax-b .hd,body.axv-c .ax-b .np,body.axv-c .ax-b .sh{overflow-wrap:break-word}
@media (max-width:640px){body.axv-c .ax-b .hd{font-size:1.95rem}body.axv-c .ax-b .hd.hd-l{font-size:1.7rem}}

/* ===== Три стиля статей: A «Поля» · B «Журнал» · C «Доска» — компоненты для любых новых статей ===== */
/* подпись под фото автора берётся из data-n (раньше было зашито имя Юлии) */
body.axv-b .au-ph::after{display:none!important}
body.axv-b .au-ph{padding:12px 12px 12px;aspect-ratio:4/4.9}
body.axv-b .au-tx{margin:-22px -10px 0 22px}
body.axv-b .ax-h.n2 .t1l{font-size:clamp(2.4rem,4.5vw,4.2rem)}

/* ---------- B «Журнал»: шапка с несколькими авторами ---------- */
body.axv-b .ax-h.n2{grid-template-columns:minmax(0,1fr) min(540px,46%)}
body.axv-b .ax-h.n2 .aus{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}
body.axv-b .ax-h.n2 .au-d{grid-column:1/-1}
body.axv-b .aus .au-d{color:#bdb6ab;margin-top:24px}
body.axv-b .ax-h.n2 .au:nth-child(3){margin-top:36px}
body.axv-b .ax-h.n2 .au-n{font-size:.98rem}
body.axv-b .ax-h.n2 .au-r li{font-size:.78rem}

/* ---------- B «Журнал»: тело статьи ---------- */
body.axv-b .ax-b .hd{font-family:var(--ff-b);font-weight:800;font-size:clamp(1.9rem,3.5vw,2.7rem);line-height:1.04;letter-spacing:-.03em;margin:2.1em 0 .6em;padding-top:22px;position:relative;max-width:none}
body.axv-b .ax-b .hd::before{content:"";position:absolute;left:0;top:0;width:72px;height:5px;background:var(--wine)}
body.axv-b .ax-b .hd.hd-l{font-size:clamp(1.6rem,2.9vw,2.2rem)}
body.axv-b .ax-b .hd .hd-s{display:block;font-weight:400;font-size:1.05rem;line-height:1.55;letter-spacing:0;color:#3d3b37;margin-top:12px}
body.axv-b .ax-b .sh{font:700 .8rem var(--ff-m);font-stretch:87.5%;text-transform:uppercase;letter-spacing:.1em;color:var(--wine);margin:2em 0 .8em;padding-top:12px;border-top:1px solid var(--line)}
body.axv-b .ax-b .np{display:flex;gap:16px;align-items:baseline;margin:2em 0 .6em;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;max-width:none}
body.axv-b .ax-b .np .nn{flex:none;font-size:2.6rem;line-height:.9;color:var(--wine);font-weight:800;letter-spacing:-.05em;min-width:1.1em}
body.axv-b .tip{margin:48px calc(50% - min(50vw - 16px,560px));padding:clamp(28px,4.5vw,52px) clamp(22px,6vw,90px);background:var(--ink);color:#F4F1EA;position:relative}
body.axv-b .tip .tip-h{font:600 .7rem var(--ff-m);text-transform:uppercase;letter-spacing:.1em;color:var(--wine-l);margin:0 0 14px;max-width:none}
body.axv-b .tip p{margin:0 0 .8em;max-width:none;font-size:1.04rem;line-height:1.65}
body.axv-b .tip p:last-child{margin:0}
body.axv-b .tip strong{color:#fff}
body.axv-b .stk{display:grid;gap:12px;margin:26px 0 34px;max-width:none}
body.axv-b .stk li{background:#fff;border-left:5px solid var(--wine);padding:18px 22px;font-size:.99rem;line-height:1.6;box-shadow:0 14px 28px -24px rgba(0,0,0,.5)}
body.axv-b .stk li:nth-child(even){background:#f4f0e8;border-left-color:var(--ink)}
body.axv-b .stp.chk li{cursor:pointer;transition:opacity .3s}
body.axv-b .stp.chk li.done{opacity:.5}
body.axv-b .stp.chk li.done b{text-decoration:line-through var(--wine) 2px}
body.axv-b .chk-k{font:600 .72rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine);margin:6px 0 4px}
body.axv-b .signoff{margin:56px calc(50% - min(50vw - 16px,560px)) 0;padding:clamp(34px,5vw,64px) clamp(22px,6vw,90px);background:var(--wine);color:#fff;max-width:none}
body.axv-b .signoff p{font-family:var(--ff-h);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;margin:0;max-width:none;color:#fff}
body.axv-b .ax-b em{font-style:italic}

/* ---------- A «Поля»: шапка ---------- */
body.axv-a .ax-h{border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:10px}
body.axv-a .ax-h .t1l{letter-spacing:-.045em}
body.axv-a .aus{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px 36px;margin-top:38px;align-items:start}
body.axv-a .aus .au-l,body.axv-a .aus .au-d{grid-column:1/-1;margin:0}
body.axv-a .au{display:grid;grid-template-columns:118px 1fr;gap:20px;align-items:start}
body.axv-a .au-ph{margin:0;transform:rotate(-2deg)}
body.axv-a .au+.au .au-ph{transform:rotate(2deg)}
body.axv-a .au-n{font-size:1.15rem;margin-bottom:6px}
body.axv-a .au-r li{font-size:.84rem;line-height:1.45;margin-bottom:4px}
body.axv-a .au-r li.loc{font-weight:700;color:var(--ink)}

/* ---------- A «Поля»: тело — заголовки уходят на левое поле ---------- */
body.axv-a main .ax-b{width:min(100% - 32px,1030px);margin:56px auto 0;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:clamp(30px,5vw,64px);align-items:start;--tw:720px}
body.axv-a .ax-b>*{grid-column:2;min-width:0}
body.axv-a .ax-b>.hd{grid-column:1;grid-row:auto;max-width:none;font-family:var(--ff-b);font-weight:800;font-size:1.35rem;line-height:1.08;letter-spacing:-.025em;margin:.35em 0 0;padding-top:12px;border-top:3px solid var(--ink);align-self:start}
body.axv-a .ax-b>.hd.hd-l{font-size:1.15rem}
body.axv-a .ax-b>.hd .hd-s{display:block;font-weight:400;font-size:.88rem;line-height:1.45;letter-spacing:0;color:var(--muted);margin-top:10px}
body.axv-a .ax-b>.hd+*{margin-top:3.2em}
body.axv-a .ax-b>.hd{margin-top:3.2em}
body.axv-a .ax-b>.sh{font-size:1.15rem;font-weight:700;margin:1.8em 0 .6em;max-width:none;padding-left:14px;border-left:4px solid var(--y)}
body.axv-a .ax-b>.np{display:contents}
body.axv-a .ax-b>.np .nn{grid-column:1;justify-self:end;margin-top:2.75rem;font-weight:800;font-size:3.4rem;line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.6px var(--wine);padding-top:6px}
body.axv-a .ax-b>.np>span:not(.nn){grid-column:2;font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:2.6rem 0 .6em;max-width:var(--tw)}
body.axv-a .tip{position:relative;margin:34px 0 40px;padding:26px 28px 24px;background:#fff;border:1.8px solid var(--ink);box-shadow:8px 8px 0 var(--y)}
body.axv-a .tip .tip-h{font:600 .68rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine);margin:0 0 12px;max-width:none}
body.axv-a .tip p{margin:0 0 .8em;max-width:none;font-size:1.02rem;line-height:1.62}
body.axv-a .tip p:last-child{margin:0}
body.axv-a .stk{display:grid;gap:12px;margin:24px 0 32px;max-width:none}
body.axv-a .stk li{background:#fff;border:1px solid var(--line);border-left:7px solid var(--bg);padding:16px 20px;font-size:.98rem;line-height:1.6}
body.axv-a .stp.chk li{cursor:pointer;transition:opacity .3s}
body.axv-a .stp.chk li.done{opacity:.5}
body.axv-a .chk-k{font:600 .72rem var(--ff-m);text-transform:uppercase;letter-spacing:.09em;color:var(--wine);margin:6px 0 4px}
body.axv-a .signoff{margin:54px 0 10px;max-width:none;padding:26px 0 0;border-top:3px solid var(--ink)}
body.axv-a .signoff p{font-family:var(--ff-h);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.12;margin:0;color:var(--wine);max-width:none}
body.axv-a .ax-b em{font-style:italic}
body.axv-a .ax-b .key{max-width:none}
@media (max-width:900px){
  body.axv-a main .ax-b{display:block;width:min(100% - 32px,var(--tw))}
  body.axv-a .ax-b>.hd{font-size:1.9rem;border-top:0;padding-top:0;margin:1.9em 0 .5em}
  body.axv-a .ax-b>.hd.hd-l{font-size:1.6rem}
  body.axv-a .ax-b>.hd .hd-s{font-size:1rem;color:#3d3b37}
  body.axv-a .ax-b>.np{display:flex;gap:14px;align-items:baseline;margin:1.8em 0 .5em}
  body.axv-a .ax-b>.np .nn{margin:0;font-size:2.6rem;padding:0;justify-self:auto}
  body.axv-a .ax-b>.np>span:not(.nn){margin:0}
  body.axv-a .aus{grid-template-columns:1fr}
  body.axv-b .ax-h.n2{grid-template-columns:1fr}
  body.axv-b .ax-h.n2 .t1l{font-size:clamp(2.2rem,9vw,3.6rem)}
}
@media (max-width:640px){
  body.axv-b .ax-h.n2 .aus{grid-template-columns:1fr;max-width:280px;margin-inline:auto}
  body.axv-b .ax-h.n2 .au:nth-child(3){margin-top:10px}
  body.axv-b .ax-b .hd{font-size:1.75rem}
  body.axv-b .ax-h{overflow-x:clip}
  body.axv-b .au-tx{margin-right:0}
  body.axv-a .au{grid-template-columns:96px 1fr}
}

/* архив блога: фотогалерея плиток и картинки в тексте */
.ax-b figure img{display:block;width:100%;height:auto}
.ax-b .gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0}
.ax-b .gal img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.ax-b .gal{grid-template-columns:repeat(2,1fr)}.ax-b .gal img{grid-column:auto!important;grid-row:auto!important}}
.ax-h .t1l.t1-mid{font-size:clamp(2.2rem,5vw,4.2rem)}
.ax-h .t1l.t1-long{font-size:clamp(1.8rem,3.6vw,3rem)}

/* обычные маркированные и нумерованные списки в статьях */
.ax-b>ul.ls,.ax-b>ol.ls{margin:0 0 1.15em;padding-left:1.5em;list-style:disc}
.ax-b>ol.ls{list-style:decimal}
.ax-b>ul.ls li,.ax-b>ol.ls li{margin:0 0 .55em;padding-left:.25em;line-height:1.72;font-size:1.06rem}
.ax-b>ul.ls li::marker,.ax-b>ol.ls li::marker{color:var(--wine)}