/* Plans & pricing page + "Compare plans" links. Separate file so it can't collide with style.css edits. */
.pnav{display:flex;align-items:center;gap:14px;font-size:14px;white-space:nowrap}
.pnav a{color:var(--mut);text-decoration:none}.pnav a:hover,.pnav a[aria-current]{color:var(--fg)}
.pnav a[aria-current]{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--acc)}
.pnav a.pbuy{color:#111;background:var(--acc);font-weight:700;border-radius:8px;padding:5px 10px}
.phero{padding:28px 0 4px}.phero h1{font-size:40px;line-height:1.1;margin:0 0 10px}.phero .lead{color:var(--mut);font-size:18px;max-width:760px;margin:0}
.psec{padding:22px 0}.psec h2{font-size:24px;margin:0 0 12px}
.muted{color:var(--mut)}
.pcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.pcard{padding:16px;display:flex;flex-direction:column;gap:6px}.pcard .btn{margin-top:auto;text-align:center;padding:10px 12px;font-size:15px}
.pcard.best{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc) inset}.pcard.paused{opacity:.75}
.pc-name{font-weight:700}.pc-price{font-size:26px;font-weight:800;line-height:1.1}.pc-price small{display:block;font-size:12px;font-weight:500;color:var(--mut)}
.pc-what{margin:0;color:var(--mut);font-size:14px;line-height:1.45}
.phint{font-size:14px;margin:-4px 0 10px}.up-key{background:rgba(247,147,26,.16);color:var(--fg);border-radius:4px;padding:0 5px}
.swipe{display:none}
.ptwrap{overflow:auto;max-height:78vh;border:1px solid var(--line);border-radius:14px;background:var(--card);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ptwrap:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ptable{border-collapse:separate;border-spacing:0;width:100%;min-width:860px;font-size:14px;line-height:1.35}
.ptable th,.ptable td{overflow-wrap:normal;word-break:normal;padding:9px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.ptable tbody th{text-align:left;font-weight:500;color:var(--fg)}
.ptable thead th{position:sticky;top:0;z-index:3;background:#1a1f2a;vertical-align:bottom;font-size:13px}
.ptable thead th .ph-name{display:block;font-weight:700;color:var(--fg)}.ptable thead th .ph-price{display:block;font-weight:500;color:var(--mut);font-size:12px}
.ptable thead th.best{background:#2a2114}.ptable thead th.best .ph-price{color:var(--acc)}
.ptable th:first-child{position:sticky;left:0;z-index:2;background:var(--card);width:30%;min-width:200px;box-shadow:1px 0 0 var(--line)}
.ptable thead th.corner{z-index:4;background:#1a1f2a;text-align:left}
.ptable tr.psh th{background:#10141b;text-align:left;font-weight:700;font-size:13px;color:var(--acc);padding:10px;position:static}
.ptable tr.psh th span{position:sticky;left:10px}
.ptable td.up{background:rgba(247,147,26,.12);color:var(--fg);font-weight:600}
.ptable td.bcol{box-shadow:inset 1px 0 0 rgba(247,147,26,.35),inset -1px 0 0 rgba(247,147,26,.35)}
.ptable td.no{color:#5b6576}.ptable .ck{color:var(--ok);font-weight:800}
.ptable s{color:var(--mut)}
.ptable tr.pact td{border-bottom:0;padding:12px 8px}.btn.sm{padding:7px 14px;font-size:14px;border-radius:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pnote{font-size:13px;margin-top:10px}.pnote .addr{word-break:break-all;font-size:12px}
.pq{margin-bottom:10px;padding:16px}.pq p{margin:.35em 0 0;color:var(--mut);font-size:15px}
.cmpl{font-size:14px;margin:.3em 0 .6em}.cmpl a{font-weight:600}
@media(min-width:900px){.ptwrap{overflow:visible;max-height:none}.ptable thead th{top:60px}.ptable thead th:first-child{border-top-left-radius:14px}.ptable thead th:last-child{border-top-right-radius:14px}}
@media(max-width:820px){.ptable{min-width:760px}}
@media(max-width:620px){
 .phero h1{font-size:30px}.phero .lead{font-size:16px}
 .pnav{gap:10px;font-size:13px}.pnav a.pnfree{display:none}
 .pcards{grid-template-columns:1fr 1fr;gap:10px}.pcard{padding:12px}.pc-price{font-size:22px}.pcard .btn{font-size:14px;padding:9px 8px}
 .swipe{display:inline}
 .ptable{min-width:700px;font-size:12.5px}.ptable th,.ptable td{padding:7px 6px}.ptable td{min-width:88px}
 .ptable th:first-child{width:112px;min-width:112px;max-width:112px;font-size:12px}
 .ptable thead th{font-size:12px}
 .ptwrap{max-height:72vh}
}
@media(max-width:380px){.pnav a.pbuy{padding:4px 8px}}
.bitems{padding-left:1.3em;margin:.6em 0}.bitems li{margin:.9em 0;line-height:1.45}.bitems .btn{margin-top:6px}