====== Mobile-Friendly Trading Wiki ======
// Install the ''Mobile Template'' plugin first: [[https://www.dokuwiki.org/plugin:mobiletemplate|MobileTemplate Plugin]] //

===== Viewport Setup =====
<code html>
~~META~~ viewport ~~"~~width=device-width, initial-scale=1.0~~"~~
</code>

===== Responsive Tables =====
<code>
**Before (Desktop-Only):**
^ Strategy       ^ Indicators                 ^ Target Win Rate ^
| Covered Calls | IV Rank + Volume Profile   | 85%             |

**After (Mobile-Friendly):**
<responsive>
^ Strategy       ^ Indicators                 ^ Target Win Rate ^
| Covered Calls | IV Rank + Volume Profile   | 85%             |
</responsive>
</code>

===== Collapsible Sections =====
<code>
<collapse MobileView|Key Metrics>
^ Metric          ^ Ideal Value ^
| Win Rate        | ≥60%        |
| Avg Risk/Reward | 1:2         |
</collapse>
</code>

===== Touch-Friendly Elements =====
<code>
**Button Example:**
<btn type="success" size="small" icon="fa-check">[[journal|Add Trade]]</btn>

**Swipe Navigation:**
~~NAVIGATION~~ mobile ~~"~~swipe:yes~~"~~
</code>

===== Mobile-Specific CSS =====
<file css mobile.css>
/* Force readable font sizes */
body.mobile {
  font-size: 16px !important;
  line-height: 1.6;
}

/* Compact tables */
.mobile table.responsive {
  font-size: 14px;
  overflow-x: auto;
}

/* Tap targets */
.mobile a {
  min-width: 44px;
  min-height: 44px;
}
</file>