#formulaCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.formula-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;height:46px;border-radius:12px;background:#ffebd6;color:#ac400b;font-size:28px;font-weight:800}.formulas-page .vibe-heading h3{font-size:22px;margin:0;color:#b3440d;font-weight:800}.formula-steps{padding-inline-start:22px;line-height:1.9;font-size:15px}.formula-steps li::marker{color:#b3440d;font-weight:700}.formulas-page .vibe-card>button{width:100%;margin-top:auto;border:2px solid #b7440a;border-radius:10px;color:#a43b08;font-weight:750;min-height:48px;background:#fffdf9}.formulas-page .vibe-card.selected>button,.formulas-page .primary{background:#b7440a;color:#fff}.formulas-page .outline{border:1px solid #b7440a;color:#a43b08;border-radius:9px;min-height:44px;font-weight:700}.formulas-page input[type=search]{border:1px solid #cfc4b8;border-radius:8px;padding:10px;font:inherit;width:240px;max-width:100%}.formula-hero-labels{display:flex;justify-content:center;gap:10px;direction:ltr}.formula-hero-labels span{background:#fff2e4;border:1px solid #d5b59c;border-radius:9px;padding:9px 18px;font-weight:800;color:#a43b08}.formulas-page .tool-hero-art img{max-height:430px;object-fit:contain}.formulas-page header nav a{border:1px solid #b7440a;border-radius:8px;padding:10px 14px;color:#a43b08;font-weight:700}.formulas-page .vibe-card.selected{background:#fff5e9}.formulas-page .vibe-card button:hover,.formulas-page .outline:hover{background:#ffead5;color:#903207}.formulas-page .primary:hover{background:#903207}.formulas-page .vibe-filters label{max-width:100%}.formulas-page #briefStatus{font-size:14px}.formulas-page a:focus-visible{outline:3px solid #3457a4;outline-offset:3px}@media(max-width:1000px){#formulaCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#formulaCards{grid-template-columns:1fr}.formulas-page .vibe-filters{align-items:stretch;flex-direction:column}.formulas-page .vibe-filters label{flex-wrap:wrap}.formulas-page .generate-row{display:flex;flex-direction:column}.formulas-page .generate-row button{width:100%}.formulas-page .output-panel>.primary{width:100%;white-space:normal}.formulas-page .posts-hero .primary{white-space:normal}}
.formulas-page .vibes-main input[type=search]{min-height:48px;height:auto;padding:10px 12px;font-size:16px}