.lic-hero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:16px;background:linear-gradient(120deg,#e1f3ed,#edf3fa);color:#173c4b}.lic-hero>div{flex:1;min-width:0}.lic-hero h3{margin:0 0 7px}.lic-hero p{margin:0 0 8px;overflow-wrap:anywhere}.lic-intro{color:var(--muted);line-height:1.7;margin:22px 0}.lic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lic-card{padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff);display:flex;flex-direction:column}.lic-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.lic-icon{display:flex;padding:11px;border-radius:11px;background:#e3f2ee;color:#087d75}.lic-card h3{font-size:17px;margin:18px 0 9px}.lic-card p{line-height:1.6;color:var(--muted);font-size:13px;flex:1}.lic-card-action{margin-top:14px;padding-top:15px;border-top:1px solid var(--line)}.lic-locked{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted)}.lic-details{font-size:12px;overflow-wrap:anywhere;color:var(--muted);padding:15px 0}.lic-details summary{cursor:pointer;font-weight:600}.dark .lic-hero{background:linear-gradient(120deg,#183e40,#21364a);color:#e7f2fa}.dark .lic-icon{background:#193f40;color:#8edbca}@media(max-width:620px){.lic-grid{grid-template-columns:1fr}.lic-hero{align-items:flex-start;padding:17px;flex-wrap:wrap;gap:12px}.lic-card{padding:17px}.lic-card-action .btn{width:100%}}

.lic-summary{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0 0}.lic-summary>span{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px}.lic-summary strong{color:var(--text);font-size:19px}.lic-card{transition:border-color .15s,box-shadow .15s}.lic-card:hover{border-color:#6baca3;box-shadow:0 4px 18px #173c4b0a}.lic-card-action .btn:focus-visible{outline:3px solid #438fca;outline-offset:3px}.lic-modal .modal-body{overscroll-behavior:contain}@media(max-width:620px){.lic-summary{gap:8px}.lic-summary>span{flex:1 1 130px;padding:9px 11px}.lic-hero>span:last-child{margin-left:0}}

@media(max-width:620px){.lic-hero>div{flex-basis:210px}.lic-hero>span:last-child{margin-left:42px}}
