/* Developers, phones only (<=899px). One frame per section, one claim plus one exhibit, centred;
   row lists and code stay left. Desktop figures give way to rows. */
@media (max-width:899px) {
  /* hero: one full-width button */
  main .developer-heading .lead { display:flex; align-items:baseline; justify-content:center; gap:8px; }
  main .developer-heading .lead .veriker-wordmark { height:13px; width:auto; align-self:baseline; transform:translateY(1px); }
  main .developer-actions { display:block; width:100%; margin-top:28px; }
  main .developer-actions .button { display:flex; width:100%; box-sizing:border-box; min-height:60px; }

  main .dv-frame h2 { font-family:PlexM,Plex,sans-serif; }
  main .dv-frame > div { display:flex; flex-direction:column; align-items:stretch; margin-top:0 !important; }
  main .dv-frame .m-sub { margin:12px 0 0; font-family:PlexM,Plex,sans-serif; }
  main .dv-frame .text-link { align-self:center; margin-top:22px; font-size:16px; }

  /* quickstart: the commands are the exhibit; the contract figure is desktop only */
  main .dv-start-grid { display:block; }
  main .dv-contract { display:none; }
  main .dv-terminal { align-items:stretch; }
  main .dv-code { width:100%; margin-top:24px; background:#f3f6f4; border-left:2px solid var(--m-ink); text-align:left; }
  main .dv-code pre { margin:0; padding:14px 16px; overflow-x:auto; white-space:pre; -webkit-overflow-scrolling:touch; font:400 15px/1.7 PlexMono,monospace; color:var(--m-ink); }
  main .dv-copy { position:static; display:flex; align-items:center; justify-content:center; width:100%; min-height:56px; border:0; border-top:1px solid var(--line); background:#fff; font:600 17px/1 PlexM,Plex,sans-serif; color:var(--m-ink); order:2; }
  main .dv-code { display:flex; flex-direction:column; }
  main .dv-code pre { order:1; }
  main .dv-result { margin-top:18px; font:400 16px/1.45 PlexM,Plex,sans-serif; color:var(--m-ink); text-align:center; text-wrap:balance; }

  /* nine runs: three verdict groups as one row list */
  main .dv-runs-grid { display:block; margin-top:24px; border-top:2px solid var(--m-ink); text-align:left; }
  main .dv-reject ul { display:block; }
  main .dv-run-head { display:flex; align-items:baseline; gap:12px; min-height:44px; padding:12px 0 0; box-sizing:border-box; border-bottom:1px solid var(--line); }
  main .dv-run-group + .dv-run-group .dv-run-head { padding-top:16px; min-height:48px; }
  main .dv-run-head b { font:600 18px/1.2 PlexM,Plex,sans-serif; }
  main .dv-run-head code { font:400 14px/1.2 PlexMono,monospace; color:var(--m-ink); }
  main .dv-run-group a { justify-content:flex-start; min-height:44px; font:400 16px/1.3 PlexM,Plex,sans-serif; color:var(--m-ink); }
  main .dv-fine { margin-top:16px; }

  /* build on it: roles and steps as rows */
  main .dv-build-figure { margin-top:24px; text-align:left; }
  main .dv-build-figure svg { display:none !important; }
  main .dv-tier { margin:0; padding:0 0 8px; border-bottom:2px solid var(--m-ink); font:600 16px/1.3 PlexM,Plex,sans-serif; }
  main .dv-roles + .dv-tier { margin-top:22px; }
  main .dv-roles, main .dv-steps { display:block; max-width:none; }
  main .dv-build-figure li { display:grid; grid-template-columns:100px minmax(0,1fr); column-gap:12px; align-items:baseline; min-height:44px; padding:11px 0 0; box-sizing:border-box; border-bottom:1px solid var(--line); text-align:left; }
  main .dv-build-figure li b { margin:0; font:600 17px/1.3 PlexM,Plex,sans-serif; color:var(--m-ink); }
  main .dv-build-figure li span { margin:0; font:400 16px/1.3 PlexM,Plex,sans-serif; color:var(--m-ink); }
  main .dv-build-figure figcaption { margin-top:16px; font:400 14px/1.4 PlexM,Plex,sans-serif; color:var(--m-ink); text-align:center; }

  /* references: a tap list */
  main .dv-refs-list { max-width:none; margin-top:24px; border-top:2px solid var(--m-ink); text-align:left; }
  main .gd-ink .dv-refs-list { border-top-color:rgba(255,255,255,.85); } /* 13 Oct review: an ink rule vanished on the ink ground */
  main .dv-refs-list a { min-height:56px; font:500 18px/1.3 PlexM,Plex,sans-serif; color:var(--m-ink); }

  /* 13 Oct mobile pass: every group head is one 44px row; short phones (375x667) tighten the frame,
     and Build on it drops the OK caption that the result frame above already states */
  main .dv-run-group + .dv-run-group .dv-run-head { padding-top:12px; min-height:44px; }
  main .dv-code pre { font-size:15px; line-height:1.8; padding:18px 16px; }
  main .dv-refs-list a { min-height:64px; font-size:20px; }
  @media (max-width:374px) { main .dv-refs-list a { font-size:18px; } } /* 360 wide: the home-page link stays one line like its siblings */
  @media (max-height:700px) {
    main .dv-runs.m-screen, main .dv-build.m-screen { padding:20px var(--m-pad) 20px !important; }
    main .dv-runs .m-sub { display:none; }
    main .dv-runs-grid { margin-top:14px; }
    main .dv-fine { margin-top:10px; }
    main .dv-run-head, main .dv-run-group + .dv-run-group .dv-run-head { min-height:36px; padding-top:8px; }  /* heads are labels, not taps */
    main .dv-build-figure figcaption { display:none; }
    main .dv-build-figure { margin-top:16px; }
  }
}

/* draft15 (13 Oct 2026): What a result means is one table of three rows; Build on it leads with a flow figure
   (record in, rule held by the receiver, exit code out) and keeps the five steps behind one tap; the close books a call. */
@media (max-width:899px) {
  main #means > .row-list { display:block; width:100%; margin:20px 0 0; padding:0; list-style:none; border-top:2px solid var(--m-ink); text-align:left; }
  main #means > .row-list > li:not(.dv-m-row) { display:none !important; }
  main #means > .row-list > li.dv-m-row { display:block !important; padding:12px 0; border-bottom:1px solid var(--line); }
  main #means > .row-list > li.dv-m-row h3 { margin:0; font-weight:600; font-size:18px !important; line-height:1.25; color:var(--m-ink); }
  main #means > .row-list > li.dv-m-row p { margin:4px 0 0; font-size:16px; line-height:1.4; color:var(--m-ink); }
  @media (max-height:700px) { main #means > .row-list > li.dv-m-row p { display:none; } main #means > .row-list { margin-top:14px; } }
  main .dv-m-table { display:block; width:100%; margin-top:28px; border-collapse:collapse; text-align:left; color:var(--m-ink); }
  main .dv-m-table thead, main .dv-m-table tbody { display:block; }
  main .dv-m-table tr { display:grid; grid-template-columns:minmax(0,1fr) 92px 44px; align-items:baseline; column-gap:8px; }
  main .dv-m-table thead tr { padding-bottom:8px; border-bottom:2px solid var(--m-ink); }
  main .dv-m-table thead th { font-weight:500; font-size:14px; line-height:1.2; }
  main .dv-m-table tbody tr { padding:20px 0; border-bottom:1px solid var(--line); }
  main .dv-m-table tbody th { font-weight:600; font-size:24px; line-height:1.15; letter-spacing:-.015em; }
  main .dv-m-table td { font-size:18px; line-height:1.2; }
  main .dv-m-table td b { font-family:PlexMono,monospace; font-weight:600; font-size:17px; }
  main .dv-m-table tr > :nth-child(3) { text-align:right; }
  main .dv-m-table .dv-m-mean { grid-column:1 / -1; margin-top:8px; font-size:17px; line-height:1.35; }
  main .dv-m-table .dv-ok th, main .dv-m-table .dv-ok b { color:#17834f; }
  main .dv-m-table .dv-reject th, main .dv-m-table .dv-reject b { color:#c22a39; }
  main .dv-m-table .dv-error th, main .dv-m-table .dv-error b { color:#3f5874; }
  main .dv-m-line { width:100%; margin:20px 0 0; font-size:16px; line-height:1.45; color:var(--m-ink); text-align:left; }
  @media (max-height:700px) { main .dv-m-table { margin-top:20px; } main .dv-m-table tbody tr { padding:12px 0; } main .dv-m-table tbody th { font-size:22px; } }

  main .dv-build .dv-build-figure { display:none; }
  main .dv-flow { display:flex; flex-direction:column; align-items:stretch; width:100%; margin:24px 0 0; text-align:left; color:var(--m-ink); }
  main .dv-flow-node { display:flex; flex-direction:column; padding:12px 0; border-top:1px solid var(--m-ink); }
  main .dv-flow-node > b, main .dv-flow-rule > b { font-weight:600; font-size:18px; line-height:1.25; }
  main .dv-flow-node > span, main .dv-flow-rule > span { font-size:16px; line-height:1.35; }
  main .dv-flow-rule { display:flex; flex-direction:column; margin-top:10px; padding:2px 0 2px 12px; border-left:3px solid var(--m-green); }
  main .dv-flow-edge { position:relative; align-self:center; width:2px; height:32px; background:var(--m-ink); }
  main .dv-flow-edge::after { content:""; position:absolute; left:-6px; bottom:-1px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:9px solid var(--m-ink); }
  main .dv-flow-out { margin:6px 0 0; font-weight:600; font-size:18px; line-height:1.3; text-align:center; }
  main .dv-m-steps { width:100%; margin-top:20px; border-top:2px solid var(--m-ink); border-bottom:1px solid var(--line); text-align:left; }
  main .dv-m-steps summary { display:flex; align-items:center; justify-content:space-between; min-height:48px; cursor:pointer; list-style:none; font-weight:600; font-size:17px; color:var(--m-ink); }
  main .dv-m-steps summary::-webkit-details-marker { display:none; }
  main .dv-m-steps summary::after { content:"+"; font-size:19px; line-height:1; }
  main .dv-m-steps[open] summary::after { content:"\2212"; }
  main .dv-m-steps ol { list-style:none; margin:0; padding:0 0 8px; }
  main .dv-m-steps li { display:grid; grid-template-columns:100px minmax(0,1fr); column-gap:12px; align-items:baseline; padding:10px 0; border-top:1px solid var(--line); font-size:16px; line-height:1.3; color:var(--m-ink); }
  main .dv-m-steps li b { font-weight:600; font-size:17px; }
  @media (max-height:700px) { main .dv-flow { margin-top:16px; } main .dv-flow-node { padding:8px 14px; } main .dv-flow-edge { height:22px; } main .dv-m-steps { margin-top:14px; } }

  main #contact .contact-copy .text-link.m-only { display:inline-flex; align-items:center; gap:10px; }
}

/* draft16 fit pass: the two rule rows follow the table; the closing line drops on short phones */
@media (max-width:899px) {
  main #means > h2 { order:0; }
  main #means > .dv-m-table { order:1; }
  main #means > .row-list { order:2; margin-top:0; border-top:0; }
  main #means > .dv-m-line { order:3; }
  main #means > .row-list > li.dv-m-row p { display:block !important; }
  @media (max-height:800px) { main #means > .dv-m-line { display:none; } main #means > .row-list > li.dv-m-row { padding:10px 0; } main .dv-m-table tbody tr { padding:12px 0; } }
}