.st-mock-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.st-mock-tabs{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.st-mock-tabs span{border:1px solid #d9dce5;border-radius:999px;padding:6px 10px;font-size:12px}.st-mock-tabs span:first-child{color:#fff;background:#272b39}.st-mock-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.st-mock-products>div{color:#20232d;background:#fff;border:1px solid #e2e4ea;border-radius:9px;align-content:start;gap:11px;min-height:126px;padding:14px;display:grid}.st-mock-products strong{font-size:13px}.st-mock-products span:last-child{font-size:12px}.st-planner-mix{margin:28px 0}.st-planner-mix h3{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--band-muted)}.st-planner-foot{color:var(--band-muted);margin-top:18px;font-size:14px}.st-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.st-preset{border:1px solid var(--band-line);background:var(--band-raised);border-radius:10px;min-width:0;padding:18px}.st-preset h4{color:var(--band-fg);font:600 16px var(--sans);margin:0 0 10px}.st-preset p{color:var(--band-muted);margin:0 0 9px;font-size:13px;line-height:1.5}.st-preset strong{color:var(--band-fg);font-weight:600}.st-preset button{border:1px solid var(--band-accent);color:var(--band-accent);font:600 12px var(--sans);cursor:pointer;background:0 0;border-radius:6px;margin-top:6px;padding:8px 12px}.st-preset button[aria-pressed=true]{color:var(--band-bg);background:var(--band-accent)}.st-preset button:focus-visible{outline:2px solid var(--band-fg);outline-offset:3px}.st-order-count{color:var(--band-fg);font:500 13px var(--sans);gap:8px;margin:15px 0;display:grid}.st-order-count input{border:1px solid var(--band-line);width:100%;max-width:190px;color:var(--band-fg);background:var(--band-raised);font:500 14px var(--mono);border-radius:6px;padding:10px 12px}.st-order-count input:focus-visible{outline:2px solid var(--band-accent);outline-offset:2px}.st-monthly-table .fx-ptable{table-layout:fixed}.st-monthly-table .fx-ptable th:first-child{white-space:normal;overflow-wrap:anywhere;width:72%}.st-monthly-table .fx-ptable th:nth-child(2){width:28%}.st-monthly-table .fx-ptable td.num{white-space:normal;overflow-wrap:anywhere}@media (max-width:700px){.st-mock-products{grid-template-columns:repeat(2,minmax(0,1fr))}.st-presets{grid-template-columns:1fr}.st-monthly-table .fx-ptable thead{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.st-monthly-table .fx-ptable tbody tr{border-bottom:1px solid var(--band-line);padding:12px;display:block}.st-monthly-table .fx-ptable tbody tr:last-child{border-bottom:0}.st-monthly-table .fx-ptable tbody th,.st-monthly-table .fx-ptable tbody td{text-align:left;border:0;width:auto;padding:0;display:block}.st-monthly-table .fx-ptable tbody td{white-space:normal;overflow-wrap:normal;margin-top:5px}}
