/* v2/status.mobile.css — hanya HP (< 768px) */
.st2-top { padding: 18px 16px; margin-top: 0; }
.st2-intro h1 { font-size: 22px; }
.st2-intro p { font-size: 13.5px; }
.st2-search { flex-direction: column; }
.st2-search input { flex: none; width: 100%; }
.st2-search-ic { top: 24px; }
.st2-search button { width: 100%; }
.st2-flow { padding: 18px 16px; }
.st2-flow-head { flex-direction: column; align-items: flex-start; }
.st2-flow-head .v2-btn { width: 100%; }
.st2-flow ol { display: grid; gap: 0; }
.st2-flow li { display: grid; grid-template-columns: 26px 1fr; column-gap: 12px; padding-bottom: 14px; position: relative; }
.st2-flow li:not(:last-child)::before { content: ""; position: absolute; left: 13px; top: 28px; bottom: 2px; width: 1px; background: var(--v2-line); }
.st2-flow li b { grid-row: 1 / span 2; }