/* Shared plan comparison for the homepage and dashboard. */
    .compare-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:stretch; }
    .compare-card { display:flex; flex-direction:column; min-width:0; padding:18px; background:#191919; color:#ececec; border:1px solid #303030; border-radius:10px; }
    .compare-card.compare-featured { background:#202020; border-color:#555; }
    .compare-name { font-size:13px; font-weight:700; line-height:1.4; }
    .compare-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; margin:10px 0 5px; font-size:30px; font-weight:800; line-height:1; letter-spacing:-.03em; }
    .compare-price span { font-size:11px; font-weight:500; letter-spacing:0; color:#aaa; }
    .compare-desc { margin:0 0 14px; color:#aaa; font-size:11.5px; line-height:1.5; }
    .compare-features { display:flex; flex:1; flex-direction:column; gap:6px; list-style:none; padding:0; margin:0 0 16px; }
    .compare-features li { display:flex; align-items:flex-start; gap:8px; color:#ddd; font-size:11.5px; line-height:1.4; }
    .compare-features li::before { content:"✓"; flex:none; color:#ddd; font-weight:700; }
    .compare-action { display:flex; align-items:center; justify-content:center; width:100%; min-height:36px; padding:8px 10px; border:1px solid #454545; border-radius:7px; background:#292929; color:#eee; font:600 11.5px/1.3 Inter,system-ui,sans-serif; text-align:center; text-decoration:none; cursor:pointer; }
    .compare-action:hover:not(:disabled) { background:#353535; border-color:#666; }
    .compare-featured .compare-action:not(:disabled) { background:#eee; border-color:#eee; color:#111; }
    .compare-featured .compare-action:hover:not(:disabled) { background:#fff; }
    .compare-action:disabled { background:#252525; border-color:#3a3a3a; color:#aaa; cursor:default; }
    .compare-note { margin-top:10px; padding:10px 12px; background:#171717; border:1px solid #292929; border-radius:7px; color:#aaa; font-size:10.5px; line-height:1.5; text-align:left; }
    .compare-note strong { color:#ddd; }
    @media(max-width:1000px) { .compare-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
    @media(max-width:650px) { .compare-grid { grid-template-columns:minmax(0,1fr); } }