Summary

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

Details

Page properties

Content

...	...	@@ -28,6 +28,35 @@
28	28	.asm-optional { background: #e8f0ff; border-left: 3px solid #3a5fa0; padding: 0.3rem 0.6rem; border-radius: 0 4px 4px 0; font-size: 12px; color: #3a5fa0; font-weight: bold; margin-bottom: 0.5rem; display: inline-block; }
29	29	.asm-warning { color: #c00; font-weight: bold; }
30	30	.asm h1 { font-size: 18px; margin-bottom: 0.25rem; }
	31	+@media (max-width: 600px) {
	32	+ /* Cards go full width and stack */
	33	+ .asm-parts { flex-direction: column; }
	34	+ .asm-part { flex: 1 1 100%; }
	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; }
	59	+}
31	31	</style>
32	32
33	33	<div class="asm">