/* /pricing/ layout on top of the .pp rules in panelab.css.
   One left edge for everything: the heading, the plans and the sections line up at the container's start.
   The plans block carries the only free-reading link (its side column), so the page has no separate
   "try it first" box. Neither plan is highlighted (owner, 2026-10-14). */
.pp-hero h1 { text-align: left; }
.pp-hero .lede { margin: 0 0 32px; text-align: left; }
.pp-note { margin-top: 14px; }

/* what's included: eight items, four columns on desktop (two even rows) */
@media (min-width: 1024px) { .incl { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; } }

/* questions: heading on the left, answers on the right */
.pp-faq { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(32px, 4vw, 64px); align-items: start; }
.pp-faq > h2 { margin-top: -6px; }
@media (max-width: 1023px) { .pp-faq { grid-template-columns: 1fr; } .pp-faq > h2 { margin: 0 0 16px; } }