/* Блок главной «Можно и нельзя по лицензии»: выбираешь задачу — справа вердикт по условиям лицензии. */
.vg-lic{--ok:#1f7a4a;--no:#d30805;padding-block:clamp(56px,9vw,120px);border-top:1px solid #ececec}
.vg-lic-head{display:flex;flex-direction:column;gap:18px;max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.vg-lic-eyebrow{font-family:var(--font-meta);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d30805}
.vg-lic h2{font-family:var(--font-ui);font-weight:500;font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.02em;margin:0;text-wrap:balance}
.vg-lic-lead{margin:0;color:#555;font-size:16px;line-height:1.55;max-width:60ch}
.vg-lic-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}
.vg-lic-tasks{display:flex;flex-direction:column;border-top:1px solid #e3e3e3}
.vg-lic-task{display:grid;grid-template-columns:22px minmax(0,1fr) 18px;gap:14px;align-items:center;width:100%;padding:16px 18px;border:0;border-bottom:1px solid #e3e3e3;background:none;color:#111;font:400 16px/1.4 var(--font-ui);text-align:left;cursor:pointer;transition:background .2s}
.vg-lic-task:hover{background:#f6f6f6}
.vg-lic-task:focus-visible{outline:2px solid #666;outline-offset:-2px}
.vg-lic-task[aria-pressed="true"]{background:#f6f6f6;font-weight:500}
.vg-lic-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ccc;color:transparent;font-size:12px;line-height:1;transition:background .25s,box-shadow .25s,color .25s}
.vg-lic-task.is-seen[data-v="ok"] .vg-lic-mark{background:var(--ok);box-shadow:none;color:#fff}
.vg-lic-task.is-seen[data-v="no"] .vg-lic-mark{background:var(--no);box-shadow:none;color:#fff}
.vg-lic-task::after{content:"";width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-45deg);opacity:.35;justify-self:center;transition:opacity .2s,transform .2s}
.vg-lic-task[aria-pressed="true"]::after{opacity:1;transform:rotate(-45deg) translate(2px,2px)}
.vg-lic-side{position:sticky;top:calc(var(--vg-head,64px) + 24px);display:flex;flex-direction:column;gap:14px}
.vg-lic-card{position:relative;min-height:260px;padding:clamp(24px,3vw,36px);border-radius:16px;background:#f6f6f6;overflow:hidden}
.vg-lic-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c,#ccc);transition:background .3s}
.vg-lic-card[data-v="ok"]{--c:var(--ok)}
.vg-lic-card[data-v="no"]{--c:var(--no)}
.vg-lic-verdict{display:block;margin:0 0 14px;font:500 clamp(28px,3vw,40px)/1 var(--font-ui);letter-spacing:-.02em;color:var(--c)}
.vg-lic-q{margin:0 0 10px;font-size:18px;font-weight:500;line-height:1.35;color:#111}
.vg-lic-a{margin:0;font-size:16px;line-height:1.6;color:#444}
.vg-lic-src{margin:16px 0 0;padding-top:14px;border-top:1px solid #e2e2e2;font-size:13px;line-height:1.5;color:#777}
.vg-lic-card.is-swap .vg-lic-verdict{animation:vgLicIn .42s cubic-bezier(.2,.8,.2,1.2)}
.vg-lic-card.is-swap .vg-lic-q,.vg-lic-card.is-swap .vg-lic-a,.vg-lic-card.is-swap .vg-lic-src{animation:vgLicFade .35s ease}
@keyframes vgLicIn{from{opacity:0;transform:scale(.85) rotate(-4deg)}to{opacity:1;transform:none}}
@keyframes vgLicFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vg-lic-note{display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px 18px;border-radius:12px;box-shadow:inset 0 0 0 1px #e3e3e3;font-size:14px;line-height:1.5;color:#555}
.vg-lic-note b{color:#111;font-weight:500}
.vg-lic-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:#111;font-size:15px;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:2px;transition:border-color .2s,color .2s}
.vg-lic-link:hover{color:#d30805;border-color:#d30805}
.vg-lic-link:focus-visible{outline:2px solid #666;outline-offset:3px}
.vg-lic-answers[hidden]{display:none}
@media(max-width:759px){
  .vg-lic{padding-block:56px}
  .vg-lic h2{font-size:26px}
  .vg-lic-body{grid-template-columns:1fr;gap:20px}
  .vg-lic-side{position:static}
  .vg-lic-task{padding:14px 12px;font-size:15px}
  .vg-lic-card{min-height:0}
  .vg-lic-q{display:none}
}
@media(prefers-reduced-motion:reduce){.vg-lic-card.is-swap *{animation:none!important}}
.vg-lic:not(.is-ready) .vg-lic-card{display:none}
.vg-lic-answers dt{margin-top:14px;font-weight:500}
.vg-lic-answers dd{margin:4px 0 0}