.sub .dl-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 8px;display:grid}.sub .dl{border:1px solid var(--line-dark);color:var(--on-dark);font:400 14px/1.4 var(--body);text-align:left;cursor:pointer;background:linear-gradient(#1c194073,#0a091ab3);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;transition:transform .2s,border-color .2s;display:flex;text-decoration:none!important}.sub a.dl:hover{border-color:var(--violet-soft);transform:translateY(-2px)}.sub .dl b{font:600 16px/1.3 var(--body);color:var(--on-dark)}.sub .dl span{color:var(--on-dark-muted);font-size:13px}.sub .dl.soon{opacity:.6;cursor:not-allowed}.sub .dl .tag{font:600 11px/1.5 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);border:1px solid #35e0b859;border-radius:999px;margin-top:6px;padding:3px 9px;display:inline-block}.sub .dl.wide{width:100%}.sub .how{margin:16px 0 8px}.sub .how details{border-top:1px solid var(--line-dark);padding:16px 0}.sub .how details:last-child{border-bottom:1px solid var(--line-dark)}.sub .how summary{font:600 16px/1.4 var(--display);color:var(--on-dark);cursor:pointer}.sub .how ol{margin:12px 0 0}.sub .how h4{color:var(--on-dark);margin:16px 0 6px}.sub .note{color:var(--on-dark-muted);border-left:2px solid var(--amber);background:#ffb5470f;margin:18px 0 28px;padding:10px 16px;font-size:14px}.sub .trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:40px 0 0;display:grid}.sub .trio div{border:1px solid var(--line-dark);background:#1c194059;border-radius:16px;padding:18px}.sub .trio b{color:var(--teal);margin-bottom:6px;display:block}.sub .trio p{margin:0;font-size:14px}@media (max-width:620px){.sub .dl-list,.sub .trio{grid-template-columns:minmax(0,1fr)}}