/* guides.css — styles for /guides/ and comparison pages */
.prose{max-width:760px;margin:0 auto;display:grid;gap:22px}
.prose h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;margin-top:18px}
.prose p{font-size:17.5px;line-height:1.8;color:var(--text-2);margin:0}
.prose ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.prose li{position:relative;padding-left:30px;font-size:17px;line-height:1.7;color:var(--text-2)}
.prose li::before{content:"";position:absolute;left:4px;top:.72em;width:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.prose .callout{border:1px solid rgba(18,200,238,.28);background:linear-gradient(135deg,rgba(91,60,245,.10),rgba(18,200,238,.06));border-radius:16px;padding:22px 24px;font-size:16.5px;line-height:1.7;color:var(--text)}
.guide-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font:500 12.5px/1 var(--font-m);letter-spacing:.08em;text-transform:uppercase}
.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.guide-card{display:grid;gap:14px;align-content:start;text-decoration:none}
.guide-card h3{font-size:21px;line-height:1.3}
.guide-card p{font-size:15.5px;line-height:1.65;color:var(--muted);margin:0}
.guide-card .go{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font:600 14px/1 var(--font-b)}
.guide-card .go svg{width:16px;height:16px}
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(17,24,39,.72),rgba(12,17,27,.72))}
.cmp{width:100%;border-collapse:collapse;min-width:680px}
.cmp th,.cmp td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.6}
.cmp thead th{font:600 12px/1.2 var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.02)}
.cmp thead th.us{color:var(--cyan)}
.cmp tbody th{font:700 15.5px/1.4 var(--font-d);color:var(--text);width:22%}
.cmp td{color:var(--text-2)}
.cmp td.us{color:var(--text);background:linear-gradient(90deg,rgba(30,107,255,.07),rgba(18,200,238,.04))}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
@media (max-width:720px){.prose p{font-size:16.5px}.cmp th,.cmp td{padding:14px 16px;font-size:14.5px}}
.cmp-link svg{width:22px;height:22px;flex:none;color:var(--cyan)}