/* SWD Compare */
.swd-compare .cp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.swd-compare .cp__side { margin: 0; padding: clamp(24px, 3vw, 40px); border-radius: 26px; }
.swd-compare figcaption { display: flex; flex-direction: column; gap: 2px; margin-bottom: 24px; }
.swd-compare figcaption b { font-size: 22px; font-weight: 500; letter-spacing: -.02em; }
.swd-compare figcaption span { color: var(--muted); }
.swd-compare figcaption em { font-style: normal; font-weight: 600; }
.swd-compare .cp__side--a { box-shadow: inset 0 0 0 1px var(--edge); }
.swd-compare .cp__side--a em, .swd-compare .cp__warn { color: #FFB37A; }
.swd-compare .cp__side--a .cp__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.swd-compare .cp__side--a .cp__items li { padding: 10px 12px; border-radius: 9px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px var(--edge); font-size: 14px; color: var(--muted-d); }
.swd-compare .cp__warn { margin-top: 20px; font-size: 15px; }
.swd-compare .cp__side--b { background: var(--card); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--a, var(--acc)) 45%, transparent); }
.swd-compare .cp__side--b em { color: var(--a, var(--acc)); }
.swd-compare .cp__side--b .cp__items { display: grid; gap: 10px; }
.swd-compare .cp__side--b .cp__items li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 15px 16px; border-radius: 12px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); font-size: 16px; }
.swd-compare .cp__side--b .lic { width: 18px; height: 18px; color: var(--a, var(--acc)); stroke-width: 2.4; }
.swd-compare .cp__side--b small { font-size: 13px; color: var(--a, var(--acc)); text-align: right; }
.swd-compare .cp__extras { display: grid; gap: 10px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--edge); font-size: 15px; color: var(--muted); }
.swd-compare .cp__extras b { color: #fff; font-weight: 500; }
@media (max-width: 860px) { .swd-compare .cp { grid-template-columns: minmax(0, 1fr); } }
.swd-compare figcaption { font-style: normal; color: #fff; text-align: left; }
.swd-compare .cp__side--a .cp__items li { color: #9AA3B8; }