|
166 | 166 | html { scroll-behavior: smooth; } |
167 | 167 | .results-grid img { width: 100%; height: auto; } |
168 | 168 | .section.is-light h2 { color: #1f2937; } |
169 | | - .hero-asset { max-width: 760px; margin: 0 auto; display: block; border-radius: 0.5rem; } |
| 169 | + .hero-asset { width: 100%; max-width: 760px; margin: 0 auto; display: block; border-radius: 0.5rem; } |
| 170 | + |
| 171 | + /* ---- Mobile responsiveness ---- */ |
| 172 | + img { max-width: 100%; height: auto; } |
| 173 | + figure { max-width: 100%; margin-left: 0; margin-right: 0; } |
| 174 | + /* MathJax display equations can be wider than the viewport — let them scroll. */ |
| 175 | + mjx-container[display="true"], |
| 176 | + mjx-container[jax="SVG"][display="true"] { |
| 177 | + overflow-x: auto; |
| 178 | + overflow-y: hidden; |
| 179 | + max-width: 100%; |
| 180 | + } |
| 181 | + /* Bulma's columns default to side-by-side; on small screens collapse Why-α-PFN-style grids. */ |
| 182 | + @media (max-width: 768px) { |
| 183 | + .container.is-max-desktop { padding-left: 1rem; padding-right: 1rem; } |
| 184 | + .title.is-1 { font-size: 1.7rem !important; } |
| 185 | + .title.is-3 { font-size: 1.35rem !important; } |
| 186 | + .publication-title { line-height: 1.22; } |
| 187 | + .publication-authors { font-size: 0.92rem !important; } |
| 188 | + .publication-links .link-block { display: inline-block; margin: 0.2rem; } |
| 189 | + .pip-pill { font-size: 0.82rem; max-width: 100%; overflow-x: auto; white-space: nowrap; } |
| 190 | + pre.code-block { font-size: 0.72rem; padding: 0.7rem 0.8rem; } |
| 191 | + .figure-caption { font-size: 0.82rem; } |
| 192 | + .hero-body { padding-left: 1rem; padding-right: 1rem; } |
| 193 | + table { display: block; overflow-x: auto; } |
| 194 | + } |
170 | 195 | </style> |
171 | 196 | </head> |
172 | 197 | <body> |
|
0 commit comments