
.sf-hero-job { margin-bottom: 0.9em; }
.sf-hero .k-pick { margin-top: 0.5em; }
.sf-hero .sf-trail-note { margin-bottom: 1.1em; }
.sf-hero .sf-queue { grid-template-columns: repeat(2, minmax(0, 1fr)); opacity: 0.6; }
@media (min-width: 40em) { .sf-hero .sf-queue { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sf-answer { display: grid; gap: 0.6em; }
.js [data-step="2"] .sf-yes { animation: kPress 0.5s var(--ease-out) both; box-shadow: 0 0 0 0.3em var(--green-bg); }
.sf-trail-note { margin-top: 0.8em; font-size: 0.86em; }
.sf-weights { display: flex; gap: 3px; margin-top: var(--space-6); max-width: 34em; }
.sf-weights span { flex: var(--w) 1 0; min-width: 0; padding-top: var(--space-3); border-top: 4px solid var(--orange); font-size: var(--text-xs); line-height: 1.3; color: var(--ink-mute); }
.sf-weights span:nth-child(2) { border-top-color: var(--orange-light); }
.sf-weights span:nth-child(3) { border-top-color: var(--ink-faint); }
.sf-weights span:nth-child(4) { border-top-color: var(--line-strong); }
.sf-weights b { display: block; font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); letter-spacing: var(--track-display); color: var(--ink); }
.js .sf-weights span { transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.8s var(--ease-out); }
.js .sf-weights.is-in span { transform: none; }
.js .sf-weights.is-in span:nth-child(2) { transition-delay: 0.38s; }
.js .sf-weights.is-in span:nth-child(3) { transition-delay: 0.56s; }
.js .sf-weights.is-in span:nth-child(4) { transition-delay: 0.7s; }
.sf-modal-wrap { width: 100%; display: grid; justify-items: center; }
.sf-bot { display: inline-block; width: 1.2em; height: 1.2em; margin-right: 0.5em; border-radius: 0.35em; vertical-align: -0.2em; background: linear-gradient(135deg, var(--orange-light), var(--orange-deep)); }
.sf-count { font-size: 0.9em; }
.page-shift-fill .k-pick li > em { min-width: 4.4em; text-align: right; }
.sf-cols { display: flex; justify-content: flex-end; gap: 0.75em; margin-top: -0.4em; padding-right: 0.75em; font-size: 0.74em; }
.sf-cols span { min-width: 5.2em; text-align: right; }
.sf-phones { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.75rem, 3vw, 2rem); align-items: start; max-width: 34rem; margin-inline: auto; }
.sf-phones .phone { width: 100%; }
.sf-tiers .k-pick-rule:first-of-type { margin-top: 0; }
.sf-wait { display: grid; gap: 0.4em; margin: 0.9em 0 0.3em; font-size: 0.86em; color: var(--app-text-3); }
.sf-wait-bar { height: 0.45em; border-radius: 1em; background: var(--app-bg-alt); overflow: hidden; }
.sf-wait-bar i { display: block; height: 100%; border-radius: 1em; background: linear-gradient(90deg, var(--orange-light), var(--orange-deep)); transform-origin: 0 50%; transition: transform 1.5s linear; }
.js [data-step="0"] .sf-wait-bar i { transform: scaleX(0); transition: none; }
.js [data-step="1"] .sf-wait-bar i { transform: scaleX(0.4); }
.js [data-step="2"] .sf-wait-bar i { transform: scaleX(0.8); }
.js [data-step="0"] .sf-tier2 li, .js [data-step="1"] .sf-tier2 li, .js [data-step="2"] .sf-tier2 li, .js [data-step="3"] .sf-tier2 li { opacity: 0.55; }
.sf-tier2 li { transition: opacity 0.4s var(--ease-smooth); }
.sf-release { display: flex; justify-content: flex-end; margin-top: 0.9em; }
.js [data-step="3"] .sf-release .k-btn--primary { animation: kPulse 1.2s ease-in-out infinite; }
.sf-gates { display: grid; gap: var(--space-4); align-items: start; }
@media (min-width: 40em) { .sf-gates { grid-template-columns: 1fr 1fr; } }
.gate.sf-gate { position: static; width: auto; box-shadow: var(--shadow); }
.sf-gate--no .gate-yes { color: var(--amber-text); background: var(--amber-bg); }
.sf-gate--no .gate-checks li.sf-fail { font-weight: 600; color: var(--red-text); }
.sf-gate--no .gate-checks li.sf-fail::before { content: "×"; font-size: 1em; background: var(--red-text); }
.sf-gate--no .gate-result { font-weight: 600; color: var(--red-text); background: var(--red-bg); }
.js .gate.sf-gate--no.is-live .gate-result { animation-delay: 2s; }
.sf-audit td:nth-child(2) { color: var(--app-text-3); }
.sf-noshow { transition: background-color 0.4s; }
.js [data-step="2"] .sf-noshow, .js [data-step="3"] .sf-noshow, .js [data-step="4"] .sf-noshow, [data-steps]:not([data-step]) .sf-noshow { background: var(--red-bg); border-color: transparent; }
@media (max-width: 29.99em) { .sf-weights span { flex: 1 1 0; } }
.jp-screen .sf-phones { max-width: 27rem; }
.jp-screen .sf-gates { max-width: 38rem; }
.jp .sf-weights { margin-top: 0; }
.sf-tier-cols { display: grid; gap: 0 1.2em; }
@media (min-width: 30em) { .sf-tier-cols { grid-template-columns: 1fr 1fr; } }
.sf-tier-cols .k-pick-rule { margin-top: 0; }
.jp-screen--plain .k-ba { width: 100%; }
.jp-screen .k-modal--wide { width: min(100%, 36em); }
