Phone 320px: list grids with a 290-420px minimum column use minmax(min(N, 100%), 1fr), so a single column fits a 320px screen (#77)

ddiff --git a/apps/food/public/css/style.css b/apps/food/public/css/style.css
iindex 5ca1bf3..c48dfa1 100644
---- a/apps/food/public/css/style.css
++++ b/apps/food/public/css/style.css
@@@ -97,7 +97,7 @@ body { min-height:100%; font-family:var(--font); background:var(--bg); color:var
  .panel-desc { font-size:12px; color:var(--text-muted); margin-top:4px; }
  
  /* Cards */
--.card-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:12px; }
++.card-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap:12px; }
  .card {
    background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius);
    padding:16px; transition:0.15s;
ddiff --git a/apps/text/public/case.html b/apps/text/public/case.html
iindex 17b0fc9..1f45037 100644
---- a/apps/text/public/case.html
++++ b/apps/text/public/case.html
@@@ -39,7 +39,7 @@
              </div>
          </div>
  
--        <div id="output" class="output-grid" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));"></div>
++        <div id="output" class="output-grid" style="grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));"></div>
  
          <div id="ov-footer" data-related="Fancy Text|https://fancy.openvibe.tools;Text Cleaner|https://clean.openvibe.tools;Text Counter|https://count.openvibe.tools"></div>
      </div>
ddiff --git a/apps/text/public/ice.html b/apps/text/public/ice.html
iindex bdb9383..5eebf1a 100644
---- a/apps/text/public/ice.html
++++ b/apps/text/public/ice.html
@@@ -36,7 +36,7 @@
          .alert-banner p { color: #fef2f2; margin: 0; line-height: 1.5; }
          .alert-banner strong { color: #fff; }
  
--        .rights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
++        .rights-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 16px; }
          .rights-card {
              background: var(--bg-secondary);
              border: 1px solid var(--border);
ddiff --git a/apps/text/public/wordmark.html b/apps/text/public/wordmark.html
iindex 957b755..ecbf08d 100644
---- a/apps/text/public/wordmark.html
++++ b/apps/text/public/wordmark.html
@@@ -22,7 +22,7 @@
      <link rel="stylesheet" href="/css/shared.css">
      <script src="/shared/theme-loader.js" defer></script>
      <style>
--        .wordmark-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5rem; margin-top: 2rem; }
++        .wordmark-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 1.5rem; margin-top: 2rem; }
          .wm-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; cursor: pointer; transition: all .2s; }
          .wm-card:hover { border-color: var(--accent); transform: translateY(-2px); }
          .wm-preview { padding: 2rem 1.5rem; display: flex; align-items: center; justify-content: center; min-height: 100px; background-image: linear-gradient(45deg, #111 25%, transparent 25%), linear-gradient(-45deg, #111 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #111 75%), linear-gradient(-45deg, transparent 75%, #111 75%); background-size: 12px 12px; background-position: 0 0, 0 6px, 6px -6px, -6px 0; }