.pf-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pf-visual-grid .pf-tile{position:relative;align-items:center;text-align:center;padding:18px;min-width:0;background:#dfedc9}.pf-visual-grid .pf-tile:nth-child(4n+2){background:#ddd4ef}.pf-visual-grid .pf-tile:nth-child(4n+3){background:#c3e7ed}.pf-visual-grid .pf-tile:nth-child(4n){background:#ffe1b5}.pf-module-image{width:100%;height:120px;object-fit:contain;border-radius:14px;margin-bottom:10px}.pf-visual-grid .pf-lock{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:auto;padding-top:12px;color:#244d46}.pf-visual-grid .pf-lock svg{width:20px;height:20px;flex-shrink:0}.pf-visual-grid .pf-number{font-size:10px;letter-spacing:.12em}.pf-visual-grid .pf-tile strong{color:#244d46;font-size:18px}.prep-cover{position:relative}.prep-access-badge{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fffef5f2;color:#244d46;font:600 13px/1.4 system-ui}.prep-access-badge svg{width:19px;height:19px}.pf-checkout:target{outline:3px solid #b49b54;outline-offset:4px;scroll-margin-top:20px}@media(max-width:650px){.pf-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pf-visual-grid .pf-tile{padding:12px}.pf-module-image{height:90px}.pf-visual-grid .pf-tile strong{font-size:16px}.pf-visual-grid .pf-lock{font-size:12px}}
