
.cn .sv-head{margin-bottom:30px} 
.cn h2,.cn h3{margin:0}
.cn .cn-dirs:last-child{padding-bottom:0} 

.cn-dirs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px 24px}
.cn .cn-mk{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding-top:5.5px}
.cn-mk img{display:block;height:45px;width:auto} 
.cn-mk-dg > span{font:600 20px/24px var(--font-sans);letter-spacing:-.01em;white-space:nowrap}
.cn-mk-dg img{height:26px}
.cn .cn-mk-dg{gap:8px}
.cn-p{margin:0;max-width:280px;font:var(--text-callout);letter-spacing:var(--track-callout);color:var(--ink2)}

.cn-si{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:20px 0 0;padding:0}
.cn-s{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--bg2);color:var(--ink);-webkit-tap-highlight-color:transparent;transition:background-color .15s var(--ease),color .15s var(--ease)} 
.cn-s svg{position:relative;width:18px;height:18px} 
.cn-s-yt svg{width:24px;height:24px} 
.cn-s-tg svg{width:20px;height:20px;left:-1px} 
.cn-s-vk svg{width:20px;height:20px} 
.cn-s-ig svg{width:22px;height:22px} 
.cn-s-yt{--bc:#FF0033}.cn-s-tg,.cn-s-vk{--bc:var(--neu-ink)}.cn-s-tt,.cn-s-th{--bc:var(--ink)}.cn-s-ig{--bc:#D62976}
@media (hover:hover){.cn-s:hover{background:#e8e8ed;color:var(--bc);transition:none}.cn-s-ig:hover{--cn-ig:url(#cn-ig-g)}} 
.cn-s:focus-visible{outline:2px solid var(--neu);outline-offset:2px}

.cn-rows{list-style:none;margin:0;padding:0}
.cn-row{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.cn-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.cn-h4{font:600 17px/25px var(--font-sans);letter-spacing:var(--track-body)}
.cn-rs{margin:2px 0 0;font:var(--text-callout);letter-spacing:var(--track-callout);color:var(--ink2)}
.cn-rv{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.cn-c{display:inline-flex;align-items:center;gap:8px;font:var(--text-body);letter-spacing:var(--track-body)}
.cn-c .more{font:inherit;letter-spacing:inherit}
.cn-t{flex:none;width:18px;height:18px;color:var(--neu-ink)}
.cn-t-tg{width:16px;height:16px;margin:0 1px}
.cn-ml{color:var(--neu-ink);border-bottom:1px solid transparent}
@media (hover:hover){.cn-ml:hover{border-bottom-color:var(--hover-line)}}
.cn-ml:focus-visible{border-bottom-color:var(--hover-line)}

.cn-cp{position:relative;display:grid;place-items:center;width:24px;height:24px;margin-left:-2px;padding:0;border:0;border-radius:6px;background:none;color:color-mix(in srgb,var(--ink2) 70%,transparent);cursor:pointer;-webkit-tap-highlight-color:transparent}
.cn-cp::after{content:"";position:absolute;inset:-10px} 
.cn-cp svg{width:16px;height:16px;grid-area:1/1}
.cn-cp .i-done,.cn-cp.done .i-copy{display:none}
.cn-cp.done .i-done{display:block}
.cn-cp.done{color:var(--neu-ink);cursor:default}
@media (hover:hover){.cn-cp:not(.done):hover{color:var(--neu-ink)}}
.cn-cp:focus-visible{outline:2px solid var(--neu);outline-offset:1px}

.cn-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 24px;align-items:start}

@media (max-width:1068px){.cn-dirs{grid-template-columns:minmax(0,1fr)}.cn-p{max-width:none}}
@media (max-width:734px){.cn-row{grid-template-columns:minmax(0,1fr)}}
