/* JPV Коріння — лише нове: коло і його панель. Решта — класи теми (gx-*). Кольори й шрифти — змінні теми. */
.kor-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kor-cv{min-width:0;padding:12px;border-right:1px solid var(--line)}
.kor-cv canvas{display:block;width:100%;height:auto;aspect-ratio:1/1;cursor:default;touch-action:manipulation}
.kor-p{padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0;position:sticky;top:calc(var(--hdr) + 12px);align-self:start;max-height:calc(100vh - var(--hdr) - 24px);overflow:auto}
.kor-h{font:800 26px var(--display);text-transform:uppercase;margin:0;line-height:1.05;color:var(--ink)}
.kor-loc{font:400 12px var(--mono);color:var(--acid);margin:0;letter-spacing:.06em}
.kor-snd{font:400 12px var(--mono);color:var(--gray);margin:0}
.kor-d{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.55}
.kor-l{font:400 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-top:6px}
.kor-n{font:400 12px var(--mono);color:var(--gray);margin:0}
.kor-chips{display:flex;flex-wrap:wrap;gap:6px}
.kor-chip{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border:1px solid var(--line-2);background:none;color:var(--ink);font:400 12px var(--mono);cursor:pointer;text-align:left}
.kor-chip em{font-style:normal;color:var(--gray)}.kor-chip:hover{border-color:var(--acid);color:var(--acid)}
.kor-back,.kor-fam{background:none;border:0;padding:0;color:var(--gray);font:400 12px var(--mono);cursor:pointer;text-align:left;align-self:flex-start}
.kor-back:hover,.kor-fam:hover{color:var(--acid)}
.kor-play,.kor-go{align-self:flex-start}
.kor-draft{font:400 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#000;background:var(--pink);padding:4px 8px;display:inline-block}
@media (max-width:980px){.kor-wrap{grid-template-columns:1fr}.kor-cv{border-right:0;border-bottom:1px solid var(--line)}.kor-p{position:static;max-height:none}}
.kor-top{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible}.kor-top .gx-rec{min-width:0}.kor-top img{width:100%;height:auto}
.kor-ax{flex:none;position:relative;border-left:1px solid var(--line-2);margin:4px 0 4px 46px}
.kor-tk{position:absolute;left:-46px;width:38px;text-align:right;font:400 10.5px var(--mono);color:var(--line-2);transform:translateY(-50%)}
.kor-tk::after{content:"";position:absolute;right:-12px;top:50%;width:6px;height:1px;background:var(--line-2)}
.kor-pt{position:absolute;left:0;display:flex;align-items:center;gap:8px;transform:translateY(-50%);font:400 12px var(--mono);color:var(--ink-dim);white-space:nowrap;background:none;border:0;padding:2px 0;cursor:pointer;text-align:left;max-width:calc(100% - 4px);overflow:hidden;text-overflow:ellipsis}
.kor-pt::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-left:-4px}
.kor-pt:hover{color:var(--acid)}
.kor-pt em{font-style:normal;font-size:10.5px;color:var(--gray)}
.kor-pt.me{color:var(--acid);font:800 14px var(--display);text-transform:uppercase;cursor:default}
.kor-pt.me::before{background:var(--acid);width:11px;height:11px;margin-left:-6px}

/* 3 пісні стилю (Deezer) */
.kor-songs{flex:none;display:flex;flex-direction:column;gap:6px}
.kor-song{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:1px solid var(--line);color:var(--ink-dim);font:400 12px var(--mono);padding:8px 10px;cursor:pointer;transition:border-color .2s,color .2s}
.kor-song b{color:var(--ink);font-weight:500}
.kor-song i{flex:none;width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.kor-song:hover,.kor-song.on{border-color:var(--ink);color:var(--ink)}
.kor-song.on i{width:8px;height:10px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor}

/* Ікони стилю — та сама «стіна», що на /ikony/ (стиль jpv-ikony підвантажується лише там) */
.tax-korinnya .ik-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:28px 22px;padding-block:28px 8px}
.tax-korinnya .ik-cv{display:block;text-decoration:none;color:inherit}
.tax-korinnya .ik-cv i{display:block;aspect-ratio:1;background:center/cover no-repeat;border:1px solid var(--line);transition:border-color .2s}
.tax-korinnya .ik-cv:hover i{border-color:var(--acid)}
.tax-korinnya .ik-cv .label{display:block;margin-top:10px;color:var(--acid);font:400 11px var(--mono);text-transform:uppercase}
.tax-korinnya .ik-cv b{display:block;font:400 17px/1.15 var(--display);text-transform:uppercase;margin-top:4px}
.tax-korinnya .ik-cv small{display:block;margin-top:6px;font-size:11px}
@media(max-width:1100px){.tax-korinnya .ik-wall{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.tax-korinnya .ik-wall{grid-template-columns:repeat(2,1fr);gap:22px 14px}}

/* Текст стилю — нагорі сторінки: видно вступ і «душу стилю», решта за «Читати більше» */
.tax-korinnya .cat-seo .cs-txt{max-height:var(--kor-cl,230px);font-size:16px;line-height:1.75}
.tax-korinnya .cat-seo .cs-txt::after{height:56px}
.tax-korinnya .cat-seo .cs-txt h2{font:800 clamp(18px,1.5vw,22px)/1.15 var(--display);text-transform:uppercase;color:var(--ink);margin:28px 0 10px}
.tax-korinnya .cat-seo .cs-txt p{margin:0 0 14px}