/* Product lander additions on top of pwp-article.css (which stays the Claude Design export as is).
   Built by vael_tools/vael_product_lander.py into /assets/pwp-lander.<hash>.css. Covers what the static
   port added: the paid line above each Amazon button, the button list under the comparison table, the
   button inside the configurator result, the disclosure row in the phone buy bar, sources and next reads. */
.buy .paid{order:-1;max-width:44ch}
.cmp-buy{margin-top:24px}
.cmp-buy .paid{margin:0 0 12px}
.cmp-links{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.cmp-links li{margin:0}
.cmp-links .cta{min-height:44px}
.rec .paid{margin:16px 0 10px}
.rec p.why{margin:0;font-size:16px;max-width:60ch}
.rec .cta{min-height:48px}
.sources{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-soft)}
.sources li{margin:0;border-top:1px solid var(--line-soft)}
.sources .src{width:100%;justify-content:space-between}
.next-reads{list-style:none;margin:24px 0 0;padding:0}
.next-reads li{margin:0;padding:0}
.next-reads a{display:inline-flex;align-items:center;min-height:44px;font-size:18px}
.gear-list .card h3 a{text-decoration:none}
.gear-list .card h3 a:hover{text-decoration:underline;text-decoration-color:var(--lantern)}
.gear-list .actions{margin-top:auto;padding-top:12px}
.gear-list .actions .cta{min-height:44px}
html.reduce-motion{scroll-behavior:auto}
@media (max-width:640px){
  .buy-bar{grid-template-columns:minmax(0,1fr) auto 44px;row-gap:6px}
  .buy-bar .bb-disc{grid-column:1/-1;margin:0;font-size:13px;line-height:1.35;color:var(--faint)}
  body:has(.buy-bar[data-show="true"]) .site-foot{padding-bottom:132px}
  .cmp-links{flex-direction:column}
  .cmp-links .cta,.rec .cta{width:100%;justify-content:space-between}
  .nlinks a,.foot-links a{min-height:44px;min-width:44px;display:inline-flex;align-items:center}
  .disclosure a{display:inline-flex;align-items:center;min-height:44px}
  .crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
}

/* Living Light header and footer (2026-11-10): markup from vael_product_lander _site_head / _site_foot, styled by
   /assets/pwp-light.css; these rules carry the lander-only parts (disclosure, the link list) into it. */
.ll-foot .full-disc{margin:14px 0 0;max-width:40em;font-size:.9375rem;line-height:1.6;color:var(--color-muted)}
.ll-foot .full-disc b{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:700;color:var(--color-faint)}
.ll-foot .foot-links{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;list-style:none;margin:0;padding:0}
@media (min-width:900px){.ll-foot .ll-foot-links{grid-column:span 2}.ll-foot .foot-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ll-foot-still{margin:18px 0 0}.ll-foot-still .ll-still-btn{margin:0}