/* v2.25 audit fixes (Claude Code, chat "Mainfront site full workflow", 2026-10-27). Linked LAST on every page. Layout/accessibility only: no text, price or color changes. */
/* R1/R2: "How it works" cards could not shrink (1fr = min-content), so they ran off the screen on tablets 761-900px and phones under 414px.
   Tablets now stack them like phones (centered); 1000px+ keeps the original 3-across layout. */
@media(max-width:999.98px){.process-track>.process-node{min-width:0}}
@media(max-width:760.98px){.process-track{grid-template-columns:minmax(0,1fr)}}
@media(min-width:761px) and (max-width:999.98px){.process-track{grid-template-columns:minmax(0,1fr);max-width:640px;margin-left:auto;margin-right:auto}}
/* Dominate mini-chart: Reach / Engage / Return wrap to a second row instead of clipping "Return" on narrow cards */
@media(max-width:999.98px){.mf-mini-results>div{flex-wrap:wrap;row-gap:8px}.mf-mini-results>div>span{flex:1 1 88px;min-width:0}}
/* Automate mini-diagram: step 03 was cut off on 320px phones */
.mf-mini-workflow>div>span{min-width:0}
@media(max-width:360.98px){.mf-mini-workflow>div{padding:14px 6px;gap:2px}.mf-mini-workflow>div>span{padding:7px 3px}.mf-mini-workflow b{font-size:11px}}
/* R3: pricing "One-time builds" panel spilled past its border at 320px */
@media(max-width:760.98px){.build-prices{grid-template-columns:minmax(0,1fr)}.build-prices>*{min-width:0}}
@media(max-width:360.98px){.range-list{grid-template-columns:minmax(0,1fr)}.range-list>div{min-width:0}}
/* R4: home "Business pulse" sample window: keep the SAMPLE DATA tag, URL and legend inside the window on phones */
.pk-win-bar{min-width:0}
.pk-win-bar .pk-url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-win-bar .pk-win-tag{flex:none;margin-left:auto}
@media(max-width:430.98px){.pk-win-bar{flex-wrap:wrap;row-gap:8px}.pk-win-bar .pk-win-tag{margin-left:0}}
@media(max-width:480.98px){.pk-card-head{flex-wrap:wrap;row-gap:4px}}
@media(max-width:360.98px){.pk-main-head{flex-wrap:wrap;align-items:flex-start}.pk-main-head>div:first-child{flex:1 1 100%}.pk-feed li{gap:8px;min-width:0}.pk-feed p b{white-space:normal;overflow-wrap:break-word}}
@media(max-width:360.98px){.pk-demo-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pk-demo-kpis>*{min-width:0}}
/* R5: donut legend percentages were cut off at 761-999px */
@media(min-width:761px) and (max-width:999.98px){.pk-donut-body{grid-template-columns:minmax(0,1fr)}.pk-donut-body>svg{max-width:110px;margin:0 auto}}
/* R6: bigger tap targets in the footer on phones */
@media(max-width:760.98px){.footer-meta a{display:inline-block;padding:12px 0}.pk-motion-toggle{min-height:36px}}
/* A11Y-04: phone tab row clipped the keyboard focus ring; draw it inside */
@media(max-width:760.98px){.topbar .main-nav>a:focus-visible{outline-offset:-3px}}
/* A11Y-06: stronger focus glow on contact form fields */
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{box-shadow:0 0 0 3px rgba(13,226,255,.55)}
/* A11Y-03: the DEMO / Illustrative labels were 7-9px; floor them at 10-11px */
.mf-dash-status{font-size:11px!important}.mf-dash-status>b,.mf-dash-pipeline header span,.mf-dash-pipeline header small,.mf-dash-pipeline header em{font-size:10px!important}
/* A11Y-01/PERF-1: "Pause motion" now also stops the SMIL atom electrons (same swap the reduced-motion setting already uses) */
html.pk-paused .mf-atom .mf-e-run{display:none}html.pk-paused .mf-atom .mf-e-still{display:inline}