Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -29,9 +29,33 @@
29	29	.asm-warning { color: #c00; font-weight: bold; }
30	30	.asm h1 { font-size: 18px; margin-bottom: 0.25rem; }
31	31	@media (max-width: 600px) {
	32	+ /* Cards go full width and stack */
32	32	.asm-parts { flex-direction: column; }
33	33	.asm-part { flex: 1 1 100%; }
34		- .asm-part-img img { max-width: 100%; max-height: none; }
	35	+
	36	+ /* Card image fills the full card width */
	37	+ .asm-part-img { min-height: unset; padding: 1rem; }
	38	+ .asm-part-img img { max-width: 100%; max-height: none; width: 100%; height: auto; }
	39	+
	40	+ /* Step body stacks vertically */
	41	+ .asm-step-body { flex-direction: column; }
	42	+
	43	+ /* All figures go full width */
	44	+ .asm-step-figure { flex: 1 1 100%; }
	45	+ .asm-step-figure img { max-width: 100%; width: 100%; }
	46	+
	47	+ /* Multiple figures stack vertically */
	48	+ .asm-figures { flex-direction: column; flex: 1 1 100%; }
	49	+
	50	+ /* Header text wraps better */
	51	+ .asm-step-name { font-size: 13px; }
	52	+ .asm-step-num { font-size: 13px; padding: 0.6rem 0.6rem; }
	53	+
	54	+ /* Full-width sections scroll horizontally if needed */
	55	+ .asm-fullwidth { overflow-x: auto; }
	56	+
	57	+ /* Ref tables scroll horizontally */
	58	+ .ref-table { min-width: 400px; }
35	35	}
36	36	</style>
37	37